:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--blue:#1010f5;--red:#e52e46;--w:#fff;--off:#f7f8fc;--lb:#f0f2ff;--card:#fff;--tx:#171725;--navy:#0a0d24;--mut:#5f6272;--ln:#e7e8ef;--lr:#fff0f2;--bt:var(--blue);--bh:color-mix(in srgb,var(--blue) 80%,#000);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--w);scroll-padding-top:80px}body{background:var(--w);min-height:100vh;color:var(--tx);margin:0;font:16px/1.6 Helvetica Neue,Arial,sans-serif}body.lo{overflow:hidden}h1,h2,h3{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--bt);outline-offset:3px}img.lg{width:auto;height:34px;display:block}header{z-index:20;padding:calc(env(safe-area-inset-top,0px) + 12px) 5vw 12px;background:color-mix(in srgb,var(--w) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}nav a{letter-spacing:.18em;text-transform:uppercase;border-bottom:2px solid #0000;margin-left:28px;padding:6px 0;font-size:13px;text-decoration:none}nav a:hover,nav a[aria-current]{border-color:var(--blue);color:var(--bt)}section{padding:90px 5vw}.wrap{max-width:1100px;margin:auto}.hero{background:var(--w);grid-template-columns:1fr 1fr;align-items:center;gap:2vw;min-height:100vh;padding-top:110px;display:grid}.hero img.lg{height:clamp(44px,7vw,78px);margin-bottom:26px}.hero h1{font-size:clamp(40px,6.2vw,82px);line-height:1.02}.hero p{max-width:420px;color:var(--mut);margin:22px 0 30px}#hc{aspect-ratio:1;width:100%;max-height:80vh}.btn{border:1px solid var(--tx);letter-spacing:.14em;text-transform:uppercase;background:0 0;border-radius:99px;margin:0 10px 10px 0;padding:14px 26px;font-size:13px;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--blue);color:var(--bt)}.btn.p{background:var(--blue);border-color:var(--blue);color:#fff}.btn.p:hover{background:var(--bh);color:#fff}.btn.w{color:#fff;border-color:#fff}.btn:disabled{opacity:.35;cursor:default}.eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--red);font-size:12px}h2{margin:10px 0 12px;font-size:clamp(30px,4.4vw,54px);line-height:1.1}.sub{color:var(--mut);max-width:520px;margin:0 0 28px}.feat{grid-template-columns:1fr 1fr;align-items:center;gap:5vw;display:grid}.feat canvas{border-radius:18px;width:100%;box-shadow:0 30px 60px -28px #0a0d2480}#bloom{background:var(--off)}#bloom canvas{aspect-ratio:4/5;justify-self:center;max-width:340px}#mood{background:var(--w)}footer{background:var(--off)}#mood canvas{aspect-ratio:8/5}footer{border-top:1px solid var(--ln);padding:70px 5vw 40px}.fg{grid-template-columns:1.4fr 1fr 1fr;gap:30px;display:grid}.fg h4{letter-spacing:.25em;text-transform:uppercase;margin:0 0 10px;font-size:12px}.fg p{color:var(--mut);margin:0 0 8px;font-size:14px}.fg a{color:var(--mut);padding:3px 0;text-decoration:none;display:block}.fg a:hover{color:var(--bt)}.lab{z-index:30;background:var(--off);height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);flex-direction:column;display:flex;position:fixed;inset:0}.lab[hidden]{display:none}.lbar{border-bottom:1px solid var(--ln);align-items:center;gap:12px;padding:10px 4vw;display:flex}.lbar .t{letter-spacing:.25em;text-transform:uppercase;color:var(--red);flex:1;font-size:12px}.ib{letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px solid;border-radius:99px;min-height:44px;padding:0 16px;font-size:12px}.ib:hover{color:var(--bt)}.lbody{flex:1;place-items:center;min-height:0;padding:20px 4vw;display:grid;overflow:auto}#qz{background:var(--card);border:1px solid var(--ln);border-radius:24px;width:min(860px,100%);padding:clamp(18px,4vw,40px);box-shadow:0 30px 60px -30px #0a0d2459}.bar{background:var(--ln);border-radius:3px;height:3px;margin:10px 0 22px}.bar i{background:var(--red);border-radius:3px;height:100%;transition:width .4s;display:block}.qn{letter-spacing:.25em;text-transform:uppercase;color:var(--mut);font-size:12px}#qz h3{margin:6px 0 20px;font-size:clamp(22px,3vw,32px)}.ans{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ans button{text-align:left;border:1px solid var(--ln);background:0 0;border-radius:16px;min-height:72px;padding:18px;transition:all .25s}.ans button:hover{border-color:var(--blue)}.ans button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-2px)}.nav2{justify-content:space-between;margin-top:22px;display:flex}.nav2 .btn{margin:0}.fade{animation:.45s f}@keyframes f{0%{opacity:0;transform:translateY(10px)}}.res{grid-template-columns:auto 1fr;align-items:start;gap:28px;display:grid}#rc{aspect-ratio:4/5;border-radius:14px;width:min(100%,min(66dvh,640px)/1.25);height:auto;box-shadow:0 20px 40px -18px #0a0d2480}.chip{border:1px solid var(--ln);border-radius:99px;margin:0 6px 6px 0;padding:3px 12px;font-size:13px;display:inline-block}.sw{gap:8px;margin:12px 0;display:flex}.sw i{border:1px solid var(--ln);border-radius:50%;width:28px;height:28px}.stage{flex:1;min-height:0;position:relative}#mc{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.ctl{flex-wrap:wrap;align-items:center;gap:8px;max-height:38dvh;padding:10px 4vw;display:flex;overflow:auto}.ctl button{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid #ffffff4d;border-radius:99px;min-height:44px;padding:0 16px;font-size:13px}.ctl button[aria-pressed=true]{color:var(--navy);background:#fff}.ctl .sep{background:#ffffff40;width:1px;height:26px;margin:0 4px}.ctl #sw{display:contents}.ctl .c{width:44px;padding:0;position:relative}.ctl .c i{border-radius:50%;position:absolute;inset:11px}.ctl .c[aria-pressed=true]{background:0 0;outline:2px solid #fff}#st{opacity:.85;min-height:24px;padding:0 4vw 8px;font-size:14px}#intro{z-index:50;text-align:center;background:linear-gradient(165deg,#fff,#e9ecff 70%,#cfd6ff);place-items:center;transition:opacity .9s;display:grid;position:fixed;inset:0}#ic{width:100%;height:100%;position:absolute;inset:0}.tx{color:var(--navy);opacity:0;transition:opacity 1s,transform 1.2s;position:relative}.tx.on{opacity:1}.tx.off{opacity:0;transform:translateY(-24px)scale(1.04)}.tx small{letter-spacing:.5em;margin-bottom:14px;font-size:13px;display:block}.tx img{filter:drop-shadow(0 2px #0a0c8c59)drop-shadow(0 16px 20px #0a0d2447);height:clamp(50px,13vw,120px);margin:auto}#skip{right:5vw;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);z-index:2;border:1px solid var(--navy);color:var(--navy);letter-spacing:.15em;text-transform:uppercase;background:#ffffffb3;border-radius:99px;padding:10px 20px;font-size:12px;position:absolute}@media (max-width:760px){.hero,.res,.fg,.feat,.ans{grid-template-columns:1fr}nav a{margin-left:16px;font-size:11px}img.lg{height:26px}#hc{max-height:60vh}#rc{justify-self:center;width:min(100%,min(56dvh,560px)/1.25);height:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[data-theme=dark]{--w:#0d1020;--off:#121630;--lb:#141a3a;--card:#171c38;--tx:#f3f4fa;--mut:#f3f4fab3;--ln:#ffffff29;--bt:#8f99ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] header img.lg,[data-theme=dark] .hero img.lg,[data-theme=dark] footer img.lg,[data-theme=dark] .lbar img.lg{background:#fff;border-radius:8px;padding:5px 10px}.feat canvas{border:1px solid var(--ln)}.stage{border-radius:18px;margin:0 4vw;overflow:hidden}.ctl button{border:1px solid var(--ln);color:var(--tx)}.ctl button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.ctl .sep{background:var(--ln)}.ctl .c[aria-pressed=true]{outline:2px solid var(--tx);background:0 0;border-color:#0000}.rb{vertical-align:-1px;background:conic-gradient(#0ff,#a6f,#f6a,#fa4,#0f8,#0ff);border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.dot{vertical-align:0;background:#9aa;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}#snd[aria-pressed=true] .dot{background:#5cffb0;box-shadow:0 0 8px #5cffb0}.vl{letter-spacing:.1em;text-transform:uppercase;color:var(--mut);align-items:center;gap:8px;font-size:12px;display:flex}.vl input{width:90px;accent-color:var(--blue);min-height:44px}html:not([data-theme=dark]),html:not([data-theme=dark]) body,html:not([data-theme=dark]) .hero,html:not([data-theme=dark]) #mood,html:not([data-theme=dark]) main{background:#fff!important}html:not([data-theme=dark]) #bloom,html:not([data-theme=dark]) footer{background:#f7f8fc!important}html:not([data-theme=dark]) header{background:#fffffff0!important}.btn{background:var(--w);color:var(--bt);border-color:#1010f559}.btn.p{background:var(--blue);color:#fff;border-color:var(--blue)}.btn:hover{border-color:var(--blue)}[data-theme=dark] .btn{border-color:#8f99ff80}@media (max-width:760px){#thm .lo{display:none}}.qsub{color:var(--mut);margin:-8px 0 16px;font-size:15px}#qz h3:focus,#qz h2:focus{outline:none}.ans.rich button{align-items:center;gap:14px;padding-right:38px;display:flex;position:relative}.ans.rich .vis{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.ans.rich .vis .sb{border:1px solid #1717254d;border-radius:4px;width:44px;height:8px;display:block}.ans.rich .ot b{font-size:15px;font-weight:600;line-height:1.3;display:block}.ans.rich .ot small{opacity:.85;margin-top:2px;font-size:13px;line-height:1.4;display:block}.ans button[aria-pressed=true]:after{content:"✓";font-weight:700;position:absolute;top:10px;right:14px}.help{border:1px solid var(--ln);border-radius:14px;margin:0 0 16px;padding:0 16px}.help summary{cursor:pointer;letter-spacing:.12em;text-transform:uppercase;min-height:44px;color:var(--bt);align-items:center;font-size:13px;display:flex}.help>div{color:var(--mut);padding:0 0 12px;font-size:14px}.help p{margin:6px 0}.help ul{margin:6px 0;padding-left:20px}.res h4,#act h4{letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin:18px 0 8px;font-size:12px;font-weight:400}.res h2 .dotc{border:1px solid var(--ln);vertical-align:0;border-radius:50%;width:.6em;height:.6em;margin-right:.3em;display:inline-block}.hexl{color:var(--mut);letter-spacing:.08em;margin:0 0 8px;font-size:14px}.why{margin:0 0 8px;padding-left:20px}.why li{margin-bottom:4px}.stbl{border-collapse:collapse;width:100%;margin:6px 0}.stbl th,.stbl td{text-align:left;border-bottom:1px solid var(--ln);padding:5px 6px}.alts{grid-template-columns:1fr;gap:10px;display:grid}.alt{border:1px solid var(--ln);border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.alt .altv{flex:none;width:64px}.alt .altv svg{width:100%;height:auto;display:block}.alt small{color:var(--mut);font-size:12px;line-height:1.35;display:block}.fine{color:var(--mut);font-size:13px}.gf{margin-top:14px}.rels{flex-wrap:wrap;gap:8px;margin:8px 0 12px;display:flex}.rels button{border:1px solid var(--ln);background:0 0;border-radius:99px;min-height:44px;padding:0 16px;font-size:14px}.rels button:hover{border-color:var(--blue)}.rels button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.gf .hrow{flex-wrap:wrap;align-items:center;gap:0 10px;display:flex}.gf .hrow input{width:110px;display:inline-block}.gf .hrow span{margin:6px 0 14px;font-size:15px}.gf .fm{min-height:22px;color:var(--mut);margin:-6px 0 8px;font-size:14px}.gf input{border:1px solid var(--ln);background:var(--card);width:100%;max-width:340px;min-height:44px;color:var(--tx);font:inherit;border-radius:12px;margin:6px 0 14px;padding:0 14px;font-size:16px;display:block}.rbtns{margin-top:16px}.tphw{width:112px!important}.tph{aspect-ratio:4/5;border:1px dashed var(--ln);background:var(--off);text-align:center;box-sizing:border-box;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:6px;display:flex;overflow:hidden}.tph b{color:var(--tx);font-size:11px;line-height:1.2}.tph small{font-size:10px!important;line-height:1.2!important}.phs{border:1px solid #1717254d;border-radius:50%;width:26px;height:26px;display:block}.tphi{aspect-ratio:4/5;object-fit:contain;background:var(--off);border-radius:10px;width:100%;height:auto;display:block}.alt>div:last-child{min-width:0}.tnote{color:var(--mut);margin:6px 0;font-size:13px}.tsel{border-color:var(--blue)}.alt .btn{min-height:40px;margin-top:6px;padding:0 14px}.rels button.off{opacity:.5;border-style:dashed}.rels button.off:hover{border-color:var(--ln)}.tpm{min-height:22px;color:var(--mut);font-size:14px}@media (max-width:760px){.alts{grid-template-columns:1fr}.ans.rich .ot b{font-size:14px}}.resl{width:min(100%,min(66dvh,640px)/1.25)}@media (max-width:760px){.resl{width:min(100%,min(56dvh,560px)/1.25)}}.gf .nrow{gap:12px;display:flex}.gf .nrow>div{flex:1 1 0;min-width:0}.gf .nrow input{max-width:none}@media (max-width:480px){.gf .nrow{flex-direction:column;gap:0}}
