:root{--bg:#090a0d;--bg2:#0e1015;--panel:#16181e;--panel2:#1b1d24;--border:#303038;--border-soft:#272931;--text:#f8f7f2;--muted:#9d9ca5;--subtle:#737680;--gold:#e7b34c;--gold-light:#ffdc8c;--gold2:#c68e2c;--green:#82d6ae;--red:#f0838a;--radius:20px;--shadow:0 24px 90px #0006;color-scheme:dark;font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:linear-gradient(180deg,#090a0d 0%,#0a0b0f 48%,#0b0d12 100%);color:var(--text);font-size:14px;line-height:1.6;min-width:320px;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;isolation:isolate}body.modal-open{overflow:hidden} .site-header,.hero,.strip,.section,.footer,.app-shell,.app-sidebar,.app-content,.app-topbar,.app-footer{position:relative;z-index:1} a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}svg{flex-shrink:0}::selection{background:#e2ad48;color:#090909}.container{width:min(1240px,calc(100% - 72px));margin-inline:auto}.muted{color:var(--muted)}.positive{color:var(--green)!important}.gradient-text{background:linear-gradient(116deg,#fff0ae 0%,#dfac45 50%,#ffe7a7 92%);-webkit-background-clip:text;background-clip:text;color:transparent}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.12}h1,h2,h3,strong,b{letter-spacing:-.03em}a,button{transition:background .22s,color .22s,border-color .22s,transform .22s,opacity .22s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}button:active{transform:translateY(1px)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;border-radius:12px;padding:13px 19px;font-size:13px;font-weight:800;letter-spacing:-.015em;line-height:1.3;white-space:nowrap;min-height:45px}.btn svg{transition:transform .2s}.btn:hover svg:last-child{transform:translate(2px,-1px)}.btn-gold{background:linear-gradient(135deg,#f8ce73,#d6a338);color:#1a140a;box-shadow:0 6px 24px #e3ae3d1b}.btn-gold:hover{background:linear-gradient(135deg,#ffe19b,#eaba52);box-shadow:0 12px 26px #e3ae3d2d}.btn-outline{background:#23242a;border-color:#45444a;color:#fff}.btn-outline:hover{background:#303038;border-color:#9b7a40}.btn-dark{background:#111113;color:#ffdf93;border-color:#111113}.btn-dark:hover{background:#26201a}.btn-danger{background:#7d3139;color:#fff}.btn-danger:hover{background:#983943}.btn-danger-soft{background:#481e255c;border-color:#9d4d53;color:#f1a2a7}.btn-danger-soft:hover{background:#662a34}.btn-disabled{background:#31362e;color:#91b99f}.btn-large{min-height:58px;padding:17px 24px;font-size:14px;border-radius:14px}.btn-small{min-height:38px;padding:10px 15px;border-radius:10px;font-size:12px}.btn-block{width:100%}.btn-dashed{background:transparent;border:1px dashed #524c42;color:#f0c875}.btn-dashed:hover{background:#d7a74812}.text-link{color:var(--gold-light);font-size:13px;font-weight:800;display:inline-flex;gap:9px;align-items:center}.text-link:hover{color:#fff}.small-link{font-size:11px}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:800;color:var(--gold);line-height:1.7}.pill{border:1px solid #81662d;background:#6e531e24;color:#ecc06a;border-radius:50px;font-size:9px;font-weight:800;letter-spacing:.065em;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;white-space:nowrap;line-height:1.2}.pill .tiny-dot{background:currentColor;width:5px;height:5px;border-radius:50%;box-shadow:0 0 8px currentColor}.pill-green{border-color:#37624e;background:#193b302c;color:#8bdcb1}.status-neutral{color:#eec476;background:#94703728;border:1px solid #705b3580;border-radius:8px;padding:5px 9px;white-space:nowrap;font-weight:700;font-size:11px} /* Main navigation */ .site-header{position:sticky;top:0;z-index:30;background:#090a0cf2;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(20px)}.nav-inner{height:84px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:21px;font-weight:900;letter-spacing:-.085em;white-space:nowrap;line-height:1}.brand-icon{color:var(--gold);display:grid;place-items:center} .brand-icon.brand-icon-mascot{width:36px;height:36px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(239,188,85,.12),0 8px 18px rgba(0,0,0,.22);background:radial-gradient(circle at 50% 40%,rgba(239,188,85,.10),rgba(17,18,23,.9) 74%);display:grid;place-items:center;flex-shrink:0} .brand-icon.brand-icon-mascot svg{width:34px;height:34px;display:block;filter:drop-shadow(0 0 10px rgba(239,188,85,.06))} .brand:hover .brand-icon.brand-icon-mascot{box-shadow:0 0 0 1px rgba(239,188,85,.24),0 10px 24px rgba(239,188,85,.14)} .brand-gold{color:var(--gold)}.main-nav{display:flex;align-items:center;gap:31px;margin-left:auto}.main-nav a{font-size:12px;font-weight:700;color:#aaaab0}.main-nav a:hover{color:var(--gold-light)}.nav-actions{display:flex;align-items:center;gap:14px}.nav-account{display:flex;align-items:center;gap:8px;color:#e6e3dc;font-size:12px;font-weight:700;white-space:nowrap}.nav-account:hover{color:var(--gold)}.nav-account svg{color:var(--gold)}.mobile-toggle{border:0;background:transparent;color:#fff;display:none;padding:8px} /* Landing */ .hero{position:relative;overflow:hidden;background:#060708;min-height:745px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 40% 65% at 77% 44%,#b77b1921,transparent 75%),linear-gradient(90deg,#090a0d 0%,transparent 75%);pointer-events:none}.hero-grid-glow{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(#e9c46c08 1px,transparent 1px),linear-gradient(90deg,#e9c46c08 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(to bottom,transparent 0%,#000 40%,transparent 95%)}.hero-inner{position:relative;display:grid;grid-template-columns:1.03fr .97fr;min-height:690px;align-items:center}.hero-copy{position:relative;z-index:4;padding:46px 0 50px}.hero .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px;letter-spacing:.19em}.eyebrow-line{width:22px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(54px,5.6vw,90px);line-height:1.07;font-weight:900;letter-spacing:-.085em;margin:0 0 27px;white-space:nowrap}.hero h1 em{font-style:normal;background:linear-gradient(105deg,#ffe39b,#c9932e 72%,#ffe4a6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:485px;color:#b7b4bb;font-size:15px;line-height:1.95;margin-bottom:32px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:15px;align-items:center;margin-top:49px;color:#94949d;font-size:11px;line-height:1.8}.hero-proof strong{font-size:12px;color:#ddd9d0}.proof-icons{display:flex;padding-left:6px}.proof-icons span{height:43px;width:43px;border-radius:50%;border:2px solid #08090d;background:#242428;color:#e7b34c;display:grid;place-items:center;margin-left:-7px}.hero-visual{height:100%;position:relative;min-height:640px;isolation:isolate}.hero-glow{position:absolute;width:700px;height:680px;top:1%;left:0;background:radial-gradient(circle,#eead291f 0%,#81560c15 35%,transparent 72%);z-index:-2}.hero-orbit{position:absolute;border:1px solid #b7882f37;border-radius:50%;transform:rotate(-23deg);width:590px;height:590px;left:-10%;top:4%;z-index:-1}.hero-orbit-2{width:430px;height:430px;left:5%;top:17%;border-color:#a3792522}.hero-mascot{position:absolute;height:715px;max-width:none;width:auto;right:-28px;bottom:-7px;object-fit:contain;filter:drop-shadow(0 0 35px #efb83c1f);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%)}.floating-label{position:absolute;z-index:3;display:flex;gap:8px;align-items:center;white-space:nowrap;padding:12px 16px;border:1px solid #7d652c75;border-radius:12px;background:#161618cc;box-shadow:0 8px 35px #0009;color:#f2d899;font-size:10px;font-weight:800;letter-spacing:.06em;backdrop-filter:blur(10px)}.floating-label-one{top:22%;right:-15px}.floating-label-two{bottom:23%;left:9px}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 0 25px;font-size:9px;letter-spacing:.22em;color:#6c6d71;font-weight:800}.hero-bottom b{color:var(--gold)}.hero-bottom span:last-child{display:flex;gap:10px;align-items:center}.strip{border-top:1px solid #3a332a7d;border-bottom:1px solid #3a332a7d;background:#121215}.strip-inner{display:grid;grid-template-columns:repeat(4,1fr);min-height:87px;align-items:center;gap:18px}.strip-inner span{display:flex;align-items:center;justify-content:center;gap:14px;color:#bdb7af;font-size:10px;white-space:nowrap;letter-spacing:.09em;font-weight:900}.strip-inner svg{color:var(--gold)}.section{padding:115px 0}.section-head{margin-bottom:49px}.section-head h2,.product-copy h2,.faq-grid h2{font-size:clamp(36px,4.3vw,62px);font-weight:900;letter-spacing:-.076em;line-height:1.13;margin:12px 0 0}.section-head.split{display:flex;align-items:end;justify-content:space-between;gap:50px}.section-lead{color:#a1a0a8;line-height:1.9;font-size:14px;max-width:400px}.section-head.split .section-lead{margin:0 0 3px}.section-head.centered{text-align:center}.section-head.centered .section-lead{margin:16px auto 0;max-width:570px}.section-features{background:linear-gradient(180deg,#0d0e12,#101116)}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.feature-card{background:#181a20;border:1px solid #302f34;border-radius:22px;padding:25px;min-height:480px;display:flex;flex-direction:column;overflow:hidden;position:relative}.feature-card:before{content:'';position:absolute;width:260px;height:260px;top:35px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,#d7a64113,transparent 70%);pointer-events:none}.feature-card:hover{border-color:#b58a4580;transform:translateY(-3px)}.feature-top{display:flex;align-items:center;justify-content:space-between;color:var(--gold)}.feature-top span{color:#77777d;font-size:9px;font-weight:800;letter-spacing:.1em}.feature-card h3{font-size:20px;font-weight:850;margin:20px 0 12px}.feature-card p{color:var(--muted);font-size:12px;line-height:1.95;margin:0;max-width:340px}.mini-ui{border:1px solid #4d4032;border-radius:14px;background:#141414;box-shadow:0 20px 55px #0006;margin:26px 0 5px;transform:rotate(-3deg);overflow:hidden}.mini-ui-top{height:35px;border-bottom:1px solid #3f3730;background:#202023;display:flex;align-items:center;gap:9px;padding:0 12px;color:#a3a0a3;font-size:9px;font-weight:700}.mini-ui-top>svg{margin-left:auto;color:var(--gold)}.mini-ui-circle{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 14px var(--gold)}.mini-ui-body{padding:18px;display:flex;flex-direction:column;gap:4px;color:#aaa;font-size:11px}.mini-ui-icon{color:var(--gold);margin-bottom:6px}.mini-ui-body strong{font-size:28px;color:#fff}.mini-ui-body strong small{font-size:10px;color:var(--gold);letter-spacing:.3em}.mini-ui-meter{height:5px;background:#38332e;border-radius:9px;margin:11px 0}.mini-ui-meter span{display:block;width:65%;height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold-light));border-radius:9px}.mini-ui-line{display:flex;align-items:center;justify-content:space-between;gap:5px}.feature-illustration{height:250px;display:grid;place-items:center;position:relative;color:#e5b452}.monitor-outline{position:relative;width:178px;height:154px;display:grid;place-items:center;filter:drop-shadow(0 0 29px #e8ad493e)}.monitor-outline>svg{width:145px;height:145px;stroke-width:.85}.monitor-outline>span{position:absolute;bottom:38px;right:13px;background:#332a1e;border:1px solid #a7803e;border-radius:50%;padding:11px;display:grid;place-items:center}.cycle-circle{height:164px;width:164px;border-radius:50%;border:1px solid #94713e78;display:grid;place-items:center;box-shadow:0 0 0 20px #a8752313,0 0 0 43px #a8752309,inset 0 0 35px #a8752324}.cycle-circle svg{filter:drop-shadow(0 0 14px #d09b488c)}.cycle-spark{position:absolute;background:var(--gold);height:8px;width:8px;border-radius:50%;box-shadow:0 0 16px var(--gold)}.spark-a{left:19%;top:35%}.spark-b{right:19%;bottom:21%} /* Showcase */ .product-section{background:#0c0d11;overflow:hidden}.product-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}.product-copy>p{font-size:14px;color:var(--muted);line-height:2;max-width:470px;margin:25px 0}.product-checks{display:grid;gap:19px;margin:31px 0 36px}.product-checks div{font-size:13px;font-weight:750;display:flex;gap:13px;align-items:center}.product-checks svg{color:var(--gold);background:#e2ac4220;border-radius:50%;padding:3px;box-sizing:content-box}.showcase-frame{position:relative;border:1px solid #45403a;background:#1a1b20;border-radius:20px;overflow:visible;box-shadow:0 30px 100px #0008;transform:rotate(1.2deg)}.showcase-title{height:52px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #353439;padding:0 22px;color:#939099;font-size:10px;letter-spacing:.12em;font-weight:800}.showcase-title>svg{margin-left:auto;color:var(--gold)}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;background:#635d57;border-radius:50%}.window-dots i:first-child{background:#ca786f}.window-dots i:nth-child(2){background:#d8ad55}.showcase-inside{padding:17px}.showcase-info{background:radial-gradient(circle at 86% 60%,#6e4d1b55,#202127 58%);border:1px solid #383336;border-radius:15px;height:193px;display:flex;position:relative;overflow:hidden;align-items:center;padding:27px}.showcase-info>div{position:relative;z-index:1}.showcase-info small{font-size:10px;color:#aaabb0}.showcase-info h3{font-size:22px;margin:14px 0 4px}.showcase-info h3 span{color:var(--gold)}.showcase-info p{color:#a3a0a0;font-size:11px}.showcase-info img{width:220px;height:220px;object-fit:cover;position:absolute;right:0;top:0;mask-image:radial-gradient(circle,#000 30%,transparent 72%);opacity:.9}.showcase-row{display:flex;justify-content:space-between;border:1px solid #34343c;border-radius:14px;margin-top:14px;padding:22px;gap:20px;background:#202127}.showcase-row>div:first-child{display:grid;gap:3px}.showcase-row small,.showcase-device small{color:#96969f;font-size:10px}.showcase-row strong{font-size:29px}.showcase-row .muted{font-size:12px}.showcase-status{display:flex;align-items:end;justify-content:space-between;flex-direction:column}.showcase-bars{display:flex;align-items:end;gap:5px;height:36px}.showcase-bars b{display:block;background:linear-gradient(#ffd88b,#9e702c);width:8px;border-radius:3px}.showcase-bars b:nth-child(1){height:13px}.showcase-bars b:nth-child(2){height:26px}.showcase-bars b:nth-child(3){height:19px}.showcase-bars b:nth-child(4){height:35px}.showcase-bars b:nth-child(5){height:27px}.showcase-device{display:flex;align-items:center;gap:13px;border:1px solid #34343c;border-radius:14px;margin-top:14px;padding:18px;background:#202127}.showcase-device>svg:first-child{color:var(--gold)}.showcase-device>svg:last-child{color:var(--green);margin-left:auto}.showcase-device>div{display:grid;gap:2px}.showcase-device strong{font-size:12px}.showcase-shadow{position:absolute;width:72%;height:60px;bottom:-55px;left:14%;background:#b07b2633;filter:blur(48px);z-index:-1} /* Pricing */ .pricing-section{background:linear-gradient(180deg,#121318,#090a0d)}.demo-note{color:#807d77;font-size:11px;margin:18px 0 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.price-card{position:relative;border:1px solid #35343b;background:#1a1b20;border-radius:22px;padding:34px;min-height:445px;display:flex;flex-direction:column}.price-card:hover{border-color:#b58c4780}.price-popular{border-color:#d9a744;box-shadow:0 0 0 1px #b28d42,0 0 70px #dfae2920;background:linear-gradient(145deg,#292418,#1c1c22 65%)}.popular-label{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:#e3b34e;color:#17130b;border-radius:99px;padding:7px 19px;font-size:9px;font-weight:900;letter-spacing:.1em;white-space:nowrap}.price-symbol{width:60px;height:60px;background:#e5af4520;border:1px solid #e5af4540;color:var(--gold);display:grid;place-items:center;border-radius:17px;margin-bottom:25px}.price-card h3{font-size:25px;margin:0 0 10px}.price-card>p{color:var(--muted);font-size:12px;margin-bottom:24px}.price-amount{font-size:31px;font-weight:900;letter-spacing:-.05em;white-space:nowrap}.price-amount small{font-size:11px;font-weight:650;color:var(--muted);letter-spacing:0}.price-divider{border-top:1px solid #39363b;margin:23px 0}.price-card ul,.plan-select-card ul{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:15px}.price-card li,.plan-select-card li{display:flex;gap:10px;align-items:start;font-size:12px;color:#dddbe0}.price-card li svg,.plan-select-card li svg{color:var(--gold)}.price-card .btn{margin-top:auto} .steps-section{border-top:1px solid #242229;background:#0c0d10}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;position:relative}.steps-grid>div{border-top:1px solid #48403b;padding-top:23px;position:relative}.steps-grid>div>span{font-size:12px;color:var(--gold);letter-spacing:.15em;font-weight:800}.step-icon{width:85px;height:85px;border:1px solid #5b492b;color:var(--gold);background:radial-gradient(circle,#72512244,transparent);border-radius:50%;display:grid;place-items:center;margin:30px 0 24px}.steps-grid h3{font-size:22px;margin-bottom:9px}.steps-grid p{font-size:12px;color:var(--muted);max-width:260px}.faq-section{background:#111216}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-grid .section-lead{margin:25px 0}.faq-list details{border-bottom:1px solid #36343a;padding:22px 0}.faq-list details:first-child{border-top:1px solid #36343a}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:800;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:var(--gold);transition:transform .25s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.9;color:var(--muted);margin:13px 0 0;max-width:550px}.last-cta{background:#0a0a0d;padding:80px 0 110px}.cta-surface{height:350px;overflow:hidden;border-radius:24px;position:relative;background:radial-gradient(circle at 25% 30%,#ffe29c,#c49031 48%,#a27425 95%);display:grid;grid-template-columns:42% 58%;border:1px solid #f9ce76}.cta-surface:before{content:'';position:absolute;width:550px;height:550px;border:1px solid #fff7;transform:rotate(26deg);border-radius:50%;left:-80px;top:-90px}.cta-halo{position:absolute;left:-10%;top:-30%;height:600px;width:600px;background:radial-gradient(circle,#fff6d26b,transparent 70%)}.cta-robot{position:relative;overflow:hidden}.cta-robot img{width:440px;max-width:none;position:absolute;left:-20px;top:-40px;border-radius:50%;mask-image:radial-gradient(ellipse at 50% 47%,#000 33%,transparent 71%)}.cta-copy{position:relative;align-self:center;z-index:1;padding:25px 40px 25px 0;color:#201609}.cta-copy .eyebrow{color:#563508}.cta-copy h2{font-size:clamp(32px,3.6vw,50px);font-weight:900;letter-spacing:-.075em;margin:12px 0 15px}.cta-copy h2 span{color:#fff4db}.cta-copy p{font-size:13px;color:#473511;margin-bottom:25px}.footer{background:#0d0e11;border-top:1px solid #27272b}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;padding:48px 0}.footer-top p{font-size:12px;color:#919099;max-width:280px;margin:0 auto}.footer-links{display:flex;gap:17px;justify-content:flex-end;flex-wrap:wrap;font-size:11px;color:#aaa8ac;font-weight:650}.footer-links a:hover{color:var(--gold)}.footer-bottom{padding:21px 0;border-top:1px solid #27272b;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#77777e;font-size:10px} /* Application framework */ .mode-app{background:#0d0f14}.app-mode{min-height:100vh;display:flex}.app-sidebar{position:sticky;top:0;height:100vh;width:266px;flex-shrink:0;border-right:1px solid #2a2d35;background:#14161c;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#46404a transparent}.sidebar-logo{padding:34px 28px 31px;border-bottom:1px solid #282a31}.sidebar-logo .brand{font-size:22px}.sidebar-badge{margin:12px 0 0 38px;font-size:9px;letter-spacing:.22em;color:#8c7a5c;font-weight:800}.sidebar-user{display:flex;align-items:center;gap:12px;margin:24px 16px 28px;padding:12px;background:#1c1f26;border:1px solid #333238;border-radius:13px}.sidebar-user>svg{margin-left:auto;color:#6e707a}.user-avatar,.avatar-round{width:35px;height:35px;border-radius:11px;background:#e3b34c24;color:var(--gold);display:grid;place-items:center;flex-shrink:0}.sidebar-user strong{display:block;font-size:11px;font-weight:800;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{display:block;color:#8f909a;font-size:9px;white-space:nowrap}.sidebar-label{color:#767880;font-size:9px;font-weight:800;letter-spacing:.16em;padding:0 28px 13px}.sidebar-links{display:grid;gap:3px;padding:0 13px}.sidebar-links a{min-height:46px;border-radius:11px;display:flex;align-items:center;gap:13px;padding:10px 14px;color:#a8a9b0;font-size:11px;font-weight:700}.sidebar-links a:hover{background:#27252b;color:#eac677}.sidebar-links a.active{background:linear-gradient(90deg,#6d51262e,#49371a1c);color:#f5c866;border:1px solid #674e2c}.sidebar-links a.active svg{color:var(--gold)}.sidebar-active-dot{background:var(--gold);width:5px;height:5px;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:25px 16px 22px}.support-card{border:1px solid #71552b6b;background:linear-gradient(155deg,#352b1b70,#212127);padding:18px;border-radius:14px}.support-card>span{color:var(--gold);display:inline-block;margin-bottom:10px}.support-card strong{display:block;font-size:12px}.support-card p{color:#a3a0a0;font-size:10px;line-height:1.7;margin:8px 0 13px}.support-card>a{display:inline-flex;align-items:center;gap:6px;color:var(--gold-light);font-weight:800;font-size:10px}.sidebar-back{display:flex;align-items:center;gap:10px;color:#8b8b94;font-size:11px;font-weight:750;margin:22px 12px 0}.sidebar-back svg{transform:rotate(180deg)}.sidebar-back:hover{color:#fff}.app-main{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}.app-topbar{min-height:75px;border-bottom:1px solid #282b32;background:#12141ab8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,3.1vw,55px)}.breadcrumb{font-size:10px;letter-spacing:.065em;color:#8e8f98;font-weight:700;text-transform:uppercase}.breadcrumb span{color:#555861;margin:0 8px}.breadcrumb b{color:#e9bc62}.topbar-right{display:flex;align-items:center;gap:14px}.topbar-right .avatar-round{border:1px solid #70603d;border-radius:50%;width:34px;height:34px}.app-content{width:min(1470px,100%);padding:34px clamp(22px,3.1vw,55px) 62px;margin:0 auto;flex:1}.app-footer{padding:15px clamp(22px,3.1vw,55px);border-top:1px solid #24272d;display:flex;justify-content:space-between;gap:20px;color:#6d7079;font-size:10px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-head .eyebrow{font-size:10px}.page-head h1{font-size:clamp(24px,2.5vw,36px);font-weight:900;letter-spacing:-.055em;margin:5px 0 9px}.page-head p{color:#989ba6;font-size:12px;margin:0;max-width:650px}.page-actions{display:flex;align-items:center;gap:12px}.dashboard-card{border:1px solid #31343c;background:#1a1d24;border-radius:17px;padding:23px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.card-heading h3{font-size:15px;font-weight:850;letter-spacing:-.03em;margin:0}.card-heading>svg{color:var(--gold)}.card-heading p{font-size:11px;color:#8d9199;margin:7px 0 0}.stat-grid{display:grid;gap:15px;margin:21px 0}.stat-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border:1px solid #30333c;background:#1b1e25;border-radius:16px;padding:23px;display:flex;align-items:flex-start;flex-direction:column;min-width:0}.stat-icon{background:#b78a3e21;color:var(--gold);border-radius:10px;padding:10px;margin-bottom:17px;display:grid;place-items:center}.stat-card>small,.stat-card>span{color:#989aa5;font-size:11px}.stat-card>strong{font-size:28px;font-weight:900;line-height:1.35;margin:8px 0 5px;letter-spacing:-.055em}.stat-card strong em{font-size:15px;color:#868892;font-style:normal}.stat-card span svg{vertical-align:middle}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;color:#9499a1;font-size:11px}.stat-top svg{color:#c6a156}.stat-caption{margin-top:7px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.welcome-banner{height:210px;border:1px solid #806032;border-radius:17px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 86% 50%,#b989314a,#28241e 60%,#242026);display:flex;align-items:center;padding:32px}.welcome-banner>div{z-index:1;position:relative}.welcome-label{font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--gold)}.welcome-banner h2{font-size:31px;font-weight:900;margin:9px 0}.welcome-banner h2 span{color:#f5c86c}.welcome-banner p{font-size:11px;color:#aeb0ba;margin:0 0 17px}.welcome-banner img{height:350px;width:350px;object-fit:contain;position:absolute;right:3%;top:-85px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%)}.plan-details{display:flex;align-items:center;gap:15px;margin:27px 0}.plan-icon{height:67px;width:67px;border:1px solid #a17736;background:#b17c2820;border-radius:16px;display:grid;place-items:center;color:var(--gold)}.plan-details small{color:#969aa2;font-size:11px}.plan-details h2{font-size:28px;line-height:1.3;margin:2px 0}.plan-details p{font-size:11px;color:#7f818a;margin:0}.detail-line{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;padding:12px 0;border-bottom:1px solid #30323a}.detail-line>span{color:#9496a0}.detail-line strong{font-weight:800}.subscription-progress{margin:22px 0}.subscription-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;color:#999ba4;font-size:10px}.subscription-progress b{color:#edc87c}.progress-bar{height:7px;border-radius:10px;background:#35353a;margin-top:10px;overflow:hidden}.progress-bar span{display:block;height:100%;width:40%;background:linear-gradient(90deg,#9e702d,#f4ca69);border-radius:10px}.card-actions{display:flex;gap:9px;flex-wrap:wrap}.device-row{display:flex;align-items:center;gap:12px;border:1px solid #35353c;border-radius:12px;padding:13px;margin-bottom:12px;background:#1f2229}.device-icon{background:#b47d2922;color:var(--gold);display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border-radius:10px}.device-meta{min-width:0;flex:1}.device-meta strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-meta small{color:#848791;display:block;font-size:9px;overflow-wrap:anywhere}.recent-card{margin-top:16px}.activity-list{display:grid;gap:5px}.activity-row{display:flex;align-items:center;gap:14px;padding:13px 1px;border-top:1px solid #2d3037}.activity-row strong{font-size:11px;font-weight:650;flex:1}.activity-row small{font-size:10px;color:#81838f}.activity-dot{height:9px;width:9px;border:2px solid var(--gold);border-radius:50%;box-shadow:0 0 10px #e9b34d3d}.wave{color:var(--gold)} /* Account details */ .subscription-hero{display:flex;justify-content:space-between;align-items:center;background:radial-gradient(ellipse at 88% 45%,#8159233f,#1b1d24 65%);border-color:#695435}.subscription-hero h2{font-size:35px;margin:12px 0}.subscription-hero h2>span{vertical-align:middle;display:inline-block}.subscription-hero p{font-size:12px;color:#aaabb2}.subscription-orbit{color:var(--gold);margin-right:55px;filter:drop-shadow(0 0 35px #ebae43a0)}.section-mini-head{margin:33px 0 19px}.section-mini-head h2{font-size:21px;margin:0 0 5px}.section-mini-head p{font-size:11px;color:#9496a0}.plan-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-select-card{border:1px solid #343740;background:#1b1e25;border-radius:15px;padding:22px;display:flex;flex-direction:column}.plan-select-card.chosen{border-color:#bb8d40;background:linear-gradient(150deg,#322a1d,#1b1e25 65%)}.plan-select-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.plan-select-top h3{font-size:17px;margin:0}.plan-select-card>strong{font-size:24px}.plan-select-card>strong small{font-size:10px;color:#9698a2}.plan-select-card>p{font-size:11px;color:#93959e;margin:6px 0 22px}.plan-select-card li{font-size:11px;gap:7px}.plan-select-card ul{gap:11px;margin-bottom:26px}.plan-select-card .btn{margin-top:auto}.subscription-manage{margin-top:17px}.subscription-manage h3{font-size:17px;margin-bottom:15px}.manage-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.manage-actions button{border:1px solid #363840;background:#22252c;border-radius:11px;color:var(--gold);padding:16px;display:flex;align-items:center;gap:13px;text-align:left}.manage-actions button:hover{border-color:var(--gold)}.manage-actions button>span{flex:1}.manage-actions strong{display:block;color:#f6f5f4;font-size:11px}.manage-actions small{display:block;font-size:9px;color:#999ba4}.manage-actions button>svg:last-child{color:#a3a3a9}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.device-full{min-height:265px}.device-full-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.device-full h3{font-size:17px;margin:0 0 5px}.device-full p{font-size:11px;color:#999ba2;margin-bottom:22px}.device-controls{display:flex;gap:8px;margin-top:21px;flex-wrap:wrap}.add-device-card{border:1px dashed #655130;background:#1e1e21;border-radius:16px;color:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:265px}.add-device-card:hover{background:#302618}.add-device-card strong{color:#e8e1d5;font-size:13px}.add-device-card span{color:#98928c;font-size:11px}.table-wrap{width:100%;overflow-x:auto;scrollbar-color:#6a5534 #202027;scrollbar-width:thin}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;min-width:550px}.data-table th{background:#21232a;color:#898e9b;font-weight:850;font-size:10px;padding:15px 13px;letter-spacing:.025em}.data-table td{font-size:11px;padding:16px 13px;border-top:1px solid #30323a;color:#dedfe4;font-weight:650}.data-table tbody tr:hover{background:#ffffff06}.data-table th:first-child{border-radius:9px 0 0 9px}.data-table th:last-child{border-radius:0 9px 9px 0}.inline-notice{display:flex;gap:10px;align-items:flex-start;color:#aaa7a4;border:1px solid #65512e65;background:#a77b2820;border-radius:10px;padding:13px;font-size:10px;line-height:1.7;margin-top:19px}.inline-notice svg{color:var(--gold);flex-shrink:0}.stack-form{display:grid;gap:16px}.stack-form label{display:grid;gap:8px;color:#c2c2cb;font-size:11px;font-weight:700}.stack-form input,.stack-form textarea{width:100%;background:#12151b;border:1px solid #45454b;color:#eee;border-radius:9px;padding:12px 13px;outline:none;resize:vertical}.stack-form input:focus,.stack-form textarea:focus{border-color:#d5a54a}.stack-form input:disabled{opacity:.5}.stack-form button{justify-self:start}.form-hint{font-size:10px;color:#83858d;margin:0}.account-faq details{padding:17px 0}.account-faq summary{font-size:12px}.account-faq details p{font-size:11px}.setting-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:17px 0;border-bottom:1px solid #353740;cursor:pointer}.setting-row span{display:grid;gap:3px}.setting-row strong{font-size:12px}.setting-row small{color:#8c909a;font-size:10px}.setting-row input{position:absolute;opacity:0}.setting-row i{display:block;flex-shrink:0;width:41px;height:23px;border-radius:99px;background:#494a52;position:relative;transition:background .2s}.setting-row i:before{content:'';width:17px;height:17px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .2s}.setting-row input:checked+i{background:#c2933d}.setting-row input:checked+i:before{transform:translateX(18px)}.setting-row input:focus-visible+i{outline:2px solid var(--gold-light);outline-offset:3px}.dashboard-card>.setting-row+button{margin-top:23px} /* Admin analytics */ .admin-filters{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.range-switch{padding:4px;border:1px solid #3c3e45;background:#1b1d24;border-radius:9px;display:flex;align-items:center;gap:2px}.range-switch button{border:0;color:#8f929a;background:none;padding:8px 12px;font-size:11px;font-weight:800;border-radius:7px;white-space:nowrap}.range-switch button.selected{background:#e4b14e;color:#161616}.admin-filters select,.chart-select select{border:1px solid #45444c;border-radius:9px;background:#21232a;color:#e8e7e5;min-height:41px;padding:0 14px;font-size:11px;outline:none}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-stat-grid .stat-card{padding:20px}.admin-stat-grid .stat-card strong{font-size:clamp(20px,2.25vw,29px);white-space:nowrap}.admin-dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:16px;margin-top:15px}.line-chart{display:block;width:100%;height:auto;overflow:visible}.source-card-content{display:flex;flex-direction:column;align-items:center;gap:23px;padding-top:6px}.donut{width:184px;height:184px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 36px #09090945}.donut:before{content:'';width:134px;height:134px;position:absolute;border-radius:50%;background:#1a1d24}.donut>div{z-index:1;text-align:center}.donut strong{display:block;font-size:19px;font-weight:900}.donut span{display:block;color:#91939c;font-size:10px}.donut-legend{width:100%;display:grid;gap:14px}.donut-legend>div{display:flex;align-items:center;gap:10px;font-size:10px;color:#aaaeb8}.donut-legend i{width:9px;height:9px;border-radius:50%}.donut-legend span{flex:1}.donut-legend strong{font-size:12px;color:#f1eee8}.admin-lower-grid{grid-template-columns:1.3fr .7fr}.funnel-bars{display:grid;gap:17px}.funnel-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#a8aab1;font-size:11px}.funnel-label b{color:#ebebed}.funnel-track{height:9px;background:#36383f;border-radius:20px;overflow:hidden}.funnel-track div{height:100%;border-radius:20px;background:linear-gradient(90deg,#8f6429,#f6c968)}.funnel-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px;border-top:1px solid #34363e;padding-top:20px}.funnel-summary small{color:#91939b;display:block;font-size:9px}.funnel-summary strong{font-size:16px;display:block;margin-top:5px}.insight-list{display:grid;gap:10px}.insight-list>div{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #31343b;padding-bottom:13px}.insight-list b{width:57px;flex-shrink:0;color:#eec46d;font-size:11px}.insight-list span{font-size:10px;line-height:1.65;color:#b3b2ba}.campaigns-card{margin-top:16px}.campaign-title{align-items:start}.campaign-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;color:#868993;font-size:11px}.searchbox{height:39px;display:flex;gap:9px;align-items:center;background:#12151b;border:1px solid #393c44;border-radius:9px;padding:0 12px;width:min(360px,100%);color:#7f8390}.searchbox input{border:0;background:transparent;outline:none;color:#eee;min-width:0;width:100%;font-size:11px}.analytics-table{min-width:900px}.campaign-cell{display:flex;align-items:center;gap:10px}.campaign-cell strong,.campaign-cell small{display:block}.campaign-cell strong{font-size:11px}.campaign-cell small{font-size:9px;color:#8c9099;font-weight:500;margin-top:3px}.source-badge{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;border-radius:9px;font-weight:900}.source-google{background:#4b4136;color:#f4bc65}.source-telegram{background:#24516a;color:#75c7f1;font-size:18px}.source-vk{background:#254a7c;color:#9ac4f3;font-size:11px}.table-positive{color:#8edab2;font-weight:850}.empty-state{text-align:center;padding:34px!important;color:#b8b7bf!important}.funnel-ratios{display:grid;gap:0}.funnel-ratios>div{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #30323b;padding:16px 0}.funnel-ratios span{font-size:11px;color:#a4a5ad}.funnel-ratios strong{font-size:19px;color:var(--gold-light)}.source-detail{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #30323b;padding:17px 0}.source-detail strong,.source-detail small{display:block}.source-detail strong{font-size:12px}.source-detail small{font-size:10px;color:#9496a0;margin-top:4px}.source-detail>b{color:#f1c573;font-size:18px}.utm-result-card>p{color:#9fa1aa;font-size:12px}.utm-result{min-height:130px;border:1px dashed #5c503f;border-radius:12px;padding:17px;color:#edbf5f;font-size:12px;background:#121417;overflow-wrap:anywhere;margin:17px 0}.integration-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #34363d;padding:12px 0}.integration-symbol{height:38px;width:38px;border-radius:10px;color:#e8b451;background:#b38e4623;display:grid;place-items:center}.integration-row>div:nth-child(2){flex:1}.integration-row strong,.integration-row small{display:block}.integration-row strong{font-size:11px}.integration-row small{color:#96969d;font-size:9px}.integration-row+.btn,.integration-row~.btn{margin-top:20px} /* Modal, toasts */ #modal-root{position:relative;z-index:100}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#050508d9;backdrop-filter:blur(12px);z-index:100}.modal-dialog{position:relative;width:min(450px,100%);max-height:calc(100vh - 35px);overflow-y:auto;border:1px solid #74603b;background:radial-gradient(circle at 80% 0%,#4d382024,#1b1d23 50%);border-radius:20px;padding:34px;box-shadow:0 30px 100px #000c}.modal-close{position:absolute;right:17px;top:17px;border:1px solid #48464c;color:#a9a9b0;background:#24262d;border-radius:9px;width:33px;height:33px;display:grid;place-items:center}.modal-close:hover{color:#fff}.modal-icon{display:grid;place-items:center;color:var(--gold);background:#b3893a24;border:1px solid #a8874949;width:53px;height:53px;border-radius:15px;margin-bottom:20px}.modal-icon.danger-icon{color:#f1a0a0;background:#8d33342c;border-color:#8d3334}.modal-dialog h2{font-size:27px;font-weight:900;margin:0 0 15px}.modal-dialog>p{color:#a5a6af;font-size:12px;line-height:1.9}.auth-options{display:grid;gap:11px;margin:23px 0}.auth-options button{display:flex;align-items:center;gap:13px;padding:13px;border-radius:12px;border:1px solid #45464f;background:#24262d;color:#f3f1f1;font-size:12px;font-weight:850;text-align:left}.auth-options button:hover{border-color:#d8af5e;background:#2d2b2a}.auth-options button>svg{margin-left:auto}.google-mark{height:35px;width:35px;background:#fff;border-radius:10px;display:grid;place-items:center;font-size:20px;font-weight:950;color:#4285f4}.google-mark b{background:linear-gradient(45deg,#4285f4 25%,#ea4335 30% 47%,#fbbc05 55% 75%,#34a853 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.telegram-mark{flex:none;height:35px;width:35px;background:#2aabee;color:#fff;display:grid;place-items:center;font-size:20px;border-radius:50%}.telegram-mark svg{margin-left:-2px}.mail-mark{flex:none;height:35px;width:35px;display:grid;place-items:center;border-radius:10px;color:var(--gold);background:#b3893a24;border:1px solid #a8874949}.modal-icon-brand img{display:block;width:34px;height:auto}.modal-summary{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;padding:16px 0;margin:15px 0;border-top:1px solid #3a3a40;border-bottom:1px solid #3a3a40}.modal-summary span{color:#9699a2;font-size:11px}.modal-summary strong{text-align:right;font-size:12px}.modal-dialog>.btn-block{margin-top:18px}.modal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:23px}#toast-root{position:fixed;bottom:24px;right:23px;z-index:120;display:grid;gap:10px;max-width:min(400px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:11px;padding:14px 17px;background:#252722;border:1px solid #83703b;color:#f4e9d7;border-radius:12px;box-shadow:0 10px 40px #0008;font-size:12px;font-weight:700;animation:toast-in .3s ease}.toast svg{color:var(--gold)}.toast-info{border-color:#687087}.toast-info svg{color:#a6b7df}.toast.leaving{opacity:0;transform:translateY(8px)}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} /* Tablet / mobile */ @media(max-width:1200px){.container{width:min(1150px,calc(100% - 58px))}.main-nav{gap:19px}.nav-inner{gap:19px}.nav-account span{display:none}.hero h1{font-size:clamp(51px,5.7vw,77px)}.hero-mascot{height:655px;right:-60px}.hero-orbit{left:-20%}.floating-label-one{right:-9px}.floating-label-two{left:-15px}.feature-card{padding:20px}.product-grid{gap:45px}.app-sidebar{width:234px}.sidebar-logo{padding:28px 17px}.sidebar-logo .brand{font-size:20px}.sidebar-badge{margin-left:38px}.admin-stat-grid .stat-card strong{font-size:21px}.app-content,.app-topbar{padding-left:23px;padding-right:23px}} @media(max-width:1000px){.brand{font-size:20px}.nav-inner{height:74px}.main-nav{gap:15px}.main-nav a{font-size:11px}.nav-actions{gap:11px}.nav-signin{padding:10px 13px}.hero{min-height:650px}.hero-inner{min-height:605px}.hero-mascot{height:600px;right:-83px}.hero-visual{min-height:590px}.hero h1{font-size:clamp(48px,6vw,64px)}.hero-description{font-size:13px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{min-height:465px}.feature-card h3{font-size:18px}.mini-ui-body{padding:13px}.mini-ui-body strong{font-size:23px}.mini-ui-line{flex-wrap:wrap}.mini-ui-line .pill{font-size:8px}.product-grid{gap:33px}.showcase-info{height:170px}.footer-top{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;justify-content:flex-start}.footer-top p{margin:0}.app-sidebar{width:211px}.sidebar-logo .brand{font-size:17px}.sidebar-logo .brand-icon svg{width:24px}.sidebar-user{margin:18px 9px 22px;padding:9px;gap:8px}.user-avatar{width:30px;height:30px}.sidebar-links{padding:0 9px}.sidebar-links a{padding:10px;font-size:10px;gap:8px}.sidebar-bottom{padding:18px 9px}.support-card{padding:12px}.app-topbar{min-height:65px}.dashboard-card{padding:18px}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-grid .stat-card strong{font-size:26px}.admin-dashboard-grid{grid-template-columns:1fr}.source-card-content{flex-direction:row;justify-content:space-around}.donut{flex-shrink:0}.donut-legend{max-width:240px}.admin-lower-grid{grid-template-columns:1fr 1fr}.manage-actions{grid-template-columns:1fr}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){html{scroll-padding-top:76px}.container{width:calc(100% - 36px)}.site-header{position:sticky}.nav-inner{height:72px}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#16171c;border-bottom:1px solid #48413a;padding:17px 21px 22px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 30px #0008}.main-nav.mobile-visible{display:flex}.main-nav a{padding:13px 0;border-bottom:1px solid #33343a;font-size:13px}.nav-actions{margin-left:auto}.nav-actions .nav-account{display:none}.mobile-toggle{display:grid;place-items:center}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:70px 0 10px}.hero h1{font-size:clamp(49px,9.7vw,75px);white-space:normal;max-width:610px}.hero-description{max-width:480px;margin-bottom:25px}.hero-proof{margin-top:30px}.hero-visual{min-height:510px;height:510px}.hero-mascot{height:590px;right:50%;transform:translateX(50%);bottom:-63px}.hero-glow{width:100%;height:530px;top:0;left:0}.hero-orbit{width:470px;height:470px;left:50%;top:15px;transform:translateX(-50%) rotate(-23deg)}.hero-orbit-2{width:330px;height:330px;left:50%;top:80px}.floating-label-one{top:18%;right:3%}.floating-label-two{bottom:19%;left:3%}.hero-bottom{padding:8px 0 24px}.strip-inner{grid-template-columns:repeat(2,1fr);gap:15px;padding:18px 0}.strip-inner span{justify-content:flex-start}.section{padding:80px 0}.section-head.split{align-items:start;flex-direction:column;gap:14px}.section-head h2,.product-copy h2,.faq-grid h2{font-size:clamp(34px,7vw,50px)}.section-head{margin-bottom:35px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-main{grid-column:1/-1;min-height:0}.feature-card{min-height:425px}.feature-main .mini-ui{max-width:400px;margin:22px auto;width:100%}.feature-card p{max-width:100%}.product-grid{grid-template-columns:1fr;gap:45px}.product-copy h2{font-size:45px}.product-checks{margin:25px 0}.showcase-frame{max-width:610px;margin:0 auto;width:100%}.pricing-grid{grid-template-columns:1fr;max-width:550px;margin:auto;gap:23px}.price-card{min-height:0;padding:27px}.price-popular{margin-top:8px}.price-card ul{margin-bottom:28px}.steps-grid{gap:15px}.faq-grid{grid-template-columns:1fr;gap:30px}.cta-surface{height:auto;min-height:410px;display:flex;flex-direction:column-reverse;text-align:center;align-items:center;justify-content:flex-start;padding:38px 22px 0}.cta-robot{height:200px;width:100%}.cta-robot img{width:340px;left:50%;top:-60px;transform:translateX(-50%)}.cta-copy{padding:0;align-self:center}.cta-copy h2{font-size:35px}.footer-top{padding:35px 0}.app-mode{display:block}.app-sidebar{width:100%;height:auto;position:relative;display:block;border-right:0;border-bottom:1px solid #2f3238;overflow:visible}.sidebar-logo{padding:16px 19px 8px;border:0}.sidebar-logo .brand{font-size:19px}.sidebar-badge{margin-top:6px;font-size:8px}.sidebar-user,.sidebar-label,.sidebar-bottom{display:none}.sidebar-links{display:flex;overflow:auto;scrollbar-width:none;padding:10px 15px 13px;gap:7px;white-space:nowrap}.sidebar-links::-webkit-scrollbar{display:none}.sidebar-links a{flex-shrink:0;min-height:38px;padding:8px 12px;border:1px solid #34353e;border-radius:9px}.sidebar-links a.active{border-color:#7f5c2c}.sidebar-active-dot{display:none}.app-topbar{min-height:53px}.app-content{padding:27px 18px 45px}.page-head{align-items:flex-start;flex-wrap:wrap}.page-head .page-actions{width:100%}.page-head h1{font-size:30px}.app-footer{padding:12px 18px}.stat-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stat-card{padding:16px}.stat-card>strong{font-size:23px}.stat-card>small,.stat-card>span{font-size:10px}.welcome-banner{height:190px}.welcome-banner img{height:290px;width:290px;top:-57px;right:-36px}.admin-filters{width:100%}.admin-lower-grid{grid-template-columns:1fr}.plan-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.container{width:calc(100% - 32px)}.brand{font-size:19px}.brand-icon svg{width:25px}.nav-actions .nav-signin{padding:9px 12px;font-size:11px;min-height:36px}.nav-inner{gap:12px}.hero-copy{padding:54px 0 0}.hero .eyebrow{font-size:9px;letter-spacing:.1em}.hero h1{font-size:clamp(43px,10.3vw,57px);margin-bottom:21px}.hero-description{font-size:12px;line-height:1.85}.hero-buttons{gap:9px}.hero-buttons .btn-large{padding:13px 15px;min-height:49px;font-size:11px}.hero-buttons .btn-large svg{width:16px}.hero-proof{font-size:10px}.hero-visual{height:420px;min-height:420px}.hero-mascot{height:495px;bottom:-59px}.hero-orbit{width:380px;height:380px;top:11px}.hero-orbit-2{width:260px;height:260px;top:66px}.floating-label{font-size:8px;padding:8px 10px}.floating-label-one{right:0;top:14%}.floating-label-two{left:0;bottom:20%}.hero-bottom{font-size:8px}.hero-bottom span:last-child{display:none}.strip-inner span{font-size:8px;gap:8px}.strip-inner svg{width:17px}.section{padding:65px 0}.section-head h2,.product-copy h2,.faq-grid h2{font-size:37px}.section-lead{font-size:12px}.feature-grid{grid-template-columns:1fr}.feature-main{grid-column:auto}.feature-card{min-height:0;padding:21px}.feature-main .mini-ui{max-width:360px}.feature-illustration{height:210px}.feature-card h3{font-size:20px}.product-copy h2{font-size:38px}.showcase-info{height:145px;padding:19px}.showcase-info h3{font-size:17px}.showcase-info img{width:170px;height:170px}.showcase-row{padding:16px}.showcase-row strong{font-size:24px}.showcase-device{padding:13px}.steps-grid{grid-template-columns:1fr;gap:27px}.steps-grid>div{display:grid;grid-template-columns:70px 1fr;column-gap:15px;align-items:center}.steps-grid>div>span{grid-column:1/-1}.step-icon{grid-row:2/4;width:62px;height:62px;margin:13px 0}.steps-grid h3{margin:0}.steps-grid p{margin:0}.faq-list summary{font-size:12px}.cta-copy h2{font-size:29px}.cta-surface{min-height:380px}.footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.footer-top p{margin:0}.footer-links{gap:14px}.footer-bottom{font-size:9px}.app-topbar{padding:0 16px}.breadcrumb{font-size:8px;letter-spacing:0}.breadcrumb span{margin:0 3px}.topbar-right .pill{display:none}.app-content{padding:24px 14px 35px}.page-head{margin-bottom:22px}.page-head h1{font-size:26px}.page-head p{font-size:11px}.welcome-banner{height:198px;padding:19px}.welcome-banner h2{font-size:23px}.welcome-banner img{height:235px;width:235px;right:-45px;top:-19px;opacity:.65}.welcome-banner p{max-width:205px}.welcome-banner .btn{font-size:10px;padding:10px}.stat-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid-three .stat-card:last-child{grid-column:1/-1}.stat-card{padding:16px}.stat-card>strong{font-size:23px}.dashboard-grid{grid-template-columns:1fr}.dashboard-card{padding:17px}.device-row .pill{font-size:8px;padding:5px}.plan-select-grid{grid-template-columns:1fr}.subscription-orbit{margin:0}.subscription-orbit svg{width:49px}.subscription-hero h2{font-size:25px}.subscription-hero .pill{font-size:8px}.device-grid{grid-template-columns:1fr}.stat-grid.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-grid .stat-card{padding:14px;min-height:120px}.admin-stat-grid .stat-card strong{font-size:19px;white-space:normal}.stat-top{font-size:9px}.admin-stat-grid .stat-caption{font-size:9px}.admin-filters select{flex:1}.source-card-content{flex-direction:column}.funnel-summary{gap:7px}.funnel-summary strong{font-size:12px}.funnel-summary small{font-size:8px}.chart-panel{padding:14px}.chart-panel .card-heading{flex-wrap:wrap}.chart-select{width:100%}.chart-select select{width:100%}.campaign-title{flex-direction:column}.campaign-toolbar{align-items:flex-start}.campaign-toolbar .searchbox{max-width:220px}.device-controls .btn{flex:1}.modal-dialog{padding:25px}.modal-dialog h2{font-size:25px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} /* SpaceGuard v6: stable, quieter premium button interactions */ .btn, .nav-signin { transform: none; transition: background-color .24s ease, border-color .24s ease, box-shadow .27s ease, color .24s ease, filter .24s ease; } .btn svg, .btn:hover svg:last-child { transform: none; transition: none; } .btn:active, .nav-signin:active { transform: none; filter: brightness(.95); } .btn-gold:hover { background: linear-gradient(135deg,#f8ce73,#d6a338); box-shadow: 0 9px 25px rgba(214,163,56,.25), 0 0 0 1px rgba(255,222,148,.12) inset; filter: brightness(1.045); } .btn-outline:hover { border-color:#45444a; background:#2c2d34; box-shadow:0 6px 22px rgba(0,0,0,.17); } .btn-dark:hover { border-color:#111113; background:#211e1a; box-shadow:0 7px 22px rgba(0,0,0,.17); } .btn-danger:hover, .btn-danger-soft:hover, .btn-dashed:hover { transform:none; } #toast-root {max-height:calc(100vh - 36px);pointer-events:none;} #toast-root .toast {pointer-events:auto;transition:opacity .22s ease,transform .22s ease;} @media(prefers-reduced-motion:reduce){.btn,.btn svg,#toast-root .toast{transition:none!important;}} @media(max-width:520px){.brand-icon.brand-icon-mascot{width:30px;height:30px;border-radius:10px}.brand-icon.brand-icon-mascot svg{width:28px;height:28px}} /* SpaceGuard v17 — usable mobile section navigation and select controls */ @media (max-width: 760px) { .app-sidebar { overflow: visible; } .sidebar-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; overflow: visible; white-space: normal; padding: 12px 16px 16px; } .sidebar-links a { min-width: 0; width: 100%; min-height: 47px; padding: 9px 10px; display: flex; align-items: center; gap: 8px; line-height: 1.35; font-size: 11px; white-space: normal; overflow-wrap: anywhere; border: 1px solid #34353e; border-radius: 11px; } .sidebar-links a svg { flex: 0 0 17px; width: 17px; height: 17px; } .sidebar-links a span:not(.sidebar-active-dot) { min-width: 0; } .sidebar-links a.active { border-color: #91703c; } } @media (max-width: 520px) { .sidebar-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px 15px 16px; } .sidebar-links a { min-height: 47px; font-size: 11px; padding: 9px 11px; gap: 8px; } } /* Consistent small chevrons, independent of the browser's native