:root{--bg:#fff0f5;--bg-warm:#fff0fa94;--bg-cream:#ffffffad;--ink:#352642;--ink-soft:#746487;--ink-mute:#b5a8c4;--pink:#f9b8d1;--pink-deep:var(--iri-pink-deep);--lav:#d3bcf3;--lav-deep:var(--iri-lavender);--sky:#b9dcf6;--sky-deep:var(--iri-sky);--mint:#c3ecd9;--butter:#ffe5a8;--peach:#ffccae;--accent:var(--iri-pink-deep);--accent-2:var(--iri-lavender);--accent-3:var(--iri-sky);--rule:#543a6e1c;--rule-strong:#543a6e33;--rule-warm:#ff8fae38;--card:#ffffff8c;--card-2:#ffffff5c;--shadow-soft:0 18px 54px #9875d529;--shadow-pop:0 30px 90px #ff8fae3d;--shadow-card:0 16px 42px #7b67aa29;--violet:var(--lav-deep);--twilight:#4a3a6b;--sky-1:var(--pink);--sky-2:var(--lav);--sky-3:var(--butter);--sky-4:var(--sky-deep);--iri-pink:#ffb6c9;--iri-pink-deep:#ff8fae;--iri-purple:#c8b6ff;--iri-lavender:#b8a4f0;--iri-blue:#a6d5ff;--iri-sky:#7cb9e8;--iri-cyan:#b6f0e8;--iri-mint:#7dd3c0;--iri-yellow:#ffe8a6;--iri-peach:#ffcba6;--bg-iri-soft:linear-gradient(135deg, #fff0f5 0%, #f5f0ff 35%, #f0f5ff 70%, #f0fffc 100%);--bg-iri-strong:linear-gradient(135deg, #ffd9e5 0%, #e8d9ff 34%, #d8eeff 68%, #d9fff8 100%);--accent-purple:var(--iri-lavender);--accent-blue:var(--iri-sky);--accent-cyan:var(--iri-mint);--section-accent:var(--accent)}body[data-palette=berry]{--bg:#fff4f6;--bg-warm:#ffe5ed;--bg-cream:#fff0e6;--ink:#5a2e4a;--ink-soft:#8f5b78;--ink-mute:#c79bb1;--pink:#fcc4d4;--pink-deep:#ed6a9a;--lav:#e6b1dc;--lav-deep:#cf80c4;--sky:#f4c4cb;--sky-deep:#e795a4;--mint:#ffd9c2;--butter:#ffd3a8;--peach:#ffb094;--accent:var(--pink-deep);--accent-2:var(--lav-deep);--accent-3:#e795a4;--rule:#5a2e4a1a;--rule-strong:#5a2e4a33;--rule-warm:#ed6a9a38;--card:#fffafc;--card-2:#fff5f8;--shadow-soft:0 12px 36px #ed6a9a2e;--shadow-pop:0 24px 60px #ed6a9a38;--shadow-card:0 10px 28px #dc96b42e;--violet:var(--lav-deep);--twilight:#5a2e4a}body[data-palette=mint]{--bg:#f4fbf6;--bg-warm:#e7f6ec;--bg-cream:#f9fae8;--ink:#2f5a4b;--ink-soft:#5d8a78;--ink-mute:#a5c5b6;--pink:#ffd1c4;--pink-deep:#f3a698;--lav:#c9ead9;--lav-deep:#82d2ad;--sky:#c4e8f3;--sky-deep:#8acfe2;--mint:#b9ecd5;--butter:#f3eaa6;--peach:#ffd3b3;--accent:#6dcfaa;--accent-2:#8acfe2;--accent-3:#f3a698;--rule:#2f5a4b1a;--rule-strong:#2f5a4b33;--rule-warm:#6dcfaa38;--card:#fff;--card-2:#f8fdfa;--shadow-soft:0 12px 36px #8cc8af38;--shadow-pop:0 24px 60px #8cc8af38;--shadow-card:0 10px 28px #8cc8af2e;--violet:var(--lav-deep);--twilight:#2f5a4b}body[data-palette=night]{--bg:#2c2548;--bg-warm:#382c5e;--bg-cream:#423670;--ink:#fbeff7;--ink-soft:#d8c8e8;--ink-mute:#9482b0;--pink:#f9b8d1;--pink-deep:#ff8fbf;--lav:#c8a8f0;--lav-deep:#b598ff;--sky:#a7d4f5;--sky-deep:#8cc5fa;--mint:#b4ecd5;--butter:#ffe9a8;--peach:#ffc4a8;--accent:#ff8fbf;--accent-2:#b598ff;--accent-3:#8cc5fa;--rule:#fbeff724;--rule-strong:#fbeff73d;--rule-warm:#ff8fbf47;--card:#3a2f60;--card-2:#463a72;--shadow-soft:0 12px 36px #0006;--shadow-pop:0 24px 60px #ff8fbf40;--shadow-card:0 10px 28px #00000059;--violet:var(--lav-deep);--twilight:#1d1738}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-family:Quicksand,Zen Maru Gothic,system-ui,sans-serif;font-size:16px;font-weight:500;line-height:1.65;transition:background-color .6s,color .6s;overflow-x:hidden}::selection{background:var(--pink);color:var(--ink)}.maru{letter-spacing:.02em;font-family:Zen Maru Gothic,Quicksand,system-ui,sans-serif;font-weight:500}.maru-b{letter-spacing:.02em;font-family:Zen Maru Gothic,Quicksand,system-ui,sans-serif;font-weight:700}.fredoka{letter-spacing:-.005em;font-family:Fredoka,Quicksand,system-ui,sans-serif;font-weight:500}.fredoka-b{letter-spacing:-.01em;font-family:Fredoka,Quicksand,system-ui,sans-serif;font-weight:600}.caveat{letter-spacing:.005em;font-family:Caveat,Quicksand,cursive;font-weight:600}.quick{font-family:Quicksand,system-ui,sans-serif;font-weight:500}.mono{letter-spacing:.06em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500}.serif-jp{letter-spacing:.005em;font-family:Zen Maru Gothic,Quicksand,system-ui,sans-serif;font-weight:500}.serif-en{letter-spacing:-.005em;font-family:Fredoka,Quicksand,system-ui,sans-serif;font-weight:500}.serif-en-i{letter-spacing:0;font-family:Caveat,Quicksand,cursive;font-style:normal;font-weight:600}a{color:inherit;text-decoration:none}.legal-page{width:min(880px,100% - 48px);margin:0 auto;padding:72px 0 96px}.legal-page h1{letter-spacing:-.02em;margin:0 0 8px;font-family:Zen Maru Gothic,Quicksand,system-ui,sans-serif;font-size:clamp(34px,6vw,56px);line-height:1.15}.legal-page .meta{color:var(--ink-mute);letter-spacing:.04em;margin:0 0 40px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.legal-page h2{margin:34px 0 10px;font-family:Zen Maru Gothic,Quicksand,system-ui,sans-serif;font-size:22px;line-height:1.35}.legal-page h3{margin:22px 0 8px;font-family:Zen Maru Gothic,Quicksand,system-ui,sans-serif;font-size:17px}.legal-page p,.legal-page li{color:var(--ink-soft)}.legal-page a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.legal-page ul{padding-left:1.4em}.legal-page hr{border:0;border-top:1px solid var(--rule);margin:40px 0}.legal-page strong{color:var(--ink)}.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 48px}@media (width<=720px){.wrap{padding:0 24px}}.rule{background:var(--rule);width:100%;height:1px}.nav{z-index:30;-webkit-backdrop-filter:blur(14px)saturate(160%);background:color-mix(in oklab, var(--bg) 78%, transparent);border-bottom:1px solid var(--rule);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;padding:16px 0;display:flex}.nav-logo{align-items:center;gap:10px;display:flex}.nav-logo img.wordmark{mix-blend-mode:multiply;width:auto;height:46px;display:block}body[data-palette=night] .nav-logo img.wordmark{mix-blend-mode:screen;filter:brightness(1.4)contrast(1.1)}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--ink-soft);white-space:nowrap;font-family:Zen Maru Gothic,Quicksand,sans-serif;font-size:14px;font-weight:500;transition:color .18s}.nav-links a:hover{color:var(--accent)}.nav-cta{background:linear-gradient(135deg, var(--pink-deep) 0%, var(--lav-deep) 100%);box-shadow:var(--shadow-soft);border-radius:999px;padding:10px 20px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;color:#fff!important}.nav-cta:hover{box-shadow:var(--shadow-pop);transform:translateY(-2px);color:#fff!important}.hero{padding:64px 0 120px;position:relative;overflow:hidden}.hero-sky{background:radial-gradient(120% 80% at 80% 10%, var(--pink) 0%, transparent 55%), radial-gradient(90% 70% at 18% 25%, var(--lav) 0%, transparent 60%), radial-gradient(80% 90% at 60% 100%, var(--sky) 0%, transparent 60%), radial-gradient(60% 70% at 5% 90%, var(--butter) 0%, transparent 55%);opacity:.55;pointer-events:none;z-index:0;position:absolute;inset:0}body[data-palette=night] .hero-sky{opacity:.8}.hero-grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;display:grid;position:relative}@media (width<=980px){.hero-grid{grid-template-columns:1fr;gap:40px}}.eyebrow{color:var(--ink-soft);align-items:center;gap:10px;display:inline-flex}.eyebrow .dot{background:var(--pink-deep);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in oklab, var(--pink-deep) 25%, transparent);border-radius:999px}.h-display{letter-spacing:0;color:var(--ink);text-wrap:balance;margin:22px 0 20px;font-family:Zen Maru Gothic,sans-serif;font-size:clamp(46px,6.2vw,88px);font-weight:700;line-height:1.18}.h-display em{color:var(--pink-deep);letter-spacing:.005em;padding:0 .1em;font-family:Caveat,cursive;font-size:1.15em;font-style:normal;font-weight:700;display:inline-block;transform:translateY(.04em)rotate(-1.5deg)}.h-display .stroke{color:var(--ink-mute);letter-spacing:.02em;font-family:Fredoka,sans-serif;font-size:.55em;font-style:italic;font-weight:500}.h-sub{color:var(--ink-soft);max-width:28em;margin:0 0 36px;font-family:Zen Maru Gothic,sans-serif;font-size:clamp(15px,1.15vw,17px);font-weight:500;line-height:1.95}.h-sub .en{color:var(--ink-mute);letter-spacing:-.005em;margin-top:8px;font-family:Fredoka,sans-serif;font-size:.88em;font-style:italic;font-weight:400;display:block}.h-sub-en-flat{color:var(--ink-mute);letter-spacing:.01em;margin:-8px 0 18px;font-family:Fredoka,sans-serif;font-size:clamp(18px,2.2vw,24px);font-weight:500}.cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--pink-deep) 0%, var(--lav-deep) 100%);color:#fff;box-shadow:var(--shadow-soft)}.btn-primary:hover{box-shadow:var(--shadow-pop)}.btn-ghost{background:var(--card);color:var(--ink);border-color:var(--rule-strong);box-shadow:var(--shadow-card)}.btn .store-icon{width:20px;height:20px;display:block}.hero-meta{color:var(--ink-mute);flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.hero-meta .dot{background:var(--ink-mute);border-radius:999px;width:4px;height:4px}.phone-stage{justify-content:center;align-items:center;min-height:760px;display:flex;position:relative}.phone-stage:before{content:"";background:radial-gradient(circle, var(--pink) 0%, var(--lav) 50%, transparent 70%);filter:blur(60px);opacity:.55;z-index:0;border-radius:999px;width:540px;height:540px;position:absolute}.phone-wrap{z-index:1;transition:transform .6s;position:relative;transform:rotate(-2deg)}.phone-wrap:hover{transform:rotate(-1deg)translateY(-4px)}.hero-mascot{z-index:3;pointer-events:none;mix-blend-mode:multiply;filter:drop-shadow(0 18px 24px #ef7aa940);width:220px;animation:5.5s ease-in-out infinite bob;position:absolute;bottom:-10px;left:-10px;transform:rotate(-6deg)}@media (width<=980px){.hero-mascot{width:160px;bottom:0;left:4%}}@keyframes bob{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-10px)rotate(-3deg)}}@keyframes bob-r{0%,to{transform:translateY(0)rotate(5deg)}50%{transform:translateY(-8px)rotate(2deg)}}.hero-quote{z-index:2;background:var(--card);border:1px solid var(--rule);max-width:240px;box-shadow:var(--shadow-card);color:var(--ink);border-radius:22px;padding:18px 22px;font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:500;line-height:1.75;position:absolute;bottom:16%;right:2%;transform:rotate(2.5deg)}.hero-quote:before{content:"";background:var(--card);border-left:1px solid var(--rule);border-top:1px solid var(--rule);border-radius:6px 0 0;width:18px;height:18px;position:absolute;top:22px;left:-10px;transform:rotate(-45deg)}@media (width<=980px){.hero-quote{display:none}}.section{padding:140px 0;position:relative}.section-tight{padding:100px 0}.kicker{color:var(--ink-mute);align-items:center;gap:14px;margin-bottom:28px;display:flex}.kicker .num{color:var(--pink-deep);font-family:Caveat,cursive;font-size:38px;font-weight:700;line-height:1}.kicker .line{background:var(--rule);flex:1;max-width:120px;height:1px}.section-title{letter-spacing:0;color:var(--ink);text-wrap:balance;margin:0 0 28px;font-family:Zen Maru Gothic,sans-serif;font-size:clamp(34px,4.2vw,60px);font-weight:700;line-height:1.3}.section-title em{color:var(--pink-deep);padding:0 .05em;font-family:Caveat,cursive;font-size:1.18em;font-style:normal;font-weight:700;display:inline-block;transform:translateY(.04em)rotate(-1.5deg)}.section-lead{color:var(--ink-soft);max-width:36em;font-family:Zen Maru Gothic,sans-serif;font-size:clamp(16px,1.2vw,18px);font-weight:500;line-height:1.95}.concept-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:60px;display:grid}@media (width<=820px){.concept-grid{grid-template-columns:1fr}}.concept-card{background:var(--card);border:1px solid var(--rule);box-shadow:var(--shadow-card);border-radius:32px;padding:40px 36px 44px;position:relative;overflow:hidden}.concept-card.good{background:linear-gradient(160deg, var(--card) 0%, color-mix(in oklab, var(--pink) 28%, var(--card)) 100%);border-color:var(--rule-warm)}.concept-card .tag{color:var(--ink-mute);position:absolute;top:24px;right:28px}.concept-card.good .tag{color:var(--pink-deep)}.concept-card .blob-tag{mix-blend-mode:multiply;filter:drop-shadow(0 8px 16px #a891d233);pointer-events:none;width:96px;height:96px;position:absolute;top:-18px;right:-10px;transform:rotate(8deg)}.concept-card.bad .blob-tag{opacity:.85;width:110px;transform:rotate(-6deg)}.concept-card h3{color:var(--ink-mute);margin:0 0 24px;font-family:Caveat,cursive;font-size:22px;font-weight:600}.concept-card.good h3{color:var(--pink-deep)}.concept-fact{color:var(--ink);margin:0 0 20px;font-family:Zen Maru Gothic,sans-serif;font-size:clamp(26px,2.8vw,38px);font-weight:700;line-height:1.4}.concept-card.bad .concept-fact{color:var(--ink-soft)}.concept-fact em{color:var(--pink-deep);font-family:Caveat,cursive;font-size:1.25em;font-style:normal;font-weight:700;display:inline-block;transform:translateY(.05em)}.concept-detail{color:var(--ink-mute);flex-wrap:wrap;align-items:baseline;gap:18px;font-family:Quicksand,sans-serif;font-size:14px;font-weight:500;display:flex}.concept-detail strong{color:var(--ink);font-weight:700}.concept-trail{border-top:1px dashed var(--rule);color:var(--ink-soft);margin-top:28px;padding-top:20px;font-family:Zen Maru Gothic,sans-serif;font-size:15px;font-weight:500;line-height:1.85}.concept-trail .en{color:var(--ink-mute);margin-top:6px;font-family:Fredoka,sans-serif;font-size:13px;font-style:italic;font-weight:400;display:block}.spark{width:100%;height:80px;color:var(--ink);margin-top:12px}.oneliner-row{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;display:grid}@media (width<=900px){.oneliner-row{grid-template-columns:1fr}}.oneliner-card{background:var(--card);border:1px solid var(--rule);box-shadow:var(--shadow-card);border-radius:28px;padding:26px 28px 24px;transition:transform .28s,box-shadow .28s;position:relative;overflow:hidden}.oneliner-card:hover{box-shadow:var(--shadow-pop);transform:translateY(-4px)}.oneliner-card .blob-corner{opacity:.92;mix-blend-mode:multiply;pointer-events:none;width:130px;position:absolute;bottom:-30px;right:-20px;transform:rotate(8deg)}.oneliner-card .head{color:var(--ink-mute);z-index:1;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex;position:relative}.oneliner-card .head .time{letter-spacing:.08em;text-transform:uppercase;color:var(--pink-deep);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.oneliner-card .head .num-cute{color:var(--lav-deep);font-family:Caveat,cursive;font-size:26px;font-weight:700;line-height:1}.oneliner-card .quote{color:var(--ink);text-wrap:pretty;z-index:1;min-height:5.2em;font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:700;line-height:1.65;position:relative}.oneliner-card .en-line{border-top:1px dashed var(--rule);color:var(--ink-mute);z-index:1;margin-top:18px;padding-top:14px;font-family:Fredoka,sans-serif;font-size:14px;font-style:italic;font-weight:400;line-height:1.55;position:relative}.indices-wrap{margin-top:60px;position:relative}.indices-marquee{flex-wrap:wrap;gap:14px;display:flex}.idx-chip{background:var(--card);border:1px solid var(--rule);color:var(--ink);box-shadow:var(--shadow-card);border-radius:999px;align-items:center;gap:12px;padding:14px 20px;font-family:Zen Maru Gothic,sans-serif;font-size:14.5px;font-weight:500;transition:all .24s;display:inline-flex}.idx-chip:hover{background:linear-gradient(135deg, var(--pink-deep) 0%, var(--lav-deep) 100%);color:#fff;box-shadow:var(--shadow-pop);border-color:#0000;transform:translateY(-2px)}.idx-chip .score{color:var(--pink-deep);font-family:Caveat,cursive;font-size:22px;font-weight:700;line-height:1}.idx-chip:hover .score{color:var(--butter)}.idx-chip .en{color:var(--ink-mute);font-family:Fredoka,sans-serif;font-size:12.5px;font-style:italic;font-weight:400}.idx-chip:hover .en{color:oklab(100% 0 5.96046e-8/.8)}.indices-footnote{color:var(--ink-mute);align-items:center;gap:14px;margin-top:40px;display:flex}.indices-footnote .pulse{background:var(--pink-deep);width:10px;height:10px;box-shadow:0 0 0 6px color-mix(in oklab, var(--pink-deep) 22%, transparent);border-radius:999px;animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.steps{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px;display:grid}@media (width<=820px){.steps{grid-template-columns:1fr}}.step{background:var(--card);border:1px solid var(--rule);box-shadow:var(--shadow-card);border-radius:28px;padding:32px 28px 36px;transition:transform .28s;position:relative}.step:hover{transform:translateY(-4px)}.step .step-mascot{object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 6px 12px #a891d233);width:90px;height:90px;margin:0 0 16px;display:block}.step .num{color:var(--pink-deep);margin-bottom:18px;font-family:Caveat,cursive;font-size:46px;font-weight:700;line-height:1}.step h4{color:var(--ink);margin:0 0 12px;font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:700;line-height:1.5}.step p{color:var(--ink-soft);margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:500;line-height:1.85}.step .en{color:var(--ink-mute);margin-top:14px;font-family:Fredoka,sans-serif;font-size:13px;font-style:italic;font-weight:400;display:block}#download{scroll-margin-top:88px}.final{background:radial-gradient(70% 65% at 18% 15%, var(--pink) 0%, transparent 60%), radial-gradient(70% 65% at 90% 85%, var(--lav) 0%, transparent 60%), radial-gradient(60% 55% at 50% 50%, var(--sky) 0%, transparent 65%), var(--bg-warm);color:var(--ink);box-shadow:var(--shadow-pop);border-radius:40px;margin:60px auto 80px;padding:80px 60px 90px;position:relative;overflow:hidden}.final .eyebrow{color:var(--ink-soft)}.final .eyebrow .dot{background:var(--pink-deep)}.final-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;display:grid}.final-grid>*{min-width:0}@media (width<=900px){.final-grid{grid-template-columns:1fr}}.final h2{text-wrap:balance;color:var(--ink);margin:18px 0 24px;font-family:Zen Maru Gothic,sans-serif;font-size:clamp(36px,4.6vw,60px);font-weight:700;line-height:1.3}.final h2 em{color:var(--pink-deep);font-family:Caveat,cursive;font-size:1.18em;font-style:normal;font-weight:700;display:inline-block;transform:translateY(.04em)rotate(-1.5deg)}.final p{color:var(--ink-soft);max-width:28em;font-family:Zen Maru Gothic,sans-serif;font-size:16px;font-weight:500;line-height:1.95}.beta-form{background:var(--card);border:1px solid var(--rule-strong);max-width:460px;box-shadow:var(--shadow-card);border-radius:999px;gap:8px;margin-top:28px;padding:6px 6px 6px 22px;display:flex}.beta-form input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:Quicksand,sans-serif;font-size:14px;font-weight:500}.beta-form input::placeholder{color:var(--ink-mute)}.beta-form button{background:linear-gradient(135deg, var(--pink-deep) 0%, var(--lav-deep) 100%);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 20px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.beta-form button:hover{box-shadow:var(--shadow-pop);transform:translateY(-1px)}.beta-form button:disabled{opacity:.7;cursor:default;transform:none}.beta-form-stacked{border-radius:24px;flex-direction:column;align-items:stretch;gap:14px;width:min(100%,420px);max-width:100%;padding:20px 22px}.beta-form-stacked input[type=email]{border:1px solid var(--rule-strong);background:#ffffffb8;border-radius:12px;width:100%;padding:10px 12px}.beta-form-stacked button{border-radius:16px;width:100%;margin-top:2px;padding:13px 20px}.device-pref{flex-direction:column;gap:8px;display:flex}.device-pref-label{letter-spacing:.04em;color:var(--ink-mute);font-size:11px}.device-pref-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.device-pref-options label{border:1.5px solid var(--rule-strong);min-height:44px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:#ffffffa6;border-radius:12px;justify-content:center;align-items:center;padding:8px 10px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;transition:border-color .16s,background .16s,color .16s,box-shadow .16s;display:flex;position:relative}.device-pref-options label:hover{border-color:#ef7aa973}.device-pref-options label.is-selected{border-color:var(--pink-deep);color:var(--ink);background:linear-gradient(145deg,#fff0f8f2,#f0f8ffe6);box-shadow:0 6px 18px #ef7aa924}.device-pref-options input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.device-pref-options span{text-align:center;line-height:1.2}@media (width<=520px){.device-pref-options{grid-template-columns:1fr}.device-pref-options label{justify-content:flex-start;padding-inline:14px}}.beta-note{color:var(--ink-mute);margin-top:14px;font-family:Quicksand,sans-serif;font-size:12px}.beta-note.error{color:#c0392b}.cta-hint{color:var(--ink-mute);align-self:center;font-size:11px}.final-mascot-stack{flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex;position:relative}.final-mascot-stack .lead-blob{filter:drop-shadow(0 30px 50px #ef7aa94d);mix-blend-mode:multiply;width:280px;animation:6s ease-in-out infinite bob-r}.final-mascot-stack .speech{border:1px solid var(--rule);box-shadow:var(--shadow-card);color:var(--pink-deep);white-space:nowrap;background:#fff;border-radius:22px;padding:14px 20px;font-family:Caveat,cursive;font-size:24px;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)rotate(-3deg)}.final-mascot-stack .speech.is-thanks{white-space:normal;text-align:left;width:min(420px,70vw);font-family:Zen Maru Gothic,sans-serif;font-size:clamp(18px,2.1vw,26px);line-height:1.55}.final-mascot-stack .speech:after{content:"";border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#fff;width:18px;height:18px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)rotate(45deg)}.final.is-sent .final-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.final.is-sent .final-mascot-stack{justify-content:flex-end;align-items:flex-end;min-height:430px;padding-right:20px}.final.is-sent .final-mascot-stack .lead-blob{width:min(420px,42vw)}.final.is-sent .final-mascot-stack .speech{top:0;left:auto;right:42px;transform:rotate(-2deg)}.final.is-sent .final-mascot-stack .speech.is-thanks{right:8px}@media (width<=900px){.final.is-sent .final-grid{grid-template-columns:1fr}.final.is-sent .final-mascot-stack{align-items:center;min-height:320px;padding-right:0}.final.is-sent .final-mascot-stack .lead-blob{width:min(320px,74vw)}.final.is-sent .final-mascot-stack .speech{left:50%;right:auto;transform:translate(-50%)rotate(-2deg)}.final-mascot-stack .speech.is-thanks{width:min(360px,86vw);font-size:clamp(16px,4.2vw,22px)}}.foot{border-top:1px solid var(--rule);color:var(--ink-soft);background:var(--bg-warm);padding:70px 0 40px;font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:500;line-height:1.85}.foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;display:grid}@media (width<=820px){.foot-grid{grid-template-columns:1fr 1fr}}.foot .foot-brand img{mix-blend-mode:multiply;width:auto;height:56px;margin-bottom:14px;display:block}body[data-palette=night] .foot .foot-brand img{mix-blend-mode:screen;filter:brightness(1.4)}.foot .foot-brand .tag{max-width:320px;color:var(--ink-soft);font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:500}.foot .foot-brand .tag .en{color:var(--ink-mute);margin-top:4px;font-family:Fredoka,sans-serif;font-size:12px;font-style:italic;font-weight:400;display:block}.foot h5{color:var(--ink);letter-spacing:.01em;margin:0 0 14px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600}.foot ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.foot ul li a:hover{color:var(--pink-deep)}.foot .credit{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;display:flex}.foot .credit .attr{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute);font-family:JetBrains Mono,monospace;font-size:10.5px}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(20px)}.reveal.in{opacity:1;transform:translateY(0)}@keyframes skydrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-2%,-1%)scale(1.04)}}.hero-sky{animation:24s ease-in-out infinite skydrift}.mascot-img{object-fit:contain;mix-blend-mode:multiply;pointer-events:none;display:block}body[data-palette=night] .mascot-img,body[data-palette=night] .hero-mascot,body[data-palette=night] .blob-tag,body[data-palette=night] .blob-corner,body[data-palette=night] .step-mascot,body[data-palette=night] .lead-blob{mix-blend-mode:screen}.sparkle{width:14px;height:14px;color:var(--pink-deep);opacity:.7;pointer-events:none;filter:drop-shadow(0 0 8px);animation:3s ease-in-out infinite sparkle-pulse;position:absolute}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.85)rotate(0)}50%{opacity:.9;transform:scale(1.2)rotate(180deg)}}@keyframes sparkle-pulse{0%,to{opacity:.42;transform:scale(.82)rotate(0)}50%{opacity:1;transform:scale(1.22)rotate(14deg)}}body{background:radial-gradient(circle at 12% 4%, #ffffffdb, transparent 23rem), radial-gradient(circle at 90% 12%, #ffb6c97a, transparent 25rem), radial-gradient(circle at 16% 72%, #b6f0e870, transparent 30rem), var(--bg-iri-soft);background-attachment:fixed}body:before{content:"";z-index:-1;pointer-events:none;filter:blur(18px);background:radial-gradient(circle at 64% 28%,#c8b6ff52,#0000 18rem),radial-gradient(circle at 82% 76%,#a6d5ff52,#0000 24rem);position:fixed;inset:0}.nav-logo img.wordmark{mix-blend-mode:multiply;height:48px}.nav{background:#ffffff94;border-bottom-color:#ffffff7a;box-shadow:0 12px 36px #8c74be14}.nav-cta{background:var(--ink);box-shadow:none;color:var(--bg)!important}.nav-cta:hover{background:var(--accent);color:#fff!important}.l8-hero{background:radial-gradient(circle at 68% 28%, #ffffffd1, transparent 20rem), var(--bg-iri-strong);border-bottom:1px solid #ffffff8a;align-items:center;min-height:calc(100svh - 74px);padding:72px 0 88px;display:grid}.l8-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(320px,.72fr);align-items:center;gap:clamp(36px,7vw,96px);display:grid}.eyebrow{box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px)saturate(150%);background:#ffffff8a;border:1px solid #ffffff94;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.dot{background:var(--section-accent);width:8px;height:8px;box-shadow:0 0 0 5px color-mix(in oklab, var(--section-accent) 22%, transparent);border-radius:50%}.l8-display{letter-spacing:-.04em;color:var(--ink);text-wrap:balance;margin:26px 0 24px;font-family:Zen Maru Gothic,Quicksand,system-ui,sans-serif;font-size:clamp(42px,8.2vw,118px);line-height:1.06}.l8-display-line{display:block}.l8-display em,.l8-final em{color:var(--iri-pink-deep);text-shadow:0 6px 26px #ff8fae42;letter-spacing:0;font-family:Caveat,cursive;font-style:normal}.l8-h1-sub{color:var(--ink-mute);letter-spacing:.01em;margin:-4px 0 22px;font-family:Fredoka,sans-serif;font-size:clamp(18px,2.2vw,24px);font-weight:500}@media (width<=720px){.l8-display{letter-spacing:-.01em;text-wrap:initial;font-size:clamp(34px,10.5vw,48px);line-height:1.12}.l8-h1-sub{margin-top:4px;font-size:14px}}.l8-lead{max-width:580px;color:var(--ink-soft);margin:0 0 28px;font-family:Zen Maru Gothic,sans-serif;font-size:clamp(17px,2vw,21px);line-height:2}.btn{border:1px solid var(--rule-strong);box-shadow:var(--shadow-card);border-radius:999px}.btn-primary{background:linear-gradient(135deg, var(--iri-pink-deep), var(--iri-lavender), var(--iri-sky));color:#fff;border-color:#ffffff7a}.btn-primary:hover{background:linear-gradient(135deg, var(--iri-pink-deep), var(--iri-purple), var(--iri-mint));color:#fff;box-shadow:var(--shadow-card)}.btn-ghost{color:var(--ink);-webkit-backdrop-filter:blur(14px)saturate(150%);background:#ffffff85}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.hero-meta{color:var(--ink-mute);margin-top:16px}.l8-mascot-stage{min-height:520px;box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(20px)saturate(160%);background:radial-gradient(circle at 50% 34%,#ffffffeb,#0000 15rem),linear-gradient(145deg,#ffffff7a,#fff0fc4d);border:1px solid #fff9;border-radius:48px;place-items:center;display:grid;position:relative;overflow:hidden}.l8-mascot-stage:before{content:"";border:1px solid #ffffffb3;border-radius:36px;position:absolute;inset:34px}.l8-mascot-stage img{filter:drop-shadow(0 30px 48px #6d56ac3d);z-index:1;width:min(360px,68vw);position:relative}.l8-sparkle{z-index:2;color:var(--section-accent);filter:drop-shadow(0 0 10px);pointer-events:none;font-size:26px;line-height:1;animation:3.2s ease-in-out infinite sparkle-pulse;position:absolute}.l8-sparkle-a{top:18%;left:16%}.l8-sparkle-b{color:var(--iri-cyan);animation-delay:.7s;top:28%;right:18%}.l8-sparkle-c{color:var(--iri-purple);animation-delay:1.2s;bottom:26%;right:24%}.hero-quote{color:var(--ink-soft);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px)saturate(150%);background:#ffffffa3;border:1px solid #ffffff94;border-radius:24px;padding:18px 20px;position:absolute;bottom:26px;left:28px;right:28px}.hero-quote .mono{color:var(--ink-mute);margin-bottom:4px;display:block}.l8-section{padding:clamp(76px,10vw,132px) 0;position:relative}[data-section-mood=dawn]{--section-accent:var(--iri-peach)}[data-section-mood=bright]{--section-accent:var(--iri-yellow)}[data-section-mood=crisp]{--section-accent:var(--iri-mint)}[data-section-mood=overcast]{--section-accent:var(--iri-lavender)}[data-section-mood=rain]{--section-accent:var(--iri-blue)}[data-section-mood=golden]{--section-accent:var(--iri-yellow)}[data-section-mood=dusk]{--section-accent:var(--iri-pink)}[data-section-mood=snow]{--section-accent:var(--iri-cyan)}[data-section-mood=humid]{--section-accent:var(--iri-mint)}[data-section-mood=night]{--section-accent:var(--iri-purple);--ink:#f2eaff;--ink-soft:#c9b8e8;--ink-mute:#9f8eb8}.l8-section[data-section-mood=night]{background:radial-gradient(circle at 22% 0,#ff8fae38,#0000 20rem),linear-gradient(135deg,#2a1f3d 0%,#1f2a3d 100%);border-block:1px solid #ffffff1f}.l8-section:not([data-section-mood=night]):before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 78% 12%, color-mix(in oklab, var(--section-accent) 22%, transparent), transparent 23rem);opacity:.8;position:absolute;inset:0}.l8-section-warm{-webkit-backdrop-filter:blur(8px)saturate(130%);background:#ffffff2e;border-block:1px solid #ffffff6b}.l8-heading{max-width:760px;margin-bottom:34px}.l8-heading .mono{color:var(--section-accent)}.l8-heading h2,.pro-panel h2,.l8-final h2{letter-spacing:-.045em;color:var(--ink);margin:10px 0 12px;font-family:Zen Maru Gothic,sans-serif;font-size:clamp(34px,5.8vw,72px);line-height:1.1}.l8-heading p,.pro-panel p,.l8-final p{color:var(--ink-soft);margin:0;font-size:17px;line-height:1.9}.vibe-grid,.app-ux-grid,.widget-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.app-ux-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vibe-card,.app-ux-card,.widget-card,.idx-chip,.palette-card,.step{background:var(--card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px)saturate(150%);border:1px solid #ffffff94;border-radius:30px}.vibe-card{padding:22px}.vibe-card img{aspect-ratio:1;object-fit:contain;width:min(150px,100%);margin:0 auto 14px;display:block}.vibe-card h3,.app-ux-card h3,.widget-card h4{color:var(--ink);margin:6px 0;font-family:Zen Maru Gothic,sans-serif;font-size:22px}.vibe-card p,.app-ux-card p,.widget-card p,.step p{color:var(--ink-soft);margin:0}.app-ux-card{padding:18px}.screen-mock{background:linear-gradient(#ffffff94 0%,#f5f0ff6b 100%);border:8px solid #352642e0;border-radius:34px;min-height:330px;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c}.screen-real{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;inset:0}.screen-status{z-index:1;color:var(--ink-mute);margin-bottom:24px;font-family:JetBrains Mono,monospace;font-size:11px;position:relative}.screen-card{z-index:1;-webkit-backdrop-filter:blur(12px)saturate(150%);background:#ffffff94;border:1px solid #ffffff9e;border-radius:24px;gap:10px;padding:22px;display:grid;position:relative}.screen-card span{font-size:34px}.screen-card strong{color:var(--ink);font-size:20px}.screen-card small{color:var(--ink-mute)}.screen-list{z-index:1;gap:10px;margin-top:18px;display:grid;position:relative}.screen-list i{background:#74648729;border-radius:999px;height:18px}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.palette-card{padding:12px}.palette-card span{border:1px solid #ffffffbd;border-radius:22px;height:96px;margin-bottom:12px;display:block}.palette-card strong{color:var(--ink);font-family:Fredoka,sans-serif;display:block}.indices-l8-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.idx-chip{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:18px;display:grid}.idx-chip>span:first-child{color:var(--ink);font-weight:700}.idx-chip .en{color:var(--ink-mute);grid-column:1;font-family:Fredoka,sans-serif;font-size:12px}.idx-chip .score{background:color-mix(in oklab, var(--section-accent) 18%, #ffffffb8);width:48px;height:48px;color:var(--section-accent);border-radius:50%;grid-area:1/2/span 2;place-items:center;font-family:Fredoka,sans-serif;font-weight:700;display:grid}.widget-card{padding:18px}.widget-placeholder{min-height:170px;color:var(--section-accent);border:1px dashed var(--rule-strong);background:linear-gradient(135deg,#ffffff94,#c8b6ff47,#b6f0e838);border-radius:26px;place-items:center;font-size:48px;display:grid;position:relative;overflow:hidden}.widget-placeholder span{z-index:1;position:relative}.widget-real{object-fit:contain;z-index:2;background:#ffffffa3;width:100%;height:100%;padding:12px;position:absolute;inset:0}.pro-panel{color:#f2eaff;box-shadow:var(--shadow-pop);background:radial-gradient(circle at 18% 10%,#ff8fae38,#0000 18rem),linear-gradient(145deg,#2a1f3df5,#1f2a3df0);border:1px solid #ffffff29;border-radius:44px;grid-template-columns:1.1fr .8fr;gap:36px;padding-block:clamp(42px,6vw,68px);padding-inline:clamp(28px,5vw,64px);display:grid}.pro-panel .mono,.pro-panel h2,.pro-panel p{color:inherit}.pro-panel p{color:#f8f3eab8}.pro-panel ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pro-panel li{background:#ffffff0f;border:1px solid #f8f3ea29;border-radius:18px;padding:14px 16px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.step{padding:24px}.step .num{color:var(--section-accent);font-family:Caveat,cursive;font-size:36px;font-weight:700}.step h4{color:var(--ink);margin:4px 0 10px;font-family:Zen Maru Gothic,sans-serif;font-size:22px}.l8-final{-webkit-backdrop-filter:blur(18px)saturate(150%);background:radial-gradient(circle at 86%,#ffffffdb,#0000 15rem),linear-gradient(145deg,#ffffff94,#fff0f557,#b6f0e842);border:1px solid #ffffff94;display:block}.l8-final img{filter:drop-shadow(0 24px 38px #372c222e);width:min(230px,34vw)}@media (width<=960px){.l8-hero-grid,.pro-panel,.l8-final{grid-template-columns:1fr}.vibe-grid,.widget-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.app-ux-grid,.indices-l8-grid,.steps{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.nav-inner{align-items:flex-start}.nav-links{gap:10px;max-width:100%;padding-bottom:6px;overflow-x:auto}.nav-links a{font-size:12px}.l8-hero{padding-top:48px}.l8-mascot-stage{border-radius:34px;min-height:420px}.l8-mascot-stage img{width:min(260px,70vw)}.vibe-grid,.widget-gallery,.palette-grid{grid-template-columns:1fr}.screen-mock{min-height:280px}.foot-grid{grid-template-columns:1fr}.final{border-radius:28px;padding:48px 24px 56px}.final-mascot-stack{min-height:280px}}