@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&family=Montserrat:wght@600;700;800&display=swap');

:root{
  --kp-ink:#25303a;
  --kp-cream:#fff5dd;
  --kp-yellow:#f4df49;
  --kp-coral:#ff765f;
  --kp-mint:#72d6c5;
  --kp-sky:#8ccde7;
  --kp-purple:#8069b3;
  --kp-pink:#f4a8bf;
  --kp-green:#9ecb8b;
  --kp-white:#fffdf7;
  --kp-line:rgba(37,48,58,.18);
  --kp-shadow:0 18px 45px rgba(51,45,36,.12);
  --kp-jp:'M PLUS Rounded 1c','Hiragino Maru Gothic ProN','Yu Gothic',sans-serif;
  --kp-num:'Montserrat','Arial Black',sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.special-pop-v7{margin:0;background:var(--kp-cream);color:var(--kp-ink);font-family:var(--kp-jp);line-height:1.75;overflow-x:hidden}
.special-pop-v7 a{color:inherit;text-decoration:none}
.special-pop-v7 img{display:block;width:100%;height:100%;object-fit:cover}
.special-pop-v7 button{font:inherit;color:inherit}
.special-pop-v7 figure,.special-pop-v7 blockquote{margin:0}
.special-pop-v7 h1,.special-pop-v7 h2,.special-pop-v7 h3,.special-pop-v7 p{overflow-wrap:break-word;word-break:normal;line-break:strict}

.kp-progress{position:fixed;z-index:180;left:0;right:0;top:0;height:5px;background:rgba(255,255,255,.42)}
.kp-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--kp-coral),var(--kp-yellow),var(--kp-mint),var(--kp-purple));transition:width .1s linear}

.kp-header{position:fixed;z-index:160;top:14px;left:18px;right:18px;min-height:62px;padding:9px 11px 9px 18px;display:flex;align-items:center;gap:24px;background:rgba(255,245,221,.91);border:2px solid var(--kp-ink);box-shadow:5px 5px 0 rgba(37,48,58,.14);backdrop-filter:blur(12px)}
.kp-brand{display:grid;line-height:1.25;min-width:max-content}
.kp-brand strong{font-size:14px;font-weight:800;letter-spacing:.03em}
.kp-brand span{margin-top:3px;font-size:8px;font-weight:500;opacity:.65}
.kp-desktop-nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.kp-desktop-nav a{padding:8px 10px;font-size:9px;font-weight:700;border-radius:999px;transition:background .25s,transform .25s}
.kp-desktop-nav a:hover{background:var(--kp-yellow);transform:translateY(-2px)}
.kp-header-actions{display:flex;align-items:center;gap:8px}
.kp-official{font-size:8px;font-weight:700;padding:8px 11px;border:1px solid var(--kp-ink);background:var(--kp-white);white-space:nowrap}
.kp-menu{width:42px;height:42px;border:2px solid var(--kp-ink);background:var(--kp-coral);display:grid;place-content:center;gap:6px;cursor:pointer;box-shadow:3px 3px 0 var(--kp-ink)}
.kp-menu i{display:block;width:18px;height:2px;background:var(--kp-ink)}

.kp-nav{position:fixed;z-index:175;inset:0;background:var(--kp-purple);padding:90px max(24px,8vw) 50px;color:var(--kp-white)}
.kp-nav[hidden]{display:none!important}
.kp-nav-close{position:absolute;right:28px;top:26px;width:50px;height:50px;border:2px solid var(--kp-white);background:var(--kp-yellow);color:var(--kp-ink);font-size:30px;line-height:1;cursor:pointer;box-shadow:4px 4px 0 var(--kp-white)}
.kp-nav-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;max-width:1000px;margin:auto}
.kp-nav-list a{min-height:105px;padding:20px 22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.28);display:flex;flex-direction:column;justify-content:flex-end;transition:background .25s,transform .25s}
.kp-nav-list a:hover{background:var(--kp-yellow);color:var(--kp-ink);transform:translate(-4px,-4px)}
.kp-nav-list b{font-size:18px;line-height:1.45}
.kp-nav-list span{margin-top:7px;font-size:9px;opacity:.72}

.kp-hero{position:relative;min-height:100svh;padding:105px 4vw 58px;background:linear-gradient(130deg,#fff0bd 0 52%,#ffd9cf 52% 100%);overflow:hidden}
.kp-hero:before{content:'';position:absolute;left:-3vw;top:16vh;width:20vw;height:20vw;min-width:180px;min-height:180px;border:3px dashed rgba(37,48,58,.17);border-radius:50%;animation:kpSpin 24s linear infinite}
.kp-hero:after{content:'';position:absolute;right:-4vw;bottom:7vh;width:17vw;height:17vw;min-width:150px;min-height:150px;background:var(--kp-mint);border-radius:46% 54% 60% 40%;opacity:.7;animation:kpBlob 7s ease-in-out infinite}
.kp-hero-copy{position:relative;z-index:5;width:min(520px,43vw);padding:38px 34px 34px;background:var(--kp-white);border:2px solid var(--kp-ink);box-shadow:8px 8px 0 var(--kp-ink);transform:rotate(-1deg);margin-top:6vh}
.kp-label-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}
.kp-label-row span{padding:6px 9px;border:1px solid var(--kp-ink);background:var(--kp-yellow);font-size:8px;font-weight:800;line-height:1.2}
.kp-label-row span:nth-child(2){background:var(--kp-mint)}
.kp-hero-copy h1{margin:0;font-size:clamp(30px,3.2vw,48px);line-height:1.35;letter-spacing:.03em;font-weight:800;text-wrap:balance}
.kp-hero-copy>p{margin:20px 0 0;font-size:11px;line-height:2;max-width:430px}
.kp-hero-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.kp-hero-buttons a{padding:10px 14px;border:2px solid var(--kp-ink);font-size:9px;font-weight:800;background:var(--kp-coral);box-shadow:3px 3px 0 var(--kp-ink);transition:transform .2s,box-shadow .2s}
.kp-hero-buttons a:nth-child(2){background:var(--kp-sky)}
.kp-hero-buttons a:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--kp-ink)}

