@font-face{font-family:Nimbus;src:url('/assets/NimbusSans-Regular.otf')}@font-face{font-family:Nimbus;src:url('/assets/NimbusSans-Bold.otf');font-weight:700}
:root{--bg:#fafbf8;--ink:#141611;--muted:#656a61;--line:#dedfd8;--panel:#fff;--soft:#eff0ea;--lime:#d0fb43;--lavender:#ddd1fb;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.5 Nimbus,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #9762ee;outline-offset:5px}svg{height:20px;width:20px;stroke-width:1.7;flex:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1{font-size:clamp(48px,6.1vw,92px);line-height:1.02;letter-spacing:-.058em}h2{font-size:clamp(38px,4.6vw,68px);line-height:1.07;letter-spacing:-.045em}h3{font-size:26px;letter-spacing:-.025em}.wrap{max-width:1256px;margin:auto;padding:0 36px}.skip{position:fixed;left:12px;top:-100px;background:var(--lime);padding:12px;z-index:200}.skip:focus{top:12px}.nav{position:sticky;top:0;z-index:40;border-bottom:1px solid transparent;background:color-mix(in srgb,var(--bg) 87%,transparent);backdrop-filter:blur(20px);transition:border-color .3s}.scrolled .nav{border-color:var(--line)}.nav-inner{max-width:1440px;margin:auto;padding:17px 40px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:8px;font-size:28px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand img{height:48px;width:49px;object-fit:contain;margin:-6px 0 -6px -10px}.nav nav{display:flex;gap:28px;align-items:center;margin:auto;font-size:15px}.nav nav a{position:relative;padding:8px 0}.nav nav a:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav nav a:hover:after,.nav nav a[aria-current]:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:22px;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--lime);color:#161a0b;border:1px solid transparent;padding:17px 24px;border-radius:9px;font-size:16px;font-weight:700;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1112}.btn.compact{padding:11px 17px;gap:20px;font-size:14px}.theme-toggle,.menu-toggle{border:0;background:transparent;color:inherit;display:grid;place-items:center;padding:7px}.menu-toggle{display:none}.hero{text-align:center;padding-top:98px;padding-bottom:50px}.hero h1 span{color:#777d6a}.hero p{margin:28px auto;font-size:21px;line-height:1.45;color:var(--muted)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:30px}.watch-link{display:flex;gap:12px;align-items:center;font-size:16px}.product-stage{position:relative;max-width:1440px;margin:auto;padding:28px 70px 60px;isolation:isolate;perspective:1800px}.stage-glow{position:absolute;z-index:-1;inset:50px 0 55px;border-radius:45% 45% 18px 18px;background:radial-gradient(ellipse at 15% 75%,#d7ff52cc,transparent 60%),radial-gradient(ellipse at 85% 70%,#c0a3f5c0,transparent 65%);filter:blur(36px);opacity:.8;transform:translateY(calc(var(--scroll-y,0)*-.025px))}.product-tabs{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:34px}.product-tabs button{display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:8px;padding:11px 17px;background:transparent;color:var(--muted);font-size:15px}.product-tabs button[aria-selected=true]{background:var(--panel);box-shadow:0 3px 16px #0001;border-color:var(--line);color:var(--ink)}.product-frame{background:#181c18;padding:8px;border-radius:20px;box-shadow:0 40px 80px -25px #17201d4a;transform:rotateX(var(--tilt,7deg));transform-origin:center 75%;will-change:transform}.workspace-demo{display:grid;grid-template-columns:195px 1fr;min-height:490px;border-radius:14px;overflow:hidden;font-size:14px}.workspace-demo aside{background:#111411;color:#eef0e8;padding:23px 16px;display:flex;flex-direction:column;gap:6px}.demo-brand{font-size:24px;font-weight:700;display:flex;align-items:center;gap:3px;margin-bottom:22px}.demo-brand img{width:40px;height:40px;object-fit:contain}.workspace-demo aside>span{display:flex;align-items:center;gap:12px;font-size:13px;padding:10px 11px;border-radius:7px;color:#bdc3b6}.workspace-demo aside b{font-weight:400}.workspace-demo aside .selected{background:#d0fb43;color:#1b210e}.workspace-demo aside svg{width:17px;height:17px}.demo-account{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:25px;font-size:13px}.demo-account>span{display:block}.demo-account small{display:block;color:#a5ad9c;font-size:12px}.demo-main{background:#eef0ed;color:#20271d}.demo-toolbar{padding:17px 23px;display:flex;justify-content:space-between;border-bottom:1px solid #dce0d7;font-size:12px;color:#66705e}.demo-content{padding:24px;min-height:430px}.demo-content h3{font-size:24px;font-weight:700}.demo-content .demo-sub{color:#7a8175;font-size:12px;margin-top:4px}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 14px}.demo-stats>div{background:white;border:1px solid #e1e5dd;border-radius:11px;padding:15px}.demo-stats small{display:block;color:#727c6a;font-size:12px}.demo-stats strong{font-size:27px;display:block;margin-top:4px;font-weight:400}.demo-panels{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.demo-panel{border:1px solid #e0e4dc;border-radius:12px;background:#fff;padding:18px}.demo-panel h4{font-size:14px;margin:0 0 17px;font-weight:400}.demo-chart{width:100%;height:140px;stroke:none}.chart-line{stroke-dasharray:800;stroke-dashoffset:800;animation:draw 1.7s .2s ease forwards}.demo-chart text{font-family:Nimbus;font-size:10px;fill:#889180}.demo-activity{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:12px;border-bottom:1px solid #edf0e9}.demo-activity:last-child{border:0}.demo-activity svg{padding:7px;border-radius:50%;width:33px;height:33px;background:#ebf8ca}.demo-activity small{display:block;color:#839075;font-size:12px}.preview-caption{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font-size:13px;color:var(--muted)}.preview-caption a{display:flex;align-items:center;gap:9px}.preview-caption svg{width:16px}.intro-section{padding-top:100px;padding-bottom:130px;display:grid;grid-template-columns:1.3fr 1fr;column-gap:110px}.section-index{font-size:14px;letter-spacing:.02em;color:var(--muted);display:block;margin-bottom:26px}.intro-section .section-index{grid-column:1/-1}.intro-section p{align-self:end;color:var(--muted);max-width:380px;font-size:21px}.word-reveal .word{transition:color .5s;color:var(--line)}.word-reveal .word.lit{color:var(--ink)}.story{display:grid;grid-template-columns:1.1fr 1fr;gap:110px;align-items:start}.story-visual{position:sticky;top:145px;border-radius:20px;background:#e9eddc;min-height:470px;padding:28px;overflow:hidden;color:#1e2817}.scene-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b775a;letter-spacing:.04em}.scene-label>span:first-child{font-size:16px}.scene-line{height:2px;background:#cfd7bc;margin-top:28px}.scene-line i{display:block;height:100%;width:33.33%;background:#798848;transition:width .8s}.chapter{min-height:580px;display:flex;flex-direction:column;justify-content:center;padding:45px 0}.chapter h2{font-size:51px}.chapter p{color:var(--muted);margin-top:25px;font-size:19px;max-width:420px}.chapter a{margin-top:24px;display:flex;gap:12px;align-items:center;font-size:15px}.scene{animation:scene-in .6s ease both;padding-top:26px;min-height:325px}.scene h3{font-size:26px;margin-bottom:24px}.scene-card{padding:20px;background:#fff;border-radius:12px;border:1px solid #d8decd;box-shadow:0 12px 22px #68704a0a}.scene-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;gap:12px}.scene-row+.scene-row{border-top:1px solid #e9ece3}.scene-row small{color:#7d856f;display:block;font-size:12px}.scene-state{font-size:12px;background:#e8f8cb;padding:5px 8px;border-radius:5px;white-space:nowrap}.scene-state.purple{background:#eee7fb}.flow-track{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:13px}.flow-track span{background:#f9fcf1;border:1px solid #cbd6b4;padding:10px;border-radius:8px;flex:1;text-align:center}.scene-foot{font-size:12px;color:#798665;margin-top:20px;display:flex;gap:10px;align-items:center}.flow-progress{height:5px;background:#e5e9de;border-radius:9px;margin-top:16px;overflow:hidden}.flow-progress i{display:block;background:#b6e642;height:100%;width:70%;animation:progress 2s ease}.message{padding:13px 16px;background:#edf0e6;border-radius:12px 12px 12px 0;max-width:86%;font-size:14px;margin:12px 0}.message.reply{background:#e8f5c8;margin-left:auto;border-radius:12px 12px 0 12px}.everything{background:#191c17;color:#fafbf6;margin-top:75px;padding:100px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:60px}.section-heading p{font-size:19px;color:var(--muted)}.everything .section-heading p{color:#a3ac9b}.feature-line{display:grid;grid-template-columns:55px 1fr 1.1fr 24px;gap:20px;align-items:center;border-top:1px solid #394132;padding:30px 0;transition:padding .25s,color .25s}.feature-line:hover{padding-left:12px;color:#d0fb43}.feature-line p{color:#a3ac9b;font-size:16px}.feature-number{font-size:13px;color:#9da791}.feature-line:last-child{border-bottom:1px solid #394132}.setup{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:130px;padding-bottom:110px}.setup ol{list-style:none;padding:0;margin:0}.setup li{display:flex;gap:30px;padding:25px 0;border-top:1px solid var(--line)}.setup li>span{font-size:16px;color:var(--muted);padding-top:5px}.setup h3{font-size:24px}.setup li p{font-size:17px;color:var(--muted);margin-top:10px}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-top:70px;padding-bottom:140px}.faq h2{font-size:43px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:17px}summary::-webkit-details-marker{display:none}summary span{font-size:24px;line-height:1;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:16px;color:var(--muted);padding-top:16px;line-height:1.65}.closing{background:#d0fb43;position:relative;overflow:hidden;padding:90px 0 190px;color:#161c0e}.closing h2{font-size:clamp(52px,7vw,102px);position:relative;z-index:1}.closing em{font-style:normal;color:#6c8829}.closing .section-index{color:#536a1c}.closing .btn{background:#172010;color:#f4f8ea;margin-top:35px;position:relative;z-index:1}.text-link{display:inline-block;margin-left:30px;font-size:16px;position:relative;z-index:1}.closing-word{position:absolute;right:2%;bottom:-.31em;font-size:clamp(160px,25vw,410px);line-height:1;font-weight:700;letter-spacing:-.07em;color:#b8df35;pointer-events:none;transform:translateY(calc(var(--closing-progress,0)*-20px))}.footer{padding:50px 40px 24px;max-width:1440px;margin:auto}.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:70px}.footer-top p{font-size:15px;color:var(--muted)}.footer-top>div{display:flex;gap:28px;margin-left:auto;font-size:15px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.pricing-hero{text-align:center;padding-top:90px;padding-bottom:55px}.pricing-hero h1 span{color:#778268}.pricing-hero p{font-size:21px;color:var(--muted);margin-top:25px}.billing{display:inline-flex;border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:5px;margin-top:36px}.billing button{font-size:15px;padding:11px 22px;border:0;border-radius:8px;background:transparent;color:var(--muted)}.billing button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:0 2px 5px #0001}.billing button span{font-size:12px;margin-left:8px;color:#5f7a20}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.plan{padding:28px 23px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.plan.growth{background:#d8fb79;color:#1c260a;border-color:#c6e75e}.plan-head{display:flex;justify-content:space-between;align-items:center}.plan h2{font-size:26px;letter-spacing:-.02em}.plan-desc{font-size:15px;color:var(--muted);min-height:50px;margin-top:12px}.growth .plan-desc,.growth .billing-note{color:#617142}.plan-price{display:flex;align-items:baseline;gap:7px;margin-top:24px;white-space:nowrap}.plan-price>span{font-size:43px;letter-spacing:-.05em}.plan-price small{font-size:12px;color:var(--muted)}.billing-note{font-size:12px;color:var(--muted);min-height:38px;margin-top:3px}.plan-cta{background:var(--soft);color:var(--ink);font-size:14px;padding:13px 12px;justify-content:space-between;width:100%;gap:10px}.growth .plan-cta{background:#202819;color:#fff}.plan h3{font-size:14px;margin-top:30px;letter-spacing:0}.plan ul{padding:0;list-style:none;font-size:14px;line-height:1.55;margin:15px 0 0}.plan li{padding:9px 0;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)}.plan li:last-child{border:0}.price-context{font-size:13px;color:var(--muted);margin-top:24px}.comparison{padding-top:125px;padding-bottom:60px}.table-scroll{overflow:auto;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:15px;min-width:720px;text-align:left}th,td{padding:19px 16px;border-top:1px solid var(--line)}th{font-weight:400}thead th{font-size:18px}td{color:var(--muted)}td:nth-child(4),thead th:nth-child(4){background:color-mix(in srgb,var(--lime) 18%,transparent)}.runner-note{display:flex;align-items:center;gap:25px;padding-top:30px;padding-bottom:55px}.runner-note>svg{width:36px;height:36px}.runner-note h3{font-size:22px}.runner-note p{font-size:16px;color:var(--muted);margin-top:8px;max-width:650px}.runner-note a{display:flex;align-items:center;gap:8px;font-size:15px;margin-left:auto;white-space:nowrap}.demo-rule{display:flex;align-items:center;gap:12px;padding:15px;background:white;border-radius:10px;margin-top:12px;border:1px solid #e1e5db}.demo-rule>svg{color:#667949;background:#eff8db;padding:8px;box-sizing:content-box;border-radius:9px}.demo-rule>div{flex:1}.demo-rule small{font-size:12px;color:#748269;display:block}.demo-switch{border:0;background:#bddd73;width:34px;height:19px;border-radius:12px;position:relative}.demo-switch:after{content:'';display:block;width:13px;height:13px;background:white;border-radius:50%;position:absolute;top:3px;right:3px}.demo-rule.paused .demo-switch{background:#c3c9bd}.demo-rule.paused .demo-switch:after{left:3px;right:auto}.chat-preview{display:grid;grid-template-columns:160px 1fr;margin-top:20px;min-height:285px;border:1px solid #dce2d5;border-radius:10px;overflow:hidden;background:white}.chat-list{padding:16px;background:#f6f8f2}.chat-list div{font-size:13px;padding:12px 0;border-bottom:1px solid #e5e9df}.chat-list small{font-size:12px;color:#8b9483;display:block}.chat-body{padding:20px}.chat-body>small{font-size:12px;color:#829074}.chat-input{margin-top:20px;border:1px solid #dce2d3;border-radius:8px;padding:10px 12px;font-size:12px;color:#8a957e;display:flex;align-items:center;justify-content:space-between}
html[data-theme=dark]{--bg:#171b16;--ink:#f2f5e9;--muted:#a8b19f;--line:#374031;--panel:#22291f;--soft:#2c3427;color-scheme:dark}html[data-theme=dark] .hero h1 span,html[data-theme=dark] .pricing-hero h1 span{color:#b2c38e}html[data-theme=dark] .stage-glow{opacity:.32}html[data-theme=dark] .everything{background:#0c100b}html[data-theme=dark] .growth .plan-price small{color:#617142}html[data-theme=dark] .demo-main,html[data-theme=dark] .story-visual{color-scheme:light}
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}.js .plan:nth-child(2){transition-delay:.08s}.js .plan:nth-child(3){transition-delay:.16s}.js .plan:nth-child(4){transition-delay:.24s}@keyframes draw{to{stroke-dashoffset:0}}@keyframes scene-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes progress{from{width:0}}
@media(min-width:1600px){.hero{padding-top:120px}.product-stage{margin-top:10px}}
@media(max-width:1050px){.nav-inner{padding:16px 25px;gap:18px}.nav nav{gap:18px}.nav-actions{gap:14px}.wrap{padding-left:28px;padding-right:28px}.product-stage{padding:20px 28px 50px}.workspace-demo{grid-template-columns:165px 1fr}.intro-section,.story,.setup,.faq{gap:55px}.chapter h2{font-size:43px}.story-visual{padding:22px}.plans{grid-template-columns:repeat(2,1fr)}.plan-desc{min-height:0}.plan-price{margin-top:20px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>div{margin-left:0}.feature-line{grid-template-columns:35px 1fr 1fr 20px}.feature-line h3{font-size:22px}}
@media(max-width:720px){:root{scroll-padding-top:90px}.wrap{padding-left:22px;padding-right:22px}.nav-inner{padding:13px 20px;gap:10px}.brand{font-size:25px}.brand img{width:42px;height:42px}.nav-actions{margin-left:auto;gap:8px}.nav-actions .login{display:none}.btn.compact{font-size:13px;padding:10px 12px;gap:8px}.btn.compact svg{width:16px}.theme-toggle{padding:6px}.menu-toggle{display:grid;order:3}.nav nav{display:none;position:absolute;top:70px;left:12px;right:12px;background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 30px #0002;font-size:18px}.nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.nav nav a{padding:8px}.hero{padding-top:64px;padding-bottom:40px}.hero h1{font-size:clamp(41px,9.8vw,66px);letter-spacing:-.05em}.hero p{font-size:18px;margin:24px auto}.hero p br{display:none}.hero-actions{gap:20px;flex-wrap:wrap}.hero .btn{padding:14px 20px}.watch-link{font-size:14px}.product-stage{padding:5px 15px 35px}.product-tabs{gap:3px;justify-content:space-between;margin-bottom:22px}.product-tabs button{font-size:12px;padding:10px 8px;gap:5px}.product-tabs svg{width:15px;height:15px}.product-frame{border-radius:14px;padding:5px;transform:none!important}.workspace-demo{grid-template-columns:1fr;min-height:390px}.workspace-demo aside{display:none}.demo-toolbar{padding:12px 14px}.demo-content{padding:17px 13px;min-height:350px}.demo-content h3{font-size:23px}.demo-stats{gap:7px;margin-top:17px}.demo-stats>div{padding:12px 9px}.demo-stats small{font-size:11px}.demo-stats strong{font-size:23px}.demo-panels{grid-template-columns:1fr}.demo-panel{padding:13px}.demo-panels>.demo-panel:nth-child(2){display:none}.demo-chart{height:125px}.preview-caption{display:block;text-align:center;margin-top:23px;font-size:12px}.preview-caption a{justify-content:center;margin-top:10px;font-size:14px}.stage-glow{inset:65px 0 60px;filter:blur(15px)}.intro-section{display:block;padding-top:70px;padding-bottom:75px}.intro-section h2{font-size:46px}.intro-section p{font-size:18px;margin-top:28px;max-width:none}.section-index{font-size:13px;margin-bottom:22px}.story{display:flex;flex-direction:column;gap:0}.story-visual{display:none}.story-chapters{width:100%}.chapter{min-height:0;padding:35px 0 65px}.chapter h2{font-size:43px}.chapter p{font-size:18px}.mobile-scene{background:#e9eddc;border-radius:16px;padding:22px;margin-top:30px;color:#1e2817;color-scheme:light}.mobile-scene .scene{padding-top:0;min-height:0}.mobile-scene .scene h3{font-size:23px}.scene-card{padding:16px}.scene-row{font-size:13px}.flow-track{gap:7px}.flow-track span{padding:9px 7px}.everything{margin-top:0;padding:70px 0}.section-heading{display:block;margin-bottom:36px}.section-heading h2{font-size:43px}.section-heading p{font-size:17px;margin-top:23px}.feature-line{grid-template-columns:22px 1fr 20px;gap:14px;padding:23px 0}.feature-line h3{font-size:24px}.feature-line p{grid-column:2;grid-row:2;font-size:15px}.feature-line>svg{grid-column:3;grid-row:1}.setup{display:block;padding-top:80px;padding-bottom:40px}.setup ol{margin-top:38px}.setup h2{font-size:46px}.setup li{gap:20px}.faq{display:block;padding-top:65px;padding-bottom:85px}.faq>div:first-child{margin-bottom:35px}.faq h2{font-size:38px}.closing{padding:65px 0 120px}.closing h2{font-size:56px}.closing .btn{font-size:14px;padding:15px 16px;gap:12px}.text-link{margin-left:17px;font-size:14px}.closing-word{font-size:170px}.footer{padding:36px 22px 25px}.footer-top{display:block;padding-bottom:35px}.footer-top p{margin:15px 0 26px}.footer-top>div{gap:25px;flex-wrap:wrap}.footer-bottom{display:flex;flex-wrap:wrap;font-size:12px;gap:17px}.footer-bottom>span:nth-child(2){order:3;width:100%}.pricing-hero{padding-top:55px;padding-bottom:36px}.pricing-hero h1{font-size:59px}.pricing-hero p{font-size:19px}.plans{grid-template-columns:1fr;gap:16px}.plan{padding:28px}.plan-price>span{font-size:48px}.plan ul{font-size:16px}.plan-desc{font-size:16px}.plan-cta{font-size:16px}.comparison{padding-top:80px}.runner-note{flex-wrap:wrap;align-items:start}.runner-note>div{flex:1;min-width:230px}.runner-note a{margin-left:60px}.chat-preview{grid-template-columns:1fr}.chat-list{display:none}.chat-body{padding:14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.product-frame,.stage-glow,.closing-word{transform:none!important}.word-reveal .word{color:var(--ink)}.chart-line{stroke-dashoffset:0}}
@media(min-width:721px){.mobile-scene{display:none}}
@media(max-width:360px){.nav-inner{padding:12px;gap:4px}.nav-inner .brand{font-size:22px;gap:3px}.nav-inner .brand img{width:34px;height:34px}.nav-actions{gap:0}.btn.compact{padding:9px 10px;gap:5px}.product-tabs{overflow-x:auto;justify-content:flex-start}.product-tabs button{white-space:nowrap;flex:none}.hero-actions{gap:18px}.text-link{margin-left:0;margin-top:20px;display:block}.plan-price>span{font-size:44px}}


.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.btn.btn-discord,.btn.btn-chrome{gap:12px;padding:15px 22px;border-radius:10px;font-size:16px;font-weight:700;border:1px solid transparent;transform:none;box-shadow:none}
.btn.btn-discord:hover,.btn.btn-chrome:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0002}
.btn.btn-discord{background:#5865F2;color:#fff;border-color:#4752c4}
.btn.btn-discord:hover{background:#4752c4}
.btn.btn-chrome{background:#fff;color:#1f1f1f;border-color:#dadce0;box-shadow:0 1px 2px #00000014,0 1px 3px #0000000a}
.btn.btn-chrome:hover{background:#f8f9fa;border-color:#c6c9ce;box-shadow:0 2px 6px #0000001a}
.btn .brand-logo{width:22px;height:22px;flex:none}
.btn.btn-discord .brand-logo{width:22px;height:22px}
.chrome-logo{overflow:visible}
html[data-theme=dark] .btn.btn-chrome{background:#22291f;color:#f2f5e9;border-color:#374031}
html[data-theme=dark] .btn.btn-chrome:hover{background:#2c3427}
@media(max-width:720px){.btn.btn-discord,.btn.btn-chrome{width:100%;max-width:320px;justify-content:center;padding:14px 18px;font-size:15px}}

/* Dashboard-faithful automation preview */
.demo-auto-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 12px}
.demo-auto-stats>div{background:#fff;border:1px solid #e1e5db;border-radius:12px;padding:12px 14px}
.demo-auto-stats small{display:block;color:#727c6a;font-size:11px}
.demo-auto-stats strong{display:block;font-size:22px;font-weight:400;margin:2px 0}
.demo-auto-stats span{font-size:11px;color:#8a9180}
.demo-auto-banner{display:flex;gap:12px;align-items:flex-start;background:#f4f7ec;border:1px solid #e1e5db;border-radius:14px;padding:12px 14px;margin-bottom:12px;font-size:12px}
.demo-auto-banner b{display:block;font-weight:600;margin-bottom:2px}
.demo-auto-banner p{margin:0;color:#6d7664;font-size:12px}
.demo-auto-banner svg{color:#667949;flex:none;margin-top:2px}
.demo-auto-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.demo-auto-card{background:#fff;border:1px solid #e1e5db;border-radius:16px;padding:14px}
.demo-auto-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.demo-auto-head h4{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em}
.demo-auto-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none}
.demo-auto-icon svg{width:16px;height:16px}
.demo-auto-icon.lime{background:#edffae;color:#3d4d16}
.demo-auto-icon.purple{background:#ebe4ff;color:#5b3d9c}
.demo-auto-badge{margin-left:auto;font-size:10px;padding:3px 7px;border-radius:999px;font-weight:600}
.demo-auto-badge.live{background:#edffae;color:#3d4d16}
.demo-auto-badge.paused{background:#ececf2;color:#6a6d7c}
.demo-auto-card p{margin:0;font-size:12px;color:#5f6758;min-height:36px;line-height:1.35}
.demo-auto-meta{display:flex;gap:12px;font-size:10px;color:#777b8e;margin:10px 0}
.demo-auto-actions{display:flex;gap:8px}
.demo-auto-btn{flex:1;border:0;border-radius:10px;padding:7px 8px;font:inherit;font-size:12px;font-weight:600;background:#ececf2;color:#141611;cursor:pointer}
.demo-auto-btn.lime{background:#d9f56a}
.demo-auto-btn.outline{background:transparent;border:1px solid #d5d8cf}
.trial-note{margin:10px 0 0;font-size:12px;color:var(--muted);line-height:1.4}
.plan .btn.plan-cta,button.btn.plan-cta{width:100%;justify-content:center;border:0}
html[data-theme=dark] .demo-auto-stats>div,html[data-theme=dark] .demo-auto-card{background:var(--panel);border-color:var(--line)}
html[data-theme=dark] .demo-auto-banner{background:var(--soft);border-color:var(--line)}
html[data-theme=dark] .demo-auto-card p{color:var(--muted)}
/* Product preview stays light-scheme — keep auto cards readable when page theme is dark */
html[data-theme=dark] .demo-main .demo-auto-stats>div,
html[data-theme=dark] .demo-main .demo-auto-card{background:#fff;border-color:#e1e5db;color:#20271d}
html[data-theme=dark] .demo-main .demo-auto-stats small{color:#727c6a}
html[data-theme=dark] .demo-main .demo-auto-stats strong,
html[data-theme=dark] .demo-main .demo-auto-head h4{color:#20271d}
html[data-theme=dark] .demo-main .demo-auto-stats span,
html[data-theme=dark] .demo-main .demo-auto-meta{color:#777b8e}
html[data-theme=dark] .demo-main .demo-auto-banner{background:#f4f7ec;border-color:#e1e5db;color:#20271d}
html[data-theme=dark] .demo-main .demo-auto-banner b{color:#20271d}
html[data-theme=dark] .demo-main .demo-auto-banner p{color:#6d7664}
html[data-theme=dark] .demo-main .demo-auto-card p{color:#5f6758}
html[data-theme=dark] .demo-main .demo-auto-btn{background:#ececf2;color:#141611}
html[data-theme=dark] .demo-main .demo-auto-btn.lime{background:#d9f56a;color:#141611}
html[data-theme=dark] .demo-main .demo-auto-btn.outline{background:transparent;border-color:#d5d8cf;color:#141611}
@media(max-width:720px){.demo-auto-grid{grid-template-columns:1fr}.demo-auto-stats{grid-template-columns:1fr}}