:root{color-scheme:dark;--bg:#090c15;--surface:#111622;--text:#f5f7fc;--muted:#a6aec3;--line:rgba(185,201,240,.13);--accent:#b6c8ff;--mint:#91e4c1;--radius:20px;--font:'Inter',system-ui,sans-serif}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;scroll-padding-top:105px}
body{min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}img,svg{vertical-align:middle}img{max-width:100%}::selection{background:#b6c8ff;color:#090c15}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}section:focus,main:focus{outline:none}.container{width:min(1160px,calc(100% - 80px));margin-inline:auto}main,.site-footer{position:relative;z-index:1}section{scroll-margin-top:100px}p{color:var(--muted)}
.site-backdrop{position:absolute;top:0;left:0;right:0;height:1110px;pointer-events:none;overflow:hidden}.site-backdrop-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.49;filter:saturate(.65)}.site-backdrop-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,12,21,.45),rgba(9,12,21,.07) 30%,rgba(9,12,21,.32) 54%,var(--bg) 98%),linear-gradient(90deg,rgba(9,12,21,.28),transparent,rgba(9,12,21,.28))}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#090c15;padding:12px 20px;border-radius:10px}.skip-link:focus{top:12px}
.site-header{position:fixed;top:18px;left:0;right:0;z-index:50}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;padding:12px 20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(17,22,34,.55);box-shadow:0 8px 30px #0002;transition:background .25s}.scrolled .nav-wrapper{background:rgba(17,22,34,.94)}.brand-logo{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px;flex-shrink:0}.brand-icon-svg{width:34px;height:34px}.nav-links{display:flex;align-items:center;list-style:none;gap:24px}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#bfc5d6;background:transparent;min-height:44px;transition:color .2s}.nav-link:hover{color:white}.chevron-icon{width:12px;height:12px;stroke:currentColor;transition:transform .2s}.dropdown-open .chevron-icon{transform:rotate(180deg)}.glass-dropdown{position:absolute;top:calc(100% + 12px);left:-20px;width:300px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#131925;box-shadow:0 15px 50px #0006;display:none}.dropdown-open .glass-dropdown{display:block}.dropdown-item{display:flex;gap:12px;align-items:center;padding:12px;border-radius:10px}.dropdown-item:hover{background:#ffffff08}.dropdown-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.dropdown-text{display:flex;flex-direction:column}.dropdown-title{font-size:12px;font-weight:700}.dropdown-desc{font-size:10px;color:var(--muted)}.btn-glass-pill{background:#e3e9ff;color:#111827;border-radius:10px;padding:10px 17px;font-size:12px;font-weight:800;white-space:nowrap}.mobile-menu-btn{display:none;background:transparent;min-width:44px;min-height:44px;border-radius:9px}
.hero-section{padding:165px 0 30px;text-align:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:700;padding:8px 14px;border:1px solid #ffffff20;border-radius:30px;background:#10162755;margin-bottom:26px;color:#d6deee}.pulse-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #91e4c155;flex-shrink:0}.hero-title{font-size:clamp(48px,6.5vw,86px);line-height:1.06;letter-spacing:-5px;font-weight:800;text-wrap:balance}.hero-title span{background:linear-gradient(115deg,#fff 12%,#c6d1f3 60%,#9eaaca);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-subtitle{font-size:15px;line-height:1.8;color:#c0c8db;margin:24px auto 26px;max-width:570px}.hero-cta-group{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn-hero-primary,.btn-hero-secondary,.btn-pricing{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:800;padding:14px 21px;border-radius:11px;min-height:48px;transition:background .2s,transform .2s}.btn-hero-primary,.btn-pricing-primary{background:#e0e8ff;color:#111a30;border:1px solid #e0e8ff;box-shadow:0 4px 20px #9bb6ff12}.btn-hero-secondary,.btn-pricing-outline{background:#141a2980;border:1px solid #ffffff25;color:#e1e7f5;}.btn-hero-primary:hover,.btn-glass-pill:hover,.btn-pricing-primary:hover{background:white}.btn-hero-secondary:hover,.btn-pricing-outline:hover{background:#232c40}.hero-note{font-size:10px;margin:14px 0 42px;color:#aeb7ca}
.product-preview{max-width:830px;margin:auto;text-align:left;border:1px solid #c3d4ff32;background:#101521eb;border-radius:16px;box-shadow:0 25px 90px #0006,0 0 60px #768ad90d;overflow:hidden}.preview-top{display:flex;align-items:center;gap:9px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:12px}.preview-mark,.bot-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#d1dcff,#7e9ade);color:#101625;border-radius:9px;font-weight:800}.preview-mark{width:25px;height:25px;font-size:14px}.preview-caption{font-size:10px;color:#8d98b2;margin-left:6px}.demo-label{font-size:8px;letter-spacing:1.4px;color:#98a3bb;margin-left:auto}.preview-content{display:grid;grid-template-columns:190px minmax(0,1fr)}.preview-sidebar{padding:22px 13px;display:flex;flex-direction:column;gap:7px;background:#0c111b88;border-right:1px solid var(--line);font-size:10px;color:#8f9bb4}.sidebar-label{font-size:8px;letter-spacing:1.2px;padding:0 10px;margin-bottom:4px}.preview-sidebar>span:not(.sidebar-label){padding:8px 11px;border-radius:6px;display:flex;gap:10px}.preview-sidebar .sidebar-active{background:#bacaff10;color:#d5dfff}.sidebar-bottom{margin-top:auto;padding:20px 10px 0;display:flex;align-items:center;gap:8px}.mini-avatar{background:#2b354b;color:#c9d1e3;width:22px;height:22px;border-radius:50%;display:grid;place-items:center}.preview-chat{padding:18px 24px 24px;min-width:0}.chat-channel{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.chat-channel>span:first-child{color:#7b8ba9;font-size:18px}.channel-desc{font-size:9px;font-weight:400;color:#8793ad;border-left:1px solid var(--line);margin-left:7px;padding-left:14px}.preview-tabs{display:flex;gap:6px;margin:14px 0 21px}.preview-tabs button{font-size:10px;padding:7px 15px;border-radius:6px;color:#9ba8c3;background:transparent;min-height:44px}.preview-tabs button[aria-selected=true]{color:#d9e3ff;background:#b6c8ff14}.bot-message{display:flex;align-items:flex-start;gap:12px}.bot-avatar{width:32px;height:32px;flex-shrink:0;font-size:18px}.bot-content{width:100%;min-width:0}.bot-name{font-size:11px;font-weight:800;display:flex;align-items:center;gap:7px}.bot-name>span{font-size:7px;letter-spacing:.5px;color:#c6d2fd;background:#667dbc44;border-radius:3px;padding:1px 4px}.bot-name small{font-size:8px;color:#7e8da8;font-weight:400}.bot-content>p{font-size:10px;margin:4px 0 12px;color:#a9b5cc}.task-panel{border:1px solid #bacaff20;border-left:3px solid #a6bfff;border-radius:7px;padding:15px;background:#1b24375c}.task-title{display:flex;align-items:center;gap:10px}.task-symbol{display:grid;place-items:center;width:32px;height:32px;background:#a7bdff18;border-radius:7px;color:#c2d2ff;font-size:22px;flex-shrink:0}.task-title strong{font-size:11px}.task-title p{font-size:9px;margin-top:1px}.task-status{margin-left:auto;color:var(--mint);font-size:8px;background:#91e4c10d;border:1px solid #91e4c121;border-radius:20px;padding:3px 8px}.task-progress{margin:15px 0 8px;height:4px;border-radius:3px;background:#ffffff0a}.task-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8aa5e7,#b4cdff);border-radius:3px}.task-meta{display:flex;justify-content:space-between;font-size:9px;color:#96a6c3;gap:10px}.task-meta>span:last-child{color:var(--mint)}.preview-bottom{display:flex;align-items:center;gap:7px;padding:12px 20px;border-top:1px solid var(--line);font-size:9px;color:#97a7c1}.preview-bottom a{margin-left:auto;display:flex;align-items:center;gap:7px;color:#c8d7f5;min-height:30px}.preview-bottom svg{width:12px}.platform-strip{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin:45px auto 0;color:#929db6}.platform-strip>span{font-size:8px;letter-spacing:1.4px}.platform-strip strong{font-size:13px;font-weight:700;letter-spacing:-.4px}.platform-strip em{font-style:normal;font-size:11px;font-weight:500}
.platforms-section,.how-it-works-section,.reviews-section,.pricing-section,.guides-section{padding:85px 0}.section-header{margin-bottom:35px;max-width:650px}.section-badge{display:inline-block;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:13px}.section-title{font-size:clamp(29px,3.7vw,43px);font-weight:800;line-height:1.18;letter-spacing:-1.7px;text-wrap:balance}.section-desc{font-size:14px;line-height:1.8;margin-top:16px;max-width:530px}.platforms-grid,.steps-grid,.pricing-grid,.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.glass-card{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,#161d2c88,#101520);border-radius:var(--radius);transition:border-color .25s,background .25s}.glass-card:hover{border-color:#b6c8ff44;background-color:#171e2c}.platform-card{padding:25px;display:flex;flex-direction:column}.platform-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px;flex-wrap:wrap}.platform-icon-wrap{display:grid;place-items:center;width:40px;height:40px;border:1px solid #b6c8ff25;background:#b6c8ff05;border-radius:11px}.status-indicator{display:flex;align-items:center;gap:6px;font-size:9px;color:#a9b7cd}.status-indicator .pulse-dot{width:4px;height:4px}.platform-name{font-size:18px;font-weight:800;letter-spacing:-.4px;margin-bottom:8px}.platform-desc{font-size:13px;line-height:1.85;flex-grow:1}.platform-features{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.platform-feature-tag{font-size:9px;color:#aab6cc;background:#c5d6ff06;border:1px solid #c5d6ff0d;border-radius:5px;padding:4px 7px}.disclaimer-box{margin-top:20px;font-size:11px;color:#8b98b2;line-height:1.7;padding:14px 18px;border:1px solid var(--line);border-radius:10px}.disclaimer-box svg{width:14px;height:14px;margin-right:5px}.benefits-section{padding:20px 0 30px}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);padding-block:32px;gap:30px}.benefits-grid>div{position:relative;padding-left:40px}.benefit-icon{position:absolute;left:0;top:0;font-size:23px;color:#b6c8ff}.benefits-grid strong{font-size:13px;font-weight:700}.benefits-grid p{font-size:12px;margin-top:4px}
.step-card{padding:28px}.step-number-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.step-number{font-size:35px;font-weight:500;letter-spacing:-2px;color:#6b7fa3}.step-icon-badge{border:1px solid var(--line);background:#c5d6ff06;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;color:#b6c8ff}.step-title{font-size:16px;font-weight:800;letter-spacing:-.3px;margin-bottom:10px}.step-text{font-size:13px;line-height:1.9}.spotlight-section{padding:20px 0 40px}.spotlight-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:48px;background:radial-gradient(ellipse at 90% 30%,#24345655,transparent 65%),#111622}.spotlight-badge{font-size:10px;color:var(--accent);font-weight:700;letter-spacing:1.6px;text-transform:uppercase;display:block;margin-bottom:15px}.spotlight-title{font-size:32px;line-height:1.2;letter-spacing:-1.2px;margin-bottom:18px}.spotlight-desc{font-size:13px;line-height:1.8}.spotlight-points{list-style:none;margin:20px 0 25px;display:grid;gap:10px}.spotlight-point{display:flex;gap:9px;align-items:center;font-size:12px;color:#bec9de}.spotlight-point svg{width:14px;height:14px;stroke:var(--mint);flex-shrink:0}.mockup-glass-terminal{border:1px solid #b6c8ff25;border-radius:13px;background:#090e18;padding:20px;box-shadow:0 20px 35px #0003}.terminal-header{display:flex;align-items:center;gap:6px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:17px}.terminal-circle{width:7px;height:7px;border-radius:50%}.circle-red{background:#d57c8c}.circle-yellow{background:#d5b87c}.circle-green{background:#7cd5b3}.terminal-title{margin-left:auto;color:#8c9bb5;font-size:9px}.terminal-body{font-family:ui-monospace,monospace;font-size:11px;display:grid;gap:12px;color:#9aa9c0}.log-line{display:flex;gap:8px;overflow-wrap:anywhere}.log-success{color:var(--mint)}.log-accent{color:#9db9f2}.log-gold{color:#dac591}
.review-card{padding:25px;display:flex;flex-direction:column;justify-content:space-between;gap:23px}.review-stars{display:flex;gap:3px;color:#cfdaef;margin-bottom:15px}.review-stars svg{width:11px;height:11px;fill:currentColor}.review-quote{font-size:13px;line-height:1.9;color:#b9c5db}.review-author{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:16px}.author-avatar{width:31px;height:31px;display:grid;place-items:center;font-size:11px;font-weight:700;border-radius:50%;flex-shrink:0}.author-info{display:flex;flex-direction:column}.author-name{font-size:12px;font-weight:700}.author-meta{font-size:10px;color:#8797b4}
.pricing-section{background:linear-gradient(180deg,transparent,#11172644,transparent)}.pricing-card{padding:30px;display:flex;flex-direction:column}.pricing-card.featured{background:linear-gradient(160deg,#23324b,#151c2b);border-color:#9ebaff65;box-shadow:0 0 40px #a1b8ff06}.popular-badge{color:#c4d5ff;border:1px solid #c4d5ff25;background:#c4d5ff0c;border-radius:20px;font-size:8px;text-transform:uppercase;letter-spacing:.7px;padding:4px 8px;position:absolute;top:28px;right:20px}.pricing-tier{font-size:15px;font-weight:700;margin-bottom:22px}.pricing-price-wrap{display:flex;align-items:baseline;gap:5px;margin-bottom:14px}.pricing-price{font-size:43px;font-weight:800;letter-spacing:-2px}.pricing-period{font-size:11px;color:#93a1bb}.pricing-desc{font-size:13px;line-height:1.9;border-bottom:1px solid var(--line);padding-bottom:22px;min-height:110px}.pricing-features{list-style:none;display:grid;gap:13px;margin:23px 0 30px;flex-grow:1}.pricing-feature{display:flex;align-items:center;gap:8px;font-size:12px;color:#b8c6de}.pricing-feature svg{width:13px;height:13px;color:var(--accent);flex-shrink:0}.btn-pricing{width:100%;font-size:12px;padding:12px 15px}
.guides-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.text-link{display:inline-flex;gap:9px;align-items:center;font-size:13px;color:#d3dfff;font-weight:700;margin-top:25px;min-height:44px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:700;list-style:none;cursor:pointer;min-height:67px;padding:15px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;font-weight:400;color:#96a6c4;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.9;padding:0 30px 22px 0}.faq-list p a{text-decoration:underline;text-underline-offset:3px;color:var(--accent)}
.final-cta-section{padding:20px 0 90px}.cta-banner-glass{text-align:center;padding:65px 30px;border:1px solid #b6c8ff24;border-radius:25px;background:linear-gradient(180deg,#0a111a80,#101520f5),url('/assets/background.png') center 46%/cover;overflow:hidden}.cta-banner-title{font-size:clamp(34px,4vw,51px);line-height:1.2;letter-spacing:-2px;font-weight:800;margin-bottom:16px}.cta-banner-desc{font-size:14px;line-height:1.8;max-width:460px;margin:0 auto 25px;color:#b5c1d8}.cta-banner-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.site-footer{border-top:1px solid var(--line);padding:58px 0 28px;background:#080b12}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;margin-bottom:40px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-tagline{font-size:13px;max-width:250px}.footer-discord-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#b7c5df;padding:7px 0;min-height:44px}.footer-col-title{font-size:11px;color:#d1d9e8;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px}.footer-links{list-style:none;display:grid;gap:6px}.footer-link{font-size:12px;color:#96a4bf;display:inline-block;min-height:30px}.footer-link:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;color:#8392ad;font-size:10px}.footer-legal-row{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer-disclaimer-text{font-size:10px;line-height:1.8;margin-top:15px;max-width:750px;color:#7c8aa3}
@media(min-width:1600px){.hero-section{padding-top:185px}.container{width:min(1280px,calc(100% - 120px))}.hero-title{font-size:96px}.hero-subtitle{font-size:17px}.product-preview{max-width:900px}}
@media(max-width:1100px){.nav-links{gap:17px}.platform-strip{gap:20px}.popular-badge{position:static;align-self:flex-start;order:-1;margin-bottom:12px}.pricing-card:not(.featured){padding-top:65px}.spotlight-card{gap:35px;padding:35px}.platform-header-row{align-items:flex-start}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.mobile-menu-btn{display:grid;place-items:center}.site-header{top:12px}.nav-wrapper{min-height:64px;padding:8px 14px}.nav-links{display:none;position:absolute;top:calc(100% + 10px);left:24px;right:24px;max-height:calc(100dvh - 110px);overflow-y:auto;background:#111724;border:1px solid #bacaff2a;border-radius:16px;padding:15px;box-shadow:0 20px 45px #0007;align-items:stretch;gap:2px;flex-direction:column}.nav-links.mobile-open{display:flex}.nav-link{padding:10px 14px;font-size:14px;width:100%;justify-content:space-between}.glass-dropdown{position:static;width:100%;margin-top:3px;box-shadow:none;background:#090e18}.dropdown-title{font-size:12px}.dropdown-desc{font-size:10px}.dropdown-item{min-height:48px}.hero-section{padding-top:142px}.hero-title{font-size:70px;letter-spacing:-4px}.platforms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-header-row{align-items:center}.pricing-card{padding:24px}.pricing-card:not(.featured){padding-top:58px}.pricing-tier{font-size:13px}.pricing-price{font-size:38px}.pricing-feature{font-size:11px}.spotlight-title{font-size:28px}.guides-layout{gap:40px}.footer-top{gap:24px}}
@media(max-width:760px){.hero-title{font-size:clamp(44px,8.5vw,64px);letter-spacing:-2.8px}.hero-section{padding-top:130px}.hero-subtitle{font-size:14px;max-width:410px}.hero-eyebrow{font-size:8px;letter-spacing:1.4px}.hero-note{margin-bottom:30px}.preview-content{grid-template-columns:140px minmax(0,1fr)}.preview-sidebar{padding-inline:7px}.preview-chat{padding:15px}.preview-caption{display:none}.channel-desc{display:none}.platform-strip{gap:15px 22px;margin-top:30px}.platform-strip>span{flex-basis:100%}.platforms-section,.how-it-works-section,.reviews-section,.pricing-section,.guides-section{padding:55px 0}.section-title{font-size:32px}.section-header{margin-bottom:27px}.steps-grid{grid-template-columns:1fr}.step-card{padding:24px;display:grid;grid-template-columns:55px 1fr;gap:0 20px}.step-number-wrap{grid-row:span 2;flex-direction:column;align-items:flex-start;gap:14px;margin:0;justify-content:flex-start}.step-text{font-size:13px}.step-title{font-size:16px}.benefits-grid{gap:20px}.benefits-grid>div{padding-left:0;padding-top:35px}.benefits-grid strong{font-size:12px}.benefits-grid p{font-size:11px}.spotlight-card{grid-template-columns:1fr;gap:30px;padding:30px}.spotlight-title{font-size:30px}.spotlight-desc{font-size:13px}.spotlight-point{font-size:12px}.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:1fr;gap:16px}.pricing-card,.pricing-card:not(.featured){padding:28px}.popular-badge{position:absolute;right:25px;top:26px;order:initial}.pricing-tier{font-size:16px;margin-bottom:16px}.pricing-price{font-size:45px}.pricing-desc{min-height:0;font-size:13px}.pricing-features{grid-template-columns:1fr 1fr;gap:13px 20px}.pricing-feature{font-size:12px;align-items:flex-start}.pricing-feature svg{margin-top:3px}.guides-layout{grid-template-columns:1fr;gap:5px}.guides-layout .section-title br{display:none}.faq-list summary{font-size:14px}.footer-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.footer-brand{grid-column:1/-1;margin-bottom:12px}.footer-tagline{max-width:none}.final-cta-section{padding-bottom:55px}.cta-banner-glass{padding:45px 25px}.cta-banner-title{letter-spacing:-1.4px}}
@media(max-width:480px){.container{width:calc(100% - 32px)}.site-header{top:10px}.nav-links{left:16px;right:16px}.nav-wrapper{padding:8px 10px;border-radius:14px;gap:8px}.brand-logo{font-size:20px;gap:7px}.brand-icon-svg{width:29px;height:29px}.btn-glass-pill{font-size:10px;padding:10px 12px;min-height:44px;display:grid;place-items:center}.nav-wrapper>div{gap:5px!important}.hero-section{padding-top:125px}.hero-eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:22px}.hero-title{font-size:clamp(38px,10.5vw,50px);letter-spacing:-2px}.hero-subtitle{font-size:14px;line-height:1.8;margin-top:20px;padding:0 4px}.desktop-break{display:none}.hero-cta-group{gap:9px}.btn-hero-primary,.btn-hero-secondary{font-size:12px;padding:13px 15px}.hero-cta-group .btn-hero-primary{width:100%;max-width:330px}.hero-cta-group .btn-hero-secondary{background:transparent;border-color:transparent;min-height:44px}.hero-note{margin-top:8px}.preview-top{padding:12px}.demo-label{font-size:6px;letter-spacing:1px}.preview-content{grid-template-columns:1fr}.preview-sidebar{display:none}.preview-chat{padding:12px 14px 18px}.preview-tabs{margin-bottom:15px}.bot-name small{font-size:7px}.task-panel{padding:12px}.task-title strong{font-size:11px}.task-status{font-size:7px;padding:3px 6px}.task-title{gap:8px}.task-symbol{width:28px;height:28px}.task-meta{font-size:9px}.preview-bottom{padding:10px 12px;font-size:8px;gap:5px}.preview-bottom a{gap:3px}.product-preview{border-radius:12px}.platform-strip{gap:12px 18px}.platform-strip strong{font-size:12px}.platforms-grid,.reviews-grid{grid-template-columns:1fr}.platform-card{padding:23px}.platform-name{font-size:18px}.platform-desc{font-size:14px}.platform-feature-tag{font-size:10px}.status-indicator{font-size:9px}.section-title{font-size:29px;letter-spacing:-1.1px}.section-desc{font-size:14px}.benefits-grid{grid-template-columns:1fr;gap:22px;padding-block:26px}.benefits-grid>div{padding-left:40px;padding-top:0}.benefits-grid strong{font-size:14px}.benefits-grid p{font-size:12px}.step-card{gap:0 12px;grid-template-columns:42px 1fr;padding:22px}.step-number{font-size:30px}.step-text{font-size:14px}.spotlight-card{padding:25px 22px}.spotlight-title{font-size:26px}.terminal-body{font-size:10px}.mockup-glass-terminal{padding:16px}.review-quote{font-size:14px}.review-card{padding:24px}.pricing-card,.pricing-card:not(.featured){padding:25px}.pricing-features{grid-template-columns:1fr}.pricing-feature{font-size:13px}.popular-badge{right:20px;font-size:7px}.pricing-tier{font-size:15px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-link{min-height:36px;font-size:12px}.footer-top>div:last-child{grid-column:1/-1}.footer-top>div:last-child .footer-links{display:flex;gap:15px;flex-wrap:wrap}.footer-legal-row{font-size:10px}.cta-banner-title{font-size:34px}.cta-banner-desc{font-size:14px}.cta-banner-buttons{flex-direction:column;align-items:stretch}.site-backdrop{height:900px}.site-backdrop-img{object-position:55% top}.faq-list summary{font-size:14px}.hero-container{max-width:440px}}
@media(max-width:340px){.btn-glass-pill{display:none}.hero-title{font-size:36px}.task-status{display:none}.preview-bottom a{font-size:7px}.bot-name small{display:none}.popular-badge{position:static;order:-1}.platform-strip strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::before,::after{transition:none!important;animation:none!important}}
@media(hover:none){.glass-card:hover{border-color:var(--line);background-color:transparent}}
.spotlight-card{border:1px solid var(--line);border-radius:var(--radius)}
@media(max-width:480px){.preview-bottom a{min-height:44px}.footer-link{min-height:44px}}

/* Liquid glass: static blur, fine highlights, and movement on transforms only. */
:root {
  --glass-fill: rgba(224, 236, 255, .065);
  --glass-edge: rgba(235, 243, 255, .24);
  --glass-shadow: inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(255,255,255,.045), 0 14px 36px rgba(2,6,16,.2);
  --ease-out: cubic-bezier(.22,1,.36,1);
}
.site-backdrop { position: fixed; height: auto; inset: 0; }
.site-backdrop-img { opacity: .72;  object-position: center; }
.site-backdrop-gradient { background: linear-gradient(180deg,rgba(9,13,23,.44),rgba(9,13,23,.50) 35%,rgba(9,13,23,.79) 100%); }
.hero-title { font-weight: 700; letter-spacing: -.055em; }
.hero-title span { background-image: linear-gradient(115deg,#f8fbff,#d4e3fb 55%,#a5c2f6); }
.hero-subtitle { color: #cbd6e7; }
.hero-note { color: #b8c6da; font-size: 11px; }
.hero-eyebrow { background: rgba(237,246,255,.075); border-color: rgba(255,255,255,.22); box-shadow: inset 0 1px 0 #ffffff20;  }
.nav-wrapper {
  background: rgba(227,239,255,.085); border-color: rgba(242,247,255,.26); border-radius: 22px;
   
  box-shadow: var(--glass-shadow); transition: background .35s ease, border-color .35s ease;
}
.scrolled .nav-wrapper { background: rgba(25,36,54,.78); border-color: rgba(237,246,255,.25); }
.brand-logo { font-weight: 700; }
.nav-link { color: #d1dbea; }
.glass-card, .spotlight-card, .product-preview {
  isolation: isolate; background: linear-gradient(130deg,rgba(234,246,255,.105),rgba(216,233,255,.028));
  border: 1px solid var(--glass-edge); box-shadow: var(--glass-shadow);
   
  transition: transform .45s var(--ease-out), border-color .3s ease, background-color .3s ease;
}
.glass-card::before, .spotlight-card::before, .product-preview::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: -1;
  background: linear-gradient(135deg,rgba(255,255,255,.055),transparent 40%,rgba(189,221,255,.025));
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.12), inset -1px -1px 0 rgba(255,255,255,.04);
}

.product-preview { border-radius: 23px; background: rgba(24,36,54,.34); box-shadow: inset 0 1px 0 #ffffff40,0 30px 80px #02091644; }
.preview-top { border-bottom-color: #ffffff1c; background: #ffffff03; }
.preview-sidebar { background: rgba(8,16,28,.23); }
.preview-chat { background: rgba(17,29,46,.12); }
.task-panel { background: rgba(189,217,255,.055); border-color: rgba(198,220,255,.23); border-left-color: #bfd8ff; }
.preview-bottom { border-top-color: #ffffff1c; color: #b2c2d9; }
.preview-tabs button { transition: background .25s ease,color .25s ease; }
.preview-tabs button[aria-selected=true] { background: #c7ddff23; box-shadow: inset 0 1px 0 #ffffff16; }
.preview-mark,.bot-avatar { box-shadow: inset 0 1px 0 #ffffff88,0 3px 10px #0002; }
.platform-icon-wrap,.step-icon-badge { background: #e0edff0b; border-color: #e0edff25; box-shadow: inset 0 1px 0 #ffffff15; }
.platform-name,.step-title,.pricing-tier { font-weight: 600; }
.platform-desc,.step-text,.spotlight-desc,.pricing-desc,.section-desc { color: #b9c8dd; }
.platform-features { gap: 7px; }
.platform-feature-tag { background: #e7f1ff09; border-color: #e7f1ff18; border-radius: 7px; color: #bfcee2; }
.section-title { font-weight: 600; letter-spacing: -.04em; }
.section-badge { color: #c3d9f7; letter-spacing: 1.7px; }
.section-header { max-width: 760px; }
.disclaimer-box { background: rgba(180,205,242,.04); border-color: #b9d3f221; color: #a6b8d2; }
.benefits-grid { border-color: #daeaff29; }
.benefits-grid p { color: #b4c4db; }
.spotlight-card { position: relative; border-radius: 26px; }
.spotlight-title { font-weight: 600; }
.mockup-glass-terminal { background: rgba(5,13,26,.47); border-color: #c0d9ff2c; box-shadow: inset 0 1px 0 #ffffff15,0 18px 40px #0207142a; }
.pricing-section { background: transparent; }
.pricing-card.featured { background: linear-gradient(150deg,rgba(165,204,255,.20),rgba(127,163,213,.08)); border-color: #dbedff70; box-shadow: inset 0 1px 0 #ffffff60,0 15px 45px #050b182a; }
.popular-badge { background: #dceaff13; border-color: #dceaff32; color: #e6f1ff; }
.pricing-price { font-weight: 600; }
.btn-hero-primary,.btn-pricing-primary,.btn-glass-pill {
  background: linear-gradient(135deg,rgba(236,246,255,.26),rgba(218,237,255,.12)); color: #f6faff;
  border: 1px solid #eff8ff65; box-shadow: inset 0 1px 1px #ffffff66,inset 0 -1px 0 #ffffff10,0 6px 20px #0002;
   
}
.btn-hero-secondary,.btn-pricing-outline { background: rgba(235,245,255,.055); border-color: #f1f8ff2d; box-shadow: inset 0 1px 0 #ffffff1a; }
.btn-hero-primary,.btn-hero-secondary,.btn-pricing,.btn-glass-pill {
  border-radius: 15px; font-weight: 600;
  transition: transform .35s var(--ease-out), background-color .25s ease,border-color .25s ease;
}
.btn-hero-primary:hover,.btn-pricing-primary:hover,.btn-glass-pill:hover { background-color: #e5f1ff22; border-color: #f1f8ff9c; }
.btn-hero-secondary:hover,.btn-pricing-outline:hover { background-color: #dceaff12; }
.btn-hero-primary:active,.btn-hero-secondary:active,.btn-pricing:active,.btn-glass-pill:active { transform: scale(.97); }
.btn-hero-primary svg,.text-link svg { transition: transform .35s var(--ease-out); }
.faq-list details { border-bottom-color: #d9eaff2b; }
.faq-list summary { font-weight: 500; transition: color .2s ease; }
.faq-list summary:hover { color: #c7defe; }
.faq-list details[open] p { animation: answer-in .3s var(--ease-out); }
.cta-banner-glass { background: rgba(231,243,255,.075);   border-color: #e1f0ff40; box-shadow: var(--glass-shadow); }
.cta-banner-title { font-weight: 600; }
.site-footer { background: rgba(8,14,25,.73); border-top-color: #d9eaff23; }
.glass-dropdown { display: block; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-7px) scale(.985); transform-origin: top; background: rgba(22,34,52,.96); border-color: #d4e7ff37; box-shadow: inset 0 1px 0 #ffffff26,0 18px 50px #02081455; transition: opacity .2s ease, transform .3s var(--ease-out),visibility .2s; }
.dropdown-open .glass-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }

@keyframes answer-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media(hover:hover) and (pointer:fine) {
  .glass-card:hover { border-color: #e6f3ff63; }

  .btn-hero-primary:hover,.btn-hero-secondary:hover,.btn-pricing:hover,.btn-glass-pill:hover { transform: translateY(-2px); }
  .btn-hero-primary:hover svg,.text-link:hover svg { transform: translateX(3px); }
}
@media(max-width:1000px) {
  .nav-links { display: flex; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px) scale(.98); transform-origin: top right; background: rgba(22,34,52,.97); transition: opacity .2s ease,transform .3s var(--ease-out),visibility .2s; }
  .nav-links.mobile-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
  .glass-dropdown { display: none; transform: none; background: #08122155; }
  .dropdown-open .glass-dropdown { display: block; transform: none; }
}
@media(max-width:760px) {
  .glass-card,.spotlight-card,.product-preview {   }
  .site-backdrop-gradient { background: linear-gradient(180deg,rgba(9,13,23,.51),rgba(9,13,23,.65) 50%,rgba(9,13,23,.85)); }
  .hero-eyebrow { letter-spacing: 1px; }
}
@media(max-width:480px) {
  .hero-eyebrow { font-size: 7px; padding-inline: 11px; letter-spacing: .8px; }
  .hero-title { font-size: clamp(38px,11vw,51px); }
  .hero-subtitle { font-size: 14px; }
  .hero-cta-group .btn-hero-secondary { border-color: #e3f0ff25; background: #e3f0ff05; }
  .product-preview { border-radius: 19px; }
  .glass-card { border-radius: 22px; }
  .nav-wrapper { border-radius: 20px; }
}
@media(prefers-reduced-motion:reduce) {
  .reveal-pending { opacity: 1; }
  .glass-card:hover,.btn-hero-primary:hover,.btn-hero-secondary:hover,.btn-pricing:hover,.btn-glass-pill:hover { transform: none; }
}
@supports not (backdrop-filter:blur(1px)) {
  .glass-card,.spotlight-card,.product-preview { background-color: #1a293be8; }
  .nav-wrapper,.cta-banner-glass { background-color: #1a293bef; }
}

/* Lightweight glass uses painted highlights instead of live background filtering. */
.nav-wrapper { background: linear-gradient(135deg,rgba(81,94,113,.94),rgba(48,60,79,.95)); }
.scrolled .nav-wrapper { background: linear-gradient(135deg,rgba(39,52,73,.97),rgba(24,36,54,.98)); }
.glass-card,.spotlight-card { background: linear-gradient(135deg,rgba(51,65,86,.96),rgba(21,32,49,.97)); transition: border-color .18s ease; }
.product-preview { background: linear-gradient(135deg,rgba(35,48,67,.97),rgba(16,26,43,.98)); }
.pricing-card.featured { background: linear-gradient(145deg,#3c5373f5,#202f46fa); }
.cta-banner-glass { background: linear-gradient(135deg,rgba(58,75,98,.96),rgba(23,36,56,.97)); }
.hero-eyebrow { background: rgba(66,78,95,.92); }
.btn-hero-primary,.btn-pricing-primary,.btn-glass-pill { background: linear-gradient(135deg,#7d8c9ddd,#4b5d77ee); }
.btn-hero-secondary,.btn-pricing-outline { background: linear-gradient(135deg,#344258dd,#243047ee); }
.glass-card::after,.spotlight-card::after,.product-preview::after { content: none; }
.glass-card:hover { transform: none; }
.site-backdrop { contain: strict; }


/* Lunaris: deeper midnight tones, quiet glass edges, clear actions. */
:root { --bg: #060810; --text: #eff2fc; --muted: #a6afc5; --accent: #b6c6ff; --line: rgba(172,190,232,.14); --glass-edge: rgba(212,224,255,.17); --glass-shadow: inset 0 1px 0 #f0f5ff19,0 12px 28px #00000026; }
.site-backdrop-img { opacity: .34; }
.site-backdrop-gradient { background: linear-gradient(180deg,#06081066,#0608109c 46%,#060810e6); }
.nav-wrapper,.scrolled .nav-wrapper { background: linear-gradient(135deg,#151c2bef,#0c111ced); border-color: #d7e3ff24; box-shadow: inset 0 1px 0 #ffffff12,0 8px 25px #0003; }
.brand-logo { letter-spacing: -.7px; gap: 9px; }
.brand-icon-svg { width: 32px; height: 32px; }
.hero-section { padding-top: 183px; padding-bottom: 20px; }
.hero-eyebrow { background: #bccfff09; border-color: #cbdfff20; color: #bac8e4; font-size: 9px; letter-spacing: 2px; padding: 8px 15px; }
.hero-title { font-size: clamp(50px,6.7vw,88px); letter-spacing: -.055em; }
.hero-title span { background-image: linear-gradient(115deg,#e8ecff,#becfff 58%,#899cce); }
.hero-subtitle { color: #b5bfd4; margin-top: 25px; }
.hero-note { color: #8f9db8; margin-bottom: 0; margin-top: 18px; }
.platform-strip { margin-top: 72px; padding: 29px 12px; border-block: 1px solid #bacdff15; color: #a6b3ce; }
.platforms-section { padding-top: 72px; }
.glass-card,.spotlight-card { background: linear-gradient(130deg,#1a2436ed,#0c121feF); border-color: #c3d4ff24; box-shadow: inset 0 1px 0 #ffffff14,0 8px 20px #0002; }
.glass-card::before,.spotlight-card::before { background: linear-gradient(135deg,#c9ddff04,transparent 55%); box-shadow: inset 1px 1px 0 #ffffff05; }
.glass-card:hover { border-color: #c8d9ff40; background-color: transparent; }
.section-title { line-height: 1.16; }
.platform-card { padding: 27px; }
.status-indicator { color: #93a3bf; }
.platform-features { padding-top: 15px; border-top: 1px solid #b6c8ff10; }
.platform-feature-tag { background: #bacfff05; border-color: #bacfff12; color: #9eaecb; }
.platform-desc,.step-text,.spotlight-desc,.pricing-desc,.section-desc { color: #a6b4ce; }
.section-badge { color: #aabbdf; }
.step-number { color: #8194bf; }
.btn-hero-primary,.btn-pricing-primary,.btn-glass-pill { background: linear-gradient(135deg,#cbd7ff,#a6b9eb); color: #111a2e; border-color: #e3ebff75; box-shadow: inset 0 1px 0 #ffffff80,0 5px 15px #7a99e815; }
.btn-hero-primary:hover,.btn-pricing-primary:hover,.btn-glass-pill:hover { background: linear-gradient(135deg,#e1e9ff,#c3d2f7); }
.btn-hero-secondary,.btn-pricing-outline { background: linear-gradient(135deg,#202b40,#151e30); border-color: #d1e0ff28; color: #cbd7ed; }
.pricing-card.featured { background: linear-gradient(145deg,#253655,#121d32); border-color: #bacfff54; box-shadow: inset 0 1px 0 #ffffff25,0 10px 25px #0002; }
.popular-badge { background: #b6caff0b; color: #c1d3ff; }
.reviews-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.review-card { padding: 28px; }
.review-stars { color: #b1c4ee; }
.review-quote { color: #b4c2db; }
.cta-banner-glass { background: linear-gradient(135deg,#1e2a43,#0f1727); border-color: #cadbff30; }
.site-footer { background: #070b13ed; }
.glass-dropdown,.nav-links.mobile-open { background: #111a2bf7; }
.evening-card { width: 100%; padding: 30px; text-align: center; border: 1px solid #c5d8ff20; border-radius: 20px; background: linear-gradient(145deg,#22324b77,#0d1627cc); box-shadow: inset 0 1px 0 #ffffff10; }
.evening-card .section-badge { font-size: 8px; letter-spacing: 1.5px; }
.evening-moon { display: block; width: 80px; height: 80px; margin: 10px auto 20px; }
.evening-card h3 { font-size: 21px; font-weight: 500; letter-spacing: -.6px; margin-bottom: 12px; text-wrap: balance; }
.evening-card p { font-size: 12px; line-height: 1.9; color: #a8b9d4; }
.evening-note { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 26px; padding-top: 20px; border-top: 1px solid #c4d7ff15; font-size: 10px; color: #8fa5c9; }
@media(min-width:1600px) { .hero-title { font-size: 96px; } }
@media(max-width:1000px) { .hero-section { padding-top: 150px; } }
@media(max-width:760px) { .hero-section { padding-top: 138px; } .hero-title { font-size: clamp(46px,8.5vw,64px); } .platform-strip { margin-top: 45px; padding-block: 24px; } .platforms-section { padding-top: 50px; } .site-backdrop-gradient { background: linear-gradient(180deg,#06081066,#060810b3 45%,#060810ee); } }
@media(max-width:480px) { .hero-section { padding-top: 128px; } .hero-title { font-size: clamp(38px,10.8vw,51px); } .hero-eyebrow { font-size: 7px; letter-spacing: 1.3px; } .hero-subtitle { font-size: 14px; } .hero-cta-group .btn-hero-secondary { background: #1b2638c4; border-color: #bacdff23; } .reviews-grid { grid-template-columns: 1fr; } .evening-card { padding: 25px 18px; } .platform-card { padding: 24px; } }

/* Reference-inspired satin glass: translucent fills and a fine double rim. */
:root {
  --glass-edge: rgba(225,239,255,.34);
  --glass-shadow: inset 0 1px 1px rgba(248,252,255,.26),inset 0 -1px 1px rgba(185,208,242,.09),0 6px 18px rgba(0,4,13,.12);
}
.brand-logo { gap: 0; letter-spacing: -.65px; }
.nav-wrapper,.scrolled .nav-wrapper {
  border-radius: 15px; border: 1px solid rgba(232,244,255,.30);
  background: linear-gradient(130deg,rgba(163,185,215,.12),rgba(118,142,179,.035)),rgba(10,17,29,.86);
  box-shadow: var(--glass-shadow);
}
.glass-card,.spotlight-card,.evening-card,.cta-banner-glass {
  border-radius: 13px; border: 1px solid var(--glass-edge);
  background: radial-gradient(ellipse at 0% 0%,rgba(201,222,247,.10),transparent 65%),linear-gradient(135deg,rgba(156,180,211,.085),rgba(145,171,205,.035)),rgba(10,18,32,.38);
  box-shadow: var(--glass-shadow);
}
.glass-card::before,.spotlight-card::before {
  inset: 2px; border: 1px solid rgba(223,239,255,.045); border-radius: 10px;
  background: linear-gradient(140deg,rgba(246,252,255,.018),transparent 48%); box-shadow: none;
}
.glass-card:hover { border-color: rgba(238,247,255,.48); background-color: transparent; }
.pricing-card.featured {
  background: radial-gradient(ellipse at 0% 0%,rgba(185,214,252,.14),transparent 70%),linear-gradient(140deg,rgba(134,171,222,.15),rgba(136,163,204,.055)),rgba(13,24,42,.42);
  border-color: rgba(229,242,255,.50); box-shadow: inset 0 1px 1px #f4faff55,inset 0 -1px 1px #c3daff17,0 6px 18px #00020a20;
}
.btn-hero-primary,.btn-pricing-primary,.btn-glass-pill {
  background: linear-gradient(140deg,rgba(214,234,255,.21),rgba(151,180,217,.095)),rgba(64,83,116,.35);
  color: #eef5ff; border: 1px solid rgba(232,245,255,.46); border-radius: 11px;
  box-shadow: inset 0 1px 1px #ffffff55,inset 0 -1px 1px #c7dfff15,0 3px 10px #00020c15;
}
.btn-hero-primary:hover,.btn-pricing-primary:hover,.btn-glass-pill:hover {
  background: linear-gradient(140deg,rgba(223,238,255,.25),rgba(179,203,236,.13)),rgba(64,83,116,.35); border-color: #ecf7ff99;
}
.btn-hero-secondary,.btn-pricing-outline,.hero-cta-group .btn-hero-secondary {
  background: linear-gradient(145deg,rgba(175,195,221,.08),rgba(126,150,181,.025)),rgba(9,18,33,.42);
  border: 1px solid rgba(220,237,255,.24); border-radius: 11px; box-shadow: inset 0 1px 0 #ffffff17;
}
.platform-icon-wrap,.step-icon-badge {
  background: linear-gradient(140deg,#d8ecff12,#a8c4e906); border-color: #daefff33;
  border-radius: 9px; box-shadow: inset 0 1px 0 #ffffff20;
}
.platform-feature-tag,.popular-badge {
  background: linear-gradient(140deg,#d0e5ff0d,#a7c4e505); border-color: #def0ff25; box-shadow: inset 0 1px 0 #ffffff10;
}
.hero-eyebrow { background: linear-gradient(140deg,#cfe6ff0d,#a6c4ec05); border-color: #d3eaff33; box-shadow: inset 0 1px 0 #ffffff17; }
.glass-dropdown,.nav-links.mobile-open {
  background: linear-gradient(140deg,#cde4ff0d,#a9c7ec04),#111a2bf7;
  border-color: #d7edff40; box-shadow: inset 0 1px 0 #ffffff20,0 8px 20px #0004;
}
.disclaimer-box { background: #b7d4f505; border-color: #d8eaff20; border-radius: 9px; }
@media(max-width:480px) {
  .glass-card,.spotlight-card,.evening-card,.cta-banner-glass { border-radius: 13px; }
  .nav-wrapper { border-radius: 13px; }
}