.landing-body{background:#fffaf0}.landing-body main{overflow:clip}.landing-body .site-header{mix-blend-mode:normal}.landing-hero{position:relative;min-height:100svh;padding:132px 0 86px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 8% 3%,#fff 0 11%,transparent 28%),radial-gradient(circle at 90% 18%,rgba(255,216,77,.42),transparent 26%),linear-gradient(135deg,#fffdf7 0%,#fff5d1 100%)}#hero-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.56}.landing-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(42px,6vw,92px);align-items:center}.landing-hero-copy{max-width:590px}.landing-hero h1{font-size:clamp(4rem,6.2vw,7rem);margin-bottom:25px}.landing-hero-copy>p{max-width:560px;color:#58635d;font-size:1.06rem;margin:0 0 28px}.landing-hero .hero-actions{margin-bottom:26px}.hero-product{position:relative;perspective:1200px}.browser-shell{position:relative;background:#fff;border:1.5px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:10px 12px 0 var(--ink),0 30px 90px rgba(37,48,43,.18)}.hero-browser{aspect-ratio:1.12/1;transform:rotateY(-4deg) rotateX(1.5deg);transform-origin:center}.browser-bar{height:38px;padding:0 13px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(37,48,43,.14);background:#f8f7f0;position:relative;z-index:3}.browser-bar>span{width:8px;height:8px;border-radius:50%;background:#e3836f}.browser-bar>span:nth-child(2){background:#e7c34f}.browser-bar>span:nth-child(3){background:#9fc764}.browser-bar small{position:absolute;left:50%;transform:translateX(-50%);max-width:64%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7c8580;font-size:.58rem}.shot-fallback{position:absolute;inset:38px 0 0;display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(circle at 70% 15%,rgba(255,216,77,.62),transparent 25%),linear-gradient(145deg,#fff8de,#e7ede3);color:#5e6a63}.shot-fallback img{width:68px}.shot-fallback b{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.product-shot{position:absolute;left:0;right:0;bottom:0;top:38px;width:100%;height:calc(100% - 38px);object-fit:cover;object-position:top center;z-index:2}.hero-float{position:absolute;z-index:4;padding:11px 15px;border:1.5px solid var(--ink);background:#fff;border-radius:16px;font-size:.78rem;font-weight:750;box-shadow:5px 6px 0 var(--ink)}.hero-chat{left:-8%;top:19%;transform:rotate(-4deg)}.hero-answer{right:-3%;bottom:12%;display:flex;align-items:center;gap:8px;background:var(--yellow);transform:rotate(3deg)}.hero-answer img{width:26px}.landing-scroll{position:absolute;bottom:21px;left:50%;z-index:4;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:.64rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.landing-scroll i{display:block;width:34px;height:1px;background:var(--ink);position:relative}.landing-scroll i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg)}

.landing-marquee{position:relative;z-index:12;width:102%;margin-left:-1%;overflow:hidden;background:var(--ink);color:var(--cream);border-block:1px solid var(--ink);transform:rotate(-.65deg);padding:18px 0}.landing-marquee>div{display:flex;align-items:center;gap:34px;width:max-content;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:760;animation:landing-marquee 23s linear infinite}.landing-marquee b{color:var(--yellow);font-size:1.05em}@keyframes landing-marquee{to{transform:translateX(-50%)}}

.story{position:relative;background:#f6f1df;isolation:isolate}.story-stage{position:sticky;top:0;height:100svh;overflow:hidden;z-index:0;background:#f7f1dc}.story-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 0 30%,rgba(26,36,31,.12) 100%);pointer-events:none}.story-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.story-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,241,223,.82) 0,rgba(246,241,223,.23) 42%,transparent 72%);transition:background .65s ease}.story-progress{position:absolute;z-index:5;left:22px;top:20%;bottom:20%;width:2px;background:rgba(37,48,43,.14)}.story-progress span{display:block;width:100%;height:0;background:var(--yellow-deep);transform-origin:top}.story-count{position:absolute;z-index:5;left:13px;bottom:6%;display:flex;align-items:center;gap:7px;font-size:.64rem;font-weight:800;writing-mode:vertical-rl}.story-count b{font-size:.78rem}.story-count i{width:1px;height:28px;background:currentColor;opacity:.35}.story-scenes{position:relative;z-index:2;margin-top:-100svh}.story-scene{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;pointer-events:none;color:var(--ink)}.story-scene:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .7s ease;background:linear-gradient(90deg,rgba(255,250,236,.55),transparent 64%)}.story-scene.is-active:before{opacity:1}.story-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(45px,6vw,100px);align-items:center}.story-layout.reverse{grid-template-columns:1.18fr .82fr}.story-layout.reverse .story-copy{order:2}.story-layout.reverse .scene-media{order:1}.story-copy{max-width:520px}.story-kicker{display:inline-block;color:#7d6b36;font-size:.69rem;font-weight:850;letter-spacing:.15em;margin-bottom:25px}.story-copy h2,.commission-story h2,.ecosystem-story h2,.ready-copy h2{margin:0;font-size:clamp(3.15rem,6vw,6.7rem);line-height:.96;letter-spacing:-.06em;font-weight:780}.story-copy p,.ecosystem-story>p,.ready-copy>p{font-size:1.05rem;max-width:540px;color:#59645e}.story-copy,.scene-media,.commission-story>*:not(.commission-numbers),.commission-numbers,.ecosystem-story>*:not(.ecosystem-orbit),.ecosystem-orbit,.ready-copy>*{opacity:.12;transform:translateY(54px);filter:blur(4px);transition:opacity .72s var(--ease),transform .72s var(--ease),filter .72s var(--ease)}.story-scene.is-active .story-copy,.story-scene.is-active .scene-media,.story-scene.is-active .commission-story>*:not(.commission-numbers),.story-scene.is-active .commission-numbers,.story-scene.is-active .ecosystem-story>*:not(.ecosystem-orbit),.story-scene.is-active .ecosystem-orbit,.story-scene.is-active .ready-copy>*{opacity:1;transform:none;filter:none}.story-scene.is-active .scene-media,.story-scene.is-active .commission-numbers,.story-scene.is-active .ecosystem-orbit{transition-delay:.09s}.scene-media{position:relative}.portrait-shell{width:min(540px,100%);aspect-ratio:1.08/1;margin-left:auto}.wide-shell{aspect-ratio:1.48/1}.story-scene .browser-shell{box-shadow:9px 11px 0 rgba(37,48,43,.95),0 28px 80px rgba(30,41,35,.28)}.micro-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.micro-list span{border:1px solid currentColor;border-radius:999px;padding:7px 11px;font-size:.69rem;font-weight:750}.dashboard-stack{height:540px;perspective:1200px}.dashboard-stack .wide-shell{position:absolute;width:88%;right:0;top:9%}.dashboard-stack .shot-back{transform:rotate(-7deg) translate(-10%,4%);opacity:.76}.dashboard-stack .shot-front{transform:rotate(3deg) translate(3%,29%)}.dark-scene{color:#fff}.dark-scene:before{background:linear-gradient(90deg,rgba(24,35,30,.83),rgba(24,35,30,.28) 55%,transparent)}.dark-scene .story-kicker{color:var(--yellow)}.dark-scene .story-copy p,.dark-scene .ecosystem-story>p{color:#c6cec9}.dark-scene .micro-list span{border-color:rgba(255,255,255,.32)}.yellow-scene:before,.scene-ready:before{background:rgba(255,216,77,.24)}

.commission-story{text-align:center}.commission-story h2{max-width:980px;margin-inline:auto}.commission-numbers{display:grid;grid-template-columns:1fr 56px 1fr;gap:18px;align-items:center;max-width:890px;margin:60px auto 0}.commission-numbers>div{min-height:224px;padding:30px;border:1.5px solid var(--ink);border-radius:28px;background:rgba(255,255,255,.84);display:grid;align-content:center;box-shadow:8px 9px 0 rgba(37,48,43,.9);backdrop-filter:blur(15px)}.commission-numbers>i{font-style:normal;font-size:2rem}.commission-numbers small{font-size:.66rem;font-weight:850;letter-spacing:.11em}.commission-numbers strong{font-size:clamp(2.4rem,5vw,4.5rem);letter-spacing:-.06em;line-height:1.1}.commission-numbers span{font-size:.78rem}.commission-numbers .lemon-number{background:var(--ink);color:#fff}.lemon-number strong{color:var(--yellow)}.story-fine{font-size:.68rem;margin-top:25px}.ecosystem-story{text-align:center;width:100%}.ecosystem-story h2{max-width:900px;margin-inline:auto}.ecosystem-story>p{margin:20px auto 0}.ecosystem-orbit{position:relative;width:min(720px,80vw);height:360px;margin:35px auto 0}.ecosystem-orbit:before,.ecosystem-orbit:after{content:"";position:absolute;inset:15px 85px;border:1px dashed rgba(255,255,255,.35);border-radius:50%;animation:orbit-spin 24s linear infinite}.ecosystem-orbit:after{inset:55px 150px;animation-direction:reverse}.ecosystem-orbit>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;align-content:center;border:2px solid white;box-shadow:0 0 0 20px rgba(255,216,77,.08)}.ecosystem-orbit>div img{width:74px}.ecosystem-orbit>span{position:absolute;padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.34);font-size:.72rem;font-weight:750;backdrop-filter:blur(10px)}.ecosystem-orbit>span:nth-child(1){left:4%;top:17%}.ecosystem-orbit>span:nth-child(2){right:4%;top:17%}.ecosystem-orbit>span:nth-child(3){left:0;bottom:18%}.ecosystem-orbit>span:nth-child(4){right:0;bottom:17%}.ecosystem-orbit>span:nth-child(5){left:50%;top:2%;transform:translateX(-50%)}.ecosystem-orbit>span:nth-child(6){left:50%;bottom:1%;transform:translateX(-50%)}@keyframes orbit-spin{to{transform:rotate(360deg)}}

.scene-ready{color:var(--ink);pointer-events:auto;text-align:center}.ready-copy{width:100%}.ready-copy>img{width:94px;margin:0 auto 20px;filter:drop-shadow(8px 9px 0 rgba(37,48,43,.16))}.ready-copy .story-kicker{color:var(--ink)}.ready-copy h2{font-size:clamp(4.1rem,9vw,9.2rem);max-width:1120px;margin-inline:auto}.ready-copy>p{margin:24px auto}.ready-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:34px}.ready-actions>a:last-child{font-weight:750;border-bottom:1px solid var(--ink)}

@media(max-width:1050px){.landing-hero{padding-top:122px;min-height:auto}.landing-hero-grid{grid-template-columns:1fr}.landing-hero-copy{max-width:760px}.hero-product{width:min(760px,95%);margin:0 auto}.story-layout,.story-layout.reverse{grid-template-columns:1fr;gap:34px}.story-layout.reverse .story-copy,.story-layout.reverse .scene-media{order:initial}.story-copy{max-width:680px}.portrait-shell,.admin-screen{width:min(650px,88vw);margin:0 auto}.dashboard-stack{width:min(680px,88vw);margin:0 auto}.story-vignette{background:linear-gradient(180deg,rgba(246,241,223,.72),transparent 65%)}.story-scene{padding:92px 0}.story-copy h2,.commission-story h2,.ecosystem-story h2{font-size:clamp(3rem,8vw,5.8rem)}}
@media(max-width:700px){.landing-hero{padding:106px 0 76px}.landing-hero h1{font-size:clamp(3.45rem,16vw,5.2rem)}.landing-hero-copy>p{font-size:.95rem}.landing-hero .hero-actions{flex-direction:column;align-items:stretch}.landing-hero .text-link{justify-content:center}.hero-product{width:100%;margin-top:8px}.hero-browser{aspect-ratio:.86/1;transform:none}.hero-float{font-size:.65rem}.hero-chat{left:-2%;top:16%}.hero-answer{right:-1%;bottom:8%}.landing-scroll{display:none}.landing-marquee{padding:14px 0}.story-progress{left:9px;top:15%;bottom:15%}.story-count{display:none}.story-scene{min-height:112svh;padding:94px 0}.story-layout{gap:38px}.story-copy h2,.commission-story h2,.ecosystem-story h2{font-size:clamp(2.8rem,14vw,4.7rem)}.story-copy p,.ecosystem-story>p,.ready-copy>p{font-size:.92rem}.portrait-shell,.admin-screen,.dashboard-stack{width:calc(100vw - 42px)}.portrait-shell{aspect-ratio:.84/1}.dashboard-stack{height:365px}.dashboard-stack .wide-shell{width:95%}.commission-numbers{grid-template-columns:1fr;gap:16px;margin-top:35px}.commission-numbers>i{transform:rotate(90deg)}.commission-numbers>div{min-height:160px}.ecosystem-orbit{width:94vw;height:400px;margin-left:50%;transform:translateX(-50%)}.ecosystem-orbit:before{inset:42px 24px}.ecosystem-orbit:after{inset:93px 80px}.ecosystem-orbit>div{width:135px;height:135px}.ecosystem-orbit>div img{width:60px}.ecosystem-orbit>span{font-size:.62rem;padding:7px 10px}.ready-copy>img{width:74px}.ready-copy h2{font-size:clamp(3.55rem,18vw,6rem)}.ready-actions{flex-direction:column;gap:20px}.scene-ready{min-height:100svh}}
@media(prefers-reduced-motion:reduce){.landing-marquee>div,.ecosystem-orbit:before,.ecosystem-orbit:after{animation:none}.story-copy,.scene-media,.commission-story>*,.ecosystem-story>*,.ready-copy>*{filter:none!important}}
.product-shot-picture{display:contents}.product-shot{max-width:none}
.scene-two .wide-shell{aspect-ratio:1.78/1}
.scene-three.is-active{pointer-events:auto}.dashboard-switcher{height:560px}.dashboard-switcher .dashboard-panel{position:absolute;right:0;top:62px;width:91%;overflow:hidden;cursor:pointer;transition:transform .72s var(--ease),opacity .5s ease,filter .5s ease,box-shadow .5s ease;will-change:transform}.dashboard-switcher .calendar-panel{aspect-ratio:1.25/1;z-index:1;opacity:.72;filter:saturate(.78) brightness(.95);transform:translate(-7%,-5%) rotate(-5deg) scale(.93)}.dashboard-switcher .report-panel{aspect-ratio:1.4/1;z-index:3;opacity:1;transform:translate(2%,10%) rotate(2deg);box-shadow:10px 14px 0 var(--ink),0 34px 90px rgba(37,48,43,.3)}.dashboard-switcher.is-calendar-front .calendar-panel{z-index:3;opacity:1;filter:none;transform:translate(2%,5%) rotate(1.5deg) scale(1);box-shadow:10px 14px 0 var(--ink),0 34px 90px rgba(37,48,43,.3)}.dashboard-switcher.is-calendar-front .report-panel{z-index:1;opacity:.7;filter:saturate(.78) brightness(.94);transform:translate(-7%,-5%) rotate(-5deg) scale(.93);box-shadow:7px 9px 0 rgba(37,48,43,.75)}.dashboard-switch-controls{position:absolute;right:2%;top:0;z-index:8;display:flex;padding:4px;border:1px solid rgba(37,48,43,.18);border-radius:999px;background:rgba(255,252,239,.86);box-shadow:0 10px 30px rgba(37,48,43,.12);backdrop-filter:blur(12px)}.dashboard-switch-controls button{border:0;background:transparent;color:var(--ink);border-radius:999px;padding:8px 14px;font-size:.7rem;font-weight:800;cursor:pointer;transition:.25s}.dashboard-switch-controls button[aria-pressed="true"]{background:var(--ink);color:var(--yellow)}.panel-label{position:absolute;right:12px;bottom:12px;z-index:5;padding:7px 11px;border-radius:999px;background:rgba(37,48,43,.88);color:white;font-size:.62rem;font-weight:750;box-shadow:0 7px 20px rgba(0,0,0,.18);transition:opacity .25s}.dashboard-panel:focus-visible{outline:4px solid #2e71ff;outline-offset:5px}.dashboard-switcher .report-panel .panel-label{opacity:0}.dashboard-switcher.is-calendar-front .calendar-panel .panel-label{opacity:0}.dashboard-switcher.is-calendar-front .report-panel .panel-label{opacity:1}@media(max-width:700px){.dashboard-switcher{height:390px}.dashboard-switcher .dashboard-panel{top:56px;width:96%}.dashboard-switch-controls{right:0}.dashboard-switch-controls button{padding:7px 11px}.panel-label{font-size:.56rem}}
.hero-browser .product-shot{background:#f7f7f2}
.commission-numbers strong>.th,.commission-numbers strong>.en{font-size:inherit;line-height:inherit;letter-spacing:inherit}
@media(max-width:700px){.hero-browser .product-shot{object-fit:cover;background:#f7f7f2}}
@media(max-width:700px){.hero-browser{border:8px solid #202824;border-radius:34px;background:#202824;box-shadow:8px 10px 0 rgba(37,48,43,.28),0 26px 60px rgba(37,48,43,.22);padding-top:0}.hero-browser:before{content:"";position:absolute;z-index:6;top:7px;left:50%;width:92px;height:22px;transform:translateX(-50%);border-radius:0 0 16px 16px;background:#202824}.hero-browser:after{content:"";position:absolute;z-index:7;top:15px;left:50%;width:34px;height:4px;transform:translateX(-50%);border-radius:999px;background:#59645e}.hero-browser .browser-bar{display:none}.hero-browser .shot-fallback{inset:0}.hero-browser .product-shot{top:0;height:100%;border-radius:25px}.hero-browser .product-shot-picture{display:block;height:100%}}