/* Landing-only art direction. Shared app styles remain untouched. */
.landing-3d{--paper:#f6f5ef;--ink:#20241e;--lime:#d9f878;background:var(--paper);color:var(--ink);overflow-x:clip;font-family:Arial,Helvetica,sans-serif}.landing-3d ::selection{background:var(--lime);color:var(--ink)}html:has(.landing-3d){scroll-behavior:smooth;scroll-padding-top:100px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:#9ac538;width:100%;transform:scaleX(0);transform-origin:left;z-index:110}.landing-3d .site-header{background:#f6f5efe8;border-bottom:1px solid #20241e16}.landing-3d .header-container{max-width:1360px;height:84px;padding:0 50px}.landing-3d .brand{font-size:23px;letter-spacing:-1px}.landing-nav{display:flex;gap:32px}.landing-nav a{color:#55594e;text-decoration:none;font-size:13px}.landing-nav a:hover{color:#111}.landing-3d .btn{border-radius:9px}.landing-3d .btn-primary{background:var(--ink);padding:12px 20px}.landing-3d .hero-section{max-width:1360px;margin:0 auto;padding:84px 50px 70px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:15px;text-align:left;min-height:710px}.hero-copy{position:relative;z-index:2}.landing-3d .hero-eyebrow{font-size:10px;letter-spacing:1.8px;background:none;border:0;padding:0;display:flex;align-items:center;gap:10px;color:#535b46;margin:0 0 25px}.live-dot{display:inline-block;width:7px;height:7px;background:#789e32;border-radius:50%;box-shadow:0 0 0 4px #afcf6625}.landing-3d .hero-title{font-size:clamp(44px,4.7vw,68px);line-height:1.06;letter-spacing:-3.7px;font-weight:500;max-width:680px;margin:0 0 25px;color:var(--ink)}.landing-3d .hero-title>span{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-3px}.landing-3d .hero-subtitle{font-size:16px;line-height:1.8;color:#74786d;max-width:410px;margin:0 0 30px}.landing-3d .hero-cta-group{justify-content:flex-start;gap:20px;margin-bottom:23px}.landing-3d .btn-hero-primary{background:var(--lime);color:var(--ink);border:1px solid #bdd962;box-shadow:0 4px 0 #a5bf57,0 10px 24px #708b1714;padding:16px 23px;font-size:14px;font-weight:600;gap:25px;transition:transform .2s,box-shadow .2s}.landing-3d .btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 7px 0 #a5bf57,0 14px 25px #708b1725}.landing-3d .btn-hero-primary:active{transform:translateY(3px);box-shadow:0 1px 0 #a5bf57}.landing-3d .btn-hero-secondary{border:0;background:none;padding:12px 0;font-size:13px}.play-icon{width:27px;height:27px;border:1px solid #b9bcb0;border-radius:50%;display:grid;place-items:center;font-size:9px}.landing-3d .hero-trust-row{justify-content:flex-start;gap:17px;margin:0;font-size:10px;color:#7b7f74}.creator-scene{height:520px;position:relative;perspective:1200px;isolation:isolate}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#c9cdbb40 1px,transparent 1px),linear-gradient(90deg,#c9cdbb40 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000 10%,transparent 68%);transform:rotate(-8deg)}.scene-world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease-out}.scene-label{position:absolute;top:10px;left:80px;font-size:9px;letter-spacing:1.5px;display:flex;gap:9px;align-items:center}.product-book{position:absolute;width:252px;height:335px;left:25%;top:90px;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-24deg) rotateZ(-11deg);animation:book-float 7s ease-in-out infinite}.book-cover{position:absolute;inset:0;background:#d9f878;border:1px solid #b1d951;border-radius:3px 9px 9px 3px;padding:22px;transform:translateZ(22px);box-shadow:inset 4px 0 7px #6e8b3040,18px 22px 35px #48512d20;overflow:hidden}.book-spine{position:absolute;left:-22px;top:0;width:44px;height:100%;background:#a6c552;transform:rotateY(-90deg);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;border:1px solid #95b647}.book-pages{position:absolute;right:-20px;top:5px;width:40px;height:325px;background:repeating-linear-gradient(90deg,#e6e8d5 0 2px,#fffef4 2px 4px);transform:rotateY(90deg);border:1px solid #b4bca0}.book-top{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;border-bottom:1px solid #28311e55;padding-bottom:12px}.book-title{font-size:37px;line-height:1.02;letter-spacing:-1.5px;margin-top:20px}.book-title em{font-family:Georgia,serif}.book-art{position:relative;height:85px;margin-top:12px}.book-art i{position:absolute;left:36px;top:5px;width:130px;height:65px;border:1.4px solid #28371b;border-radius:50%;transform:rotate(-25deg)}.book-art i:nth-child(2){transform:rotate(10deg)}.book-art i:nth-child(3){transform:rotate(45deg)}.book-art i:nth-child(4){transform:rotate(80deg)}.book-art i:nth-child(5){transform:rotate(115deg)}.book-bottom{font-size:7px;line-height:1.5;display:flex;justify-content:space-between;margin-top:8px}.book-bottom span{font-size:24px}.floating-note{position:absolute;display:flex;align-items:center;gap:12px;background:#fffffff5;border:1px solid #fff;border-radius:13px;box-shadow:0 15px 40px #30392316,0 2px 4px #30392308;padding:16px;animation:note-float 6s ease-in-out infinite;transform:translateZ(70px)}.floating-note small{display:block;font-size:7px;letter-spacing:1.2px;color:#8b9182;margin-bottom:5px}.floating-note strong{display:block;font-size:12px;font-weight:600}.ai-note{top:48px;left:0;transform:rotate(-6deg) translateZ(50px);animation-delay:-2s}.note-icon{width:30px;height:35px;background:#ecefe3;display:grid;place-items:center;font-size:25px;border-radius:7px}.note-line{display:block;background:#e6e9df;width:115px;height:4px;margin-top:7px;border-radius:3px}.note-line.short{width:75px}.sale-note{right:-10px;top:285px;transform:rotate(6deg) translateZ(80px);animation-delay:-4s}.sale-note div>span{font-size:9px;color:#909685;display:block;margin-top:5px}.sale-check{background:#e4f5c9;color:#577e2d;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.tiny-spark{font-size:24px;color:#809d48}.fee-note{left:10px;bottom:50px;background:#262d23;color:#fff;padding:15px 20px;transform:rotate(-5deg) translateZ(85px)}.fee-note>strong{font-size:37px;font-weight:400;letter-spacing:-2px}.fee-note strong span{font-size:20px}.fee-note>div{font-size:9px;line-height:1.6;color:#aeb6a7}.fee-note b{color:#d9f878;font-weight:400}.scene-base{position:absolute;bottom:48px;left:15%;width:75%;height:55px;background:#4f5f2820;filter:blur(22px);border-radius:50%;z-index:-1}.scene-orbit{position:absolute;top:95px;left:0;width:100%;height:310px;border:1px solid #a6b19140;border-radius:50%;transform:rotate(-35deg);z-index:-1}.orbit-two{transform:rotate(45deg);width:85%;left:12%}.scene-spark{position:absolute;color:#6d843f}.spark-one{font-size:55px;right:4%;top:95px;animation:spark-spin 25s linear infinite}.spark-two{font-size:25px;left:12%;top:270px}.scene-caption{position:absolute;bottom:0;left:30px;right:0;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#8a9180}.scene-caption span{font-size:6px}.creator-ribbon{border-block:1px solid #dfe1d5;padding:25px 30px;text-align:center;overflow:hidden}.creator-ribbon>span{font-size:8px;letter-spacing:2px;color:#858b7a}.creator-ribbon>div{display:flex;justify-content:center;align-items:center;gap:35px;margin-top:16px;font-size:21px;letter-spacing:-.5px;white-space:nowrap}.creator-ribbon i{font-size:24px;color:#91a66e;font-style:normal}.showcase-heading{text-align:center;margin:95px auto 35px}.landing-3d .section-eyebrow{font-size:9px;letter-spacing:2px;color:#7b865e;font-weight:600}.landing-3d .section-title{font-size:44px;line-height:1.12;letter-spacing:-2px;font-weight:500;color:var(--ink)}.showcase-heading>p{font-size:14px;color:#838778;margin-top:20px}.demo-label{display:block;font-size:8px;letter-spacing:1.3px;color:#9a9e92;margin-top:25px}.landing-3d .preview-3d-stage{max-width:1040px;margin:0 auto 110px;padding:0 30px;perspective:1500px}.landing-3d .preview-3d-card{border-radius:16px;transform:rotateX(7deg) rotateY(-4deg);box-shadow:0 45px 60px -30px #27381b45,0 0 0 8px #e5e8db;transition:transform .3s;overflow:hidden}.landing-3d .preview-browser-bar{background:#e9ecdf}.landing-3d .preview-canvas-content{background:#fffef9}.landing-3d .preview-pay-btn{background:#293325}.landing-3d .how-it-works-section{padding:80px 40px;max-width:1240px}.landing-3d .step-card{border:1px solid #e1e4d6;background:#efefe6;border-radius:15px;padding:32px;position:relative;transition:transform .3s,box-shadow .3s}.landing-3d .step-card:hover{transform:translateY(-9px) rotateX(3deg);box-shadow:0 25px 35px -25px #34462955}.landing-3d .step-number-badge{width:48px;height:48px;border-radius:12px;background:#d9f878;color:#465331;box-shadow:3px 4px 0 #bacb8e;transform:rotate(-7deg);font-family:Georgia,serif;font-size:24px}.landing-3d .step-title{font-size:21px;letter-spacing:-.6px;margin-top:25px}.landing-3d .step-desc{font-size:13px;line-height:1.8;color:#767c6c}.landing-3d .step-pill{font-size:10px;background:#f8f9f2;border-color:#e0e4d5}.landing-3d .architecture-container{max-width:1160px;padding:80px 40px}.landing-3d .arch-block{gap:65px;padding:70px 0;border-color:#dfe3d5}.landing-3d .arch-heading{font-size:34px;letter-spacing:-1px;line-height:1.17}.landing-3d .arch-index{font-size:9px;letter-spacing:1.2px;color:#7c8b61}.landing-3d .arch-paragraph,.landing-3d .arch-spec-item{font-size:13px;line-height:1.8;color:#777e6c}.landing-3d .arch-interactive-graphic{background:#fffef8;border:1px solid #d9dfcc;border-radius:18px;box-shadow:8px 10px 0 #e4e8d9,0 25px 40px -30px #324b29;transition:transform .4s}.landing-3d .arch-interactive-graphic:hover{transform:perspective(800px) rotateY(-6deg) rotateX(4deg)}.landing-3d .calc-section{max-width:1160px;padding:65px 40px}.landing-3d .calc-grid-box{border-radius:20px;border:1px solid #dbe0cf;background:#eeefe5;overflow:hidden}.landing-3d .calc-results-card{background:#252e24}.landing-3d .calc-savings-number{color:#d9f878}.landing-3d input[type=range]{accent-color:#718e44}.landing-3d .faq-section{max-width:850px;padding:80px 30px}.landing-3d .faq-item{background:none;border:0;border-bottom:1px solid #d7deca;border-radius:0;padding:22px 0}.landing-3d .faq-question{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;font:inherit;font-size:15px;font-weight:500;color:#30392a;background:none;border:0;cursor:pointer;padding:4px 0;gap:20px}.faq-toggle{font-size:22px;font-weight:400}.landing-3d .faq-answer{color:#767e6c;font-size:13px;line-height:1.8}.landing-3d .faq-answer[hidden]{display:none}.closing-cta{position:relative;overflow:hidden;max-width:1160px;margin:40px auto 90px;background:#e7edd9;border-radius:22px;padding:65px;text-align:center}.closing-cta h2{font-size:64px;letter-spacing:-3px;line-height:1.05;font-weight:500;margin:20px 0 30px}.closing-cta em{font-family:Georgia,serif;font-weight:400}.closing-cta p{font-size:11px;color:#7b856b;margin-top:20px}.closing-star{position:absolute;right:6%;top:80px;font-size:150px;color:#b4c98d;animation:spark-spin 40s linear infinite}.landing-3d .regulatory-strip{background:transparent;border-color:#dfe3d5;max-width:1160px}.landing-3d .site-footer{background:#f0f1e8;border-color:#dfe3d5}.landing-3d .regulatory-badge{background:#e4e9d7;color:#65744d}.landing-3d :focus-visible{outline:3px solid #748c45;outline-offset:5px}.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .75s,transform .75s}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:90;border:1px solid #cbd2bb;background:#f6f5eff2;color:#526044;border-radius:25px;font-size:10px;padding:10px 14px;cursor:pointer;box-shadow:0 4px 15px #26351810}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .scene-world{transform:none}.motion-paused .reveal-ready{opacity:1;transform:none}.motion-paused{scroll-behavior:auto}
@keyframes book-float{0%,100%{transform:translateY(0) rotateX(8deg) rotateY(-24deg) rotateZ(-11deg)}50%{transform:translateY(-14px) rotateX(12deg) rotateY(-18deg) rotateZ(-8deg)}}@keyframes note-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes spark-spin{to{rotate:360deg}}
@media(min-width:1500px){.landing-3d .hero-section{min-height:780px}}@media(max-width:1050px){.landing-3d .hero-section{padding:60px 30px;gap:0}.landing-3d .hero-title{font-size:52px}.creator-scene{transform:scale(.88);transform-origin:center}.landing-3d .hero-cta-group{gap:12px;flex-wrap:wrap}.landing-3d .header-container{padding:0 30px}.landing-nav{gap:20px}.closing-cta{margin-inline:30px}.sale-note{right:-30px}.landing-3d .arch-block{gap:35px}}
@media(max-width:760px){.landing-3d .header-container{height:70px;padding:0 20px}.landing-3d .brand{font-size:20px}.landing-nav{display:none}.landing-3d .btn-primary{font-size:11px;padding:10px 13px}.landing-3d .hero-section{display:flex;flex-direction:column;align-items:stretch;padding:48px 24px 25px;min-height:0}.landing-3d .hero-title{font-size:clamp(39px,8.7vw,59px);letter-spacing:-2.3px}.landing-3d .hero-title>span{letter-spacing:-2px}.landing-3d .hero-eyebrow{font-size:8px;letter-spacing:1.3px}.landing-3d .hero-subtitle{font-size:14px;max-width:400px}.landing-3d .hero-trust-row{font-size:9px;gap:13px}.landing-3d .hero-cta-group{gap:16px}.landing-3d .btn-hero-primary{padding:14px 18px;font-size:12px;gap:15px}.landing-3d .btn-hero-secondary{font-size:11px}.creator-scene{width:100%;max-width:490px;align-self:center;height:480px;transform:scale(.9);margin:5px 0 -25px}.product-book{left:22%;width:230px;height:320px}.book-pages{height:310px}.book-cover{padding:18px}.book-title{font-size:35px}.sale-note{right:-12px;top:285px}.ai-note{left:-8px}.fee-note{bottom:45px;left:0}.scene-label{left:30px;top:20px}.scene-caption{left:0;font-size:6px}.scene-caption span{display:none}.spark-one{right:-3%;font-size:40px}.creator-ribbon{padding:23px 10px}.creator-ribbon>div{white-space:normal;flex-wrap:wrap;gap:12px;font-size:16px}.creator-ribbon>span{font-size:7px}.creator-ribbon i{font-size:15px}.showcase-heading{margin:60px 20px 25px}.landing-3d .section-title{font-size:34px;letter-spacing:-1.4px}.landing-3d .preview-3d-stage{padding:0 20px;margin-bottom:35px}.landing-3d .preview-3d-card{transform:none}.landing-3d .preview-canvas-content{padding:24px 20px}.landing-3d .browser-address{font-size:8px}.landing-3d .browser-latency-badge{display:none}.landing-3d .how-it-works-section,.landing-3d .architecture-container,.landing-3d .calc-section{padding:50px 24px}.landing-3d .steps-grid{grid-template-columns:1fr;gap:18px}.landing-3d .step-card{padding:25px}.landing-3d .arch-block{grid-template-columns:1fr;padding:45px 0}.landing-3d .arch-heading{font-size:29px}.landing-3d .calc-grid-box{grid-template-columns:1fr}.landing-3d .calc-controls,.landing-3d .calc-results-card{padding:24px 20px}.landing-3d .faq-section{padding:40px 24px}.closing-cta{margin:30px 20px 50px;padding:45px 20px}.closing-cta h2{font-size:49px}.closing-star{font-size:70px;right:-20px;top:20px}.landing-3d .regulatory-strip{margin:25px 24px;padding:20px 0}.landing-3d .section-desc{font-size:14px}.landing-3d .calc-metric-label{font-size:10px}.landing-3d .calc-metric-value{font-size:13px}.landing-3d .calc-savings-number{font-size:25px}.motion-toggle{bottom:10px;right:10px;font-size:9px;padding:8px 10px}}
@media(max-width:370px){.creator-scene{transform:scale(.8);margin-left:-10px;margin-top:-20px;margin-bottom:-55px}.landing-3d .hero-trust-row{gap:8px;font-size:8px}.landing-3d .hero-cta-group{gap:10px}.landing-3d .hero-title{font-size:37px}}
@media(prefers-reduced-motion:reduce){html:has(.landing-3d){scroll-behavior:auto}.landing-3d *, .landing-3d *::before,.landing-3d *::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.scene-world{transform:none!important}}
/* Keep decorative perspective within the mobile canvas. */
@media(max-width:760px){.landing-3d .hero-section{overflow:clip}}