.kp-hero-stage{position:absolute;z-index:3;right:3vw;top:105px;width:54vw;height:calc(100svh - 165px);min-height:610px}
.kp-hero-product,.kp-hero-life{position:absolute;overflow:hidden;border:2px solid var(--kp-ink);box-shadow:7px 7px 0 var(--kp-ink);transition:translate .5s ease,rotate .5s ease,transform .5s ease}
.kp-hero-product img{object-fit:contain;background:rgba(255,255,255,.2)}
.kp-hero-product-y{left:7%;top:3%;width:42%;height:57%;background:#e9efd9;rotate:-4deg;animation:kpFloatA 6s ease-in-out infinite}
.kp-hero-product-h{right:2%;top:17%;width:35%;height:48%;background:#d9edf3;rotate:5deg;animation:kpFloatB 7.4s ease-in-out infinite}
.kp-hero-life-y{left:1%;bottom:0;width:37%;height:30%;rotate:2deg;animation:kpFloatB 8.2s ease-in-out infinite}
.kp-hero-life-h{right:18%;bottom:1%;width:31%;height:27%;rotate:-3deg;animation:kpFloatA 7s ease-in-out infinite}
.kp-sticker{position:absolute;z-index:6;border:2px solid var(--kp-ink);box-shadow:4px 4px 0 var(--kp-ink)}
.kp-sticker-monitor{right:2%;bottom:9%;width:148px;padding:12px 14px;background:var(--kp-yellow);rotate:6deg;animation:kpWiggle 5s ease-in-out infinite}
.kp-sticker-monitor span,.kp-sticker-monitor strong{display:block}
.kp-sticker-monitor span{font-size:8px;font-weight:700}
.kp-sticker-monitor strong{font-size:20px;line-height:1.25;margin-top:3px}
.kp-sticker-four{left:43%;top:4%;display:grid;grid-template-columns:repeat(2,18px);gap:5px;padding:9px;background:var(--kp-white);rotate:8deg}
.kp-sticker-four i{width:18px;height:18px;border:1px solid var(--kp-ink)}
.kp-sticker-four i:nth-child(1){background:#d7e8a8}.kp-sticker-four i:nth-child(2){background:#9db8d2}.kp-sticker-four i:nth-child(3){background:#b7a5cc}.kp-sticker-four i:nth-child(4){background:#f2a06b}
.kp-bubble{position:absolute;border-radius:50%;border:2px solid var(--kp-ink);opacity:.9;animation:kpBubble 6s ease-in-out infinite}
.kp-bubble-1{width:45px;height:45px;background:var(--kp-coral);left:51%;top:48%}
.kp-bubble-2{width:28px;height:28px;background:var(--kp-yellow);left:46%;top:57%;animation-delay:-2s}
.kp-bubble-3{width:65px;height:65px;background:var(--kp-purple);right:8%;top:2%;animation-delay:-4s}
.kp-hero-strip{position:absolute;left:0;right:0;bottom:0;height:38px;overflow:hidden;border-top:2px solid var(--kp-ink);border-bottom:2px solid var(--kp-ink);background:var(--kp-mint)}
.kp-hero-strip>div{width:max-content;height:100%;display:flex;align-items:center;gap:18px;padding-left:18px;animation:kpTicker 26s linear infinite}
.kp-hero-strip span{font-size:9px;font-weight:800;white-space:nowrap}
.kp-hero-strip i{width:7px;height:7px;border-radius:50%;background:var(--kp-coral);border:1px solid var(--kp-ink)}

.kp-products{padding:100px 4vw 115px;background:#fff9ec;position:relative}
.kp-products:before{content:'';position:absolute;right:5%;top:60px;width:90px;height:90px;background:repeating-linear-gradient(45deg,var(--kp-yellow) 0 8px,transparent 8px 16px);opacity:.55;rotate:10deg}
.kp-section-intro{max-width:720px;display:grid;grid-template-columns:130px minmax(0,1fr);gap:0 28px;align-items:start}
.kp-kicker{grid-row:1/3;font-size:10px;font-weight:800;padding-top:7px;border-top:3px solid var(--kp-ink)}
.kp-section-intro h2{margin:0;font-size:clamp(25px,2.8vw,40px);line-height:1.45;font-weight:800;text-wrap:balance}
.kp-section-intro p{margin:12px 0 0;font-size:10px;line-height:1.9;max-width:580px}
.kp-product-board{margin-top:55px;display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:start}
.kp-product-card{border:2px solid var(--kp-ink);box-shadow:8px 8px 0 var(--kp-ink);background:var(--kp-white);transform-style:preserve-3d;transition:transform .22s ease}
.kp-product-card-h{margin-top:95px}
.kp-product-photo-wrap{position:relative;height:520px;overflow:hidden;border-bottom:2px solid var(--kp-ink)}
.kp-product-card-y .kp-product-photo-wrap{background:var(--kp-yellow)}
.kp-product-card-h .kp-product-photo-wrap{background:var(--kp-sky)}
.kp-product-photo{position:absolute;inset:5% 16% 10%;z-index:2}
.kp-product-photo img{object-fit:contain}
.kp-product-mini{position:absolute;z-index:3;right:4%;bottom:4%;width:34%;height:29%;border:2px solid var(--kp-ink);box-shadow:4px 4px 0 var(--kp-ink);rotate:4deg}
.kp-product-card-h .kp-product-mini{left:4%;right:auto;rotate:-4deg}
.kp-product-index{position:absolute;z-index:4;left:18px;top:16px;font-family:var(--kp-num);font-size:20px;font-weight:800;background:var(--kp-white);border:2px solid var(--kp-ink);padding:3px 9px}
.kp-product-copy{padding:28px 30px 30px}
.kp-product-copy h3{margin:0;font-size:32px;font-weight:800;line-height:1.35}
.kp-product-copy>strong{display:block;margin-top:9px;font-size:15px;line-height:1.6}
.kp-product-copy>p{margin:13px 0 0;font-size:10px;line-height:1.9}
.kp-product-copy ul{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0;list-style:none}
.kp-product-copy li{padding:6px 9px;border:1px solid var(--kp-ink);background:#fff;font-size:8px;font-weight:700}
.kp-product-copy>a{display:inline-block;margin-top:22px;padding:9px 12px;background:var(--kp-ink);color:#fff;font-size:9px;font-weight:700}

.kp-voices{padding:78px 0 84px;background:var(--kp-purple);color:#fff;overflow:hidden;border-top:2px solid var(--kp-ink);border-bottom:2px solid var(--kp-ink)}
.kp-voices-head{padding:0 4vw 32px;display:grid;grid-template-columns:190px minmax(0,600px);gap:24px;align-items:start}
.kp-voices-head span{font-size:15px;font-weight:800;color:var(--kp-yellow)}
.kp-voices-head p{margin:0;font-size:10px;line-height:1.9}
.kp-voice-window{overflow:hidden}
.kp-voice-track{width:max-content;display:flex;gap:16px;padding:12px 0;animation:kpVoices 32s linear infinite}
.kp-voice-window:hover .kp-voice-track{animation-play-state:paused}
.kp-voice-track blockquote{width:330px;min-height:180px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:var(--kp-white);color:var(--kp-ink);border:2px solid var(--kp-ink);box-shadow:6px 6px 0 var(--kp-yellow)}
.kp-voice-track blockquote:nth-child(4n+2){background:#d9edf3;box-shadow-color:var(--kp-coral)}
.kp-voice-track blockquote:nth-child(4n+3){background:#eee5f6;box-shadow-color:var(--kp-mint)}
.kp-voice-track blockquote:nth-child(4n){background:#ffe1d7;box-shadow-color:var(--kp-sky)}
.kp-voice-track span{font-family:var(--kp-num);font-size:13px;font-weight:800}
.kp-voice-track p{margin:20px 0 0;font-size:17px;font-weight:700;line-height:1.65}
.kp-note{margin:22px 4vw 0;text-align:right;font-size:8px;opacity:.75}

.kp-development{padding:100px 4vw 115px;background:var(--kp-yellow);position:relative;overflow:hidden}
.kp-development:after{content:'';position:absolute;right:-50px;top:40px;width:230px;height:230px;border:2px solid var(--kp-ink);border-radius:50%;opacity:.18}
.kp-section-intro-compact{max-width:610px}
.kp-scrapbook{position:relative;z-index:2;margin-top:48px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px}
.kp-year-tabs{display:grid;align-content:start;gap:8px}
.kp-year-tabs button{min-height:90px;padding:14px 16px;text-align:left;border:2px solid var(--kp-ink);background:var(--kp-white);box-shadow:4px 4px 0 var(--kp-ink);cursor:pointer;transition:transform .2s,background .2s}
.kp-year-tabs button:nth-child(2){background:#d9edf3}.kp-year-tabs button:nth-child(3){background:#e9ddf4}.kp-year-tabs button:nth-child(4){background:#ffd9cf}
.kp-year-tabs button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--kp-ink)}
.kp-year-tabs button.is-active{background:var(--kp-coral);transform:translate(5px,5px);box-shadow:0 0 0 var(--kp-ink)}
.kp-year-tabs b,.kp-year-tabs span{display:block}
.kp-year-tabs b{font-family:var(--kp-num);font-size:14px}
.kp-year-tabs span{margin-top:5px;font-size:9px;font-weight:700}
.kp-scrap-stage{position:relative;min-height:570px;background:#fff6dd;border:2px solid var(--kp-ink);box-shadow:8px 8px 0 var(--kp-ink);overflow:hidden}
.kp-scrap-main{position:absolute;left:5%;top:8%;width:52%;height:62%;border:2px solid var(--kp-ink);background:#fff;box-shadow:5px 5px 0 var(--kp-ink);rotate:-2deg;transition:opacity .3s,transform .5s}
.kp-scrap-sub{position:absolute;right:5%;top:7%;width:27%;height:31%;border:2px solid var(--kp-ink);background:#fff;box-shadow:4px 4px 0 var(--kp-ink);rotate:4deg;animation:kpFloatB 8s ease-in-out infinite}
.kp-scrap-copy{position:absolute;right:5%;bottom:7%;width:45%;padding:25px;background:var(--kp-mint);border:2px solid var(--kp-ink);box-shadow:5px 5px 0 var(--kp-ink);rotate:1deg;transition:opacity .25s,transform .45s}
.kp-scrap-date{font-family:var(--kp-num);font-size:12px;font-weight:800}
.kp-scrap-copy h3{margin:8px 0 10px;font-size:24px;line-height:1.45;font-weight:800}
.kp-scrap-copy p{margin:0;font-size:10px;line-height:1.9}
.kp-scrap-copy small{display:block;margin-top:13px;font-size:8px;font-weight:700}
.kp-scrap-stage.is-changing .kp-scrap-main{opacity:.2;transform:scale(.96) rotate(2deg)}
.kp-scrap-stage.is-changing .kp-scrap-copy{opacity:0;transform:translateY(14px) rotate(-2deg)}
.kp-tape{position:absolute;z-index:5;width:92px;height:24px;background:rgba(255,255,255,.62);border:1px solid rgba(37,48,58,.2)}
.kp-tape-a{left:28%;top:4%;rotate:-7deg}.kp-tape-b{right:12%;bottom:3%;rotate:5deg}
.kp-scrap-dots{position:absolute;left:4%;bottom:5%;display:flex;gap:6px}
.kp-scrap-dots i{width:20px;height:20px;border:2px solid var(--kp-ink);border-radius:50%}
.kp-scrap-dots i:nth-child(1){background:#d7e8a8}.kp-scrap-dots i:nth-child(2){background:#9db8d2}.kp-scrap-dots i:nth-child(3){background:#b7a5cc}.kp-scrap-dots i:nth-child(4){background:#f2a06b}

.kp-conditions{padding:100px 4vw 115px;background:#cdebdc;position:relative;overflow:hidden}
.kp-condition-playground{--condition:#d7e8a8;position:relative;margin-top:50px;min-height:590px;padding:28px;display:grid;grid-template-columns:155px minmax(0,1.08fr) minmax(280px,.78fr);gap:24px;align-items:center;background:#fffaf0;border:2px solid var(--kp-ink);box-shadow:9px 9px 0 var(--kp-ink);transition:background .45s}
.kp-condition-playground[data-condition="a"]{background:#f6f8e7}.kp-condition-playground[data-condition="b"]{background:#e7f2f7}.kp-condition-playground[data-condition="c"]{background:#f0eaf5}.kp-condition-playground[data-condition="d"]{background:#fff0e6}
.kp-condition-tabs{display:grid;gap:10px;position:relative;z-index:4}
.kp-condition-tabs button{min-height:84px;border:2px solid var(--kp-ink);background:#fff;text-align:left;padding:12px 13px;cursor:pointer;box-shadow:3px 3px 0 var(--kp-ink);transition:transform .2s,background .2s}
.kp-condition-tabs button:nth-child(1){background:#d7e8a8}.kp-condition-tabs button:nth-child(2){background:#9db8d2}.kp-condition-tabs button:nth-child(3){background:#b7a5cc}.kp-condition-tabs button:nth-child(4){background:#f2a06b}
.kp-condition-tabs button.is-active{transform:translate(5px,5px);box-shadow:0 0 0 var(--kp-ink)}
.kp-condition-tabs b{font-family:var(--kp-num);font-size:24px}.kp-condition-tabs span{display:block;font-size:8px;font-weight:800}
.kp-condition-image{height:495px;position:relative;z-index:3;border:2px solid var(--kp-ink);background:#fff;overflow:hidden;box-shadow:5px 5px 0 var(--kp-ink);rotate:-1deg}
.kp-condition-image img{object-fit:contain;padding:10px;transition:transform .5s,opacity .25s}
.kp-condition-copy{position:relative;z-index:4;padding:24px;background:var(--kp-white);border:2px solid var(--kp-ink);box-shadow:5px 5px 0 var(--kp-ink);transition:opacity .25s,transform .45s}
.kp-condition-playground.is-changing .kp-condition-copy{opacity:0;transform:translateX(15px)}
.kp-condition-playground.is-changing .kp-condition-image img{opacity:.45;transform:scale(.98)}
.kp-condition-mark{width:46px;height:46px;display:grid;place-items:center;border:2px solid var(--kp-ink);background:var(--condition);font-family:var(--kp-num);font-weight:800;font-size:20px;transition:background .45s}
.kp-condition-copy h3{margin:15px 0 11px;font-size:22px;line-height:1.55;font-weight:800}
.kp-condition-copy p{margin:0;font-size:10px;line-height:1.9}
.kp-condition-orbits{position:absolute;right:-90px;bottom:-100px;width:300px;height:300px;pointer-events:none;opacity:.28}
.kp-condition-orbits i{position:absolute;inset:0;border:2px dashed var(--kp-ink);border-radius:50%;animation:kpSpin 18s linear infinite}
.kp-condition-orbits i:nth-child(2){inset:45px;animation-direction:reverse;animation-duration:13s}.kp-condition-orbits i:nth-child(3){inset:95px;background:var(--condition);border-style:solid;animation:none;transition:background .45s}
.kp-record-strip{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kp-record-strip div{min-height:108px;padding:18px 20px;border:2px solid var(--kp-ink);background:var(--kp-white);box-shadow:4px 4px 0 var(--kp-ink);rotate:-.5deg}
.kp-record-strip div:nth-child(2){background:#f0eaf5;rotate:.8deg}.kp-record-strip div:nth-child(3){background:#fff0e6;rotate:-.3deg}
.kp-record-strip b,.kp-record-strip span{display:block}.kp-record-strip b{font-size:12px}.kp-record-strip span{margin-top:7px;font-size:8px}
.kp-condition-note{text-align:left;margin-left:0}

.kp-results{padding:90px 4vw 105px;background:var(--kp-coral);border-top:2px solid var(--kp-ink);border-bottom:2px solid var(--kp-ink)}
.kp-results-head{display:flex;align-items:end;justify-content:space-between;gap:30px}
.kp-results-head span{font-size:28px;font-weight:800;line-height:1.4}
.kp-results-head p{max-width:470px;margin:0;font-size:10px;line-height:1.9}
.kp-result-board{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kp-result-board article{min-height:260px;padding:25px;background:var(--kp-white);border:2px solid var(--kp-ink);box-shadow:6px 6px 0 var(--kp-ink);display:flex;flex-direction:column;justify-content:space-between}
.kp-result-board article:nth-child(2){background:#d9edf3;transform:translateY(22px)}
.kp-result-board article:nth-child(3){background:#fff0bd;transform:translateY(-12px)}
.kp-result-board article>span{font-size:12px;font-weight:800;line-height:1.6;max-width:220px}
.kp-result-board strong{font-family:var(--kp-num);font-size:50px;line-height:1;font-weight:800}
.kp-result-board strong b{font-size:76px}
.kp-result-board article>i{height:18px;border:2px solid var(--kp-ink);background:#fff;overflow:hidden}
.kp-result-board article>i em{display:block;width:0;height:100%;background:var(--kp-purple);transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.kp-result-board article:nth-child(2)>i em{background:var(--kp-mint)}.kp-result-board article:nth-child(3)>i em{background:var(--kp-yellow)}
.kp-result-board.is-visible article>i em{width:var(--value)}
.kp-results-foot{margin-top:50px;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:20px;border-top:2px solid var(--kp-ink)}
.kp-results-foot p{max-width:700px;margin:0;font-size:10px;line-height:1.9}
.kp-results-foot>div{display:flex;gap:5px}
.kp-results-foot i{width:18px;height:18px;border:2px solid var(--kp-ink)}
.kp-results-foot i:nth-child(1){background:#d7e8a8}.kp-results-foot i:nth-child(2){background:#9db8d2}.kp-results-foot i:nth-child(3){background:#b7a5cc}.kp-results-foot i:nth-child(4){background:#f2a06b}

.kp-monitor{display:grid;grid-template-columns:1.08fr .92fr;min-height:700px;background:#f6df67}
.kp-monitor-collage{position:relative;min-height:700px;background:#91d9ce;overflow:hidden;border-right:2px solid var(--kp-ink)}
.kp-monitor-collage:before{content:'';position:absolute;left:7%;top:7%;width:110px;height:70px;background:repeating-linear-gradient(90deg,var(--kp-coral) 0 12px,transparent 12px 22px);opacity:.7;rotate:-8deg}
.kp-monitor-main,.kp-monitor-notes,.kp-monitor-life{position:absolute;border:2px solid var(--kp-ink);box-shadow:7px 7px 0 var(--kp-ink);background:#fff;overflow:hidden}
.kp-monitor-main{left:8%;top:11%;width:58%;height:55%;rotate:-3deg;animation:kpFloatA 7.5s ease-in-out infinite}
.kp-monitor-main img{object-fit:contain}
.kp-monitor-notes{right:7%;top:16%;width:36%;height:36%;rotate:5deg;animation:kpFloatB 8.3s ease-in-out infinite}
.kp-monitor-life{right:10%;bottom:8%;width:40%;height:31%;rotate:-4deg;animation:kpFloatA 9s ease-in-out infinite}
.kp-monitor-stamp{position:absolute;z-index:5;left:12%;bottom:14%;padding:12px 18px;border:3px solid var(--kp-ink);background:var(--kp-coral);font-size:26px;font-weight:800;rotate:8deg;box-shadow:5px 5px 0 var(--kp-ink)}
.kp-monitor-copy{padding:80px 6vw 95px;align-self:center}
.kp-monitor-copy>span{font-size:10px;font-weight:800}
.kp-monitor-copy h2{margin:13px 0 19px;font-size:clamp(28px,3vw,43px);line-height:1.45;font-weight:800;text-wrap:balance}
.kp-monitor-copy>p{margin:0;font-size:10px;line-height:1.95}
.kp-monitor-copy>strong{display:block;margin-top:24px;padding:13px 15px;border:2px solid var(--kp-ink);background:var(--kp-white);box-shadow:4px 4px 0 var(--kp-ink);font-size:10px}
.kp-monitor-small{margin-top:25px!important;font-size:8px!important;opacity:.72}
.kp-monitor-copy dl{margin:28px 0 0;border-top:2px solid var(--kp-ink)}
.kp-monitor-copy dl div{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(37,48,58,.35);font-size:9px}
.kp-monitor-copy dd{margin:0}

.kp-footer{padding:54px 4vw 105px;background:var(--kp-purple);color:#fff}
.kp-footer-brand{display:flex;align-items:baseline;gap:10px}
.kp-footer-brand strong{font-size:18px}.kp-footer-brand span{font-size:8px;opacity:.65}
.kp-footer nav{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px}
.kp-footer nav a{font-size:9px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.45)}
.kp-credit{margin:24px 0 0;font-size:8px;opacity:.7}
.kp-footer .fiction-note{margin:35px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.3);font-size:8px;opacity:.66}

.special-pop-v7 [data-kp-reveal]{opacity:0;transform:translateY(22px) rotate(.3deg);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.special-pop-v7 [data-kp-reveal].is-visible{opacity:1;transform:none}
.special-pop-v7 .page-count{position:fixed;right:14px;bottom:12px;z-index:145;padding:9px 12px;border:2px solid var(--kp-ink);background:var(--kp-yellow);color:var(--kp-ink);font:800 9px/1 var(--kp-num);box-shadow:3px 3px 0 var(--kp-ink)}
.special-pop-v7 .history-trigger{position:fixed;left:14px;bottom:12px;z-index:147;padding:10px 15px;border:2px solid var(--kp-ink);background:var(--kp-coral);color:var(--kp-ink);font:700 10px/1 var(--kp-jp);box-shadow:3px 3px 0 var(--kp-ink);cursor:pointer}
.special-pop-v7 .history-overlay{position:fixed;inset:0;z-index:151;background:rgba(37,48,58,.38)}
.special-pop-v7 .history-panel{position:fixed;left:16px;bottom:60px;z-index:152;width:min(380px,calc(100vw - 32px));padding:28px;background:var(--kp-cream);border:2px solid var(--kp-ink);box-shadow:7px 7px 0 var(--kp-ink)}
.special-pop-v7 .history-panel h2{font-family:var(--kp-jp);font-weight:800}
.special-pop-v7 .history-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:24px}
.special-pop-v7 .history-list{display:grid;gap:7px}
.special-pop-v7 .history-list a{padding:10px;border-bottom:1px solid var(--kp-line);font-size:11px}
[hidden]{display:none!important}

@keyframes kpSpin{to{transform:rotate(360deg)}}
@keyframes kpBlob{0%,100%{border-radius:46% 54% 60% 40%;transform:rotate(0)}50%{border-radius:58% 42% 43% 57%;transform:rotate(8deg)}}
@keyframes kpFloatA{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.6deg)}}
@keyframes kpFloatB{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(9px) rotate(-.7deg)}}
@keyframes kpWiggle{0%,100%{transform:rotate(0)}50%{transform:rotate(-3deg) translateY(-4px)}}
@keyframes kpBubble{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(8px,-12px) scale(1.08)}}
@keyframes kpTicker{to{transform:translateX(-50%)}}
@keyframes kpVoices{to{transform:translateX(calc(-50% - 8px))}}

@media(max-width:1080px){
  .kp-desktop-nav{display:none}
  .kp-hero{min-height:auto;padding-bottom:70px;display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;align-items:center}
  .kp-hero-copy{width:auto;margin:30px 0 0;padding:30px 26px}
  .kp-hero-stage{position:relative;right:auto;top:auto;width:auto;height:620px;min-height:0}
  .kp-product-board{grid-template-columns:1fr 1fr;gap:18px}.kp-product-card-h{margin-top:65px}.kp-product-photo-wrap{height:420px}
  .kp-condition-playground{grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto}.kp-condition-copy{grid-column:1/3}.kp-condition-image{height:430px}
  .kp-monitor{grid-template-columns:1fr 1fr}.kp-monitor-collage{min-height:610px}.kp-monitor-copy{padding:65px 5vw 80px}
}

@media(max-width:780px){
  .kp-header{top:10px;left:10px;right:10px;min-height:58px;padding-left:13px}.kp-brand strong{font-size:12px}.kp-brand span{font-size:7px}.kp-official{display:none}.kp-menu{width:40px;height:40px}
  .kp-nav{padding:78px 20px 40px}.kp-nav-list{grid-template-columns:1fr}.kp-nav-list a{min-height:82px}.kp-nav-list b{font-size:16px}
  .kp-hero{display:block;padding:90px 14px 65px}.kp-hero-copy{margin:5px 0 18px;max-width:620px;transform:none}.kp-hero-copy h1{font-size:32px}.kp-desktop-break{display:none}.kp-hero-stage{height:610px}.kp-hero-product-y{width:46%;height:52%}.kp-hero-product-h{width:40%;height:45%}.kp-hero-life-y{width:42%;height:29%}.kp-hero-life-h{width:37%;height:27%;right:13%}.kp-sticker-monitor{right:2%;bottom:7%}
  .kp-products,.kp-development,.kp-conditions,.kp-results{padding:78px 18px 88px}.kp-section-intro{grid-template-columns:1fr}.kp-kicker{grid-row:auto;width:max-content;margin-bottom:13px;padding-top:4px}.kp-section-intro h2{font-size:29px}.kp-product-board{grid-template-columns:1fr;gap:26px}.kp-product-card-h{margin-top:0}.kp-product-photo-wrap{height:470px}
  .kp-voices{padding:65px 0 72px}.kp-voices-head{display:block;padding:0 18px 26px}.kp-voices-head p{margin-top:8px}.kp-voice-track blockquote{width:78vw;min-height:165px}.kp-note{margin-right:18px}
  .kp-scrapbook{grid-template-columns:1fr}.kp-year-tabs{grid-template-columns:1fr 1fr}.kp-year-tabs button{min-height:76px}.kp-scrap-stage{min-height:600px}.kp-scrap-main{width:65%;height:48%}.kp-scrap-sub{width:33%;height:26%}.kp-scrap-copy{width:75%;right:7%;bottom:7%}
  .kp-condition-playground{min-height:0;padding:18px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.kp-condition-tabs{grid-template-columns:repeat(4,1fr);gap:6px}.kp-condition-tabs button{min-height:70px;padding:9px}.kp-condition-tabs b{font-size:20px}.kp-condition-tabs span{font-size:7px}.kp-condition-image{grid-column:1;height:auto;aspect-ratio:4/3}.kp-condition-copy{grid-column:1;padding:20px}.kp-condition-copy h3{font-size:19px}.kp-condition-orbits{display:none}.kp-record-strip{grid-template-columns:1fr}.kp-record-strip div{min-height:0}
  .kp-results-head{display:block}.kp-results-head span{font-size:27px}.kp-results-head p{margin-top:10px}.kp-result-board{grid-template-columns:1fr}.kp-result-board article,.kp-result-board article:nth-child(2),.kp-result-board article:nth-child(3){min-height:190px;transform:none}.kp-result-board strong b{font-size:62px}.kp-results-foot{display:block}.kp-results-foot>div{margin-top:16px}
  .kp-monitor{grid-template-columns:1fr}.kp-monitor-collage{min-height:560px;border-right:0;border-bottom:2px solid var(--kp-ink)}.kp-monitor-copy{padding:55px 22px 78px}.kp-footer{padding:50px 22px 100px}.kp-footer-brand{display:block}.kp-footer-brand span{display:block;margin-top:4px}
}

@media(max-width:480px){
  .kp-hero-copy{padding:24px 21px}.kp-label-row span{font-size:7px}.kp-hero-copy h1{font-size:28px}.kp-hero-copy>p{font-size:9px}.kp-hero-buttons a{font-size:8px}.kp-hero-stage{height:500px}.kp-hero-product-y{left:2%;width:50%;height:50%}.kp-hero-product-h{right:0;top:19%;width:42%;height:42%}.kp-hero-life-y{left:0;width:44%;height:25%}.kp-hero-life-h{right:13%;width:38%;height:23%}.kp-sticker-monitor{width:120px;padding:9px 11px}.kp-sticker-monitor strong{font-size:17px}.kp-sticker-four{left:47%;top:2%;grid-template-columns:repeat(2,14px)}.kp-sticker-four i{width:14px;height:14px}
  .kp-product-photo-wrap{height:370px}.kp-product-copy{padding:24px 21px 26px}.kp-product-copy h3{font-size:27px}.kp-product-copy>strong{font-size:13px}.kp-product-mini{width:38%;height:27%}
  .kp-scrap-stage{min-height:540px}.kp-scrap-main{left:5%;width:70%;height:42%}.kp-scrap-sub{right:4%;width:34%;height:23%}.kp-scrap-copy{left:7%;right:auto;width:86%;bottom:6%;padding:20px}.kp-scrap-copy h3{font-size:20px}
  .kp-condition-tabs button{min-width:0}.kp-condition-tabs span{display:none}.kp-condition-copy h3{font-size:17px}.kp-condition-image img{padding:5px}
  .kp-monitor-collage{min-height:470px}.kp-monitor-main{left:5%;top:8%;width:66%;height:49%}.kp-monitor-notes{right:4%;top:13%;width:37%;height:30%}.kp-monitor-life{right:7%;width:46%;height:27%}.kp-monitor-stamp{left:8%;bottom:12%;font-size:21px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.special-pop-v7 *{animation:none!important;transition:none!important}.special-pop-v7 [data-kp-reveal]{opacity:1!important;transform:none!important}
}

/* --- V7.1 readability pass: preserve POP layout, raise only undersized copy --- */
.kp-brand strong{font-size:15px}
.kp-brand span{font-size:10px}
.kp-desktop-nav a{font-size:11.5px}
.kp-official{font-size:10.5px}
.kp-nav-list span{font-size:11px}
.kp-label-row span{font-size:10.5px}
.kp-hero-copy>p{font-size:13.5px;line-height:1.9}
.kp-hero-buttons a{font-size:11.5px}
.kp-sticker-monitor span{font-size:10px}
.kp-hero-strip span{font-size:11px}
.kp-kicker{font-size:11.5px}
.kp-section-intro p{font-size:13px;line-height:1.85}
.kp-product-copy>p{font-size:13px;line-height:1.85}
.kp-product-copy li{font-size:10.5px}
.kp-product-copy>a{font-size:11.5px}
.kp-voices-head p{font-size:13px;line-height:1.85}
.kp-note{font-size:10.5px;line-height:1.7}
.kp-year-tabs span{font-size:11px}
.kp-scrap-copy p{font-size:13px;line-height:1.85}
.kp-scrap-copy small{font-size:10.5px;line-height:1.6}
.kp-condition-tabs span{font-size:10.5px}
.kp-condition-copy p{font-size:13px;line-height:1.85}
.kp-record-strip span{font-size:10.5px;line-height:1.6}
.kp-results-head p{font-size:13px;line-height:1.85}
.kp-results-foot p{font-size:13px;line-height:1.85}
.kp-monitor-copy>span{font-size:11.5px}
.kp-monitor-copy>p{font-size:13px;line-height:1.85}
.kp-monitor-copy>strong{font-size:13px;line-height:1.7}
.kp-monitor-small{font-size:11px!important;line-height:1.75!important}
.kp-monitor-copy dl div{font-size:11.5px;line-height:1.65}
.kp-footer-brand span{font-size:10px}
.kp-footer nav a{font-size:11.5px}
.kp-credit{font-size:10.5px}
.kp-footer .fiction-note{font-size:10px;line-height:1.7}
.special-pop-v7 .page-count{font-size:10px}
.special-pop-v7 .history-trigger{font-size:11px}
.special-pop-v7 .history-list a{font-size:12px;line-height:1.6}
@media(max-width:780px){
  .kp-brand span{font-size:9.5px}
  .kp-label-row span{font-size:9.5px}
  .kp-hero-copy>p{font-size:12.5px}
  .kp-hero-buttons a{font-size:10.5px}
  .kp-condition-tabs span{font-size:9.5px}
  .kp-section-intro p,.kp-product-copy>p,.kp-scrap-copy p,.kp-condition-copy p,.kp-results-head p,.kp-results-foot p,.kp-monitor-copy>p{font-size:12.5px}
}

/* --- V7.2 overflow fix: larger copy stays inside each POP module --- */
.special-pop-v7 h1,
.special-pop-v7 h2,
.special-pop-v7 h3,
.special-pop-v7 p,
.special-pop-v7 strong,
.special-pop-v7 small,
.special-pop-v7 li,
.special-pop-v7 dt,
.special-pop-v7 dd{
  word-break:normal;
  line-break:strict;
  overflow-wrap:anywhere;
}
.special-pop-v7 h1,
.special-pop-v7 h2,
.special-pop-v7 h3{ text-wrap:pretty; }

.kp-header > *,
.kp-header-actions,
.kp-nav-list > *,
.kp-hero-copy,
.kp-hero-copy > *,
.kp-products > *,
.kp-section-intro,
.kp-section-intro > *,
.kp-product-board > *,
.kp-product-card,
.kp-product-copy,
.kp-product-copy > *,
.kp-voices-head > *,
.kp-scrapbook > *,
.kp-year-tabs,
.kp-scrap-stage,
.kp-scrap-copy,
.kp-condition-playground > *,
.kp-condition-tabs,
.kp-condition-copy,
.kp-record-strip > *,
.kp-results-head > *,
.kp-result-board > *,
.kp-result-board article,
.kp-results-foot > *,
.kp-monitor > *,
.kp-monitor-copy,
.kp-monitor-copy > *,
.kp-monitor-copy dl,
.kp-monitor-copy dl div,
.kp-monitor-copy dd,
.kp-footer > *{min-width:0}

.kp-product-copy>strong,
.kp-voice-track p,
.kp-year-tabs span,
.kp-condition-tabs span,
.kp-record-strip b,
.kp-record-strip span,
.kp-result-board article>span,
.kp-monitor-copy>strong,
.kp-monitor-copy dd{overflow-wrap:anywhere;word-break:normal}

/* Keep intentionally animated ticker labels on one line; normal content may wrap. */
.kp-hero-strip span{overflow-wrap:normal}

@media(max-width:1080px){
  .kp-hero-copy h1{font-size:clamp(29px,4vw,40px)}
  .kp-section-intro h2{font-size:clamp(25px,3.4vw,35px)}
  .kp-monitor-copy h2{font-size:clamp(27px,3.5vw,37px)}
}
@media(max-width:780px){
  .kp-hero-copy h1{font-size:30px}
  .kp-section-intro h2{font-size:27px}
  .kp-product-copy h3{font-size:28px}
  .kp-monitor-copy h2{font-size:29px}
}
@media(max-width:480px){
  .kp-hero-copy h1{font-size:27px}
  .kp-section-intro h2{font-size:25px}
  .kp-monitor-copy h2{font-size:27px}
}