:root{--landing-bg:#080b12;--landing-panel:#0e1420;--landing-line:rgba(166,183,211,.13);--landing-muted:#9ba8bd;--landing-text:#f4f7ff;--landing-accent:#b6e36a;--landing-blue:#5c9dff;--landing-green:#6de0b2}
html{scroll-behavior:smooth;scroll-padding-top:94px}body.landing-page{background:var(--landing-bg);color:var(--landing-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}body.landing-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(137,158,195,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(137,158,195,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 75%)}body.landing-page a{color:inherit;text-decoration:none}body.landing-page button{font:inherit}body.landing-page .hidden{display:none!important}.ambient{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;z-index:-1}.ambient-one{top:100px;left:-250px;background:#5145cd}.ambient-two{top:400px;right:-260px;background:#1679d5}.site-header{max-width:1240px;margin:auto;display:flex;align-items:center;gap:36px;padding:20px 28px;border:0;background:transparent;position:sticky;top:0;z-index:20;flex-wrap:nowrap;backdrop-filter:blur(18px)}.site-header:before{content:"";position:absolute;inset:0 -100vw;background:rgba(8,11,18,.82);border-bottom:1px solid var(--landing-line);z-index:-1}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:800;letter-spacing:-.04em;line-height:1.15;white-space:nowrap}.brand>span:last-child{display:flex;flex-direction:column}.brand-light{color:#c5e98d}.brand small{font-size:8px;letter-spacing:.18em;color:#7f8ba2;font-weight:700;margin-top:5px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#a69aff,#6657ed);box-shadow:0 7px 24px #6554ec38;color:white;font-size:17px}.site-nav{display:flex;gap:30px;align-items:center;flex:1;justify-content:center}.site-nav a,.footer-links a{font-size:12px;font-weight:600;color:#aab5c8;transition:color .2s}.site-nav a:hover,.footer-links a:hover{color:white}.header-actions{display:flex;gap:10px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:750;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-primary{color:white!important;background:linear-gradient(110deg,#8878ff,#6e72f4 58%,#559eff);box-shadow:0 8px 24px #7166ef30}.button-primary:hover{box-shadow:0 12px 30px #7166ef55}.button-quiet{background:transparent;color:#d6deed;border-color:var(--landing-line)}.button-quiet:hover,.button-outline:hover{border-color:#8c83f4;background:#ffffff08}.button-outline{background:#ffffff04;border-color:#354056;color:#dce4f3!important}.button-large{padding:15px 20px;font-size:12px;border-radius:11px}.menu-toggle{display:none!important;background:transparent!important;color:white!important;border-color:var(--landing-line)!important}.section-shell{max-width:1160px;padding-left:28px;padding-right:28px;margin-left:auto;margin-right:auto}.hero{min-height:660px;padding-top:72px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:36px;position:relative}.hero-copy{padding-bottom:40px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:.19em;color:#b7b1ff}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#7eecb8;box-shadow:0 0 14px #7eecb8}.eyebrow-line{width:35px;height:1px;background:#514a8c;margin-left:3px}.hero h1{font-size:clamp(43px,5.2vw,67px);letter-spacing:-.065em;line-height:1.04;font-weight:820;margin:25px 0 22px;max-width:610px}.gradient-text{background:linear-gradient(100deg,#b0a4ff 4%,#8d8cff 48%,#72b9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:480px;font-size:14px;line-height:1.9;color:#a7b2c6;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:37px}.proof-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#b6e36a1b;color:#a99cff}.proof-icon.green{background:#6de0b216;color:#6de0b2}.hero-proof>span:nth-child(2),.hero-proof>span:nth-child(5){display:flex;flex-direction:column;gap:4px}.hero-proof strong{font-size:10px}.hero-proof small{font-size:9px;color:#7f8ba2}.proof-divider{height:30px;width:1px;background:var(--landing-line);margin:0 7px}.hero-visual{position:relative;min-width:0;padding:35px 0 38px}.visual-glow{position:absolute;width:75%;height:75%;top:15%;left:12%;background:linear-gradient(130deg,#7367f3,#3489ff);filter:blur(95px);opacity:.18}.dashboard-window{position:relative;border:1px solid #59637a55;border-radius:17px;background:#0b101a;overflow:hidden;box-shadow:0 35px 90px #0008,0 0 0 7px #ffffff03;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.window-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#101724;border-bottom:1px solid #ffffff0c;color:#72819a;font:9px var(--mono,ui-monospace,monospace)}.window-top>span{display:flex;align-items:center;gap:7px}.window-dots{display:flex;gap:5px}.window-dots b{width:6px;height:6px;border-radius:50%;background:#3a4659}.window-dots b:first-child{background:#ff7979}.window-dots b:nth-child(2){background:#e9bd67}.window-dots b:nth-child(3){background:#6de0b2}.mock-layout{display:grid;grid-template-columns:48px 1fr;min-height:365px}.mock-sidebar{background:#0c111b;border-right:1px solid #ffffff0c;display:flex;align-items:center;flex-direction:column;gap:13px;padding:13px 0}.mock-logo{color:#c5e98d;margin-bottom:9px}.mock-side{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:#65738b;font-size:11px}.mock-side.active{background:#b6e36a22;color:#a69aff}.mock-avatar{margin-top:auto;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#5c9dff,#9c76ff);display:grid;place-items:center;font-size:10px;font-weight:800}.mock-main{padding:19px 18px}.mock-welcome{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.mock-welcome small{font-size:7px;letter-spacing:.13em;color:#77849b}.mock-welcome h3{font-size:16px;margin:5px 0 0;letter-spacing:-.03em}.live-pill{font-size:7px;color:#6de0b2;background:#6de0b215;padding:4px 6px;border-radius:5px;vertical-align:middle;font-weight:600}.live-pill i{font-size:5px;margin-right:3px}.mock-date{font-size:8px;color:#8592a8;border:1px solid #293448;padding:7px 8px;border-radius:6px}.mock-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mock-stat{position:relative;overflow:hidden;background:#111a28;border:1px solid #ffffff0c;border-radius:9px;padding:12px}.mock-stat>span{display:block;color:#8592a8;font-size:8px}.mock-stat strong{display:block;font-size:27px;letter-spacing:-.06em;margin:4px 0}.mock-stat small{font-size:8px;color:#8fa8d1}.mock-stat small i{color:#8e82ff}.mock-stat .stat-green{color:#6de0b2}.stat-watermark{position:absolute;right:12px;top:18px;font-size:26px;color:#9e8fff;opacity:.09}.mock-panel{margin-top:12px;border:1px solid #ffffff0c;border-radius:9px;padding:12px}.mock-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:9px}.mock-panel-head span{font-size:7px;color:#77849b}.mock-quest{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #ffffff08}.quest-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:11px}.quest-icon.purple{color:#c5e98d;background:#b6e36a1b}.quest-icon.blue{color:#7bb5ff;background:#5c9dff1b}.quest-icon.amber{color:#f5c779;background:#e8a8471b}.quest-name{display:flex;flex-direction:column;gap:3px;flex:1}.quest-name b{font-size:8px}.quest-name small{font-size:7px;color:#77849b}.status-chip{font-size:7px;padding:4px 6px;border-radius:5px}.status-done{color:#6de0b2;background:#6de0b214}.status-progress{color:#8ab9ff;background:#5c9dff16}.status-review{color:#f5c779;background:#e8a84716}.mock-bottom{font-size:8px;color:#78869c;padding-top:10px}.mock-bottom i{color:#9b8dff;margin-right:5px}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#131b2aee;border:1px solid #7e8baa35;border-radius:12px;box-shadow:0 15px 35px #0005;backdrop-filter:blur(15px)}.float-card b,.float-card small{display:block}.float-card b{font-size:9px}.float-card small{font-size:8px;color:#8d9ab0;margin-top:4px}.float-icon,.float-check{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#b6e36a20;color:#a69aff}.float-check{background:#6de0b21b;color:#6de0b2}.float-top{top:0;right:-18px;animation:float 5s ease-in-out infinite}.float-bottom{bottom:4px;left:-24px;animation:float 5s ease-in-out -2.5s infinite}.scroll-cue{position:absolute;bottom:16px;left:28px;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.14em;color:#78859b!important}.scroll-cue>i{font-size:9px;color:#9d91ff}.scroll-mouse{width:16px;height:22px;border:1px solid #6d7890;border-radius:9px;display:flex;justify-content:center;padding-top:4px}.scroll-mouse i{width:2px;height:5px;border-radius:3px;background:#a99dff;animation:scrollDot 1.6s infinite}.trust-strip{border-top:1px solid var(--landing-line);border-bottom:1px solid var(--landing-line);background:#ffffff02}.trust-inner{max-width:1100px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.trust-inner span{display:flex;align-items:center;gap:9px;color:#98a5bb;font-size:10px;font-weight:600}.trust-inner i{color:#a69aff;font-size:12px}.content-section{padding-top:112px;padding-bottom:110px}.section-heading{text-align:center;max-width:610px;margin:0 auto 42px}.section-heading .section-kicker{justify-content:center}.section-heading h2,.safety-copy h2,.final-cta h2{font-size:clamp(30px,4vw,43px);letter-spacing:-.055em;line-height:1.12;margin:17px 0 14px}.section-heading p{font-size:12px;line-height:1.9;color:#96a3b9;margin:0 auto;max-width:510px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-card{position:relative;min-height:272px;padding:25px 23px;border:1px solid var(--landing-line);border-radius:15px;background:linear-gradient(150deg,#111827d9,#0c111a);overflow:hidden;transition:transform .25s,border-color .25s,background .25s}.feature-card:after{content:"";position:absolute;top:-70px;right:-70px;width:160px;height:160px;border-radius:50%;background:#b6e36a;filter:blur(90px);opacity:.08;pointer-events:none}.feature-card:hover{transform:translateY(-5px);border-color:#8074e95c;background:linear-gradient(150deg,#151c2c,#0c111a)}.feature-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:17px;margin-bottom:24px}.icon-violet{color:#c5e98d;background:#b6e36a20}.icon-blue{color:#83b9ff;background:#5c9dff20}.icon-green{color:#78e8bd;background:#6de0b21c}.feature-number{font-size:8px;letter-spacing:.14em;color:#78869e;font-weight:800}.feature-card h3{font-size:17px;letter-spacing:-.025em;margin:11px 0}.feature-card p{font-size:11px;line-height:1.9;color:#97a4b9;margin:0 0 18px}.text-link{display:inline-flex;align-items:center;gap:8px;color:#b4aaff!important;font-size:10px;font-weight:750}.text-link i{transition:transform .2s}.text-link:hover i{transform:translateX(4px)}.workflow-section{border-top:1px solid var(--landing-line);border-bottom:1px solid var(--landing-line);background:linear-gradient(180deg,#0d111b,#0b1018)}.workflow-inner{padding-top:100px;padding-bottom:105px}.steps{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:12px}.step-card{padding:22px 22px 19px;min-height:226px;border:1px solid var(--landing-line);border-radius:14px;background:#101724;transition:transform .25s,border-color .25s}.step-card:hover{transform:translateY(-4px);border-color:#b6e36a66}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.step-num{font:700 11px ui-monospace,monospace;color:#a89eff;letter-spacing:.08em}.step-icon{width:39px;height:39px;display:grid;place-items:center;background:#b6e36a1c;border-radius:11px;color:#afa4ff}.step-card h3{font-size:14px;margin:0 0 10px}.step-card p{font-size:10.5px;line-height:1.9;color:#96a3b9;margin:0;min-height:60px}.step-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0c;margin-top:17px;padding-top:13px;font-size:9px;font-weight:700;color:#a69aff}.step-foot i{font-size:9px}.step-connector{text-align:center;color:#525e76;font-size:11px}.pricing-section{padding-top:110px;padding-bottom:105px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:0}.plan{background:linear-gradient(155deg,#121a29,#0d121c)!important;border:1px solid #313c51!important;border-radius:15px!important;padding:23px!important;margin:0!important;position:relative;overflow:hidden;min-height:200px}.plan h3{font-size:15px!important;color:#f4f7ff!important}.plan .price{font-size:31px!important;letter-spacing:-.05em;color:#fff;margin:12px 0!important}.plan .muted{font-size:10px!important;line-height:1.7}.plan button{width:100%;margin-top:17px;border-radius:9px;padding:11px!important;font-size:11px!important}.plan button.ghost{background:#ffffff05!important;color:#dbe4f6!important}.plan-loading{display:flex;align-items:center;gap:10px;color:#9ba8bd;font-size:12px;grid-column:1/-1}.pricing-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 0;color:#7f8ba2;font-size:10px;text-align:center}.pricing-note i{color:#a89cff}.safety-section{padding:0 0 105px}.safety-panel{display:flex;align-items:center;gap:23px;padding-top:28px;padding-bottom:28px;border:1px solid #6b8cbb30;border-radius:17px;background:linear-gradient(110deg,#111b2a,#0c1420);position:relative;overflow:hidden}.safety-panel:after{content:"";position:absolute;right:-80px;top:-130px;width:260px;height:260px;border-radius:50%;background:#5c9dff;opacity:.09;filter:blur(80px)}.safety-icon{flex:none;width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:#6de0b21a;color:#78e8bd;font-size:23px}.safety-copy{flex:1;position:relative;z-index:1}.safety-copy .section-kicker{font-size:8px}.safety-copy h2{font-size:24px;margin:8px 0}.safety-copy p{font-size:10px;line-height:1.9;color:#9aa8bc;margin:0;max-width:710px}.safety-link{font-size:10px;position:relative;z-index:1}.final-cta{position:relative;text-align:center;padding-top:10px;padding-bottom:100px;overflow:hidden}.cta-orb{position:absolute;left:50%;top:0;transform:translateX(-50%);width:480px;height:240px;background:#657d4b;filter:blur(130px);opacity:.16;pointer-events:none}.final-cta>*:not(.cta-orb){position:relative}.final-cta .section-kicker{justify-content:center}.final-cta h2{font-size:clamp(34px,4.5vw,48px);margin-top:17px}.final-cta p{font-size:12px;color:#9ba8bd;margin:0 0 25px}.cta-foot{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:23px;color:#7f8ba2;font-size:9px}.cta-foot i{color:#8ce3bc}.site-footer{border-top:1px solid var(--landing-line);background:#080b11}.footer-inner{max-width:1160px;margin:auto;padding:25px 28px;display:flex;align-items:center;gap:24px}.footer-brand .brand-mark{width:30px;height:30px;border-radius:9px;font-size:13px}.footer-brand{font-size:13px}.footer-brand small{font-size:7px}.footer-copy{margin-left:auto;color:#738098;font-size:9px}.footer-links{display:flex;gap:18px}.footer-links a{font-size:9px}.auth-shell{max-width:440px!important;margin:5vh auto!important;position:relative;z-index:2}.auth-back{margin-bottom:16px;font-size:11px;color:#a9b5ca}.auth-back a:hover{color:white}.auth-card{background:linear-gradient(145deg,#121a29,#0c111b)!important;border:1px solid #343f54!important;border-radius:17px!important;padding:28px!important;box-shadow:0 30px 80px #0005}.auth-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;margin-bottom:25px}.auth-brand .brand-mark{width:32px;height:32px;border-radius:10px}.auth-card h1{font-size:26px;letter-spacing:-.04em;margin-bottom:8px}.auth-card .muted{font-size:11px;line-height:1.8;margin-bottom:22px}.auth-fields{display:flex;flex-direction:column;gap:9px}.auth-fields label{font-size:10px;color:#c4cede;font-weight:700;margin-top:3px}.auth-fields label span{color:#7f8ba2;font-weight:400}.auth-fields input{width:100%;min-width:0;background:#0a0f18!important;border:1px solid #2b3548!important;border-radius:9px!important;padding:12px 13px!important;font-size:12px!important}.auth-fields input:focus{border-color:#b6e36a!important;box-shadow:0 0 0 3px #b6e36a1a}.auth-fields .button{width:100%;margin-top:8px}.auth-card .err{margin-top:10px}.auth-switch{text-align:center;font-size:11px;color:#9ba8bd}.auth-switch a{color:#c5e98d!important;font-weight:700}.auth-foot{border-top:1px solid var(--landing-line);padding-top:15px;margin-top:18px;color:#7f8ba2;font-size:9px;text-align:center}.auth-foot i{color:#78e8bd;margin-right:5px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.14s}.reveal-delay-1{transition-delay:.09s}.reveal-delay-2{transition-delay:.18s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(7px)}}@media(max-width:900px){.site-header{gap:18px;padding:15px 22px}.site-nav{gap:16px}.hero{grid-template-columns:1fr;gap:4px;padding-top:55px}.hero-copy{padding-bottom:8px}.hero-visual{max-width:640px;width:100%;margin:0 auto;padding:35px 20px 42px}.hero-proof{margin-top:25px}.scroll-cue{bottom:0}.feature-grid{gap:10px}.feature-card{padding:20px 17px}.steps{gap:8px}.step-card{padding:18px 15px}.step-card p{min-height:80px}.safety-panel{flex-wrap:wrap}.safety-link{margin-left:79px}.footer-inner{flex-wrap:wrap}}@media(max-width:640px){html{scroll-padding-top:75px}.site-header{padding:12px 17px;gap:12px}.brand{font-size:14px}.brand-mark{width:34px;height:34px}.menu-toggle{display:inline-flex!important;margin-left:auto;order:2;padding:9px 11px!important}.header-actions{order:3;gap:7px}.header-actions .button{padding:9px 11px;font-size:10px}.site-nav{display:none;position:absolute;top:67px;left:12px;right:12px;flex-direction:column;align-items:stretch;gap:0;padding:9px;background:#101724;border:1px solid #303b50;border-radius:12px;box-shadow:0 20px 50px #0008}.site-nav.open{display:flex}.site-nav a{padding:13px 12px;border-radius:8px}.site-nav a:hover{background:#ffffff08}.section-shell{padding-left:19px;padding-right:19px}.hero{padding-top:50px;padding-bottom:52px;min-height:0}.hero h1{font-size:clamp(41px,12vw,57px);margin-top:21px}.hero-lead{font-size:12px;line-height:1.9}.hero-actions{gap:9px}.hero-actions .button{flex:1;padding:13px 12px;font-size:10px}.hero-proof{display:grid;grid-template-columns:33px 1fr;gap:9px}.hero-proof .proof-divider{display:none}.hero-proof>span:nth-child(5){grid-column:2;grid-row:2}.hero-proof .proof-icon.green{grid-column:1;grid-row:2}.hero-proof small{font-size:8px}.hero-visual{padding:28px 0 40px}.dashboard-window{transform:none;border-radius:12px}.window-top{height:36px;padding:0 10px}.mock-layout{grid-template-columns:35px 1fr;min-height:310px}.mock-sidebar{gap:10px}.mock-side{width:25px;height:25px}.mock-main{padding:13px 10px}.mock-welcome h3{font-size:13px}.mock-date{display:none}.mock-stat{padding:9px}.mock-stat strong{font-size:23px}.mock-panel{padding:9px}.mock-quest{gap:6px}.quest-icon{width:24px;height:24px}.status-chip{font-size:6px;padding:4px}.float-card{padding:9px 10px;gap:7px}.float-card b{font-size:8px}.float-card small{font-size:7px}.float-top{right:-5px;top:0}.float-bottom{left:-5px;bottom:0}.float-icon,.float-check{width:25px;height:25px}.scroll-cue{left:19px;bottom:7px}.trust-inner{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.trust-inner span{font-size:9px;align-items:flex-start}.content-section,.workflow-inner,.pricing-section{padding-top:75px;padding-bottom:75px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:33px}.section-heading p{font-size:11px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:22px}.feature-icon{margin-bottom:17px}.feature-card p{font-size:11px}.steps{grid-template-columns:1fr;gap:10px}.step-card{min-height:0;padding:20px}.step-card p{min-height:0}.step-connector{transform:rotate(90deg);padding:2px}.plans{grid-template-columns:1fr}.plan{min-height:0}.pricing-note{align-items:flex-start;line-height:1.7;text-align:left}.safety-section{padding-bottom:75px}.safety-panel{gap:14px;padding-top:22px;padding-bottom:22px}.safety-icon{width:43px;height:43px;font-size:18px}.safety-copy{flex-basis:calc(100% - 60px)}.safety-copy h2{font-size:22px}.safety-copy p{font-size:10px}.safety-link{margin-left:0;width:100%}.final-cta{padding-bottom:70px}.final-cta h2{font-size:36px}.cta-foot{font-size:8px;gap:7px}.footer-inner{padding:22px 19px;gap:17px}.footer-copy{margin-left:0;order:3;width:100%}.footer-links{margin-left:auto;gap:11px}.footer-links a{font-size:8px}.auth-shell{margin:4vh auto!important;padding:17px!important}.auth-card{padding:23px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.float-card,.scroll-mouse i{animation:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.landing-page .plan a.button{width:100%;margin-top:auto;display:inline-flex;align-items:center;justify-content:center}


/* Mobile ergonomics: fluid sizing, safe-area spacing, and no accidental sideways page scroll. */
.landing-page{min-width:0;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}
.landing-page img,.landing-page svg,.landing-page video{max-width:100%;height:auto}
.landing-page input,.landing-page select,.landing-page textarea{font-size:16px}
.landing-page .button,.landing-page .menu-toggle,.landing-page .site-nav a{min-height:44px;box-sizing:border-box}
.landing-page .section-shell,.landing-page .site-header,.landing-page .footer-inner{min-width:0}
.landing-page .hero-visual,.landing-page .dashboard-window,.landing-page .mock-main{min-width:0;max-width:100%}
.landing-page .plans,.landing-page .feature-grid,.landing-page .steps{min-width:0}
.landing-page .plan,.landing-page .feature-card,.landing-page .step-card{min-width:0;overflow-wrap:anywhere}
.landing-page .site-nav a:focus-visible,.landing-page a:focus-visible,.landing-page button:focus-visible{outline:3px solid #c5e98d;outline-offset:3px}
@media (max-width:760px), (max-device-width:760px){
 html{scroll-padding-top:76px}.site-header{width:100%;box-sizing:border-box;gap:8px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.site-header .brand{flex:1 1 auto;min-width:0;gap:8px;font-size:14px}.site-header .brand small{font-size:7px;letter-spacing:.12em}.site-header .menu-toggle{flex:0 0 44px;width:44px;height:44px;align-items:center;justify-content:center;order:2;margin-left:0;padding:0!important}.site-header .header-actions{flex:0 0 auto;order:3;gap:5px}.site-header .header-actions .button{min-height:42px;padding:8px 10px;font-size:10px}.site-nav{top:calc(100% + 5px);left:10px;right:10px;max-height:min(70vh,420px);overflow-y:auto;overscroll-behavior:contain}.hero{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:clamp(30px,7vw,52px);padding-bottom:58px;min-height:0}.hero-copy{min-width:0;padding-bottom:0}.hero h1{font-size:clamp(36px,10.5vw,56px);overflow-wrap:anywhere}.hero-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.hero-actions .button{width:100%;min-height:48px;white-space:normal;text-align:center}.hero-proof{flex-wrap:wrap}.hero-visual{width:100%;box-sizing:border-box;padding:26px 0 35px}.dashboard-window{transform:none!important}.mock-layout{grid-template-columns:32px minmax(0,1fr);min-height:0}.mock-main{padding:clamp(9px,3vw,16px)}.mock-quest{min-width:0}.quest-name{min-width:0;overflow-wrap:anywhere}.scroll-cue{left:19px;bottom:8px;min-height:30px}.trust-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.content-section,.workflow-inner,.pricing-section{padding-top:clamp(56px,12vw,78px);padding-bottom:clamp(56px,12vw,78px)}.feature-grid,.steps,.plans{grid-template-columns:minmax(0,1fr)}.feature-card,.step-card,.plan{min-height:0}.step-card p{min-height:0}.step-connector{transform:rotate(90deg)}.safety-panel{align-items:flex-start}.safety-copy{min-width:0}.safety-link{min-height:46px;justify-content:center}.footer-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.footer-copy{overflow-wrap:anywhere}.auth-layout{width:calc(100% - 28px);grid-template-columns:minmax(0,1fr);min-height:0;padding:24px 0 35px}.auth-panel{min-width:0;padding:clamp(18px,5vw,25px)}.auth-story{display:none}
}
@media (max-width:760px) and (pointer:coarse), (max-device-width:760px){.scroll-cue{font-size:0;gap:9px}.scroll-cue .scroll-mouse{display:none}.scroll-cue::before{content:'↕';display:inline-block;font-size:23px;line-height:1;animation:gesture-nudge 1.6s ease-in-out infinite;color:#c5e98d}.scroll-cue::after{content:'SWIPE TO EXPLORE';font-size:8px;letter-spacing:.14em}}
@keyframes gesture-nudge{0%,100%{transform:translateY(-3px);opacity:.75}50%{transform:translateY(4px);opacity:1}}
@media (max-width:430px), (max-device-width:430px){.site-header{gap:6px}.site-header .brand{font-size:12px}.site-header .brand-mark{width:31px;height:31px;border-radius:10px}.site-header .header-actions .button-quiet{display:none}.site-header .header-actions .button-primary{padding-inline:9px}.hero h1{font-size:clamp(34px,10vw,44px)}.hero-proof{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center}.hero-proof .proof-divider{display:none}.hero-proof .proof-icon.green{grid-column:1;grid-row:2}.hero-proof>span:nth-child(5){grid-column:2;grid-row:2}.trust-inner{padding:18px 15px}.mock-welcome h3{font-size:12px}.mock-date{display:none}.mock-quest{gap:5px}.status-chip{white-space:normal}.footer-inner{gap:14px}.footer-links{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.scroll-cue::before{animation:none}}

/* Mobile homepage preview mirrors the real dashboard's compact topbar + horizontal navigation. */
@media (max-width: 760px), (max-device-width: 760px) {
  .hero-visual { min-width: 0; width: 100%; max-width: 100%; padding: 22px 0 28px; }
  .dashboard-window { width: 100%; min-width: 0; transform: none !important; overflow: hidden; border-radius: 14px; }
  .window-top { min-width: 0; gap: 8px; padding-inline: 11px; }
  .window-top > span { min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .window-top > span i, .window-dots { flex: 0 0 auto; }
  .mock-layout { display: flex; flex-direction: column; min-height: 0; }
  .mock-sidebar { order: 0; min-width: 0; width: 100%; box-sizing: border-box; flex-direction: row; align-items: center; gap: 6px; padding: 8px 10px; border-right: 0; border-bottom: 1px solid #ffffff0c; overflow: hidden; }
  .mock-logo { flex: 0 0 auto; margin: 0 5px 0 0; }
  .mock-side { flex: 0 0 30px; width: 30px; height: 30px; }
  .mock-avatar { flex: 0 0 25px; width: 25px; height: 25px; margin: 0 0 0 auto; }
  .mock-main { min-width: 0; box-sizing: border-box; padding: 14px 12px; }
  .mock-welcome { min-width: 0; align-items: flex-start; justify-content: flex-start; margin-bottom: 13px; }
  .mock-welcome > div:first-child { min-width: 0; }
  .mock-welcome h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; line-height: 1.35; }
  .live-pill { flex: 0 0 auto; }
  .mock-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .mock-stat { min-width: 0; padding: 10px; }
  .mock-stat > span, .mock-stat small { overflow-wrap: anywhere; }
  .mock-stat strong { font-size: clamp(21px, 6vw, 27px); }
  .stat-watermark { right: 7px; top: 15px; font-size: 21px; }
  .mock-panel { min-width: 0; margin-top: 10px; padding: 9px; }
  .mock-panel-head { gap: 8px; }
  .mock-quest { min-width: 0; gap: 7px; }
  .quest-icon { flex: 0 0 25px; }
  .quest-name { min-width: 0; overflow-wrap: anywhere; }
  .quest-name b, .quest-name small { overflow-wrap: anywhere; }
  .status-chip { flex: 0 0 auto; max-width: 76px; text-align: center; white-space: normal; line-height: 1.25; }
  .mock-bottom { line-height: 1.6; overflow-wrap: anywhere; }
  .float-card { display: none !important; }
  .visual-glow { width: 100%; height: 70%; left: 0; filter: blur(65px); }
}
@media (max-width: 380px), (max-device-width: 380px) {
  .mock-sidebar { gap: 4px; padding-inline: 7px; }
  .mock-side { flex-basis: 27px; width: 27px; height: 27px; }
  .mock-main { padding: 12px 9px; }
  .mock-stat { padding: 8px; }
  .mock-quest { gap: 5px; }
  .status-chip { max-width: 66px; padding: 3px 4px; font-size: 6px; }
}

/* Keep the floating callouts above the desktop preview; never layer them behind it. */
.hero-visual > .dashboard-window { position: relative; z-index: 2; }
.hero-visual > .float-card { z-index: 4; pointer-events: none; }
@media (max-width: 760px), (max-device-width: 760px) {
  /* The homepage's dashboard illustration becomes a genuine compact mobile-style layout. */
  .hero-visual > .float-card { display: none !important; visibility: hidden !important; }
  .hero-visual > .dashboard-window { position: relative; z-index: 1; width: 100%; max-width: 100%; box-sizing: border-box; transform: none !important; }
  .dashboard-window .window-top { height: 38px; display: flex; align-items: center; justify-content: space-between; }
  .dashboard-window .window-top > span { flex: 1 1 auto; min-width: 0; justify-content: center; font-size: clamp(7px, 2vw, 9px); }
  .dashboard-window .window-top > .fa-ellipsis { flex: 0 0 auto; }
  .dashboard-window .mock-layout { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; min-height: 0 !important; }
  .dashboard-window .mock-sidebar { display: flex; flex-direction: row !important; align-items: center; justify-content: flex-start; width: 100%; min-width: 0; height: auto; box-sizing: border-box; gap: clamp(5px, 2vw, 10px); padding: 8px 10px; border-right: 0; border-bottom: 1px solid #ffffff0c; overflow: hidden; }
  .dashboard-window .mock-logo { flex: 0 0 28px; display: grid; place-items: center; width: 28px; height: 28px; margin: 0 3px 0 0; }
  .dashboard-window .mock-side { flex: 0 0 30px; width: 30px; height: 30px; }
  .dashboard-window .mock-avatar { flex: 0 0 26px; width: 26px; height: 26px; margin: 0 0 0 auto; }
  .dashboard-window .mock-main { display: block; flex: 1 1 auto; width: 100%; min-width: 0; box-sizing: border-box; padding: clamp(10px, 3.2vw, 15px); }
  .dashboard-window .mock-welcome { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 8px; min-width: 0; margin-bottom: 12px; }
  .dashboard-window .mock-welcome h3 { font-size: clamp(12px, 3.5vw, 15px); line-height: 1.4; overflow-wrap: anywhere; }
  .dashboard-window .mock-welcome > div:first-child { flex: 1 1 auto; min-width: 0; }
  .dashboard-window .mock-date { display: none !important; }
  .dashboard-window .mock-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px; }
  .dashboard-window .mock-stat { min-width: 0; box-sizing: border-box; padding: clamp(8px, 2.5vw, 11px); }
  .dashboard-window .mock-stat > span, .dashboard-window .mock-stat small { overflow-wrap: anywhere; }
  .dashboard-window .mock-stat strong { font-size: clamp(21px, 6vw, 27px); }
  .dashboard-window .mock-panel { min-width: 0; box-sizing: border-box; margin-top: 9px; padding: clamp(8px, 2.5vw, 11px); }
  .dashboard-window .mock-panel-head { gap: 8px; }
  .dashboard-window .mock-quest { display: flex; min-width: 0; gap: 7px; }
  .dashboard-window .quest-icon { flex: 0 0 25px; width: 25px; height: 25px; }
  .dashboard-window .quest-name { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
  .dashboard-window .quest-name b, .dashboard-window .quest-name small { overflow-wrap: anywhere; }
  .dashboard-window .status-chip { flex: 0 1 auto; max-width: 75px; text-align: center; white-space: normal; overflow-wrap: anywhere; line-height: 1.25; }
  .dashboard-window .mock-bottom { line-height: 1.6; overflow-wrap: anywhere; }
  .hero-visual .visual-glow { width: 100%; left: 0; }
}
@media (max-width: 380px), (max-device-width: 380px) {
  .dashboard-window .mock-sidebar { gap: 4px; padding-inline: 7px; }
  .dashboard-window .mock-side { flex-basis: 27px; width: 27px; height: 27px; }
  .dashboard-window .mock-logo { flex-basis: 25px; width: 25px; }
  .dashboard-window .mock-avatar { flex-basis: 24px; width: 24px; height: 24px; }
  .dashboard-window .mock-quest { gap: 5px; }
  .dashboard-window .status-chip { max-width: 65px; padding: 3px 4px; font-size: 6px; }
}

/* QuestService visual pass: keep the existing section layout and reveal/float animations,
   but replace the glossy template treatment with a quieter product UI. */
:root{--landing-bg:#0b0d0e;--landing-panel:#121617;--landing-line:rgba(190,205,198,.14);--landing-muted:#9aa6a0;--landing-text:#edf2ee;--landing-accent:#b6e36a;--landing-blue:#83c9c1;--landing-green:#b6e36a}
body.landing-page:before{background-image:linear-gradient(rgba(178,196,185,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(178,196,185,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 68%)}
.ambient-one{background:#7b9c52;opacity:.08}.ambient-two{background:#3c8d86;opacity:.07}
.site-header:before{background:rgba(11,13,14,.91)}
.brand-light{color:#c5d1c9}.brand small{color:#85918a}.brand-mark{background:#b6e36a;color:#182014;box-shadow:none;border-radius:8px}
.site-nav a,.footer-links a{color:#a3aea7}.site-nav a:hover,.footer-links a:hover{color:#c7ef86}
.button{border-radius:7px;box-shadow:none!important}.button-primary{background:#b6e36a;color:#182014!important;border-color:#b6e36a}.button-primary:hover{background:#c8ef86;border-color:#c8ef86}.button-quiet{border-color:#35413a;color:#d7e0d9}.button-quiet:hover,.button-outline:hover{border-color:#8ba95b;background:#b6e36a0a}.button-outline{border-color:#35413a;background:#ffffff03;color:#d7e0d9!important}
.eyebrow,.section-kicker{color:#c3df96}.eyebrow-dot{background:#b6e36a;box-shadow:none}.eyebrow-line{background:#536647}.gradient-text{background:none;color:#c5e98d;-webkit-text-fill-color:currentColor}
.hero h1{letter-spacing:-.055em}.hero-lead{color:#aab5ae}.proof-icon{border-radius:7px;background:#b6e36a12;color:#c5e98d}.proof-icon.green{background:#83c9c112;color:#83c9c1}.hero-proof small{color:#8d9991}
.dashboard-window{border-color:#3b4840;border-radius:9px;background:#101414;box-shadow:0 28px 65px #0007,0 0 0 1px #ffffff02;transform:perspective(1100px) rotateY(-3deg) rotateX(1deg)}.window-top{background:#171c19;color:#8d9b90}.mock-sidebar{background:#101412}.mock-logo,.mock-side.active{color:#c5e98d}.mock-side.active{background:#b6e36a16}.mock-avatar{background:#b6e36a;color:#182014}.mock-stat,.mock-panel{background:#151a17;border-color:#303a32;border-radius:6px}.mock-stat strong{letter-spacing:-.04em}.stat-watermark{color:#c5e98d}.mock-stat small i,.mock-bottom i{color:#b6e36a}.mock-panel-head{color:#e5ece6}.quest-icon,.status-chip,.live-pill{border-radius:4px}.quest-icon.purple{color:#c5e98d;background:#b6e36a14}.quest-icon.blue{color:#83c9c1;background:#83c9c114}.quest-icon.amber{color:#e7bd77;background:#e7bd7714}.live-pill{color:#c5e98d;background:#b6e36a13}.status-done{color:#c5e98d;background:#b6e36a12}.status-progress{color:#83c9c1;background:#83c9c112}.status-review{color:#e7bd77;background:#e7bd7712}.float-card{background:#171d19f2;border-color:#455248;border-radius:7px;box-shadow:0 12px 28px #0005}.float-icon{background:#b6e36a14;color:#c5e98d;border-radius:6px}.float-check{background:#83c9c114;color:#83c9c1;border-radius:6px}.scroll-cue>i,.scroll-mouse i{color:#c5e98d}
.trust-strip{background:#ffffff01}.trust-inner span{color:#a7b1aa}.trust-inner i{color:#b6e36a}.feature-card{background:#111514;border-radius:8px;border-color:#303a33;min-height:250px}.feature-card:after{background:#b6e36a;opacity:.025}.feature-card:hover{transform:translateY(-3px);border-color:#657b4e;background:#141916}.feature-icon{border-radius:7px}.icon-violet{color:#c5e98d;background:#b6e36a14}.icon-blue{color:#83c9c1;background:#83c9c114}.icon-green{color:#b6e36a;background:#b6e36a14}.feature-card h3{letter-spacing:-.02em}.feature-card p,.section-heading p{color:#a4afa8}.text-link{color:#c5e98d!important}.workflow-section{background:#0e1110}.step-card{background:#131715;border-radius:8px}.step-card:hover{border-color:#657b4e}.step-num,.step-foot,.step-icon{color:#c5e98d}.step-icon{background:#b6e36a14;border-radius:7px}.step-foot{border-color:#2b342d}.plan{background:#121715!important;border-color:#354138!important;border-radius:8px!important}.plan button{border-radius:6px}.pricing-note i{color:#b6e36a}.safety-panel{background:#121715;border-color:#354138;border-radius:8px}.safety-panel:after{background:#b6e36a;opacity:.025}.safety-icon{background:#b6e36a14;color:#c5e98d;border-radius:8px}.safety-copy p{color:#a4afa8}.cta-orb{background:#8eae5a;opacity:.06}.final-cta .section-kicker{color:#c3df96}.cta-foot i{color:#b6e36a}.site-footer{background:#090b0a}.auth-card{background:#121715!important;border-color:#354138!important;border-radius:10px!important;box-shadow:0 24px 60px #0005}.auth-fields input{border-radius:6px!important}.auth-fields input:focus{border-color:#9dbd66!important;box-shadow:0 0 0 3px #b6e36a12}.auth-switch a{color:#c5e98d!important}
@media(max-width:640px){.site-nav{background:#121715;border-color:#354138;border-radius:8px}.hero h1{letter-spacing:-.05em}.dashboard-window{transform:none}}
.plan .button{display:flex;width:100%;margin-top:17px;border-radius:6px;padding:11px;font-size:11px}.plan .button:hover{transform:translateY(-1px)}


/* QuestService landing system v2: final guard against legacy purple/blue rules. */
:root{--landing-bg:#0b0e0d;--landing-panel:#121715;--landing-line:rgba(190,205,198,.14);--landing-muted:#9aa6a0;--landing-text:#edf2ee;--landing-accent:#b6e36a;--landing-blue:#83c9c1;--landing-green:#b6e36a}
body.landing-page{background:#0b0e0d;color:#edf2ee}body.landing-page:before{opacity:.55}
.ambient-one,.ambient-two{filter:none;opacity:.035!important}
.brand-mark{background:#b6e36a!important;color:#182014!important;box-shadow:none!important;border-radius:7px!important}
.brand-light{color:#c5d1c9!important}.site-nav a,.footer-links a{color:#a3aea7}.site-nav a:hover,.footer-links a:hover{color:#c5e98d}
.button-primary,.plan .button-primary{background:#b6e36a!important;border-color:#b6e36a!important;color:#182014!important;box-shadow:none!important}.button-primary:hover,.plan .button-primary:hover{background:#c8ef86!important;border-color:#c8ef86!important}
.button-outline,.button-quiet{background:#151a17!important;border-color:#354138!important;color:#d7e0d9!important;box-shadow:none!important}.button-outline:hover,.button-quiet:hover{border-color:#8ba95b!important;background:#b6e36a0a!important}
.eyebrow,.section-kicker,.hero .eyebrow,.gradient-text{color:#c5e98d!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}.eyebrow-dot{background:#b6e36a!important;box-shadow:none!important}
.hero h1{color:#edf2ee}.hero-lead,.feature-card p,.section-heading p,.safety-copy p{color:#a4afa8}
.dashboard-window{background:#101412;border-color:#3b4840;box-shadow:0 22px 50px #0006;filter:none}.mock-stat,.mock-panel,.feature-card,.step-card,.plan,.safety-panel,.auth-card{box-shadow:none!important}
.feature-card,.step-card,.plan,.safety-panel{background:#121715!important;border-color:#303a33!important;border-radius:8px!important}.feature-card:after,.safety-panel:after{display:none}.feature-card:hover,.step-card:hover{border-color:#657b4e!important;transform:translateY(-2px)}
.icon-violet,.feature-icon,.step-icon,.safety-icon,.proof-icon{color:#c5e98d!important;background:#b6e36a12!important;border-color:#354138!important}.icon-blue,.proof-icon.green{color:#83c9c1!important;background:#83c9c112!important}.icon-green{color:#c5e98d!important;background:#b6e36a12!important}
.quest-icon.purple{color:#c5e98d!important;background:#b6e36a12!important}.quest-icon.blue{color:#83c9c1!important;background:#83c9c112!important}.stat-watermark,.mock-logo,.mock-side.active,.mock-stat small i,.mock-bottom i{color:#c5e98d!important}
.mock-side.active{background:#b6e36a12!important}.mock-avatar{background:#b6e36a!important;color:#182014!important}.status-chip,.live-pill,.status-done{color:#c5e98d!important;background:#b6e36a12!important;border-color:#46563c!important}.status-progress{color:#83c9c1!important;background:#83c9c112!important}.status-review{color:#e7bd77!important;background:#e7bd7712!important}
.float-card{background:#171d19!important;border-color:#354138!important;box-shadow:0 10px 24px #0004!important}.float-icon{color:#c5e98d!important;background:#b6e36a12!important}.float-check{color:#83c9c1!important;background:#83c9c112!important}
.workflow-section{background:#0e1210!important}.step-num,.step-foot,.text-link,.pricing-note i,.trust-inner i,.cta-foot i{color:#c5e98d!important}.step-foot{border-color:#303a33!important}.cta-orb{display:none!important}.final-cta{background:#0b0e0d!important}.site-footer{background:#090b0a!important}
.auth-shell .auth-card{background:#121715!important;border-color:#303a33!important}.auth-fields input{background:#0c100e!important;border-color:#303a33!important}.auth-fields input:focus{border-color:#8ba95b!important;box-shadow:0 0 0 3px #b6e36a12!important}.auth-switch a{color:#c5e98d!important}
.landing-page a:focus-visible,.landing-page button:focus-visible{outline-color:#b6e36a!important}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.float-card,.scroll-mouse i{animation:none}}