:root{--color-bg-base:#141226;--color-bg-elevated:#1a1730;--color-bg-raised:#221d3d;--color-surface:#1e1a378c;--color-surface-hi:#282248a6;--color-surface-soft:#231e4159;--color-line:#c8beff14;--color-line-emphasis:#c8beff29;--color-text:#e8e4f5;--color-text-dim:#bfb8d8;--color-text-muted:#938cb0;--color-text-disabled:#6a6485;--color-primary:#9eb0ff;--color-primary-strong:#b8c4ff;--color-primary-soft:#c4b5fd;--color-primary-bg:#9eb0ff1f;--color-primary-bg-hi:#9eb0ff38;--color-primary-border:#9eb0ff66;--color-ok:#7fd9a6;--color-ok-bg:#7fd9a624;--color-warn:#f4c56b;--color-warn-bg:#f4c56b24;--color-bad:#f08b8b;--color-bad-bg:#f08b8b24;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Manrope", "Inter", system-ui, sans-serif;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:32px;--text-display:56px;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--tracking-tight:-.5px;--tracking-wide:.4px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:10px;--radius-md:12px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:20px;--radius-pill:9999px;--blur-card:blur(14px);--shadow-glow-primary:0 0 14px #9eb0ff47;--motion-base:.18s;--ease-default:cubic-bezier(.32, .72, .32, 1);--container-max:1120px;--container-pad-x:var(--space-6)}html,body{background:var(--color-bg-base);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.app-bg{background-color:#0000;background-image:radial-gradient(1000px 700px at 85% -15%,#9eb0ff1f,#0000 60%),radial-gradient(900px 600px at -10% 100%,#c4b5fd1a,#0000 60%),radial-gradient(600px 400px at 50% 120%,#7fd9a60d,#0000 60%),linear-gradient(#141226 0%,#17142b 60%,#121024 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--bg-0:#100e20;--surface2:#2621466b;--surface2-hi:#342d5c8c;--line2:#c8beff1a;--line2-hi:#c8beff38;--peri:#9eb0ff;--peri-hi:#bec9ff;--lav:#c9b8ff;--dusk:#d9a0ff;--dawn:#f6c976;--life:#86e0ad;--ease2:cubic-bezier(.22, .68, .28, 1);--font-display:"Manrope", ui-rounded, "SF Pro Display", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--maxw:1180px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(84px + env(safe-area-inset-top,0px));overflow-x:clip}body{font-family:var(--font-body);color:var(--color-text);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55;overflow-x:clip}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:28px}.page{z-index:1;position:relative}.stage{z-index:0;background:radial-gradient(1200px 900px at 80% -10%,#9eb0ff29,#0000 55%),radial-gradient(1000px 800px at 5% 110%,#c9b8ff21,#0000 55%),linear-gradient(#100e20 0%,#16132b 55%,#100d1f 100%);position:fixed;inset:0;overflow:hidden}.bloom{filter:blur(70px);opacity:.55;mix-blend-mode:screen;border-radius:50%;position:absolute}.bloom.a{width:620px;height:620px;animation:drift1 22s var(--ease2) infinite alternate;background:radial-gradient(circle,#9eb0ff8c,#0000 65%);top:-12%;left:55%}.bloom.b{width:540px;height:540px;animation:drift2 26s var(--ease2) infinite alternate;background:radial-gradient(circle,#d9a0ff6b,#0000 65%);top:40%;left:-8%}.bloom.c{width:480px;height:480px;animation:drift3 30s var(--ease2) infinite alternate;background:radial-gradient(circle,#86e0ad4d,#0000 65%);top:78%;left:30%}@keyframes drift1{to{transform:translate(-70px,60px)scale(1.12)}}@keyframes drift2{to{transform:translate(80px,-50px)scale(1.08)}}@keyframes drift3{to{transform:translate(-40px,-70px)scale(1.15)}}#motes{width:100%;height:100%;position:absolute;inset:0}.site-header{z-index:30;backdrop-filter:blur(16px);border-bottom:1px solid var(--line2);padding-top:env(safe-area-inset-top,0px);background:#100e2073;position:sticky;top:0}.site-header:before{content:"";height:env(safe-area-inset-top,0px);background:var(--bg-0);pointer-events:none;position:absolute;top:0;left:0;right:0}.site-nav{justify-content:space-between;align-items:center;height:68px;display:flex}.site-nav .brand{align-items:center;display:flex}.site-nav .brand img{width:auto;height:30px;display:block}.site-nav .links{align-items:center;gap:26px;display:flex}.site-nav .links a{color:var(--color-text-dim);font-size:14px;transition:color .2s}.site-nav .links a:hover{color:var(--color-text)}.site-nav .demo-short{display:none}@media (width<=780px){.site-nav .links a:not(.btn),.site-nav .demo-full{display:none}.site-nav .demo-short{display:inline}}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--line2-hi);background:var(--surface2);color:var(--color-text);transition:transform .25s var(--ease2), box-shadow .25s var(--ease2), background .25s;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface2-hi);transform:translateY(-2px)}.btn.primary{color:#f2f0ff;background:linear-gradient(135deg,#9eb0ff47,#c9b8ff38);border-color:#9eb0ff80;box-shadow:0 0 0 1px #9eb0ff26,0 8px 30px -8px #9eb0ff80}.btn.primary:hover{box-shadow:0 0 0 1px #9eb0ff4d,0 14px 40px -8px #9eb0ffb3}.btn:focus-visible{outline:2px solid var(--peri-hi);outline-offset:3px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--peri-hi);background:#9eb0ff1a;border:1px solid #9eb0ff40;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--life);width:7px;height:7px;box-shadow:0 0 10px var(--life);border-radius:50%;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.pill{letter-spacing:.06em;text-transform:uppercase;color:var(--peri);background:#9eb0ff1a;border:1px solid #9eb0ff38;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:600;display:inline-block}.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--peri);font-size:12px;font-weight:700}.section-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:12px 0 0;font-size:clamp(26px,3.6vw,40px);font-weight:800;line-height:1.12}.lead{color:var(--color-text-dim);max-width:32em;margin:0 0 28px;font-size:18px}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}.grad{background:linear-gradient(100deg, var(--dawn), var(--peri-hi) 40%, var(--lav) 70%, var(--dusk));color:#0000;background-size:220% 100%;background-clip:text;animation:8s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.section{padding-block:clamp(40px,7vw,88px)}.sec-head{max-width:34em;margin-bottom:42px}.hero{text-align:center;padding-block:clamp(56px,9vw,104px)}.hero h1{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:20px auto 18px;font-size:clamp(34px,6vw,60px);font-weight:800;line-height:1.05}.hero .lead{margin-inline:auto}.hero .cta{justify-content:center}.hero-home{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-block:clamp(48px,8vw,100px);display:grid}.hero-home h1{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:22px 0 20px;font-size:clamp(24px,7vw,66px);font-weight:800;line-height:1.04}@media (width<=900px){.hero-home{text-align:center;grid-template-columns:1fr}.hero-home .lead{margin-inline:auto}.hero-home .cta{justify-content:center}}.cta{flex-wrap:wrap;gap:14px;display:flex}.ring-stage{place-items:center;gap:18px;display:grid}.ring-wrap{aspect-ratio:1;place-items:center;width:min(380px,82vw);display:grid;position:relative;overflow:hidden}.cycle{background:conic-gradient(from 210deg, var(--dawn) 0deg, var(--peri) 90deg, var(--lav) 175deg, #c8beff1f 230deg, #c8beff1f 300deg, var(--dawn) 360deg);filter:drop-shadow(0 0 22px #9eb0ff59);border-radius:50%;animation:44s linear infinite spin;position:absolute;inset:0;mask:radial-gradient(farthest-side,#0000 66%,#000 68%)}@keyframes spin{to{transform:rotate(360deg)}}.cycle-fade{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 60px 10px #100e20b3}.ticks,.ticks span{position:absolute;inset:0}.ticks span:after{content:"";background:#c8beff66;border-radius:2px;width:2px;height:8px;margin-left:-1px;position:absolute;top:7.5%;left:50%}.ticks span.h:after{background:#c8beffad;height:12px;top:5.5%}.indicator{animation:44s linear infinite spin;position:absolute;inset:0}.indicator .head{width:12px;height:12px;box-shadow:0 0 14px 3px var(--peri-hi), 0 0 4px #fff;background:#fff;border-radius:50%;margin-left:-6px;position:absolute;top:5.5%;left:50%}.core-glyph{z-index:2;aspect-ratio:1;border:1px solid var(--line2-hi);backdrop-filter:blur(6px);background:radial-gradient(circle at 50% 40%,#342d5c99,#100e2066);border-radius:50%;place-items:center;width:52%;display:grid;position:relative}.core-glyph .seedling{filter:drop-shadow(0 0 12px #86e0adb3);transform-origin:50% 90%;width:46%;animation:5s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.core-cap{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);text-align:center;font-size:13px;font-weight:700}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=820px){.grid-3{grid-template-columns:1fr}}.card{border-radius:var(--radius-xl);background:var(--surface2);border:1px solid var(--line2);backdrop-filter:blur(14px);transition:transform .3s var(--ease2), border-color .3s, box-shadow .3s;padding:26px;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;background:radial-gradient(340px 180px at var(--mx,50%) 0%, #9eb0ff24, transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card:hover{border-color:var(--line2-hi);transform:translateY(-4px);box-shadow:0 20px 50px -24px #000000b3}.card:hover:before{opacity:1}.card h3{font-family:var(--font-display);margin:0 0 8px;font-size:18px;font-weight:700}.card p{color:var(--color-text-dim);margin:8px 0 0;font-size:14px}.metric-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.metric-name{font-family:var(--font-display);font-size:17px;font-weight:700}.live{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font-size:11px;display:inline-flex}.live .d{background:var(--life);width:6px;height:6px;box-shadow:0 0 8px var(--life);border-radius:50%;animation:2s ease-in-out infinite pulse}.spark{width:100%;height:46px;display:block}.duo{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=820px){.duo{grid-template-columns:1fr}}.product{border-radius:var(--radius-2xl);background:var(--surface2);border:1px solid var(--line2);backdrop-filter:blur(14px);transition:transform .3s var(--ease2), border-color .3s;padding:30px;display:block;position:relative;overflow:hidden}.product:hover{border-color:var(--line2-hi);transform:translateY(-4px)}.product.flag{background:linear-gradient(160deg,#342d5c8c,#1c183866)}.product .glyph{width:84px;height:84px;margin-bottom:18px}.product .kind{letter-spacing:.12em;text-transform:uppercase;color:var(--peri);font-size:12px;font-weight:700}.product h3{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 10px;font-size:30px;font-weight:800}.product p{color:var(--color-text-dim);margin:0 0 18px;font-size:15px}.product .more{color:var(--peri-hi);gap:6px;font-size:14px;font-weight:600;transition:gap .2s;display:inline-flex}.product:hover .more{gap:12px}.form-stack{flex-direction:column;gap:16px;max-width:460px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--color-text-dim);font-size:13px;font-weight:600}.input,textarea.input{border-radius:var(--radius-md);border:1px solid var(--line2-hi);width:100%;color:var(--color-text);background:#100e2080;padding:13px 15px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#9eb0ff99;outline:none;box-shadow:0 0 0 3px #9eb0ff24}.reveal{opacity:0;transition:opacity .7s var(--ease2), transform .7s var(--ease2);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.stagger>*{opacity:0;transform:translateY(20px)}.stagger.in>*{animation:rise .7s var(--ease2) forwards}.stagger.in>:nth-child(2){animation-delay:80ms}.stagger.in>:nth-child(3){animation-delay:.16s}@keyframes rise{to{opacity:1;transform:none}}.load{opacity:0;animation:rise .8s var(--ease2) forwards;transform:translateY(18px)}.load.d1{animation-delay:50ms}.load.d2{animation-delay:.15s}.load.d3{animation-delay:.25s}.load.d4{animation-delay:.35s}.site-footer{border-top:1px solid var(--line2);color:var(--color-text-muted);margin-top:80px;padding-block:44px;font-size:13px}.site-footer .cols{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.site-footer a{color:var(--color-text-dim)}.site-footer a:hover{color:var(--color-text)}.prose{max-width:720px;margin-inline:auto}.prose h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(30px,5vw,44px);line-height:1.1}.prose h2{font-family:var(--font-display);margin-top:40px;font-size:22px;line-height:1.2}.prose p,.prose li{color:var(--color-text-dim);font-size:16px}.prose a{color:var(--peri)}.prose code{background:#100e2099;border-radius:6px;padding:2px 6px;font-size:.9em}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=820px){.steps{grid-template-columns:1fr}}.step{border-radius:var(--radius-xl);background:var(--surface2);border:1px solid var(--line2);backdrop-filter:blur(14px);padding:28px 26px;position:relative}.step-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.step .num{width:40px;height:40px;font-family:var(--font-display);color:var(--peri-hi);background:#9eb0ff1f;border:1px solid #9eb0ff4d;border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:800;display:inline-grid}.step h3{font-family:var(--font-display);margin:0;font-size:18px;font-weight:700}.step p{color:var(--color-text-dim);margin:0;font-size:14px}.step:not(:last-child):after{content:"→";color:#9eb0ffbf;z-index:2;font-size:22px;font-weight:300;line-height:1;position:absolute;top:50%;right:-19px;transform:translateY(-50%)}@media (width<=820px){.step:not(:last-child):after{display:none}}.stages{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px;display:grid}@media (width<=720px){.stages{grid-template-columns:repeat(2,1fr)}}.stage-item{border-radius:var(--radius-lg);background:var(--surface2);border:1px solid var(--line2);padding:18px 16px;position:relative}.stage-item .bar{border-radius:2px;height:4px;margin-bottom:12px}.stage-item h4{font-family:var(--font-display);margin:0 0 4px;font-size:15px;font-weight:700}.stage-item span{color:var(--color-text-muted);font-size:12px}.feature-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.feature-list li{color:var(--color-text-dim);align-items:flex-start;gap:12px;font-size:15px;display:flex}.feature-list .ic{width:22px;height:22px;color:var(--life);background:#86e0ad24;border-radius:6px;flex:none;place-items:center;margin-top:1px;font-size:13px;display:grid}.rx-timeline-wrap{margin:42px 0 14px;position:relative}.rx-timeline{border-radius:999px;height:12px;display:flex;overflow:hidden}.rx-timeline .seg{height:100%}.rx-marker{background:#fff;border-radius:2px;width:3px;height:22px;position:absolute;top:-5px;transform:translate(-50%);box-shadow:0 0 10px 2px #ffffffd9}.rx-tip{white-space:nowrap;color:var(--color-text);border:1px solid var(--line2-hi);background:#100e20e6;border-radius:8px;padding:3px 9px;font-size:11px;font-weight:600;position:absolute;top:-34px;transform:translate(-50%)}.rx-tip:after{content:"";border-right:1px solid var(--line2-hi);border-bottom:1px solid var(--line2-hi);background:#100e20e6;width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.rx-legend{flex-wrap:wrap;gap:8px 16px;margin-bottom:20px;display:flex}.rx-legend span{color:var(--color-text-dim);align-items:center;gap:6px;font-size:12px;display:inline-flex}.rx-legend i{border-radius:3px;width:9px;height:9px}.rx-now{font-family:var(--font-display);margin-bottom:8px;font-size:14px;font-weight:700}.rx-now span{color:var(--color-text-muted);margin-left:6px;font-weight:400}.rx-param{border-bottom:1px solid var(--line2);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;font-size:14px;display:flex}.rx-param:last-child{border-bottom:none}.rx-param span{color:var(--color-text-muted)}.rx-param b{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600}.split{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}@media (width<=900px){.split{grid-template-columns:1fr}}.appshot{border-radius:var(--radius-2xl);border:1px solid var(--line2-hi);backdrop-filter:blur(16px);background:linear-gradient(160deg,#282248b3,#141128cc);padding:16px;box-shadow:0 30px 70px -30px #000c,0 0 0 1px #9eb0ff0f}.appbar{justify-content:space-between;align-items:center;padding:4px 6px 14px;display:flex}.appbar .dots{gap:6px;display:flex}.appbar .dots i{background:#c8beff40;border-radius:50%;width:9px;height:9px}.appbar .name{font-family:var(--font-display);font-size:14px;font-weight:700}.appbar .on{color:var(--life);align-items:center;gap:6px;font-size:11px;display:inline-flex}.appbar .on:before{content:"";background:var(--life);width:6px;height:6px;box-shadow:0 0 8px var(--life);border-radius:50%}.app-panel{border:1px solid var(--line2);border-radius:var(--radius-lg);background:#100e208c;padding:16px}.app-tiles{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}@media (width<=460px){.app-tiles{grid-template-columns:repeat(2,1fr)}}.tile{border:1px solid var(--line2);background:#1e1a3780;border-radius:12px;padding:12px}.tile .k{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-size:10px}.tile .v{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:4px;font-size:20px;font-weight:700}.tile .v small{color:var(--color-text-muted);font-size:12px;font-weight:500}.why{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=820px){.why{grid-template-columns:1fr}}.why-item{border-radius:var(--radius-lg);background:var(--surface2);border:1px solid var(--line2);gap:14px;padding:20px;display:flex}.why-item .ic{background:#9eb0ff1f;border:1px solid #9eb0ff38;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.why-item h4{font-family:var(--font-display);margin:0 0 4px;font-size:15px;font-weight:700}.why-item p{color:var(--color-text-dim);margin:0;font-size:13px}.faq{max-width:760px}.faq details{border:1px solid var(--line2);border-radius:var(--radius-lg);background:var(--surface2);margin-bottom:12px;padding:0 22px;overflow:hidden}.faq summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:16px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--peri);font-size:22px;font-weight:400;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--color-text-dim);margin:0 0 18px;font-size:15px}.badge-row{flex-wrap:wrap;gap:12px;display:flex}.badge{background:var(--surface2);border:1px solid var(--line2);color:var(--color-text-dim);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:inline-flex}.badge b{color:var(--color-text);font-weight:600}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}.reveal,.stagger>*,.load{opacity:1!important;transform:none!important}html{scroll-behavior:auto}}.footer-legal{flex-direction:column;gap:8px;display:flex}.footer-legal a{color:var(--color-text-dim);font-size:13px}.footer-legal a:hover{color:var(--color-text)}.prose .table-wrap{margin:20px 0;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line2);padding:10px 14px}.prose th{font-family:var(--font-display);color:var(--color-text);white-space:nowrap;font-size:13px;font-weight:700}.prose td{color:var(--color-text-dim)}.prose td code{color:var(--peri);white-space:nowrap;background:#9eb0ff1a;border-radius:6px;padding:2px 6px;font-size:13px}.cookie-notice{z-index:60;padding:16px clamp(16px,4vw,40px);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));backdrop-filter:blur(16px);border-top:1px solid var(--line2-hi);transition:transform .45s var(--ease2);background:#100e20d1;flex-wrap:wrap;align-items:center;gap:18px;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.cookie-notice.is-in{transform:none}.cookie-notice[hidden]{display:none}.cookie-notice-text{color:var(--color-text-dim);flex:320px;margin:0;font-size:13px;line-height:1.55}.cookie-notice-text a{color:var(--peri);text-underline-offset:2px;text-decoration:underline}.cookie-notice-text a:hover{color:var(--peri-hi)}.cookie-notice-ok{white-space:nowrap;flex:none;padding:10px 24px;font-size:14px}@media (width<=560px){.cookie-notice{gap:12px}.cookie-notice-ok{width:100%}}.site-nav .links a.btn{color:#f2f0ff}.btn.sm{padding:9px 16px;font-size:14px}.site-nav .links .btn.sm:not(.primary){color:var(--color-text-dim)}@media (width<=780px){.site-nav .links{gap:10px}}.visual{gap:18px;display:grid;position:relative}.ring{aspect-ratio:1;width:100%;max-width:300px;margin-inline:auto;position:relative}.ring svg{width:100%;height:100%;overflow:visible}.ring .center{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.ring .clock{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(34px,4vw,44px);font-weight:800;line-height:1}.ring .phase{color:var(--color-text-dim);min-height:1.4em;margin-top:8px;font-size:13px}.ring .day{color:var(--color-text-muted);letter-spacing:.04em;margin-top:4px;font-size:11px}.ev-dot{transition:r .3s,fill .3s}.ev-dot.hit{animation:ping 1s var(--ease2)}@keyframes ping{0%{r:4}30%{r:9}to{r:4}}.stage-a{grid-template-columns:.95fr 1fr;align-items:center;gap:18px;display:grid}@media (width<=560px){.stage-a{grid-template-columns:1fr}.stage-a .ring{max-width:210px}}.box{border-radius:var(--radius-2xl);background:var(--surface2);border:1px solid var(--line2);backdrop-filter:blur(14px);padding:18px;position:relative}.box svg{width:100%;height:auto;display:block}.cone{transition:opacity .7s var(--ease2)}.lamp-bar{transition:fill .5s,filter .5s}.fan-blades{transform-box:fill-box;transform-origin:50%}.fan-on .fan-blades{animation:.8s linear infinite spin}.air path{fill:none;stroke:#9eb0ff;stroke-width:2px;stroke-linecap:round;stroke-dasharray:5 11;opacity:0;transition:opacity .6s}.fan-on .air path{opacity:.85;animation:.9s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-32px}}.tube{fill:none;stroke:#9eb0ff4d;stroke-width:3px;stroke-linejoin:round}.tube-flow{fill:none;stroke:#86e0ad;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 10;opacity:0;transition:opacity .3s}.pump-on .tube-flow{opacity:1;animation:.5s linear infinite flow}#water{transition:y 1.2s var(--ease2), height 1.2s var(--ease2)}.soil{transition:fill 1s}.plant{transform-box:fill-box;transform-origin:50% 100%;animation:5s ease-in-out infinite breathe}.chip{font-variant-numeric:tabular-nums;border:1px solid var(--line2-hi);color:var(--color-text-dim);white-space:nowrap;background:#100e20d1;border-radius:9px;padding:5px 9px;font-size:11px;position:absolute}.chip b{color:var(--color-text);font-weight:600}.feed{align-content:start;gap:8px;min-height:150px;display:grid}.ev{background:var(--surface2);border:1px solid var(--line2);color:var(--color-text-dim);animation:slidein .45s var(--ease2);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.ev:first-child{border-color:var(--line2-hi);color:var(--color-text)}.ev time{font-variant-numeric:tabular-nums;color:var(--color-text-muted);flex:none;padding-top:1px;font-size:12px}.ev i{border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}@keyframes slidein{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.visual{text-align:left}@media (prefers-reduced-motion:reduce){.fan-on .fan-blades,.fan-on .air path,.pump-on .tube-flow,.plant,.ev,.ev-dot.hit{animation:none!important}}.who{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.who{grid-template-columns:1fr 1fr}}@media (width<=560px){.who{grid-template-columns:1fr}}.who .card{flex-direction:column;gap:6px;display:flex}.who .ic{background:#9eb0ff1a;border:1px solid #9eb0ff38;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:8px;display:grid}.who .ic svg{width:22px;height:22px}.who .card p{flex:1}.who .go{color:var(--peri-hi);margin-top:10px;font-size:14px;font-weight:600}.seg-more{color:var(--color-text-dim);flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:26px;display:flex}.tech{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.tech{grid-template-columns:1fr}}.tech .card{flex-direction:column;gap:10px;padding:26px;display:flex}.tech .vis{border-radius:var(--radius-lg);border:1px solid var(--line2);background:#100e2073;place-items:center;height:168px;margin-bottom:8px;display:grid}.tech .kind{letter-spacing:.12em;text-transform:uppercase;color:var(--peri);font-size:12px;font-weight:700}.tech .card h3{margin:0;font-size:22px}.tech .note{color:var(--color-text-muted);font-size:13px}.mini-tiles{grid-template-columns:1fr 1fr;gap:8px;width:78%;display:grid}.mini-tiles div{border:1px solid var(--line2);font:700 15px var(--font-display);font-variant-numeric:tabular-nums;background:#1e1a37b3;border-radius:10px;padding:7px 10px}.mini-tiles small{font:500 10px var(--font-body);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;display:block}.mini-rx{width:82%}.mini-rx p{text-align:center;color:var(--color-text-muted)!important;margin:10px 0 0!important;font-size:12px!important}.stage-table{border-collapse:collapse;width:100%;font-size:14px}.stage-table th{text-align:left;color:var(--color-text-muted);border-bottom:1px solid var(--line2);padding:8px 10px 8px 0;font-size:12px;font-weight:500}.stage-table td{border-bottom:1px solid var(--line2);font-variant-numeric:tabular-nums;padding:10px 10px 10px 0}.stage-table tr:last-child td{border-bottom:0}.stage-table tr.now td{color:#fff}.stage-table tr.now td:first-child b{color:var(--life)}.stage-table td:first-child{align-items:center;gap:8px;display:flex}.stage-table i{border-radius:3px;flex:none;width:9px;height:9px}.table-wrap{overflow-x:auto}.table-wrap .stage-table{min-width:460px}.plans{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=820px){.plans{grid-template-columns:1fr}}.plans .card{padding:30px}.plans .card h3{font-size:24px}.plans .card.paid{background:linear-gradient(160deg,#342d5c99,#1c183873);border-color:#9eb0ff4d}.plans .feature-list{margin-top:18px}.plans .paid .feature-list .ic{color:var(--peri-hi);background:#9eb0ff29}.plans-note{color:var(--color-text-muted);margin-top:18px}.about-teaser{border-radius:var(--radius-2xl);border:1px solid var(--line2-hi);backdrop-filter:blur(14px);background:linear-gradient(150deg,#342d5c8c,#1c183866);grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:36px;display:grid}@media (width<=900px){.about-teaser{grid-template-columns:1fr;padding:26px}}.stack-list{gap:10px;display:grid}.stack-list div{border:1px solid var(--line2);background:#100e2073;border-radius:12px;justify-content:space-between;gap:16px;padding:12px 16px;font-size:14px;display:flex}.stack-list b{font-family:var(--font-display)}.stack-list span{color:var(--color-text-muted);text-align:right}.vs{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=820px){.vs{grid-template-columns:1fr}}.vs-col{border-radius:var(--radius-2xl);border:1px solid var(--line2);background:var(--surface2);backdrop-filter:blur(14px);padding:28px}.vs-col.ours{background:linear-gradient(150deg,#342d5c99,#1c183873);border-color:#9eb0ff59}.vs-col h3{font-family:var(--font-display);margin:0 0 16px;font-size:20px;font-weight:800}.vs-col ul{gap:11px;margin:0;padding:0;list-style:none;display:grid}.vs-col li{color:var(--color-text-dim);gap:10px;font-size:15px;display:flex}.vs-col li:before{content:"·";color:var(--color-text-muted);font-weight:700}.vs-col.ours li:before{content:"✓";color:var(--life)}.vs-col .sum{border-top:1px solid var(--line2);font-family:var(--font-display);margin:18px 0 0;padding-top:16px;font-size:15px;font-weight:700}.steps.four{grid-template-columns:repeat(4,1fr)}@media (width<=980px){.steps.four{grid-template-columns:1fr 1fr}.steps.four .step:after{display:none}}@media (width<=560px){.steps.four{grid-template-columns:1fr}}.roadmap{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.roadmap{grid-template-columns:1fr}}.roadmap .card{padding:26px}.roadmap h3{align-items:center;gap:10px;display:flex;margin-bottom:14px!important}.roadmap .d{background:var(--color-text-muted);border-radius:50%;width:9px;height:9px}.roadmap .done .d{background:var(--life);box-shadow:0 0 8px var(--life)}.roadmap .now .d{background:var(--peri-hi);box-shadow:0 0 8px var(--peri-hi)}.roadmap ul{margin:0;padding:0;list-style:none}.roadmap li{border-top:1px solid var(--line2);padding:12px 0}.roadmap li b{font-family:var(--font-display);font-size:15px;display:block}.roadmap li span{color:var(--color-text-dim);font-size:13px}.roadmap .now{border-color:#9eb0ff4d}.contact{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;display:grid}@media (width<=900px){.contact{grid-template-columns:1fr;gap:28px}}.form-card{border-radius:var(--radius-2xl);background:var(--surface2);border:1px solid var(--line2);backdrop-filter:blur(14px);padding:28px}.form-card .form-stack{max-width:none}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.form-row{grid-template-columns:1fr}}.field .opt{color:var(--color-text-muted);font-weight:400}select.input{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-repeat:no-repeat;background-size:5px 5px;padding-right:38px}select.input option{background:#1a1730}.check{color:var(--color-text-dim);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;display:flex}.check input{width:18px;height:18px;accent-color:var(--peri);flex:none;margin:1px 0 0}.check a{color:var(--peri);text-underline-offset:2px;text-decoration:underline}.err{color:var(--color-bad);font-size:13px}.form-foot{color:var(--color-text-muted);margin:0;font-size:13px}.form-ok{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.ok-ic{background:var(--color-ok-bg);width:44px;height:44px;color:var(--color-ok);border-radius:50%;place-items:center;font-size:20px;display:grid}.ok-text{font-family:var(--font-display);margin:0;font-size:18px;font-weight:700;line-height:1.35}[hidden]{display:none!important}.sticky-cta{z-index:40;display:none;position:fixed;bottom:16px;left:16px;right:16px}@media (width<=780px){.sticky-cta.on{display:flex}}.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;display:grid}@media (width<=820px){.foot-grid{grid-template-columns:1fr 1fr}}.foot-grid h4{color:var(--color-text);margin:0 0 12px;font-size:13px;font-weight:600}.foot-grid nav{flex-direction:column;gap:8px;display:flex}.foot-legal-line{border-top:1px solid var(--line2);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:32px;padding-top:20px;display:flex}.legal-links{flex-wrap:wrap;gap:6px 18px;display:flex}.photo-slot{aspect-ratio:var(--ar,4/3);border-radius:var(--radius-2xl);border:1px solid var(--line2);background:linear-gradient(160deg,#342d5c73,#1411288c);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.photo-slot img{object-fit:cover;width:100%;height:100%}.photo-slot .fallback-glyph{opacity:.85;filter:drop-shadow(0 0 18px #9eb0ff59);width:34%;max-width:160px}.who .card{transition:border-color .5s, box-shadow .5s, transform .3s var(--ease2)}.who .card .ic{transition:background .5s,border-color .5s,box-shadow .5s}.who .card.active{border-color:#9eb0ff59;box-shadow:0 0 0 1px #9eb0ff1f,0 18px 40px -24px #9eb0ff73}.who .card.active .ic{background:#86e0ad24;border-color:#86e0ad73;box-shadow:0 0 16px #86e0ad59}.who .card.active .ic svg{animation:icpop .9s var(--ease2)}@keyframes icpop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.tc-mini{width:auto;max-width:86%;height:140px;overflow:visible}.tc-mini .holo{filter:drop-shadow(0 0 3px #9eb0ff8c)}.tc-mini .port{cursor:default}.in .tc-mini .port{animation:4.8s infinite portglow}.tc-mini .port[data-i="1"]{animation-delay:.6s}.tc-mini .port[data-i="2"]{animation-delay:1.2s}.tc-mini .port[data-i="3"]{animation-delay:1.8s}.tc-mini .port[data-i="4"]{animation-delay:2.4s}.tc-mini .port[data-i="5"]{animation-delay:3s}.tc-mini .port[data-i="6"]{animation-delay:3.6s}.tc-mini .port[data-i="7"]{animation-delay:4.2s}@keyframes portglow{0%,14%,to{filter:none}5%{filter:drop-shadow(0 0 5px var(--c)) drop-shadow(0 0 2px var(--c))}}.tc-mini .edge:not(.hidden){stroke-dasharray:1100;stroke-dashoffset:0}.in .tc-mini .edge:not(.hidden){animation:drawmini 1.6s var(--ease2)}@keyframes drawmini{0%{stroke-dashoffset:1100px}to{stroke-dashoffset:0}}.mini-tiles div.tick span{animation:tick .6s var(--ease2)}@keyframes tick{0%{color:var(--life)}to{color:inherit}}.mini-mk{background:#fff;border-radius:2px;width:2px;height:18px;position:absolute;top:-4px;left:0;box-shadow:0 0 8px #fff}.in .mini-mk{animation:6s linear infinite run}@keyframes run{0%{left:0}to{left:100%}}.step{transition:border-color .5s,box-shadow .5s}.step .num{transition:background .5s,color .5s,box-shadow .5s}.step.active{border-color:#9eb0ff59;box-shadow:0 18px 40px -24px #9eb0ff73}.step.active .num{background:var(--peri);color:#14122a;box-shadow:0 0 18px #9eb0ff99}#recipes .rx-marker,#recipes .rx-tip{transition:left .14s linear}.stage-table tr td{transition:color .3s}.stage-table tr.now td:first-child b,.stage-table tr.now td:first-child{color:var(--life);font-weight:600}.appshot svg path.draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}.in .appshot svg path.draw{animation:drawline 2.2s var(--ease2) forwards}@keyframes drawline{to{stroke-dashoffset:0}}.in .appshot svg circle{transform-box:fill-box;transform-origin:50%;animation:1.8s 2s infinite endpulse}@keyframes endpulse{0%,to{transform:scale(1)}50%{opacity:.6;transform:scale(1.7)}}.stack-list div{transition:border-color .5s,background .5s}.stack-list div.active{background:#86e0ad14;border-color:#86e0ad66}.stack-list div.active b{color:var(--life)}.online-line{color:var(--color-text-dim);align-items:center;gap:10px;margin:6px 0 0;font-size:14px;display:inline-flex}.online-line .d{background:var(--life);border-radius:50%;width:8px;height:8px;animation:2s infinite online;box-shadow:0 0 #86e0ad99}@keyframes online{70%{box-shadow:0 0 0 9px #86e0ad00}to{box-shadow:0 0 #86e0ad00}}@media (prefers-reduced-motion:reduce){.who .card.active .ic svg,.in .tc-mini .port,.in .tc-mini .edge,.in .mini-mk,.in .appshot svg circle,.online-line .d{animation:none!important}.appshot svg path.draw{stroke-dashoffset:0!important}}.tc-hero{padding-block:clamp(40px,6vw,72px) 0}.tc-hero .head{max-width:46rem}.tc-hero h1{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:18px 0 16px;font-size:clamp(32px,4.6vw,54px);font-weight:800;line-height:1.05}.bp{border-radius:var(--radius-2xl);border:1px solid var(--line2-hi);background:radial-gradient(800px 380px at 50% 60%,#9eb0ff1a,#0000 70%),#100e208c;margin-top:28px;position:relative;overflow:hidden}.bp-stage{aspect-ratio:1100/580;position:relative}.bp svg{width:100%;height:100%;position:absolute;inset:0}.bp-corner{letter-spacing:.06em;color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:11px;position:absolute}.bp-corner.tl{top:14px;left:18px}.bp-corner.br{bottom:14px;right:18px}.edge{fill:none;stroke:#9eb0ff;stroke-width:1.6px;stroke-linejoin:round}.edge.hidden{stroke:#9eb0ff47;stroke-width:1px;stroke-dasharray:4 5}.face{fill:#9eb0ff0d}.face.side{fill:#9eb0ff09}.face.top{fill:#9eb0ff14}.detail{fill:none;stroke:#bec9ff59;stroke-width:1px;vector-effect:non-scaling-stroke}.engrave{font:700 9px var(--font-display);letter-spacing:1.2px;fill:#bec9ff8c}.zone{fill:#f6c9760a;stroke:#f6c97673;stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.zone-t{font:600 5.2px var(--font-body);fill:#f6c976bf}.port .pr{fill:#100e20d9;stroke:var(--c);stroke-width:1.4px;vector-effect:non-scaling-stroke;transition:fill .3s}.port .pc{fill:none;stroke:var(--c);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.8}.port .pin{fill:var(--c)}.port{cursor:pointer;transition:filter .3s}.port.on{filter:drop-shadow(0 0 6px var(--c)) drop-shadow(0 0 2px var(--c))}.port.on .pr{fill:color-mix(in srgb, var(--c) 22%, #100e20d9)}.cable{fill:none;stroke:#f6c9768c;stroke-width:2px;stroke-dasharray:2 6;stroke-linecap:round}.dim path{stroke:#bec9ff73;stroke-width:1px;stroke-dasharray:2 4;fill:none}.dim circle{fill:#bec9ff}.dim text{font:600 12px var(--font-body);fill:#bec9ff;letter-spacing:.04em}.leader{fill:none;stroke:var(--c);stroke-width:1px;opacity:.45;transition:opacity .3s,stroke-width .3s}.leader.on{opacity:1;stroke-width:1.8px}.bp-label{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:6px 10px;transition:background .3s,border-color .3s;position:absolute;transform:translateY(-50%)}.bp-label.right{text-align:right;transform:translate(-100%,-50%)}.bp-label b{font-family:var(--font-display);color:var(--c);font-size:14px;display:block}.bp-label span{color:var(--color-text-dim);font-size:12px}.bp-label.on{border-color:color-mix(in srgb, var(--c) 50%, transparent);box-shadow:0 0 18px -6px var(--c);background:#100e20d9}.build .edge{stroke-dasharray:1400;stroke-dashoffset:1400px;animation:drawbp 1.6s var(--ease2) forwards}.build .edge.hidden{stroke-dasharray:4 5;stroke-dashoffset:0;opacity:0;animation:.6s 1.2s forwards fade}.build .face,.build .detail,.build .engrave,.build .port,.build .zone,.build .zone-t,.build .cable{opacity:0;animation:.7s 1s forwards fade}.build .dim{opacity:0;animation:.6s 1.5s forwards fade}.build .leader,.build .bp-label{opacity:0;animation:fade .5s calc(1.8s + var(--d,0s)) forwards}.build .leader.on{opacity:1}@keyframes drawbp{to{stroke-dashoffset:0}}@keyframes fade{to{opacity:1}}.build .leader{animation-name:fadelead}@keyframes fadelead{to{opacity:.45}}.bp-legend{display:none}@media (width<=760px){.bp-label,.leader{display:none}.bp-legend{border-top:1px solid var(--line2);gap:6px;padding:14px;display:grid}.bp-legend div{color:var(--color-text-dim);border-radius:8px;align-items:baseline;gap:10px;padding:6px 8px;font-size:13px;transition:background .3s;display:flex}.bp-legend i{background:var(--c);border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-1px)}.bp-legend b{color:var(--color-text);font-weight:600}.bp-legend .on{background:#9eb0ff1a}}.specs{grid-template-columns:1fr 1fr;gap:0 40px;display:grid}@media (width<=820px){.specs{grid-template-columns:1fr}}.spec{border-bottom:1px solid var(--line2);justify-content:space-between;gap:20px;padding:14px 0;display:flex}.spec span{color:var(--color-text-muted)}.spec b{text-align:right;font-weight:500}.layer-stack svg{width:100%;height:auto;display:block;overflow:visible}.ls-spine{stroke:#9eb0ff59;stroke-width:1.5px;stroke-dasharray:3 5}.ls-plate{fill:url(#lsPlate);stroke:#9eb0ff73;stroke-width:1.4px;transition:stroke .4s,fill .4s}.ls-edge{fill:#100e20b3;stroke:#9eb0ff40;stroke-width:1px}.ls-layer{transition:transform .45s var(--ease2), filter .45s}.ls-layer.on{filter:drop-shadow(0 0 12px #86e0ad73);transform:translateY(-6px)}.ls-layer.on .ls-plate{stroke:var(--life);fill:#86e0ad29}.ls-lead{stroke:#9eb0ff59;stroke-width:1px;transition:stroke .4s}.ls-layer.on .ls-lead{stroke:var(--life)}.ls-name{font:700 16px var(--font-display);fill:var(--color-text);transition:fill .4s}.ls-layer.on .ls-name{fill:var(--life)}.ls-desc{font:400 12px var(--font-body);fill:var(--color-text-muted)}.ls-pulse{fill:#fff;filter:drop-shadow(0 0 8px #bec9ff);transition:cy .9s var(--ease2)}@media (prefers-reduced-motion:reduce){.ls-layer,.ls-pulse{transition:none}}.browser-frame{border-radius:var(--radius-xl);border:1px solid var(--line2-hi);background:#141226;overflow:hidden;box-shadow:0 30px 70px -30px #000000d9,0 0 0 1px #9eb0ff0f}.browser-frame .bar{border-bottom:1px solid var(--line2);background:#1e1a37d9;align-items:center;gap:6px;padding:9px 12px;display:flex}.browser-frame .bar i{background:#c8beff40;border-radius:50%;width:9px;height:9px}.browser-frame .bar span{color:var(--color-text-muted);margin-left:10px;font-size:11px}.browser-frame img{width:100%;height:auto;display:block}.phone-frame{border:1px solid var(--line2-hi);background:linear-gradient(160deg,#2a2450,#15122b);border-radius:32px;width:200px;padding:8px;box-shadow:0 30px 60px -20px #000000d9,0 0 50px -20px #9eb0ff59}.phone-frame img{border-radius:25px;width:100%;height:auto;display:block}.app-hero h1{font-size:clamp(32px,4.4vw,54px)}.devices-combo{padding:0 0 60px;position:relative}.devices-combo .phone-frame{width:34%;max-width:180px;position:absolute;bottom:0;right:-10px}@media (width<=900px){.devices-combo{padding-bottom:40px}.devices-combo .phone-frame{width:30%;right:0}}.feature{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}.feature.flip{grid-template-columns:1.15fr .85fr}.feature.flip .feature-text{order:2}@media (width<=900px){.feature,.feature.flip{grid-template-columns:1fr}.feature.flip .feature-text{order:0}}.feature-shot{position:relative}.feature-shot .browser-frame.second{width:78%;margin:-18% 0 0 auto;position:relative}.feature-shot .phone-frame.side{width:30%;max-width:170px;position:absolute;bottom:-30px;right:-14px}@media (width<=560px){.feature-shot .phone-frame.side{display:none}}@media (width<=420px){.site-nav .brand img{height:22px}.site-nav .links{gap:8px}.site-nav .links .btn.sm{padding:8px 11px;font-size:13px}}.micro-rack{border-radius:var(--radius-2xl);background:var(--surface2);border:1px solid var(--line2);backdrop-filter:blur(14px);padding:18px}.micro-rack svg{width:100%;height:auto;display:block}.mr-post{stroke:#c8beff59;stroke-width:3px;stroke-linecap:round}.mr-board{stroke:#c8beff73;stroke-width:3px;stroke-linecap:round}.mr-lamp{fill:#f6c976;filter:drop-shadow(0 0 8px #f6c976)}.mr-shelf.dark .mr-lamp{fill:#c8beff33;filter:none}.mr-cone{animation:4s ease-in-out infinite mrglow}@keyframes mrglow{0%,to{opacity:.75}50%{opacity:1}}.mr-tray{fill:#6b5a4ae6;stroke:#c8beff40}.mr-sprout{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--h))}.mr-sprout path{stroke:#86e0ad;stroke-width:1.6px;fill:none;stroke-linecap:round}.mr-sprout ellipse{fill:#86e0add9}.mr-shelf.dark .mr-sprout path{stroke:#e8f0c8}.mr-shelf.dark .mr-sprout ellipse{fill:#e8f0c8cc}.mr-sprouts .mr-sprout{animation:3.2s ease-in-out infinite mrsway;animation-delay:calc(var(--k) * -.6s)}@keyframes mrsway{0%,to{transform:scaleY(var(--h)) rotate(-2deg)}50%{transform:scaleY(var(--h)) rotate(2deg)}}.mr-drop{fill:#86e0ad;opacity:0;animation:6s linear infinite mrdrop;animation-delay:calc(var(--i) * 2s)}@keyframes mrdrop{0%{opacity:0;transform:translateY(-14px)}4%{opacity:1}12%{opacity:0;transform:translateY(10px)}to{opacity:0}}.mr-label{font:700 15px var(--font-display);fill:var(--color-text)}.mr-stage{font:400 12px var(--font-body);fill:var(--color-text-muted)}.mr-shelf.dark .mr-stage{fill:var(--peri-hi)}.micro-recipes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.micro-recipes .card{padding:20px}.micro-recipes .card h3{margin-bottom:4px;font-size:16px}.micro-recipes .card p{color:var(--color-text-muted);margin:0 0 12px;font-size:13px}.micro-recipes .rx-timeline{height:8px}@media (prefers-reduced-motion:reduce){.mr-cone,.mr-sprouts .mr-sprout,.mr-drop{animation:none!important}}.photo-slot.cutout{background:radial-gradient(60% 55% at 50% 58%,#9eb0ff4d,#0000 70%),radial-gradient(40% 30% at 50% 82%,#86e0ad1f,#0000 70%),linear-gradient(160deg,#342d5c73,#1411288c)}.photo-slot.cutout img{object-fit:contain;filter:drop-shadow(0 24px 30px #0000008c);padding:6% 8%}
