:root,html[data-theme=dark]{--pure-black: #000000;--pure-white: #ffffff;--black: #000000;--white: #ffffff;--navy: #000000;--navy2: #09090b;--navy3: #121214;--navy4: #18181b;--navy5: #27272a;--amber: #ffffff;--amber2: #e4e4e7;--amber3: #d4d4d8;--amberg: linear-gradient(135deg, #ffffff 0%, #a1a1aa 100%);--amberfg: linear-gradient(135deg, #ffffff 0%, #e4e4e7 100%);--shadow-amber: 0 12px 48px rgba(0, 0, 0, .6);--amber-glow: rgba(255, 255, 255, .12);--amber-bg: rgba(255, 255, 255, .08);--amber-border: rgba(255, 255, 255, .16);--grad-amber: linear-gradient(135deg, #ffffff 0%, #a1a1aa 100%);--purple: #ffffff;--purple2: #e4e4e7;--brand-purple: #ffffff;--brand-purple-hover: #e4e4e7;--brand-purple-rgb: 255, 255, 255;--brand-purple-subtle: rgba(255, 255, 255, .08);--brand-purple-border: rgba(255, 255, 255, .16);--brand-purple-glow: 0 8px 24px rgba(255, 255, 255, .12);--emerald: #10b981;--emerald2: #34d399;--em2: #34d399;--emerald-bg: rgba(16, 185, 129, .14);--blue: #3d7aed;--blue2: #60a5fa;--sky: #38bdf8;--sky-bg: rgba(56, 189, 248, .14);--text: #ffffff;--text2: #e4e4e7;--text3: #a1a1aa;--muted: #a1a1aa;--muted2: #71717a;--border: #27272a;--border2: rgba(255, 255, 255, .14);--border3: rgba(255, 255, 255, .2);--wa: #25d366;--wa-bg: rgba(37, 211, 102, .14);--f-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--f-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--f-mono: "JetBrains Mono", monospace;--r: 10px;--r2: 18px;--r3: 28px;--shadow-sm: 0 2px 12px rgba(0, 0, 0, .4);--shadow-md: 0 8px 40px rgba(0, 0, 0, .6);--shadow-lg: 0 20px 80px rgba(0, 0, 0, .8);--shadow-card: 0 12px 40px rgba(0, 0, 0, .55);--bg: #000000;--bg2: #09090b;--surface: #09090b;--surface-2: #121214;--surface2: #121214;--surface-hover: #18181b;--surface-card: #09090b;--surface-card-border: #27272a;--red: #ef4444;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--navy);color:var(--text);font-family:var(--f-body);font-weight:400;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--f-body);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:110px 0}.section-sm{padding:64px 0}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:50px;font-family:var(--f-body);font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;border:none;transition:all .25s ease;text-decoration:none}.btn-amber{background:#fff;color:#000;box-shadow:0 4px 16px #ffffff1f}.btn-amber:hover{background:#e4e4e7;color:#000;transform:translateY(-2px);box-shadow:0 8px 24px #fff3}.btn-outline{background:transparent;color:#fff;border:1px solid #27272a}.btn-outline:hover{background:#18181b;border-color:#52525b;color:#fff}.btn-sm{padding:10px 22px;font-size:13px}.btn-wa{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:50px;background:var(--wa);color:#fff;font-family:var(--f-body);font-size:13px;font-weight:600;transition:all .25s}.btn-wa:hover{transform:translateY(-2px);box-shadow:0 8px 28px #25d36659}.btn-wa svg{width:16px;height:16px;fill:#fff;flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:50px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.pill-dot{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #fff3;animation:blink 1.8s ease infinite}.chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:50px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);font-size:11px;color:#fff;font-weight:500}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all .3s ease}#navbar.scrolled{background:#000000eb;backdrop-filter:blur(24px) saturate(180%);padding:26px 0;border-bottom:1px solid var(--border2);box-shadow:0 4px 40px #0009}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:100%;margin:0;padding:0}.nav-logo{font-family:var(--f-display);font-size:26px;font-weight:900;background:var(--amberg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:36px}.nav-links>li>a{font-size:13px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;transition:color .2s}.nav-links>li>a:hover{color:var(--text)}.nav-cta{display:flex;align-items:center;gap:12px;flex-shrink:0}@media(max-width:767px){.nav-cta{display:none}}.theme-toggle{width:38px!important;height:38px!important;border-radius:20px!important;background:#000!important;border:1px solid rgba(255,255,255,.16)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;flex-shrink:0!important;box-sizing:border-box!important;transition:all .2s ease!important;color:#fff!important}[data-theme=light] .theme-toggle{background:#fff!important;border-color:#00000024!important;color:#000!important}.theme-toggle:hover{border-color:#fff!important;transform:scale(1.06)!important}[data-theme=light] .theme-toggle:hover{border-color:#000!important}.theme-icon-slot{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;pointer-events:none!important}.theme-svg{width:20px!important;height:20px!important;display:block!important;pointer-events:none!important}html:not([data-theme=light]) .theme-svg-sun,html[data-theme=dark] .theme-svg-sun{display:block!important}html:not([data-theme=light]) .theme-svg-moon,html[data-theme=dark] .theme-svg-moon{display:none!important}html[data-theme=light] .theme-svg-moon{display:block!important}html[data-theme=light] .theme-svg-sun{display:none!important}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;z-index:1002}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}.mobile-nav{display:none;position:fixed;inset:0;z-index:999;background:#000000fa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 24px 40px;padding-top:calc(80px + env(safe-area-inset-top,0px));padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));padding-left:calc(24px + env(safe-area-inset-left,0px));padding-right:calc(24px + env(safe-area-inset-right,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;gap:20px}.mobile-nav.open{display:flex}.mobile-nav a.mobile-link{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:12px 14px;font-family:inherit;font-size:17px;font-weight:600;color:var(--text);text-transform:none;letter-spacing:normal;text-align:left;border-radius:10px;border-bottom:none;margin-bottom:4px;text-decoration:none;transition:background .2s,color .2s}.mobile-nav a.mobile-link:hover{background:#ffffff0d;color:var(--brand-purple)}[data-theme=light] .mobile-nav a.mobile-link:hover{background:#0000000a}.mobile-nav a:not(.btn):not(.mobile-prod-link):not(.mobile-link){font-size:22px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.1em;transition:color .2s}.mobile-nav a:not(.btn):not(.mobile-prod-link):not(.mobile-link):hover{color:#fff}[data-theme=light] .mobile-nav a:not(.btn):not(.mobile-prod-link):not(.mobile-link):hover{color:#000}.mobile-nav .btn{font-size:14.5px!important;font-weight:600!important;text-transform:none!important;letter-spacing:.02em!important;padding:12px 24px!important;border-radius:10px!important;margin-left:auto!important;margin-right:auto!important;line-height:1.4!important}html[data-theme=dark] .mobile-nav .btn-amber,html:not([data-theme=light]) .mobile-nav .btn-amber{background:#fff!important;color:#000!important;border:1px solid #ffffff!important}html[data-theme=dark] .mobile-nav .btn-amber:hover,html:not([data-theme=light]) .mobile-nav .btn-amber:hover{background:#e4e4e7!important;color:#000!important}html[data-theme=light] .mobile-nav .btn-amber{background:#000!important;color:#fff!important;border:1px solid #000000!important}html[data-theme=light] .mobile-nav .btn-amber:hover{background:#27272a!important;color:#fff!important}.mobile-nav .btn-outline{background:transparent!important;color:var(--text)!important;border:1.5px solid var(--border2)!important}.mobile-close{display:none}#hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 0 80px}.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6}.hero-bg-orb.o1{width:700px;height:500px;top:-100px;right:-100px;background:radial-gradient(ellipse,rgba(255,255,255,.12),transparent 70%)}.hero-bg-orb.o2{width:500px;height:500px;bottom:-200px;left:-150px;background:radial-gradient(ellipse,rgba(61,122,237,.1),transparent 70%)}.hero-bg-orb.o3{width:300px;height:300px;top:40%;right:30%;background:radial-gradient(ellipse,rgba(16,185,129,.06),transparent 70%)}.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}.hero-eyebrow{margin-bottom:24px}.hero-title{font-family:var(--f-body);font-size:clamp(38px,5vw,66px);font-weight:800;line-height:1.08;letter-spacing:-.025em;margin-bottom:22px}.hero-title .italic{font-family:var(--f-display);font-style:italic;background:var(--amberg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:17px;color:var(--muted);max-width:480px;line-height:1.8;margin-bottom:40px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-social-proof{margin-top:52px;display:flex;align-items:center;gap:20px}.avatar-stack{display:flex;align-items:center}.avatar-stack .av{width:34px;height:34px;border-radius:50%;border:2px solid var(--navy);background:var(--navy4);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--amber3);margin-left:-8px}.avatar-stack .av:first-child{margin-left:0}.sp-divider{width:1px;height:36px;background:var(--border2)}.sp-text{font-size:13px;color:var(--muted)}.sp-text strong{color:var(--text)}.crm-mockup{position:relative}.crm-window{background:var(--navy2);border:1px solid rgba(255,255,255,.09);border-radius:var(--r2);overflow:hidden;box-shadow:0 32px 100px #000000b3,0 0 0 1px #ffffff0a;position:relative}.crm-window:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.crm-chrome{background:var(--navy3);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.crm-dots{display:flex;gap:6px}.crm-dot{width:10px;height:10px;border-radius:50%}.crm-dot.r{background:#ff5f57}.crm-dot.y{background:#febc2e}.crm-dot.g{background:#28c840}.crm-url{flex:1;background:#ffffff0a;border:1px solid var(--border);border-radius:6px;padding:5px 12px;font-size:11px;color:var(--muted);font-family:var(--f-mono);display:flex;align-items:center;gap:6px}.crm-url svg{width:10px;height:10px;stroke:var(--emerald);fill:none;stroke-width:2}.crm-title{font-size:11px;font-weight:600;color:var(--text2)}.dash-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.dash-greeting{font-size:13px;font-weight:600;color:var(--text)}.dash-greeting span{color:var(--amber2)}.dash-live-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:50px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);font-size:10px;font-weight:700;color:var(--emerald2)}.live-pulse{width:6px;height:6px;border-radius:50%;background:var(--emerald);animation:livepulse 1.4s ease infinite}@keyframes livepulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.kpi-cell{background:var(--navy2);padding:14px 16px;text-align:center}.kpi-num{font-size:22px;font-weight:800;line-height:1;margin-bottom:3px;font-family:var(--f-body)}.kpi-num.amber{color:var(--amber3)}.kpi-num.green{color:var(--emerald2)}.kpi-num.blue{color:var(--blue2)}.kpi-num.white{color:var(--text)}.kpi-lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.pipe-board{padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pipe-col-head{padding:6px 10px;border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}.pipe-col-head .count{padding:1px 6px;border-radius:50px;font-size:8px;font-weight:700}.ch-new{background:#3d7aed1f;color:#60a5fa}.ch-new .count{background:#3d7aed33;color:#60a5fa}.ch-fol{background:#ffffff14;color:var(--text2)}.ch-fol .count{background:#ffffff1f;color:var(--text)}.ch-clo{background:#10b9811f;color:#34d399}.ch-clo .count{background:#10b98133;color:#34d399}.ch-jnk{background:#6464641a;color:#9ca3af}.ch-jnk .count{background:#64646426;color:#9ca3af}.lead-card-mini{background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:9px 10px;margin-bottom:6px;transition:all .2s;cursor:default}.lead-card-mini:hover{background:#ffffff0e;border-color:#fff3;transform:translateY(-1px)}.lcm-name{font-size:11px;font-weight:600;color:var(--text);margin-bottom:2px}.lcm-phone{font-size:9px;color:var(--muted)}.lcm-src{display:inline-block;margin-top:5px;padding:2px 6px;border-radius:4px;font-size:8px;font-weight:700;background:#ffffff1a;color:var(--amber3)}.lcm-src.fb{background:#3b82f61f;color:#93c5fd}.lcm-src.wa{background:#25d3661a;color:#6ee7b7}.lcm-src.ref{background:#ffffff14;color:var(--text2)}.lcm-src.web{background:#ffffff1a;color:var(--amber3)}.crm-activity{border-top:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;gap:8px;background:var(--navy3)}.act-dot{width:6px;height:6px;border-radius:50%;background:var(--emerald);flex-shrink:0;animation:blink 1.8s ease infinite}.act-text{font-size:10px;color:var(--muted);flex:1}.act-text strong{color:var(--emerald2)}.act-time{font-size:9px;color:var(--muted2);font-family:var(--f-mono)}.float-notif{position:absolute;bottom:-18px;right:-16px;background:var(--navy2);border:1px solid rgba(16,185,129,.3);border-radius:14px;padding:11px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-md);animation:floatY 3.5s ease-in-out infinite;min-width:220px}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fn-icon{width:32px;height:32px;border-radius:50%;background:#10b9811f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fn-icon svg{width:14px;height:14px;stroke:var(--emerald2);fill:none;stroke-width:2.5}.fn-title{font-size:11px;font-weight:600;color:var(--text)}.fn-sub{font-size:9px;color:var(--emerald2);margin-top:1px}.float-stat{position:absolute;top:-16px;left:-16px;background:var(--navy3);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 14px;box-shadow:var(--shadow-md);animation:floatY 4s ease-in-out infinite;animation-delay:-.8s}.fs-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.fs-val{font-size:20px;font-weight:800;color:var(--amber3);line-height:1}.fs-trend{font-size:9px;color:var(--emerald2);margin-top:2px}#clients{padding:40px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--navy2);overflow:hidden}.clients-label{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:28px}.clients-track-wrap{overflow:hidden;position:relative}.clients-track-wrap:before,.clients-track-wrap:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2}.clients-track-wrap:before{left:0;background:linear-gradient(90deg,var(--navy2),transparent)}.clients-track-wrap:after{right:0;background:linear-gradient(-90deg,var(--navy2),transparent)}.clients-track{display:flex;gap:56px;width:max-content;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translate(-50%)}}.client-name{font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap;opacity:.45;letter-spacing:.06em;text-transform:uppercase;transition:opacity .3s}.client-name:hover{opacity:.9}#stats{background:var(--navy2);border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat-cell{padding:48px 28px;text-align:center;border-right:1px solid var(--border);position:relative}.stat-cell:last-child{border-right:none}.stat-cell:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--amberg);border-radius:0 0 4px 4px}.stat-num{font-size:clamp(36px,4vw,54px);font-weight:800;line-height:1;background:var(--amberg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;margin-bottom:8px}.stat-lbl{font-size:13px;color:var(--muted)}.sec-head{text-align:center;margin-bottom:72px}.sec-head .pill{margin-bottom:16px}.sec-title{font-size:clamp(30px,4vw,50px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;line-height:1.1}.sec-title .italic{font-family:var(--f-display);font-style:italic;background:var(--amberg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sec-sub{font-size:17px;color:var(--muted);max-width:540px;margin:0 auto}.features-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:20px}.feat-card{background:var(--navy2);border:1px solid var(--border);border-radius:var(--r2);padding:36px;position:relative;overflow:hidden;transition:all .3s}.feat-card:hover{border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 20px 60px #0006}.feat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);opacity:0;transition:opacity .3s}.feat-card:hover:after{opacity:1}.feat-card.span2{grid-column:span 2}.feat-card.span3{grid-column:span 3}.feat-icon-wrap{width:52px;height:52px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;margin-bottom:22px}.feat-icon-wrap svg{width:22px;height:22px;stroke:var(--amber2);fill:none;stroke-width:1.5}.feat-title{font-size:19px;font-weight:700;margin-bottom:10px}.feat-desc{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:18px}.feat-chips{display:flex;flex-wrap:wrap;gap:6px}.feat-card-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.tenant-diagram{background:var(--navy);border:1px solid var(--border);border-radius:12px;padding:16px}.tenant-diagram-title{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.tenant-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:8px;margin-bottom:7px;border:1px solid transparent;transition:all .2s}.tenant-row.t1{background:#3d7aed12;border-color:#3d7aed26}.tenant-row.t2{background:#ffffff0f;border-color:#ffffff1f}.tenant-row.t3{background:#ffffff06;border-color:var(--border)}.tenant-name{font-size:12px;color:var(--text);font-weight:500}.tenant-badge{font-size:8px;font-weight:700;padding:2px 7px;border-radius:50px}.badge-active{background:#10b9811f;color:var(--emerald2)}.badge-trial{background:#ffffff14;color:var(--text)}#pipeline{background:var(--navy2);border-top:1px solid var(--border)}.pipeline-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center}.pipeline-text h2{font-size:clamp(28px,3.5vw,44px);margin-bottom:18px}.pipeline-text p{color:var(--muted);line-height:1.8;margin-bottom:32px}.steps{display:flex;flex-direction:column;gap:16px}.step-item{display:flex;align-items:flex-start;gap:14px}.step-num{width:32px;height:32px;border-radius:50%;flex-shrink:0;margin-top:2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:var(--amber3);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-body h4{font-size:14px;font-weight:600;margin-bottom:3px}.step-body p{font-size:13px;color:var(--muted)}.pipe-visual{background:var(--navy);border:1px solid var(--border2);border-radius:var(--r2);overflow:hidden;box-shadow:var(--shadow-md)}.pipe-topbar{background:var(--navy3);border-bottom:1px solid var(--border);padding:12px 18px;display:flex;align-items:center;justify-content:space-between}.pipe-topbar h5{font-size:12px;font-weight:600}.pipe-count{font-size:10px;padding:3px 10px;border-radius:50px;background:#ffffff1a;color:var(--amber2)}.pipe-body{padding:14px}.pipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pipe-col-label{text-align:center;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:5px 6px;border-radius:5px;margin-bottom:8px}.pipe-lead{background:#ffffff08;border:1px solid var(--border);border-radius:7px;padding:9px;margin-bottom:5px;transition:all .2s}.pipe-lead:hover{background:#ffffff0e;border-color:#ffffff26}.pl-name{font-size:10px;font-weight:600;margin-bottom:2px}.pl-phone{font-size:9px;color:var(--muted)}.pl-src{display:inline-block;margin-top:4px;padding:1px 5px;border-radius:3px;font-size:8px;font-weight:700;background:#ffffff14;color:var(--amber2)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:1}.how-card{background:var(--navy2);border:1px solid var(--border);border-radius:var(--r2);padding:40px 32px;text-align:center;transition:border-color .3s}.how-card:hover{border-color:#fff3}.how-num{font-size:64px;font-weight:800;line-height:1;color:#ffffff12;margin-bottom:14px;font-family:var(--f-body)}.how-card h3{font-size:18px;margin-bottom:12px}.how-card p{font-size:14px;color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.svc-card{background:var(--navy2);border:1px solid var(--border);border-radius:var(--r2);padding:36px;transition:all .3s;position:relative;overflow:hidden}.svc-card:hover{border-color:#fff3;transform:translateY(-5px)}.svc-num{font-size:44px;font-weight:800;line-height:1;color:#ffffff12;margin-bottom:18px}.svc-title{font-size:19px;margin-bottom:10px}.svc-desc{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:22px}.svc-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--amber2);text-transform:uppercase;letter-spacing:.05em;transition:gap .2s}.svc-link:hover{gap:9px}.svc-link svg{width:12px;height:12px;stroke:var(--amber2);fill:none;stroke-width:2.5}#pricing{background:var(--navy2)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{background:var(--navy);border:1px solid var(--border);border-radius:var(--r2);padding:36px;position:relative;overflow:hidden;transition:transform .3s}.price-card:hover{transform:translateY(-4px)}.price-card.featured{background:linear-gradient(160deg,#ffffff14,#ffffff05);border-color:#ffffff4d}.price-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--amberg)}.price-badge,[data-theme=dark] .price-badge{display:inline-block;padding:4px 12px;border-radius:50px;background:#fff;color:#000;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px;transition:background-color .25s ease,color .25s ease}.price-plan{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:12px}.price-amount{display:flex;align-items:baseline;gap:4px;margin-bottom:22px}.price-currency{font-size:22px;color:var(--amber2);font-weight:700}.price-num{font-size:52px;font-weight:800;line-height:1}.price-period{font-size:14px;color:var(--muted)}.price-divider{border:none;border-top:1px solid var(--border);margin:22px 0}.price-features{display:flex;flex-direction:column;gap:11px;margin-bottom:32px}.pf-row{display:flex;align-items:center;gap:10px;font-size:14px}.pf-row.off{color:var(--muted)}.pf-check{width:18px;height:18px;border-radius:50%;flex-shrink:0;background:#10b9811a;border:1px solid rgba(16,185,129,.25);display:flex;align-items:center;justify-content:center}.pf-check svg{width:8px;height:8px;stroke:var(--emerald);fill:none;stroke-width:3}.pf-x{width:18px;height:18px;border-radius:50%;flex-shrink:0;background:#6b728014;display:flex;align-items:center;justify-content:center}.pf-x svg{width:8px;height:8px;stroke:#6b7280;fill:none;stroke-width:3}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testi-card{background:var(--navy2);border:1px solid var(--border);border-radius:var(--r2);padding:32px;display:flex;flex-direction:column;transition:border-color .3s}.testi-card:hover{border-color:#fff3}.testi-stars{display:flex;gap:3px;margin-bottom:18px}.testi-stars svg{width:13px;height:13px;fill:var(--amber3)}.testi-quote{font-size:15px;line-height:1.75;color:var(--text2);margin-bottom:24px;flex:1}.testi-author{display:flex;align-items:center;gap:12px}.ta-av{width:38px;height:38px;border-radius:50%;background:var(--navy4);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--amber3);flex-shrink:0}.ta-name{font-size:13px;font-weight:600}.ta-role{font-size:11px;color:var(--muted)}#faq{background:var(--navy2)}.faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}.faq-text h2{font-size:36px;margin-bottom:14px}.faq-text p{color:var(--muted);margin-bottom:28px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--navy);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .3s}.faq-item.open{border-color:#ffffff40}.faq-q{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;cursor:pointer;font-size:14px;font-weight:600;gap:14px}.faq-icon{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.faq-item.open .faq-icon{background:#ffffff1a;border-color:#ffffff4d;transform:rotate(45deg)}.faq-icon svg{width:10px;height:10px;stroke:var(--muted);fill:none;stroke-width:2.5}.faq-item.open .faq-icon svg{stroke:var(--amber2)}.faq-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-item.open .faq-body{max-height:220px}.faq-body p{padding:0 18px 16px;font-size:14px;color:var(--muted);line-height:1.75}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.contact-info h2{font-size:36px;margin-bottom:14px}.contact-info p{color:var(--muted);margin-bottom:32px;line-height:1.8}.contact-details{display:flex;flex-direction:column;gap:18px}.cd-item{display:flex;align-items:flex-start;gap:13px}.cd-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;background:#ffffff12;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}.cd-icon svg{width:16px;height:16px;stroke:var(--amber2);fill:none;stroke-width:1.5}.cd-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:3px}.cd-val{font-size:14px;color:var(--text)}.social-row{display:flex;gap:10px;margin-top:28px}.soc-btn{width:38px;height:38px;border-radius:9px;background:var(--navy2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .25s;color:var(--muted)}.soc-btn:hover{border-color:#ffffff4d;color:var(--amber2)}.soc-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5}.soc-btn svg [fill=currentColor],.soc-btn svg path[fill=currentColor]{stroke:none;fill:currentColor}.cf-wrap{background:var(--navy2);border:1px solid var(--border);border-radius:var(--r2);padding:36px;position:relative;overflow:hidden}.cf-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent)}.cf-title{font-size:20px;margin-bottom:6px}.cf-sub{font-size:13px;color:var(--muted);margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.form-input{width:100%;padding:12px 15px;background:var(--navy);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:var(--f-body);font-size:14px;outline:none;transition:border-color .25s;resize:none}.form-input::placeholder{color:var(--muted2)}.form-input:focus{border-color:#fff6}.form-select{width:100%;padding:12px 15px;background:var(--navy);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:var(--f-body);font-size:14px;outline:none;transition:border-color .25s;appearance:none;cursor:pointer}.form-select:focus{border-color:#fff6}.form-select option{background:var(--navy2)}#cta{padding:80px 0;border-top:1px solid var(--border)}.cta-box{background:linear-gradient(135deg,#ffffff17,#ffffff05);border:1px solid rgba(255,255,255,.2);border-radius:var(--r3);padding:64px;text-align:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}.cta-box h2{font-size:clamp(28px,4vw,46px);margin-bottom:14px}.cta-box p{font-size:17px;color:var(--muted);max-width:500px;margin:0 auto 36px}.cta-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}footer{padding:60px 0 32px;border-top:1px solid var(--border);background:var(--navy2)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px;margin-bottom:48px}.fb-logo{font-family:var(--f-display);font-size:26px;font-weight:900;background:var(--amberg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;display:block}.footer-brand p{font-size:14px;color:var(--muted);line-height:1.7;max-width:270px;margin-bottom:22px}.footer-col h5{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text);margin-bottom:18px}.footer-col ul{display:flex;flex-direction:column;gap:10px}.footer-col ul a{font-size:14px;color:var(--muted);transition:color .2s}.footer-col ul a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding-top:26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-bottom p{font-size:12px;color:var(--muted2)}.wa-float{position:fixed;bottom:24px;right:24px;z-index:990;display:flex;align-items:center;gap:10px}.wa-tip{background:var(--navy2);border:1px solid var(--border);border-radius:9px;padding:9px 14px;font-size:12px;color:var(--text);white-space:nowrap;opacity:0;transform:translate(8px);transition:all .25s;pointer-events:none}.wa-float:hover .wa-tip{opacity:1;transform:translate(0)}.wa-btn{width:54px;height:54px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 28px #25d36666;transition:transform .25s;flex-shrink:0;position:relative}.wa-btn:hover{transform:scale(1.08)}.wa-btn:before{content:"";position:absolute;width:54px;height:54px;border-radius:50%;background:var(--wa);opacity:.4;animation:wa-pulse 2.5s ease-out infinite}@keyframes wa-pulse{0%{transform:scale(1);opacity:.4}to{transform:scale(2.2);opacity:0}}.wa-btn svg{width:24px;height:24px;fill:#fff;position:relative;z-index:1}.svc-detail-card{margin-bottom:36px;padding:40px}.svc-detail-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:40px;align-items:center}@media(max-width:1080px){.nav-links,.nav-cta{display:none}.hamburger{display:flex}.hero-layout{grid-template-columns:1fr;gap:48px;text-align:center}.hero-eyebrow,.hero-actions,.hero-social-proof{justify-content:center}.hero-sub{margin-left:auto;margin-right:auto}.crm-mockup{max-width:700px;margin:0 auto;width:100%}.pipeline-layout{grid-template-columns:1fr;gap:48px}.features-bento{grid-template-columns:repeat(2,1fr)}.feat-card.span2,.feat-card.span3{grid-column:span 2}.feat-card-inner{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.testi-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}.faq-layout,.contact-layout{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:36px}.footer-brand{grid-column:span 2}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-cell{border-bottom:1px solid var(--border)}.stat-cell:nth-child(2n){border-right:none}.stat-cell:last-child,.stat-cell:nth-last-child(2){border-bottom:none}}@media(max-width:768px){.section{padding:64px 0}.section-sm{padding:48px 0}#hero{padding:100px 0 50px;min-height:auto}.hero-title{font-size:clamp(28px,8vw,44px);line-height:1.15}.hero-sub{font-size:15px;line-height:1.7;margin-bottom:28px}.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.hero-actions .btn{width:100%;justify-content:center;padding:14px 24px}.hero-social-proof{flex-direction:column;gap:10px;margin-top:36px}.sp-divider{display:none}.crm-mockup{overflow-x:auto;-webkit-overflow-scrolling:touch}.crm-window{min-width:320px}.pipe-board{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px;gap:12px}.pipe-col{min-width:220px;flex-shrink:0}.features-bento{grid-template-columns:1fr;gap:16px}.feat-card{padding:24px}.feat-card.span2,.feat-card.span3{grid-column:span 1}.how-grid,.services-grid{grid-template-columns:1fr;gap:16px}.svc-detail-card{padding:24px 18px;margin-bottom:20px}.svc-detail-inner{grid-template-columns:1fr;gap:24px}.stats-grid{grid-template-columns:1fr 1fr}.stat-cell{padding:32px 16px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-brand{grid-column:span 1}.cta-box{padding:36px 20px;border-radius:var(--r2)}.cta-actions{flex-direction:column;align-items:stretch;gap:12px}.cta-actions .btn,.cta-actions .btn-wa{width:100%;justify-content:center;text-align:center}.form-row{grid-template-columns:1fr}.pipe-grid{grid-template-columns:1fr;gap:16px}.mobile-nav{padding:80px 24px 40px;overflow-y:auto;justify-content:flex-start;gap:20px;background:#000000fa;backdrop-filter:blur(24px)}.mobile-nav a.mobile-link{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:12px 14px;font-family:inherit;font-size:17px;font-weight:600;color:var(--text);text-transform:none;letter-spacing:normal;text-align:left;border-radius:10px;border-bottom:none;margin-bottom:4px;text-decoration:none;transition:background .2s,color .2s}.mobile-nav a.mobile-link:hover{background:#ffffff0d;color:var(--brand-purple)}[data-theme=light] .mobile-nav a.mobile-link:hover{background:#0000000a}}@media(max-width:480px){.container{padding:0 16px}.sec-head{margin-bottom:48px}.sec-title{font-size:clamp(24px,6.5vw,34px)}.sec-sub{font-size:14px}.stats-grid{grid-template-columns:1fr}.stat-cell{border-right:none;border-bottom:1px solid var(--border)}.stat-cell:last-child{border-bottom:none}.kpi-row{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.kpi-cell{padding:8px}.kpi-num{font-size:18px}.kpi-lbl{font-size:10px}.wa-float{bottom:16px;right:16px}.wa-tip{display:none}.wa-btn{width:48px;height:48px}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}[data-theme=light]{--pure-black: #000000;--pure-white: #ffffff;--black: #000000;--white: #ffffff;--navy: #ffffff;--navy2: #fafafa;--navy3: #f4f4f5;--navy4: #e4e4e7;--navy5: #d4d4d8;--text: #000000;--text2: #27272a;--text3: #3f3f46;--muted: #52525b;--muted2: #71717a;--border: #e4e4e7;--border2: #d4d4d8;--border3: #a1a1aa;--shadow-sm: 0 2px 12px rgba(0, 0, 0, .06);--shadow-md: 0 8px 32px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .12);--shadow-card: 0 8px 30px rgba(0, 0, 0, .07);--bg: #ffffff;--bg2: #fafafa;--surface: #ffffff;--surface-2: #fafafa;--surface2: #fafafa;--surface-hover: #f4f4f5;--surface-card: #ffffff;--surface-card-border: #e4e4e7;--amber: #000000;--amber2: #27272a;--amber3: #3f3f46;--amberg: linear-gradient(135deg, #000000 0%, #3f3f46 100%);--amberfg: linear-gradient(135deg, #000000 0%, #27272a 100%);--shadow-amber: 0 8px 30px rgba(0, 0, 0, .08);--amber-glow: rgba(0, 0, 0, .08);--amber-bg: rgba(0, 0, 0, .04);--amber-border: rgba(0, 0, 0, .12);--grad-amber: linear-gradient(135deg, #000000 0%, #3f3f46 100%);--purple: #000000;--purple2: #27272a;--brand-purple: #000000;--brand-purple-hover: #27272a;--brand-purple-rgb: 0, 0, 0;--brand-purple-subtle: rgba(0, 0, 0, .04);--brand-purple-border: rgba(0, 0, 0, .12);--brand-purple-glow: 0 8px 24px rgba(0, 0, 0, .06);--emerald-bg: rgba(16, 185, 129, .08);--em2: #059669;--wa-bg: rgba(37, 211, 102, .08);--sky: #0284c7;--sky-bg: rgba(2, 132, 199, .08)}[data-theme=light] body{background:var(--navy);color:var(--text)}[data-theme=light] #navbar.scrolled{background:#ffffffeb;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 4px 24px #0000000f}[data-theme=light] .mobile-nav{background:#fffffffa}[data-theme=light] .hero-bg-orb.o1{background:radial-gradient(ellipse,rgba(0,0,0,.03),transparent 70%)}[data-theme=light] .hero-bg-orb.o2{background:radial-gradient(ellipse,rgba(61,122,237,.08),transparent 70%)}[data-theme=light] .hero-bg-orb.o3{background:radial-gradient(ellipse,rgba(16,185,129,.06),transparent 70%)}[data-theme=light] .hero-grid-lines{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}[data-theme=light] .btn-amber{background:#000;color:#fff;box-shadow:0 4px 14px #00000026}[data-theme=light] .btn-amber:hover{background:#27272a;color:#fff;box-shadow:0 8px 20px #00000038}[data-theme=light] .chip,[data-theme=light] .pill{background:#0000000a;border-color:#0000001f;color:#000}[data-theme=light] .pill-dot{background:#000;box-shadow:0 0 0 3px #0000001f}[data-theme=light] .btn-outline{background:#fff;border-color:#e4e4e7;color:#000}[data-theme=light] .btn-outline:hover{background:#f4f4f5;color:#000;border-color:#a1a1aa}[data-theme=light] .crm-window{background:#fff;border-color:#0000001a;box-shadow:0 32px 100px #0000001a,0 0 0 1px #0000000d}[data-theme=light] .crm-chrome{background:#f8fafc;border-bottom-color:#00000014}[data-theme=light] .crm-url{background:#fff;border-color:#00000014;color:#000}[data-theme=light] .dash-header{border-bottom-color:#00000014}[data-theme=light] .kpi-row{background:#0000000a}[data-theme=light] .kpi-cell{background:#fff}[data-theme=light] .kpi-num.white{color:#000}[data-theme=light] .lead-card-mini{background:#fff;border-color:#00000014}[data-theme=light] .lead-card-mini:hover{background:#f8fafc}[data-theme=light] .crm-activity{background:#f8fafc;border-top-color:#00000014}[data-theme=light] .float-notif{background:#fff;color:#000;border-color:#10b9814d;box-shadow:0 8px 40px #0000001a}[data-theme=light] .float-stat{background:#fff;color:#000;box-shadow:0 8px 40px #0000001a}[data-theme=light] .clients-track-wrap:before{background:linear-gradient(90deg,var(--navy),transparent)}[data-theme=light] .clients-track-wrap:after{background:linear-gradient(-90deg,var(--navy),transparent)}[data-theme=light] .feat-card{background:#fff;border-color:#00000014}[data-theme=light] .feat-card:hover{box-shadow:0 20px 60px #00000014}[data-theme=light] .tenant-diagram{background:#f8fafc;border-color:#00000014}[data-theme=light] .tenant-row.t3,[data-theme=light] .pipe-visual{background:#fff}[data-theme=light] .pipe-topbar{background:#f8fafc;border-bottom-color:#00000014}[data-theme=light] .pipe-lead{background:#fff;border-color:#00000014}[data-theme=light] .pipe-lead:hover{background:#f8fafc}[data-theme=light] .how-card{background:#fff;border-color:#00000014}[data-theme=light] .how-num{color:#0000000f}[data-theme=light] .svc-card{background:#fff;border-color:#00000014}[data-theme=light] .svc-num{color:#0000000f}[data-theme=light] .price-card{background:#fff;border-color:#00000014}[data-theme=light] .price-card.featured{background:#fff;border-color:var(--amber)}[data-theme=light] .price-badge{background:#000;color:#fff}[data-theme=light] .testi-card{background:#fff;border-color:#00000014}[data-theme=light] .testi-quote{color:var(--text2)}[data-theme=light] .ta-av{background:#f1f5f9;color:#000;border:1px solid #e2e8f0}[data-theme=light] .faq-item,[data-theme=light] .cf-wrap{background:#fff;border-color:#00000014}[data-theme=light] .form-input,[data-theme=light] .form-select{background:#fff;border-color:#00000024;color:#000}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus{border-color:#0000004d;background:#fff}[data-theme=light] .form-input::placeholder{color:var(--muted2)}[data-theme=light] .form-select option{background:#fff;color:#000}[data-theme=light] .soc-btn{background:#fff;border-color:#0000001f;color:#000}[data-theme=light] .soc-btn:hover{background:#000;color:#fff;border-color:#000}[data-theme=light] .cta-box{background:linear-gradient(135deg,#0000000a,#00000003);border-color:#00000021}[data-theme=light] footer{background:#fff;border-top:1px solid rgba(0,0,0,.08)}[data-theme=light] .wa-tip{background:#fff;border-color:#0000001a;color:#000;box-shadow:0 4px 20px #00000014}[data-theme=light] .feat-card:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.13),transparent)}body,#navbar,.mobile-nav,.feat-card,.svc-card,.how-card,.testi-card,.price-card,.faq-item,.pipe-lead,.policy-card,.toc-sidebar,footer{transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.lead-card-mini{transition:background .2s,border-color .2s,transform .2s!important}.feat-card,.svc-card,.how-card,.testi-card,.price-card,.price-badge,.faq-item,.pipe-lead{transition:background-color .25s,border-color .25s,transform .3s,box-shadow .3s!important}.hero{padding:120px 0 56px;position:relative;overflow:hidden;text-align:center}.hero-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.65;pointer-events:none}.hero-bg-orb.o1{width:700px;height:400px;top:-80px;left:50%;transform:translate(-50%);background:radial-gradient(ellipse,rgba(255,255,255,.1),transparent 70%)}.hero-bg-orb.o2{width:400px;height:400px;bottom:-100px;right:-50px;background:radial-gradient(ellipse,rgba(61,122,237,.07),transparent 70%)}.hero-grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px}[data-theme=light] .hero-grid-lines{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px)}.hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:0 24px}.hero-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:50px;background:var(--surface-2);border:1px solid var(--border2);color:var(--amber3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(12px);margin-bottom:20px}.hero-pill-dot{width:5px;height:5px;border-radius:50%;background:var(--amber);animation:blink 1.8s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.hero h1{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.025em;margin-bottom:14px;line-height:1.1}.hero h1 em{font-family:var(--f-display);font-style:italic;background:var(--amberg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:16px;color:var(--muted);line-height:1.75;margin-bottom:28px}.last-updated{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--r);background:#ffffff14;border:1px solid rgba(255,255,255,.18);font-size:12px;color:var(--amber2);font-family:var(--f-mono)}.tab-section{max-width:1280px;margin:0 auto;padding:0 28px 40px;position:relative;z-index:1}.tab-nav{display:flex;align-items:center;gap:6px;background:var(--navy2);border:1px solid var(--border2);border-radius:14px;padding:6px;margin-bottom:36px;flex-wrap:wrap;transition:background .25s,border-color .25s}.tab-btn{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-family:var(--f-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s;white-space:nowrap}.tab-btn:hover{color:var(--text2)}.tab-btn.active{background:var(--navy3);color:var(--amber2);box-shadow:0 2px 16px #00000059;font-weight:600}.tab-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0}.tab-count{background:#ffffff26;color:var(--amber2);font-size:10px;font-weight:700;padding:2px 7px;border-radius:50px;font-family:var(--f-mono)}.content-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.toc-sidebar{background:var(--navy2);border:1px solid var(--border2);border-radius:var(--r2);padding:24px;position:sticky;top:90px;transition:background .25s,border-color .25s}.toc-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.toc-list{list-style:none;display:flex;flex-direction:column;gap:2px}.toc-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--muted);font-weight:500;transition:all .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.toc-link:hover{color:var(--text);background:#ffffff0a}.toc-link.active{color:var(--amber2);background:#ffffff14;font-weight:600}.toc-link:before{content:"";width:3px;height:3px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.6}.toc-link.active:before{opacity:1}.policy-card{background:var(--navy2);border:1px solid var(--border2);border-radius:var(--r2);overflow:hidden;box-shadow:var(--shadow-card);transition:background .25s,border-color .25s}.policy-card:before{content:"";display:block;height:2px;background:var(--amberg)}.tab-pane{display:none;padding:48px 56px 64px}.tab-pane.active{display:block;animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.policy-section{margin-bottom:52px;scroll-margin-top:100px}.section-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--amber);margin-bottom:8px;font-family:var(--f-mono)}.section-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:var(--amber3);font-size:11px;font-weight:700;margin-right:10px;flex-shrink:0}.section-heading{display:flex;align-items:center;font-size:20px;font-weight:700;color:var(--text);margin-bottom:16px;line-height:1.3}.section-divider{height:1px;background:var(--border2);margin-bottom:20px}.policy-text{font-size:15px;color:var(--text2);line-height:1.8;margin-bottom:14px}.policy-text:last-child{margin-bottom:0}.policy-list{list-style:none;margin:14px 0;display:flex;flex-direction:column;gap:9px}.policy-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text2);line-height:1.7}.policy-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);flex-shrink:0;margin-top:8px}.policy-list.check li:before{content:"\2713";width:auto;height:auto;border-radius:0;background:none;color:var(--em2);font-size:13px;font-weight:700;margin-top:0;line-height:1.7}.policy-list.cross li:before{content:"\2717";width:auto;height:auto;border-radius:0;background:none;color:#ef4444;font-size:13px;font-weight:700;margin-top:0;line-height:1.7}.policy-list.numbered{counter-reset:pcnt}.policy-list.numbered li:before{counter-increment:pcnt;content:counter(pcnt);width:20px;height:20px;border-radius:50%;flex-shrink:0;background:#ffffff1f;color:var(--amber3);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.info-box,.warn-box,.note-box,.success-box{padding:16px 18px;border-radius:var(--r);margin:20px 0;display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.7}.info-box{background:#ffffff12;border:1px solid rgba(255,255,255,.2);color:var(--amber3)}.warn-box{background:#ef44440f;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.note-box{background:#3d7aed0f;border:1px solid rgba(61,122,237,.2);color:var(--blue2)}.success-box{background:#10b9810f;border:1px solid rgba(16,185,129,.2);color:var(--em2)}.box-icon{font-size:16px;flex-shrink:0;margin-top:1px}code{background:#ffffff1a;color:var(--amber2);font-family:var(--f-mono);font-size:12px;padding:2px 7px;border-radius:4px}.policy-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.policy-table th{background:#ffffff14;padding:11px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--amber2);border-bottom:1px solid rgba(255,255,255,.2)}.policy-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:top}.policy-table tr:last-child td{border-bottom:none}.policy-table tr:hover td{background:#ffffff08}.policy-table .td-label{font-weight:600;color:var(--text);white-space:nowrap}.policy-table .badge-y{color:var(--em2);font-weight:600}.policy-table .badge-n{color:#ef4444;font-weight:600}.policy-table .badge-p{color:var(--amber2);font-weight:600}.contact-card{background:var(--navy3);border:1px solid rgba(255,255,255,.2);border-radius:var(--r2);padding:28px 32px;margin-top:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.contact-card h4{font-size:18px;margin-bottom:6px}.contact-card p{font-size:14px;color:var(--muted)}.contact-card a.btn-contact,a.btn-contact,.btn-contact,html[data-theme=dark] .contact-card a.btn-contact,html[data-theme=dark] a.btn-contact,html[data-theme=dark] .btn-contact{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:50px;background:#fff;color:#000!important;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s ease;flex-shrink:0;box-shadow:0 4px 20px #ffffff26;color-scheme:light}.contact-card a.btn-contact:hover,a.btn-contact:hover,.btn-contact:hover,html[data-theme=dark] .contact-card a.btn-contact:hover,html[data-theme=dark] a.btn-contact:hover,html[data-theme=dark] .btn-contact:hover{background:#e4e4e7;color:#000!important;transform:translateY(-2px);box-shadow:0 8px 32px #ffffff40}.wa-contact{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:50px;background:#25d3661a;border:1px solid rgba(37,211,102,.25);color:#6ee7b7;font-size:13px;font-weight:600;transition:all .25s;flex-shrink:0}.wa-contact:hover{background:#25d3662e;color:#a7f3d0}.wa-contact svg{width:15px;height:15px;fill:currentColor}.sub-heading{font-size:15px;font-weight:700;color:var(--text);margin:22px 0 10px}.legal-footer{background:var(--navy2);border-top:1px solid var(--border2);padding:40px 0;margin-top:60px;transition:background .25s}.footer-inner{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-logo{font-family:var(--f-display);font-size:20px;font-weight:900;background:var(--amberg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{font-size:13px;color:var(--muted);transition:color .2s}.footer-links a:hover,.footer-links a.active-page{color:var(--amber2)}.footer-copy{font-size:12px;color:var(--muted2)}@media(max-width:1024px){.content-layout{grid-template-columns:1fr}.toc-sidebar{display:none}.tab-pane{padding:32px 28px 48px}}@media(max-width:768px){.tab-btn{font-size:12px;padding:10px 12px}.tab-count{display:none}.tab-pane{padding:24px 20px 40px}.section-heading{font-size:17px}.contact-card{flex-direction:column}.hero h1{font-size:clamp(26px,7vw,40px)}}@media(max-width:480px){.tab-section{padding:0 16px 32px}.tab-btn span{display:none}.tab-btn svg{width:18px;height:18px}.navbar .nav-inner{padding:0 16px}}.reading-progress{position:fixed;top:0;left:0;height:2px;z-index:2000;background:var(--amberg);transform-origin:left;transition:width .1s linear;width:0%}.scroll-top{position:fixed;bottom:28px;right:28px;z-index:999;width:44px;height:44px;border-radius:50%;background:var(--navy3);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s;color:var(--amber2)}.scroll-top.show{opacity:1;pointer-events:all}.scroll-top:hover{background:var(--navy4);border-color:#ffffff4d}.scroll-top svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.5}body,.navbar,.policy-card,.toc-sidebar,.toc-link,.info-box,.warn-box,.note-box,.success-box,.tab-nav,.tab-btn,.contact-card,.legal-footer{transition-property:background-color,border-color,color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.checkout-main{min-height:100vh;padding:100px 0 80px;background:var(--bg)}.mobile-steps{margin-bottom:28px;display:none}.ms-track{width:100%;height:3px;background:var(--border2);border-radius:2px;overflow:hidden;margin-bottom:10px}.ms-fill{height:100%;background:var(--grad-amber);border-radius:2px;transition:width .5s cubic-bezier(.22,1,.36,1)}.ms-label{font-size:12px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.nav-steps{display:flex;align-items:center;gap:0;margin:0 auto}.nav-step{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;cursor:default;transition:background .2s}.ns-num{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text3);transition:all .25s;flex-shrink:0}.ns-label{font-size:13px;font-weight:600;color:var(--text3);transition:color .25s}.nav-step.active .ns-num{background:var(--amber);border-color:var(--amber);color:var(--bg)}.nav-step.active .ns-label{color:var(--text)}.nav-step.done .ns-num{background:var(--emerald-bg);border-color:var(--emerald);color:var(--emerald)}.nav-step.done .ns-label{color:var(--text2)}.ns-connector{width:40px;height:1px;background:var(--border2)}.checkout-step{display:none}.checkout-step.active{display:block}.step-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}.step-body{min-width:0}.step-header{margin-bottom:32px}.step-title{font-size:clamp(24px,3.5vw,36px);font-weight:800;letter-spacing:-.8px;margin-bottom:8px}.step-sub{font-size:15px;color:var(--text2)}.config-section{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px 28px;margin-bottom:16px}.section-label-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.section-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.8px}.sl-icon{width:30px;height:30px;border-radius:8px;background:var(--amber-bg);border:1px solid var(--amber-border);display:flex;align-items:center;justify-content:center;color:var(--amber);flex-shrink:0}.sl-icon svg{width:14px;height:14px}.optional-tag{font-size:10px;font-weight:600;color:var(--text3);background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:2px 7px;text-transform:uppercase;letter-spacing:.5px}.save-badge{margin-left:auto;font-size:11px;font-weight:700;color:var(--emerald);background:var(--emerald-bg);border:1px solid rgba(16,185,129,.25);border-radius:50px;padding:3px 10px}.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-card{position:relative;cursor:pointer;border-radius:14px;border:1.5px solid var(--border);transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.plan-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.plan-card:hover{border-color:var(--border3);transform:translateY(-1px)}.plan-card:has(input:checked){border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-bg)}.featured-plan{border-color:var(--amber-border)}.pc-badge{position:absolute;top:10px;right:10px;background:var(--grad-amber);color:var(--bg);font-size:9px;font-weight:700;padding:3px 8px;border-radius:50px;letter-spacing:.5px;text-transform:uppercase;z-index:1}.pc-inner{padding:16px;display:flex;flex-direction:column;gap:12px}.pc-top{display:flex;flex-direction:column;gap:6px}.pc-check{width:22px;height:22px;color:var(--text3);transition:color .2s}.plan-card:has(input:checked) .pc-check{color:var(--amber)}.pc-check svg{width:100%;height:100%}.pc-name{font-size:15px;font-weight:700;color:var(--text)}.pc-price{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap}.pc-currency{font-size:13px;font-weight:700;color:var(--amber)}.pc-amount{font-size:22px;font-weight:800;color:var(--amber);font-family:JetBrains Mono,monospace;line-height:1}.pc-per{font-size:11px;color:var(--text3)}.pc-features{list-style:none;display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--border);padding-top:12px}.pc-features li{font-size:12px;color:var(--text2);padding-left:14px;position:relative}.pc-features li:before{content:"\2713";position:absolute;left:0;color:var(--emerald);font-size:10px;font-weight:700}.billing-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bt-option{padding:14px 20px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg2);cursor:pointer;text-align:left;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;flex-direction:column;gap:4px}.bt-option:hover{border-color:var(--border3);background:var(--surface2)}.bt-option.active{border-color:var(--amber);background:var(--amber-bg);box-shadow:0 0 0 3px var(--amber-bg)}.bt-label{font-size:15px;font-weight:700;color:var(--text)}.bt-sub{font-size:12px;color:var(--text3)}.bt-sub-save{font-size:12px;color:var(--amber);font-weight:600}.user-count-display{margin-left:auto;font-size:13px;font-weight:700;color:var(--amber);background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:50px;padding:4px 12px;font-family:JetBrains Mono,monospace}.user-stepper{display:flex;align-items:center;gap:12px;margin-bottom:14px}.stepper-btn{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--border2);background:var(--bg2);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s,background .2s}.stepper-btn:hover{border-color:var(--amber);background:var(--amber-bg);color:var(--amber)}.stepper-btn svg{width:16px;height:16px}.user-slider-wrap{flex:1;position:relative;padding:8px 0}.user-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border2);outline:none;cursor:pointer}.user-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--amber);cursor:pointer;box-shadow:0 0 0 4px var(--amber-bg);transition:box-shadow .2s}.user-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px var(--amber-bg)}.user-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--amber);cursor:pointer;border:none}.user-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.preset-btn{min-width:44px;padding:6px 12px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg2);color:var(--text2);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:JetBrains Mono,monospace}.preset-btn:hover{border-color:var(--amber);color:var(--amber)}.preset-btn.active{border-color:var(--amber);background:var(--amber-bg);color:var(--amber)}.user-hint{font-size:12px;color:var(--text3);line-height:1.5}.user-hint a{color:var(--amber);text-decoration:none}.user-hint a:hover{text-decoration:underline}.duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.duration-card{cursor:pointer;border-radius:12px;border:1.5px solid var(--border);transition:border-color .2s,box-shadow .2s;overflow:hidden}.duration-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.duration-card:hover{border-color:var(--border3)}.duration-card:has(input:checked){border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-bg)}.dc-inner{padding:14px 12px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}.dc-months{font-size:28px;font-weight:800;color:var(--text);font-family:JetBrains Mono,monospace;line-height:1;transition:color .2s}.duration-card:has(input:checked) .dc-months{color:var(--amber)}.dc-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.dc-saving{font-size:10px;color:transparent;font-weight:700;margin-top:2px}.dc-saving-active{color:var(--emerald)}.dc-saving-best{color:var(--bg);background:var(--grad-amber);border-radius:4px;padding:2px 6px;font-size:9px}.addon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.addon-card{cursor:pointer;border-radius:12px;border:1.5px solid var(--border);transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden}.addon-card input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.addon-card:hover{border-color:var(--border3);background:var(--surface2)}.addon-card:has(input:checked){border-color:var(--amber);background:var(--amber-bg);box-shadow:0 0 0 3px var(--amber-bg)}.adcard-inner{padding:14px;display:flex;gap:12px;align-items:flex-start}.adcard-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adcard-icon svg{width:18px;height:18px}.wa-icon{background:var(--wa-bg);color:var(--wa);border:1px solid rgba(37,211,102,.2)}.gps-icon{background:var(--sky-bg);color:var(--sky);border:1px solid rgba(56,189,248,.2)}.api-icon{background:var(--amber-bg);color:var(--text);border:1px solid var(--border2)}.domain-icon{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.train-icon{background:var(--emerald-bg);color:var(--emerald);border:1px solid rgba(16,185,129,.2)}.backup-icon{background:var(--sky-bg);color:var(--sky);border:1px solid rgba(56,189,248,.2)}.adcard-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.adcard-name{font-size:13px;font-weight:700;color:var(--text)}.adcard-desc{font-size:11px;color:var(--text3);line-height:1.5}.adcard-price{font-size:12px;font-weight:700;color:var(--amber);margin-top:4px}.one-time-tag{font-size:9px;background:var(--sky-bg);color:var(--sky);border-radius:4px;padding:1px 5px;font-weight:600;border:1px solid rgba(56,189,248,.2)}.adcard-check{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent;transition:all .2s;margin-top:2px}.adcard-check svg{width:12px;height:12px}.addon-card:has(input:checked) .adcard-check{background:var(--amber);border-color:var(--amber);color:var(--bg)}.step-nav{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}.btn-next{gap:10px}.step-nav-hint{font-size:12px;color:var(--text3);display:flex;align-items:center;gap:5px;margin-top:10px;width:100%;justify-content:flex-end}.price-sidebar{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}.sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px}.sb-header{display:flex;align-items:center;justify-content:space-between}.sb-title{font-size:14px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.sb-live-badge{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--emerald);letter-spacing:.5px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--emerald);animation:blink 2s ease-in-out infinite;flex-shrink:0}.sb-plan-row{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.sb-plan-icon{width:32px;height:32px;border-radius:8px;background:var(--amber-bg);border:1px solid var(--amber-border);display:flex;align-items:center;justify-content:center;color:var(--amber);flex-shrink:0}.sb-plan-icon svg{width:16px;height:16px}.sb-plan-name{font-size:13px;font-weight:700;color:var(--text)}.sb-plan-cycle{font-size:11px;color:var(--text3)}.sb-plan-price{font-size:11px;font-weight:700;color:var(--amber);margin-left:auto;white-space:nowrap;font-family:JetBrains Mono,monospace}.sb-breakdown{display:flex;flex-direction:column;gap:6px}.sb-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.sbl-label{font-size:12px;color:var(--text2)}.sbl-val{font-size:12px;font-weight:700;color:var(--text);font-family:JetBrains Mono,monospace;white-space:nowrap}.sbl-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text3);margin:4px 0;font-weight:700}.discount-label,.discount-val{color:var(--emerald)}.subtotal-line .sbl-label{font-weight:600;color:var(--text)}.gst-line .sbl-label{color:var(--text3)}.sb-divider{height:1px;background:var(--border)}.sb-total-row{display:flex;align-items:center;justify-content:space-between}.sb-total-label{font-size:13px;font-weight:700;color:var(--text2)}.sb-total-amount{font-size:22px;font-weight:800;color:var(--amber);font-family:JetBrains Mono,monospace;line-height:1}.sb-total-sub{font-size:11px;color:var(--text3);text-align:right;margin-top:3px}.sb-saving-callout{display:flex;align-items:center;gap:6px;background:var(--emerald-bg);border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600;color:var(--emerald)}.sb-features{display:flex;flex-direction:column;gap:6px;list-style:none}.sb-features li{font-size:12px;color:var(--text3);display:flex;align-items:center;gap:6px}.sb-features svg{color:var(--emerald);flex-shrink:0;height:12px;width:12px}.sidebar-compact .sb-compact-lines{display:flex;flex-direction:column;gap:6px}.trust-badges{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}.trust-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text3)}.trust-item svg{color:var(--amber);flex-shrink:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.req{color:var(--amber)}.form-input,.form-select{background:var(--bg2);border:1.5px solid var(--border2);border-radius:10px;padding:11px 14px;color:var(--text);font-family:var(--f-body);font-size:14px;transition:border-color .2s,box-shadow .2s;outline:none;width:100%;appearance:none;-webkit-appearance:none}.form-input:focus,.form-select:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-bg)}.form-input::placeholder{color:var(--text3)}.form-input.error{border-color:var(--red);box-shadow:0 0 0 3px #ef44441a}.form-error{font-size:11px;color:var(--red);font-weight:500;min-height:16px}.form-hint{font-size:11px;color:var(--text3)}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f6480' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;padding-right:36px}.phone-wrap{position:relative;display:flex;align-items:center}.phone-prefix{position:absolute;left:14px;font-size:14px;font-weight:600;color:var(--text2);pointer-events:none;z-index:1}.phone-input{padding-left:42px!important}.gst-notice{display:flex;align-items:flex-start;gap:8px;background:var(--sky-bg);border:1px solid rgba(56,189,248,.25);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--sky);margin-top:4px;margin-bottom:8px}.gst-notice svg{flex-shrink:0;margin-top:1px}.review-section{overflow:hidden}.edit-btn{margin-left:auto;font-size:12px;font-weight:600;color:var(--amber);background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:6px;padding:4px 12px;cursor:pointer;transition:background .2s}.edit-btn:hover{background:var(--surface-hover)}.review-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.rt-header{display:grid;grid-template-columns:1fr 60px 100px 100px;padding:10px 16px;background:var(--bg2);border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;gap:8px}.rt-header div:not(:first-child){text-align:right}.rt-row{display:grid;grid-template-columns:1fr 60px 100px 100px;padding:12px 16px;border-bottom:1px solid var(--border);align-items:center;gap:8px;transition:background .15s}.rt-row:last-child{border-bottom:none}.rt-row:hover{background:var(--surface2)}.rt-name{font-size:13px;font-weight:600;color:var(--text)}.rt-type{font-size:10px;color:var(--text3);margin-top:2px}.rt-qty,.rt-unit,.rt-amt{font-size:13px;text-align:right;font-family:JetBrains Mono,monospace;color:var(--text2)}.rt-amt{font-weight:700;color:var(--text)}.rt-discount{color:var(--emerald)}.review-customer{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rc-item{display:flex;flex-direction:column;gap:3px}.rc-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.rc-val{font-size:13px;font-weight:600;color:var(--text)}.coupon-row{display:flex;gap:10px}.coupon-input{flex:1;letter-spacing:1px;font-family:JetBrains Mono,monospace;font-weight:600}.coupon-apply-btn{flex-shrink:0;padding:0 20px;font-weight:700}.coupon-result{margin-top:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600}.coupon-result.success{background:var(--emerald-bg);color:var(--emerald);border:1px solid rgba(16,185,129,.3)}.coupon-result.error{background:#ef444414;color:var(--red);border:1px solid rgba(239,68,68,.2)}.gst-table{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:10px}.gst-row{display:grid;grid-template-columns:1fr 80px 80px 80px;padding:10px 16px;font-size:13px;border-bottom:1px solid var(--border);gap:8px}.gst-row:last-child{border-bottom:none}.gst-row.gst-head{background:var(--bg2);font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.gst-row div:not(:first-child){text-align:right;font-family:JetBrains Mono,monospace;color:var(--text2)}.gst-row.gst-total-row{background:var(--surface2);font-weight:700;color:var(--text)}.gst-note{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text3)}.pay-section{overflow:hidden}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.pay-method{cursor:pointer;border-radius:10px;border:1.5px solid var(--border);transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden}.pay-method input[type=radio]{position:absolute;opacity:0;width:0;height:0}.pay-method:hover{border-color:var(--border3);background:var(--surface2)}.pay-method.active,.pay-method:has(input:checked){border-color:var(--amber);background:var(--amber-bg);box-shadow:0 0 0 3px var(--amber-bg)}.pm-inner{padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.pm-inner svg{color:var(--text3);transition:color .2s}.pay-method:has(input:checked) .pm-inner svg{color:var(--amber)}.pm-inner span{font-size:11px;font-weight:600;color:var(--text2);line-height:1.3}.pay-total-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:14px}.ptr-label{font-size:12px;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.ptr-sub{font-size:11px;color:var(--text3)}.ptr-amount{font-size:28px;font-weight:800;color:var(--amber);font-family:JetBrains Mono,monospace;line-height:1}.btn-pay{width:100%;justify-content:center;padding:16px;font-size:16px;font-weight:700;border-radius:12px;gap:10px;margin-bottom:10px}.btn-spinner{display:flex;align-items:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.pay-hint{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text3);justify-content:center}.success-screen{max-width:660px;margin:0 auto;text-align:center;padding:clamp(40px,6vw,80px) 0}.success-icon{width:96px;height:96px;border-radius:50%;background:var(--emerald-bg);border:2px solid rgba(16,185,129,.35);display:flex;align-items:center;justify-content:center;color:var(--emerald);margin:0 auto 28px;position:relative}.success-ring{position:absolute;inset:-8px;border-radius:50%;border:1.5px solid rgba(16,185,129,.2);animation:ring-pulse 2s ease-out infinite}@keyframes ring-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}.success-title{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:12px}.success-sub{font-size:16px;color:var(--text2);line-height:1.7;max-width:500px;margin:0 auto 32px}.success-details{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 24px;margin-bottom:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.sd-item{display:flex;flex-direction:column;gap:3px}.sd-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;font-weight:700}.sd-val{font-size:14px;font-weight:700;color:var(--text)}.success-next-steps{margin-bottom:32px}.success-next-steps h3{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--text2)}.next-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}.ns-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;gap:10px;align-items:flex-start}.ns-icon{width:32px;height:32px;border-radius:8px;background:var(--amber-bg);border:1px solid var(--amber-border);display:flex;align-items:center;justify-content:center;color:var(--amber);flex-shrink:0}.ns-icon svg{width:15px;height:15px}.ns-title{font-size:12px;font-weight:700;color:var(--text);margin-bottom:3px}.ns-desc{font-size:11px;color:var(--text3);line-height:1.5}.success-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:1100px){.step-layout{grid-template-columns:1fr 320px}}@media(max-width:900px){.step-layout{grid-template-columns:1fr}.price-sidebar{position:static}.mobile-steps{display:block}.nav-steps{display:none}.plan-cards{grid-template-columns:1fr 1fr}.addon-grid{grid-template-columns:1fr}.payment-methods,.success-details,.next-steps-grid,.review-customer{grid-template-columns:1fr 1fr}}@media(max-width:640px){.plan-cards{grid-template-columns:1fr}.duration-grid{grid-template-columns:repeat(2,1fr)}.billing-toggle,.form-grid{grid-template-columns:1fr}.form-group[style*=grid-column]{grid-column:span 1!important}.rt-header,.rt-row{grid-template-columns:1fr 50px 80px 80px}.payment-methods{grid-template-columns:1fr 1fr}.success-details,.next-steps-grid,.review-customer{grid-template-columns:1fr}.gst-row{grid-template-columns:1fr 70px 70px}.gst-row div:nth-child(3){display:none}.coupon-row{flex-direction:column}.coupon-apply-btn{width:100%;justify-content:center}}@media(max-width:480px){.checkout-main{padding-top:80px}.config-section{padding:18px}.sidebar-card{padding:16px}.user-presets{gap:6px}.preset-btn{min-width:38px;padding:5px 8px;font-size:12px}}#navbar .nav-inner{width:100%;max-width:100%;margin:0;padding:0}#navbar .brand-wrapper{margin:0;padding:0}.footer-brand .brand-wrapper{margin:0 0 14px;padding:0}.brand-wrapper{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex-shrink:0}.brand-wrapper .header-logo{height:36px;width:auto;max-height:36px;max-width:160px;object-fit:contain;display:block;transition:opacity .2s ease}.footer-brand .footer-icon{width:34px;height:34px;object-fit:contain;display:block;flex-shrink:0}.brand-wrapper img:not(.header-logo):not(.footer-icon){width:32px;height:32px;object-fit:contain;display:block}.brand-wrapper .nav-logo{display:inline-block}.brand-wrapper .logo-light-theme,.footer-brand .icon-light-theme{display:none!important}.brand-wrapper .logo-dark-theme,.footer-brand .icon-dark-theme,[data-theme=light] .brand-wrapper .logo-light-theme,[data-theme=light] .footer-brand .icon-light-theme{display:block!important}[data-theme=light] .brand-wrapper .logo-dark-theme,[data-theme=light] .footer-brand .icon-dark-theme{display:none!important}@media(max-width:768px){.brand-wrapper .header-logo{height:32px;max-height:32px;max-width:135px}}@media(max-width:480px){.brand-wrapper .header-logo{height:28px;max-height:28px;max-width:120px}}@media(max-width:360px){.brand-wrapper .header-logo{height:25px;max-height:25px;max-width:105px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}button{font-family:inherit;cursor:pointer}::selection{background:var(--text);color:var(--bg)}:focus-visible{outline:2px solid var(--amber2);outline-offset:3px;border-radius:6px}#confettiCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9999}.ref-hero{position:relative;overflow:hidden;padding:76px 24px 88px;background:radial-gradient(120% 100% at 50% -10%,#14161e 0%,var(--navy) 55%);border-bottom:1px solid var(--border2);isolation:isolate}.hero-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:0;animation:orbFloat 16s ease-in-out infinite}.hero-orb.o1{width:420px;height:420px;background:radial-gradient(circle,var(--amber-glow),transparent 70%);top:-140px;left:-100px;animation-delay:0s}.hero-orb.o2{width:340px;height:340px;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%);top:60px;right:-120px;animation-delay:-5s}.hero-orb.o3{width:280px;height:280px;background:radial-gradient(circle,rgba(16,185,129,.2),transparent 70%);bottom:-160px;left:38%;animation-delay:-10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(24px,-28px) scale(1.08)}}.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black 20%,transparent 75%);z-index:0}.hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;text-align:center}@keyframes pulseDot{0%,to{opacity:1;box-shadow:0 0 0 3px #34d39933}50%{opacity:.6;box-shadow:0 0 0 6px #34d3990f}}.hero-inner h1{font-family:var(--f-display);font-weight:600;font-size:clamp(34px,5.4vw,58px);line-height:1.1;letter-spacing:-.015em;margin:0 0 20px;color:var(--text)}.hero-inner h1 em{font-style:italic;font-weight:500;background:linear-gradient(90deg,var(--amber2),var(--amber2));-webkit-background-clip:text;background-clip:text;color:transparent}.green-em{font-style:italic;color:var(--emerald2)}.hero-sub{font-size:16.5px;line-height:1.6;color:var(--text2);max-width:560px;margin:0 auto 40px}.hero-sub strong{color:var(--amber2);font-weight:700}.hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.hstat{display:flex;flex-direction:column;align-items:center;gap:4px}.hstat-val{font-family:var(--f-display);font-size:32px;font-weight:600;color:var(--amber2)}.hstat-lbl{font-size:12.5px;color:var(--muted);letter-spacing:.02em}.ref-main{max-width:1240px;margin:0 auto;padding:40px 24px 100px;display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:24px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-d1.in{transition-delay:.08s}.reveal-d2.in{transition-delay:.16s}.reveal-d3.in{transition-delay:.24s}.ref-card,.leaderboard-card,.history-card,.qr-wrap,.earn-card,.tips-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border2);border-radius:var(--r3);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}.card-body{padding:26px 28px}.card-body.card-sm{padding:20px 22px}.card-title{display:flex;align-items:center;gap:9px;font-size:16.5px;font-weight:700;color:var(--text);margin-bottom:6px}.card-title svg{flex-shrink:0;stroke:var(--amber2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-sub{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0 0 20px}.stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border2);border-radius:var(--r2);padding:20px;position:relative;overflow:hidden;transition:transform .3s var(--ease),border-color .3s var(--ease)}.stat-card:hover{transform:translateY(-3px);border-color:#ffffff29}.stat-card:after{content:"";position:absolute;inset:0;background:radial-gradient(120px 80px at 100% 0%,var(--amber-glow),transparent 70%);opacity:.5;pointer-events:none}.stat-card.green-accent:after{background:radial-gradient(120px 80px at 100% 0%,rgba(16,185,129,.28),transparent 70%)}.stat-card.purple-accent:after{background:radial-gradient(120px 80px at 100% 0%,rgba(255,255,255,.28),transparent 70%)}.stat-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;position:relative;z-index:1}.stat-icon svg{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stat-icon.amber{background:#ffffff14}.stat-icon.amber svg{stroke:var(--amber2);fill:var(--amber2);fill-opacity:.15}.stat-icon.green{background:#10b98124}.stat-icon.green svg{stroke:var(--emerald2)}.stat-icon.purple{background:#ffffff14}.stat-icon.purple svg{stroke:var(--purple2)}.stat-val{font-family:var(--f-display);font-size:30px;font-weight:600;line-height:1;margin-bottom:6px;position:relative;z-index:1}.stat-val.amber{color:var(--amber2)}.stat-val.green{color:var(--emerald2)}.stat-val.purple{color:var(--purple2)}.stat-lbl{font-size:13px;color:var(--text2);font-weight:500;margin-bottom:8px}.stat-delta{font-size:11.5px;color:var(--muted)}.ref-code-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ref-code-badge{flex:1;display:flex;align-items:center;padding:14px 18px;border-radius:var(--r);background:linear-gradient(135deg,#ffffff24,#ffffff0a);border:1px dashed rgba(255,255,255,.4)}.ref-code-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.ref-code-val{font-family:var(--f-mono);font-size:19px;font-weight:600;color:var(--amber3);letter-spacing:.04em}.copy-code-btn{width:44px;height:44px;flex-shrink:0;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--text2);transition:all .2s var(--ease)}.copy-code-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.copy-code-btn:hover{background:var(--surface-hover);color:var(--amber2);border-color:var(--amber)}.ref-link-box{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 18px;border-radius:100px;background:var(--navy2);border:1px solid var(--border2);margin-bottom:22px}.ref-link-val{flex:1;font-family:var(--f-mono);font-size:12.5px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{display:flex;align-items:center;gap:7px;padding:10px 18px;border-radius:100px;background:var(--amberg);border:none;color:var(--bg);font-size:13px;font-weight:700;white-space:nowrap;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.copy-btn svg{stroke:var(--bg);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.copy-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-amber)}.copy-btn.copied{background:linear-gradient(135deg,var(--emerald2),var(--emerald))}.copy-btn.copied svg{stroke:#04140d}.share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:18px}.share-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r);font-size:13.5px;font-weight:600;border:1px solid var(--border2);background:var(--surface-2);color:var(--text);transition:all .2s var(--ease)}.share-btn svg{flex-shrink:0;fill:currentColor}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.share-btn.wa{color:var(--wa)}.share-btn.wa:hover{background:#25d3661a;border-color:#25d36659}.share-btn.li{color:#4a90e2}.share-btn.li:hover{background:#4a90e21a;border-color:#4a90e259}.share-btn.fb{color:#5b8def}.share-btn.fb:hover{background:#5b8def1a;border-color:#5b8def59}.share-btn.tw{color:#e8eaed}.share-btn.tw:hover{background:#ffffff0f}.share-btn.email{color:var(--amber2)}.share-btn.email:hover{background:#ffffff1a;border-color:#ffffff59}.share-btn.native{color:var(--purple2)}.share-btn.native:hover{background:#ffffff1a;border-color:#ffffff59}.share-btn.outline{grid-column:1 / -1;justify-content:center;background:transparent;color:var(--text2)}.share-btn.outline svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.share-btn.outline:hover{background:var(--surface-hover);color:var(--text)}.share-more{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--border2)}.share-more-label{font-size:12px;color:var(--muted)}.share-icon-btns{display:flex;gap:8px}.sib{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border2);color:var(--text2);transition:all .2s var(--ease)}.sib svg{fill:currentColor}.sib:not(.fill-icon) svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sib:hover{background:var(--surface-hover);color:var(--amber2);transform:translateY(-2px)}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{position:relative;padding:22px 18px 20px;border-radius:var(--r2);background:var(--surface);border:1px solid var(--border2)}.step-num-ring{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--amber2);border:1px solid rgba(255,255,255,.4);background:#ffffff14;margin-bottom:12px}.step-icon-wrap{font-size:26px;margin-bottom:10px}.step-card h4{font-size:14.5px;font-weight:700;margin:0 0 8px;color:var(--text)}.step-card p{font-size:12.8px;line-height:1.6;color:var(--muted);margin:0}.tiers-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tier-card{padding:22px 18px;border-radius:var(--r2);background:var(--surface);border:1px solid var(--border2);text-align:center;transition:transform .3s var(--ease),border-color .3s var(--ease)}.tier-card:hover{transform:translateY(-3px)}.tier-card.featured{background:linear-gradient(180deg,rgba(255,255,255,.1),var(--surface));border-color:#ffffff59;box-shadow:0 0 0 1px #ffffff14,var(--shadow-amber)}.tier-emoji{font-size:30px;margin-bottom:8px}.tier-name{font-size:13px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.tier-reward{font-family:var(--f-display);font-size:26px;font-weight:600;color:var(--amber2);margin-bottom:2px}.tier-per{font-size:11.5px;color:var(--muted);margin-bottom:16px}.tier-progress-wrap{margin-bottom:10px}.progress-track{height:6px;border-radius:100px;background:#ffffff12;overflow:hidden}.progress-fill{height:100%;width:0%;border-radius:100px;background:linear-gradient(90deg,var(--amber),var(--amber2));transition:width 1.1s var(--ease)}.tier-sub{font-size:11.5px;color:var(--muted)}.leaderboard-card{padding:24px 26px 10px}.lb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lb-title{display:flex;align-items:center;gap:9px;font-size:16.5px;font-weight:700}.lb-title svg{stroke:var(--amber2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lb-period{font-size:12px;color:var(--muted);background:var(--surface-2);padding:5px 12px;border-radius:100px;border:1px solid var(--border2)}.lb-row{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--border2)}.lb-row:last-child{border-bottom:none}.lb-rank{width:26px;text-align:center;flex-shrink:0;font-size:16px;font-weight:700}.lb-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--surface-2);color:var(--text2);border:1px solid var(--border2)}.lb-avatar.you{background:var(--amberg);color:var(--bg);border-color:transparent}.lb-info{flex:1;min-width:0}.lb-name{font-size:13.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.you-tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;background:#ffffff29;color:var(--amber2)}.lb-meta{font-size:12px;color:var(--muted);margin-top:2px}.lb-stats{text-align:right;flex-shrink:0}.lb-earned{font-size:14px;font-weight:700;color:var(--text)}.lb-refs{font-size:11px;color:var(--muted);margin-top:2px}.history-card{padding:24px 26px 8px}.hist-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}.hist-title{display:flex;align-items:center;gap:9px;font-size:16.5px;font-weight:700}.hist-title svg{stroke:var(--amber2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hist-filter{display:flex;gap:6px;background:var(--navy2);padding:4px;border-radius:100px;border:1px solid var(--border2)}.hf-btn{padding:6px 14px;border-radius:100px;border:none;background:transparent;font-size:12.5px;font-weight:600;color:var(--muted);transition:all .2s var(--ease)}.hf-btn.active{background:var(--surface-2);color:var(--amber2)}.hf-btn:hover:not(.active){color:var(--text2)}.hist-row{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--border2);transition:opacity .25s var(--ease)}.hist-row:last-child{border-bottom:none}.hist-row.hidden-row{display:none}.hist-avatar{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.hist-info{flex:1;min-width:0}.hist-name{font-size:13.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-date{font-size:11.8px;color:var(--muted);margin-top:2px}.hist-meta{display:flex;align-items:center;gap:14px;flex-shrink:0}.hist-plan{font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.03em;display:none}.hist-plan.business{background:#ffffff24;color:var(--purple2);display:inline-block}.hist-plan.starter{background:#3d7aed24;color:var(--blue2);display:inline-block}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.paid{background:var(--emerald2);box-shadow:0 0 0 3px #34d39929}.status-dot.pending{background:var(--amber2);box-shadow:0 0 0 3px var(--amber-border)}.status-dot.trial{background:var(--blue2);box-shadow:0 0 0 3px #60a5fa29}.status-label{font-size:12px;font-weight:600;white-space:nowrap}.status-label.paid{color:var(--emerald2)}.status-label.pending{color:var(--amber2)}.status-label.trial{color:var(--blue2)}.hist-reward{font-size:13.5px;font-weight:700;color:var(--emerald2);width:64px;text-align:right}.qr-wrap{padding:24px;text-align:center}.qr-title{font-size:15px;font-weight:700;margin-bottom:4px}.qr-sub{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:18px}#qrCanvas{border-radius:14px;background:#fff;padding:10px;width:180px;height:180px;display:block;margin:0 auto 16px;box-shadow:0 8px 24px #00000059}.qr-download{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:100px;background:var(--surface-2);border:1px solid var(--border2);color:var(--text2);font-size:12.5px;font-weight:600;transition:all .2s var(--ease)}.qr-download svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.qr-download:hover{background:var(--surface-hover);color:var(--amber2);border-color:var(--amber)}.earn-card{padding:22px 24px}.earn-card-title{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;margin-bottom:16px}.earn-card-title svg{stroke:var(--amber2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.earn-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border2)}.earn-row:last-of-type{border-bottom:none}.earn-lbl{font-size:12.8px;color:var(--muted)}.earn-val{font-size:14px;font-weight:700}.earn-val.amber{color:var(--amber2)}.earn-val.green{color:var(--emerald2)}.earn-val.muted{color:var(--muted)}.withdraw-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:13px;border:none;border-radius:var(--r);background:linear-gradient(135deg,var(--emerald2),var(--emerald));color:#052d1f;font-size:14px;font-weight:700;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.withdraw-btn svg{stroke:#052d1f;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.withdraw-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #10b98147}.tips-card{padding:22px 24px}.tips-title{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;margin-bottom:14px}.tips-title svg{stroke:var(--amber2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tip-item{position:relative;font-size:12.6px;line-height:1.6;color:var(--text2);padding:0 0 12px 18px}.tip-item:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--amber2)}.tip-item:last-child{padding-bottom:0}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);display:flex;align-items:center;gap:10px;padding:13px 22px;border-radius:100px;background:#15171f;border:1px solid var(--border2);box-shadow:var(--shadow-md);font-size:13.5px;font-weight:600;color:var(--text);opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease);z-index:10000}.toast.show{opacity:1;transform:translate(-50%)}.toast-icon{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#34d39929;color:var(--emerald2);font-size:12px}.toast.error .toast-icon{background:#ef444429;color:var(--red)}@media(max-width:1080px){.ref-main{grid-template-columns:1fr}.sidebar{position:static;order:-1}}@media(max-width:720px){.ref-hero{padding:56px 18px 64px}.hero-stats{gap:30px}.hstat-val{font-size:26px}.ref-main{padding:28px 16px 70px;gap:18px}.card-body{padding:20px}.stats-grid-3{grid-template-columns:1fr 1fr;gap:12px}.steps-row{grid-template-columns:1fr;gap:14px}.tiers-row{grid-template-columns:1fr;gap:12px}.share-grid{grid-template-columns:1fr}.ref-code-row{flex-direction:column;align-items:stretch}.copy-code-btn{width:100%;height:40px}.hist-row{flex-wrap:wrap}.hist-meta{width:100%;justify-content:space-between;padding-left:54px}.lb-stats{text-align:right}}@media(max-width:420px){.stats-grid-3{grid-template-columns:1fr}.hero-inner h1{font-size:30px}}:root{--brand-purple: #ffffff;--brand-purple-hover: #e4e4e7;--brand-purple-rgb: 255, 255, 255;--brand-purple-subtle: rgba(255, 255, 255, .08);--brand-purple-border: rgba(255, 255, 255, .16);--brand-purple-glow: 0 8px 24px rgba(255, 255, 255, .12)}[data-theme=light]{--brand-purple: #000000;--brand-purple-hover: #27272a;--brand-purple-rgb: 0, 0, 0;--brand-purple-subtle: rgba(0, 0, 0, .04);--brand-purple-border: rgba(0, 0, 0, .12);--brand-purple-glow: 0 8px 24px rgba(0, 0, 0, .06)}.nav-dropdown{position:relative;display:inline-flex;align-items:center}.nav-dropdown-btn{background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:13px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:color .2s ease}.nav-dropdown-btn:hover,.nav-dropdown.is-open .nav-dropdown-btn{color:var(--text)}.nav-dropdown-arrow{width:14px;height:14px;transition:transform .25s cubic-bezier(.16,1,.3,1);stroke:currentColor}.nav-dropdown:hover .nav-dropdown-arrow,.nav-dropdown.is-open .nav-dropdown-arrow{transform:rotate(180deg);color:var(--brand-purple)}.products-mega-menu,.solutions-mega-menu,.resources-mega-menu{position:absolute;top:calc(100% + 16px);transform:translateY(10px);background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 48px -10px #0f172a26,0 1px 3px #0000000d;padding:22px;z-index:1050;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,transform .24s cubic-bezier(.16,1,.3,1),visibility .24s}.products-mega-menu{left:0;width:860px;max-width:min(860px,calc(100vw - 32px))}.solutions-mega-menu{left:-110px;width:820px;max-width:min(820px,calc(100vw - 32px))}.resources-mega-menu{left:-220px;width:860px;max-width:min(860px,calc(100vw - 32px))}@media(max-width:1366px){.nav-links{gap:20px}}@media(max-width:1240px){.nav-links{gap:14px}.nav-links a,.nav-dropdown-btn span{font-size:12.5px}.solutions-mega-menu{left:-160px}.resources-mega-menu{left:-260px}}@media(max-width:1140px){.nav-links{gap:10px}.solutions-mega-menu{left:-220px}.resources-mega-menu{left:-320px}}.products-mega-menu:before,.solutions-mega-menu:before,.resources-mega-menu:before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}html:not([data-theme=light]) .products-mega-menu,html[data-theme=dark] .products-mega-menu,html:not([data-theme=light]) .solutions-mega-menu,html[data-theme=dark] .solutions-mega-menu,html:not([data-theme=light]) .resources-mega-menu,html[data-theme=dark] .resources-mega-menu{background:#000;border:1px solid var(--border);box-shadow:0 25px 60px #000000d9}.nav-dropdown:hover .products-mega-menu,.nav-dropdown.is-open .products-mega-menu,.nav-dropdown:hover .solutions-mega-menu,.nav-dropdown.is-open .solutions-mega-menu,.nav-dropdown:hover .resources-mega-menu,.nav-dropdown.is-open .resources-mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.company-dropdown-menu{position:absolute;top:calc(100% + 16px);right:0;width:330px;max-width:min(330px,calc(100vw - 32px));background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 20px 48px -10px #0f172a26,0 1px 3px #0000000d;padding:16px;z-index:1050;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .24s ease,transform .24s cubic-bezier(.16,1,.3,1),visibility .24s}.company-dropdown-menu:before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}html:not([data-theme=light]) .company-dropdown-menu,html[data-theme=dark] .company-dropdown-menu{background:#000;border:1px solid var(--border);box-shadow:0 25px 60px #000000d9}.nav-dropdown:hover .company-dropdown-menu,.nav-dropdown.is-open .company-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.company-dropdown-header{display:flex;align-items:center;gap:8px;padding:4px 6px 10px;border-bottom:1px solid #f1f5f9;margin-bottom:8px}html:not([data-theme=light]) .company-dropdown-header,html[data-theme=dark] .company-dropdown-header{border-color:var(--border)}.company-dropdown-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--brand-purple);color:var(--bg);padding:2px 7px;border-radius:4px}.company-dropdown-sub{font-size:11.5px;color:#64748b;font-weight:500}html:not([data-theme=light]) .company-dropdown-sub,html[data-theme=dark] .company-dropdown-sub{color:#94a3b8}.company-dropdown-list{display:flex;flex-direction:column;gap:4px}.company-dropdown-footer{margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;padding-left:6px;padding-right:6px}html:not([data-theme=light]) .company-dropdown-footer,html[data-theme=dark] .company-dropdown-footer{border-color:var(--border)}.company-dropdown-ft-txt{color:#64748b}html:not([data-theme=light]) .company-dropdown-ft-txt,html[data-theme=dark] .company-dropdown-ft-txt{color:#94a3b8}.company-dropdown-ft-link{color:var(--brand-purple);font-weight:700;text-decoration:none;font-size:12px}.company-dropdown-ft-link:hover{color:var(--brand-purple-hover);text-decoration:underline}.solutions-mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mega-top-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);margin-bottom:18px}.mega-top-title{font-size:13.5px;font-weight:700;color:#000;display:flex;align-items:center;gap:8px}html:not([data-theme=light]) .mega-top-title,html[data-theme=dark] .mega-top-title{color:#fff}.mega-badge{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--brand-purple);color:var(--bg);padding:2px 7px;border-radius:4px}.mega-top-sub{font-size:12px;color:#64748b}html:not([data-theme=light]) .mega-top-sub,html[data-theme=dark] .mega-top-sub{color:#94a3b8}.mega-top-link{font-size:12.5px;font-weight:700;color:var(--brand-purple);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;transition:transform .2s ease}.mega-top-link:hover{transform:translate(3px);color:var(--brand-purple-hover)}.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mega-item{display:flex;align-items:flex-start;gap:12px;padding:11px 12px;border-radius:12px;text-decoration:none;border:1px solid transparent;transition:all .2s ease}.mega-item:hover{background:#ffffff0f;border-color:#ffffff24;transform:translateY(-1px)}[data-theme=light] .mega-item:hover{background:#0000000a;border-color:#0000001a}.mega-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff1a;color:var(--brand-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease,background-color .2s ease}[data-theme=light] .mega-icon-wrap{background:#0000000d}.mega-item:hover .mega-icon-wrap{background:var(--brand-purple);color:var(--bg);transform:scale(1.05)}.mega-text{display:flex;flex-direction:column;gap:2px}.mega-name{font-size:13.5px;font-weight:700;color:#000;line-height:1.3;transition:color .2s ease}html:not([data-theme=light]) .mega-name,html[data-theme=dark] .mega-name{color:#fff}.mega-item:hover .mega-name{color:var(--brand-purple)}.mega-desc{font-size:11.5px;color:#64748b;line-height:1.35}html:not([data-theme=light]) .mega-desc,html[data-theme=dark] .mega-desc{color:#94a3b8}.mega-footer{margin-top:14px;padding-top:14px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:16px}html:not([data-theme=light]) .mega-footer,html[data-theme=dark] .mega-footer{border-color:var(--border)}.mega-footer-txt{font-size:12.5px;color:#64748b}html:not([data-theme=light]) .mega-footer-txt,html[data-theme=dark] .mega-footer-txt{color:#94a3b8}.mega-footer-cta,.nav-links a.mega-footer-cta{font-size:12.5px;font-weight:700;color:#fff;text-decoration:none;text-transform:none;letter-spacing:normal;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.mega-footer-cta svg,.nav-links a.mega-footer-cta svg{stroke:currentColor;transition:transform .2s ease}[data-theme=light] .mega-footer-cta,[data-theme=light] .nav-links a.mega-footer-cta{background:#0000000a;border-color:#0000001f;color:#000}.mega-footer-cta:hover,.nav-links a.mega-footer-cta:hover{background:#fff!important;color:#000!important;border-color:#fff!important}.mega-footer-cta:hover svg,.nav-links a.mega-footer-cta:hover svg{stroke:#000!important;transform:translate(2px)}[data-theme=light] .mega-footer-cta:hover,[data-theme=light] .nav-links a.mega-footer-cta:hover{background:#000!important;color:#fff!important;border-color:#000!important}[data-theme=light] .mega-footer-cta:hover svg,[data-theme=light] .nav-links a.mega-footer-cta:hover svg{stroke:#fff!important}.mobile-accordion{width:100%;margin-bottom:4px}.mobile-accordion-toggle{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-family:inherit;font-size:17px;font-weight:600;color:var(--text);border-radius:10px;cursor:pointer;text-align:left;transition:background .2s}.mobile-accordion-toggle:hover{background:#ffffff0d}[data-theme=light] .mobile-accordion-toggle:hover{background:#0000000a}.mobile-acc-arrow{width:18px;height:18px;transition:transform .28s ease;stroke:currentColor}.mobile-accordion.is-open .mobile-acc-arrow{transform:rotate(180deg);color:var(--brand-purple)}.mobile-accordion-panel{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:2px;padding-left:6px}.mobile-accordion.is-open .mobile-accordion-panel{max-height:800px}.mobile-prod-link,.mobile-nav a.mobile-prod-link{display:flex!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;border-radius:8px!important;text-decoration:none!important;color:var(--text2)!important;font-size:14.5px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;text-align:left!important;width:100%!important;border-bottom:none!important;transition:all .2s ease!important}[data-theme=light] .mobile-nav a.mobile-prod-link{color:#334155!important}.mobile-prod-link:hover,.mobile-nav a.mobile-prod-link:hover{background:#ffffff14!important;color:var(--brand-purple)!important}[data-theme=light] .mobile-nav a.mobile-prod-link:hover{background:#0000000d!important;color:var(--brand-purple)!important}.mobile-prod-icon{width:28px;height:28px;border-radius:7px;background:var(--brand-purple-subtle);color:var(--brand-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-brand-purple{background:#fff!important;color:#000!important;border:1px solid #ffffff!important;padding:13px 26px;font-weight:600;font-size:14.5px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #ffffff1f;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;text-decoration:none}.btn-brand-purple:hover{background:#e4e4e7!important;border-color:#e4e4e7!important;transform:translateY(-2px);box-shadow:0 8px 24px #fff3;color:#000!important}.btn-brand-outline{background:transparent!important;color:#fff!important;border:1.5px solid #27272a!important;padding:13px 26px;font-weight:600;font-size:14.5px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;cursor:pointer;text-decoration:none}.btn-brand-outline:hover{border-color:#52525b!important;color:#fff!important;background:#18181b!important;transform:translateY(-2px)}[data-theme=light] .btn-brand-purple{background:#000!important;color:#fff!important;border:1px solid #000000!important;box-shadow:0 4px 14px #00000026}[data-theme=light] .btn-brand-purple:hover{background:#27272a!important;border-color:#27272a!important;color:#fff!important;box-shadow:0 8px 20px #00000038}[data-theme=light] .btn-brand-outline{background:#fff!important;color:#000!important;border-color:#e4e4e7!important}[data-theme=light] .btn-brand-outline:hover{border-color:#a1a1aa!important;color:#000!important;background:#f4f4f5!important}.pill-purple{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:9999px;padding:6px 16px;font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:20px}.badge-brand-purple{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;background:var(--brand-purple-subtle);border:1px solid var(--brand-purple-border);color:var(--brand-purple);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pill-purple-dot{width:7px;height:7px;border-radius:50%;background:#fff;display:inline-block}[data-theme=light] .pill-purple{background:#0000000a;color:#000;border-color:#0000001f}[data-theme=light] .pill-purple-dot{background:#000}.prod-breadcrumbs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin-bottom:22px}.prod-breadcrumbs a{color:var(--muted);text-decoration:none;transition:color .2s}.prod-breadcrumbs a:hover{color:var(--brand-purple)}.prod-breadcrumbs .sep{opacity:.45}.prod-breadcrumbs .current{color:var(--text);font-weight:600}[data-theme=light] .prod-breadcrumbs .current{color:#000}.prod-hero{position:relative;padding:145px 0 75px;text-align:center}.prod-hero-title{font-size:clamp(32px,4.2vw,56px);font-weight:800;line-height:1.18;letter-spacing:-.02em;margin-bottom:22px;color:var(--text)}[data-theme=light] .prod-hero-title{color:#000}.prod-hero-sub{font-size:clamp(16px,1.8vw,19px);line-height:1.65;max-width:760px;margin:0 auto 34px;color:var(--muted)}[data-theme=light] .prod-hero-sub{color:#475569}.prod-hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:28px}.prod-hero-checks{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}.check-item{display:inline-flex;align-items:center;gap:7px}.check-item svg{color:var(--brand-purple);flex-shrink:0}.prod-section{padding:85px 0;position:relative}.prod-section.alt-bg{background:#ffffff05}[data-theme=light] .prod-section.alt-bg{background:#f8fafc}.prod-sec-head{text-align:center;max-width:780px;margin:0 auto 50px}.prod-sec-title{font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.22;letter-spacing:-.015em;margin-bottom:16px;color:var(--text)}[data-theme=light] .prod-sec-title{color:#000}.prod-sec-sub{font-size:16px;line-height:1.65;color:var(--muted)}[data-theme=light] .prod-sec-sub{color:#64748b}.prob-sol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:768px){.prob-sol-grid{grid-template-columns:1fr}}.prob-card{background:var(--navy2);border:1px solid var(--border);border-radius:16px;padding:28px;transition:transform .2s,border-color .2s;display:flex;flex-direction:column;justify-content:space-between}[data-theme=light] .prob-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 18px #0000000a}.prob-card:hover{border-color:var(--brand-purple-border);transform:translateY(-2px)}.prob-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.prob-tag-red{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:6px;background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.prob-tag-sol{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:6px;background:#ffffff1f;color:var(--brand-purple);border:1px solid rgba(255,255,255,.25)}.prob-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:10px}[data-theme=light] .prob-title{color:#000}.prob-text{font-size:14.5px;line-height:1.6;color:var(--muted);margin-bottom:18px}[data-theme=light] .prob-text{color:#64748b}.sol-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:16px 18px}[data-theme=light] .sol-box{background:#f4f4f5;border-color:#0000001c}.sol-box-title{font-size:13px;font-weight:700;color:var(--brand-purple);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;display:flex;align-items:center;gap:6px}.sol-box p{font-size:14px;line-height:1.55;color:var(--text);margin:0}[data-theme=light] .sol-box p{color:#1e293b}.steps-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:991px){.steps-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.steps-grid-4{grid-template-columns:1fr}}.step-card{background:var(--navy2);border:1px solid var(--border);border-radius:16px;padding:26px 22px;position:relative;transition:all .2s}[data-theme=light] .step-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0000000a}.step-card:hover{border-color:var(--brand-purple);transform:translateY(-3px)}.step-num{font-family:var(--f-mono);font-size:28px;font-weight:800;color:var(--brand-purple);opacity:.9;margin-bottom:14px}.step-title{font-size:16.5px;font-weight:700;color:var(--text);margin-bottom:10px}[data-theme=light] .step-title{color:#000}.step-desc{font-size:13.5px;line-height:1.6;color:var(--muted)}[data-theme=light] .step-desc{color:#64748b}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:991px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.benefits-grid{grid-template-columns:1fr}}.benefit-card{background:var(--navy2);border:1px solid var(--border);border-radius:16px;padding:26px;transition:all .2s}[data-theme=light] .benefit-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 18px #0000000a}.benefit-card:hover{border-color:var(--brand-purple-border);transform:translateY(-2px)}.benefit-icon{width:44px;height:44px;border-radius:12px;background:#ffffff1f;color:var(--brand-purple);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.benefit-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px}[data-theme=light] .benefit-title{color:#000}.benefit-desc{font-size:14px;line-height:1.6;color:var(--muted)}[data-theme=light] .benefit-desc{color:#64748b}.caps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1100px){.caps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.caps-grid{grid-template-columns:1fr}}.cap-card{background:var(--navy2);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s;text-decoration:none}[data-theme=light] .cap-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0000000a}.cap-card:hover{border-color:var(--brand-purple);transform:translateY(-3px);box-shadow:0 12px 28px #ffffff24}.cap-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1f;color:var(--brand-purple);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.cap-title{font-size:16.5px;font-weight:700;color:var(--text);margin-bottom:8px}[data-theme=light] .cap-title{color:#000}.cap-desc{font-size:13.5px;line-height:1.55;color:var(--muted);margin-bottom:16px}[data-theme=light] .cap-desc{color:#64748b}.cap-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--brand-purple)}.workflow-wrapper{background:var(--navy2);border:1px solid var(--border);border-radius:20px;padding:36px 24px}[data-theme=light] .workflow-wrapper{background:#fff;border-color:#e2e8f0;box-shadow:0 6px 24px #0000000d}.workflow-track{display:flex;align-items:center;justify-content:space-between;gap:8px}@media(max-width:991px){.workflow-track{flex-direction:column;align-items:stretch}}.workflow-step{flex:1;background:var(--navy3);border:1px solid var(--border2);border-radius:12px;padding:16px 12px;text-align:center;position:relative;transition:all .2s}[data-theme=light] .workflow-step{background:#f8fafc;border-color:#e2e8f0}.workflow-step:hover{border-color:var(--brand-purple);transform:translateY(-2px)}.workflow-step-num{font-family:var(--f-mono);font-size:11px;font-weight:700;color:var(--brand-purple);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.workflow-step-name{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.3}[data-theme=light] .workflow-step-name{color:#000}.workflow-connector{display:flex;align-items:center;justify-content:center;color:var(--brand-purple);padding:0 4px}@media(max-width:991px){.workflow-connector{transform:rotate(90deg);padding:6px 0}}.integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:991px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.integrations-grid{grid-template-columns:1fr}}.integration-card{background:var(--navy2);border:1px solid var(--border);border-radius:16px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s}[data-theme=light] .integration-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0000000a}.integration-card:hover{border-color:var(--brand-purple);transform:translateY(-2px)}.int-badge-live{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:4px;background:#10b98124;color:#10b981;border:1px solid rgba(16,185,129,.25)}.int-badge-webhook{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:4px;background:#3b82f624;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:850px){.related-grid{grid-template-columns:1fr}}.related-card{background:var(--navy2);border:1px solid var(--border);border-radius:14px;padding:22px;text-decoration:none;transition:all .2s;display:flex;flex-direction:column;justify-content:space-between}[data-theme=light] .related-card{background:#fff;border-color:#e2e8f0;box-shadow:0 3px 14px #0000000a}.related-card:hover{border-color:var(--brand-purple);transform:translateY(-2px)}.faq-wrap{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-box{background:var(--navy2);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s ease}[data-theme=light] .faq-box{background:#fff;border-color:#e2e8f0}.faq-box.open{border-color:var(--brand-purple)}.faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:transparent;border:none;font-family:inherit;font-size:16px;font-weight:600;color:var(--text);text-align:left;cursor:pointer;gap:16px}[data-theme=light] .faq-btn{color:#000}.faq-icon{width:20px;height:20px;flex-shrink:0;color:var(--brand-purple);transition:transform .25s ease}.faq-box.open .faq-icon{transform:rotate(180deg)}.faq-ans{display:none;padding:0 22px 20px;font-size:14.5px;line-height:1.65;color:var(--muted)}[data-theme=light] .faq-ans{color:#475569}.faq-box.open .faq-ans{display:block}.prod-cta-banner{background:linear-gradient(135deg,#18181b,#09090b);border:1px solid var(--border);border-radius:24px;padding:60px 36px;text-align:center;position:relative;overflow:hidden}[data-theme=light] .prod-cta-banner{background:linear-gradient(135deg,#fafafa,#f4f4f5);border-color:var(--border);box-shadow:0 10px 35px #0000000a}.prod-cta-title{font-size:clamp(26px,3.4vw,42px);font-weight:800;margin-bottom:16px;color:var(--text)}[data-theme=light] .prod-cta-title{color:#000}.prod-cta-sub{font-size:16.5px;line-height:1.6;max-width:660px;margin:0 auto 32px;color:var(--muted)}[data-theme=light] .prod-cta-sub{color:#64748b}.prod-cta-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.prod-cta-contact{font-size:13.5px;color:var(--muted)}.prod-cta-contact a{color:var(--brand-purple);text-decoration:none;font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}@media(max-width:991px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:36px}}@media(max-width:520px){.metrics-grid{grid-template-columns:1fr;gap:12px}}.metric-card{background:var(--navy3);border:1px solid var(--border2);border-radius:14px;padding:22px;text-align:center;transition:transform .2s,border-color .2s}[data-theme=light] .metric-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0000000a}.metric-card:hover{border-color:var(--brand-purple);transform:translateY(-2px)}.personas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}@media(max-width:1024px){.personas-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media(max-width:600px){.personas-grid{grid-template-columns:1fr;gap:16px}}.persona-card{background:var(--navy2);border:1px solid var(--border);border-radius:16px;padding:26px;transition:transform .2s,border-color .2s}[data-theme=light] .persona-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0000000a}.persona-card:hover{border-color:var(--brand-purple);transform:translateY(-2px)}@media(max-width:768px){.prod-hero{padding:110px 0 50px}}.sol-hero{position:relative;padding:145px 0 75px;text-align:center}@media(max-width:768px){.sol-hero{padding:110px 0 50px}}.sol-hero-title{font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:1.18;margin-bottom:22px;color:var(--text);letter-spacing:-.02em}[data-theme=light] .sol-hero-title{color:#000}.sol-hero-sub{font-size:clamp(16px,1.8vw,19px);line-height:1.62;color:var(--muted);max-width:840px;margin:0 auto 34px}[data-theme=light] .sol-hero-sub{color:#475569}.sol-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}@media(max-width:1024px){.sol-role-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sol-role-grid{grid-template-columns:1fr}}.sol-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:991px){.sol-problem-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sol-problem-grid{grid-template-columns:1fr}}.sol-card{background:var(--navy2);border:1px solid var(--border);border-radius:18px;padding:30px 26px;display:flex;flex-direction:column;justify-content:space-between;transition:all .25s ease;text-decoration:none}[data-theme=light] .sol-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 18px #0000000a}.sol-card:hover{border-color:var(--brand-purple);transform:translateY(-4px);box-shadow:0 16px 36px #ffffff26}.sol-card-icon{width:46px;height:46px;border-radius:12px;background:#ffffff1f;color:var(--brand-purple);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .25s ease,background .25s ease,color .25s ease}.sol-card:hover .sol-card-icon{background:var(--brand-purple);color:var(--bg);transform:scale(1.08)}.sol-card-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:10px;line-height:1.3}[data-theme=light] .sol-card-title{color:#000}.sol-card-desc{font-size:14px;line-height:1.6;color:var(--muted);margin-bottom:22px}[data-theme=light] .sol-card-desc{color:#64748b}.sol-card-link{font-size:13.5px;font-weight:700;color:var(--brand-purple);display:inline-flex;align-items:center;gap:6px;transition:gap .2s ease}.sol-card:hover .sol-card-link{gap:10px}.sol-prob-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sol-prob-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:6px;background:#ef444424;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.sol-fix-box{background:#ffffff0f;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px 18px;margin-top:18px}[data-theme=light] .sol-fix-box{background:#00000005}.sol-fix-title{font-size:13.5px;font-weight:700;color:var(--brand-purple);margin-bottom:4px;display:flex;align-items:center;gap:6px}.sol-fix-text{font-size:13px;color:var(--muted);line-height:1.5;margin:0}[data-theme=light] .sol-fix-text{color:#475569}.resources-mega-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:16px}.resources-col{display:flex;flex-direction:column;gap:6px}.resources-col-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-purple);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:6px}.resources-featured-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;text-decoration:none;transition:all .2s ease;margin-bottom:8px}.resources-featured-card:hover{background:#ffffff1f;border-color:#ffffff59;transform:translateY(-1px)}.resources-featured-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-purple)}.resources-featured-title{font-size:13px;font-weight:700;color:var(--text);line-height:1.3}[data-theme=light] .resources-featured-title{color:#000}.resources-featured-desc{font-size:11.5px;color:var(--muted);line-height:1.45;margin:0}.resource-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.resource-card{background:var(--navy2);border:1px solid var(--border2);border-radius:16px;padding:28px;display:flex;flex-direction:column;transition:all .25s ease;position:relative;overflow:hidden}.resource-card:hover{border-color:#fff6;transform:translateY(-3px);box-shadow:0 12px 30px #00000040}[data-theme=light] .resource-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0f172a0d}[data-theme=light] .resource-card:hover{border-color:var(--brand-purple);box-shadow:0 12px 28px #0000000f}.resource-card-icon{width:48px;height:48px;border-radius:12px;background:#ffffff1f;color:var(--brand-purple);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.resource-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-purple);margin-bottom:8px;display:inline-block}.resource-card-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:10px;line-height:1.3}[data-theme=light] .resource-card-title{color:#000}.resource-card-desc{font-size:14.5px;color:var(--muted);line-height:1.6;margin-bottom:24px}[data-theme=light] .resource-card-desc{color:#475569}.resource-card-footer{margin-top:auto}.resource-link-btn{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--brand-purple);text-decoration:none;transition:transform .2s ease}.resource-link-btn:hover{transform:translate(3px);color:var(--brand-purple-hover)}.featured-resource-box{background:var(--navy2);border:1px solid var(--border2);border-radius:14px;padding:24px;display:flex;flex-direction:column}[data-theme=light] .featured-resource-box{background:#fff;border-color:#e2e8f0}.featured-badge{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:6px;background:#ffffff1f;color:var(--brand-purple);margin-bottom:12px}.qa-block{background:var(--navy2);border:1px solid var(--border2);border-radius:14px;padding:24px}[data-theme=light] .qa-block{background:#fff;border-color:#e2e8f0}.qa-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:12px}[data-theme=light] .qa-title{color:#000}.qa-quick-answer{background:#ffffff14;border-left:3px solid var(--brand-purple);padding:12px 16px;border-radius:0 8px 8px 0;font-size:14px;color:var(--text);line-height:1.55;margin-bottom:12px}[data-theme=light] .qa-quick-answer{color:#1e293b}.qa-detail{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:12px}.qa-link{font-size:13px;font-weight:600;color:var(--brand-purple);text-decoration:none}.resource-hub-tile{background:var(--navy3);border:1px solid var(--border2);border-radius:12px;padding:20px;display:block;transition:all .2s ease}[data-theme=light] .resource-hub-tile{background:#f8fafc;border-color:#e2e8f0}.resource-hub-tile:hover{border-color:var(--brand-purple);transform:translateY(-2px)}.guide-category-section{margin-bottom:48px}.guide-cat-header{display:flex;align-items:center;gap:16px;margin-bottom:22px}.guide-cat-icon{width:44px;height:44px;border-radius:10px;background:#ffffff1f;color:var(--brand-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-cat-title{font-size:22px;font-weight:800;color:var(--text);margin-bottom:4px}[data-theme=light] .guide-cat-title{color:#000}.guide-cat-subtitle{font-size:14px;color:var(--muted);margin:0}.guide-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.guide-card{background:var(--navy2);border:1px solid var(--border2);border-radius:14px;padding:24px;display:flex;flex-direction:column;transition:all .2s ease}.guide-card:hover{border-color:#ffffff59;transform:translateY(-2px)}[data-theme=light] .guide-card{background:#fff;border-color:#e2e8f0}.guide-badge{display:inline-block;align-self:flex-start;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:4px;background:#ffffff1f;color:var(--brand-purple);margin-bottom:10px}.guide-card-title{font-size:17.5px;font-weight:700;line-height:1.35;margin-bottom:10px}.guide-card-title a{color:var(--text);text-decoration:none;transition:color .2s}.guide-card-title a:hover{color:var(--brand-purple)}[data-theme=light] .guide-card-title a{color:#000}.guide-card-summary{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:18px}.guide-card-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.guide-card-link{font-size:12.5px;font-weight:700;color:var(--brand-purple);text-decoration:none}.guide-layout-wrapper{display:grid;grid-template-columns:1fr 310px;gap:36px;align-items:start}@media(max-width:991px){.guide-layout-wrapper{grid-template-columns:1fr}}.guide-main-article{min-width:0}.guide-sidebar{position:sticky;top:100px}.guide-sidebar-card{background:var(--navy2);border:1px solid var(--border2);border-radius:14px;padding:22px}[data-theme=light] .guide-sidebar-card{background:#fff;border-color:#e2e8f0}.aeo-quick-answer-card{background:#ffffff12;border:1px solid rgba(255,255,255,.22);border-left:4px solid var(--brand-purple);border-radius:0 12px 12px 0;padding:18px 22px;margin-bottom:30px}[data-theme=light] .aeo-quick-answer-card{background:#00000008}.aeo-qa-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-purple);margin-bottom:8px}.aeo-qa-text{font-size:15px;color:var(--text);line-height:1.65;margin:0}[data-theme=light] .aeo-qa-text{color:#1e293b}.guide-toc-box{background:var(--navy2);border:1px solid var(--border2);border-radius:12px;padding:18px 22px;margin-bottom:36px}[data-theme=light] .guide-toc-box{background:#f8fafc;border-color:#e2e8f0}.guide-toc-title{font-size:13.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-purple);margin-bottom:10px}.guide-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.guide-toc-list a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .2s}.guide-toc-list a:hover{color:var(--brand-purple)}.guide-content-block{margin-bottom:40px}.guide-section-h2{font-size:clamp(20px,2.4vw,28px);font-weight:800;color:var(--text);margin-bottom:16px;line-height:1.3}[data-theme=light] .guide-section-h2{color:#000}.guide-section-body p{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:16px}[data-theme=light] .guide-section-body p{color:#334155}.guide-callout-box{background:#ffffff0f;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:16px 20px;font-size:14px;line-height:1.6;color:var(--text);margin:20px 0}[data-theme=light] .guide-callout-box{color:#1e293b}.guide-numbered-list,.guide-bullet-list{padding-left:20px;margin-bottom:20px;color:var(--muted);font-size:14.5px;line-height:1.7}.guide-numbered-list li,.guide-bullet-list li{margin-bottom:10px}.guide-numbered-list strong,.guide-bullet-list strong{color:var(--text)}[data-theme=light] .guide-numbered-list strong,[data-theme=light] .guide-bullet-list strong{color:#000}.guide-checklist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0}.guide-check-card{background:var(--navy3);border:1px solid var(--border2);border-radius:10px;padding:16px}[data-theme=light] .guide-check-card{background:#f8fafc;border-color:#e2e8f0}.guide-check-card h4{font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px}[data-theme=light] .guide-check-card h4{color:#000}.guide-check-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.guide-tool-promo{background:linear-gradient(135deg,#18181b,#09090b);border:1px solid var(--border);border-radius:14px;padding:24px;margin:36px 0;text-align:center}[data-theme=light] .guide-tool-promo{background:linear-gradient(135deg,#fafafa,#f4f4f5);border-color:var(--border)}.chip-link{display:inline-block;padding:6px 14px;background:var(--navy3);border:1px solid var(--border2);border-radius:9999px;font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;transition:all .2s}.chip-link:hover{border-color:var(--brand-purple);color:var(--brand-purple)}[data-theme=light] .chip-link{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.template-filter-wrapper{margin-bottom:32px}.template-search-box{position:relative;margin-bottom:20px}.template-search-box svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.template-search-box input{width:100%;padding:14px 20px 14px 50px;background:var(--navy2);border:1px solid var(--border2);border-radius:50px;color:var(--text);font-size:14.5px;outline:none;transition:border-color .2s}.template-search-box input:focus{border-color:var(--brand-purple)}[data-theme=light] .template-search-box input{background:#fff;border-color:#cbd5e1;color:#0f172a}.template-category-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.template-tab{background:var(--navy2);border:1px solid var(--border2);border-radius:50px;padding:8px 18px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s}.template-tab:hover{border-color:var(--brand-purple);color:var(--text)}.template-tab.active{background:var(--brand-purple);border-color:var(--brand-purple);color:var(--bg);box-shadow:0 4px 12px var(--shadow-sm)}[data-theme=light] .template-tab{background:#f1f5f9;border-color:#e2e8f0;color:#475569}[data-theme=light] .template-tab.active{background:var(--brand-purple);color:var(--bg)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}.template-card{background:var(--navy2);border:1px solid var(--border2);border-radius:14px;padding:22px;display:flex;flex-direction:column}[data-theme=light] .template-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 10px #0f172a0a}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.template-badge{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:4px;background:#25d3661f;color:#25d366;margin-bottom:6px}.template-title{font-size:16px;font-weight:700;color:var(--text);margin:0;line-height:1.35}[data-theme=light] .template-title{color:#000}.btn-copy-template{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:var(--brand-purple);padding:7px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;transition:all .2s}.btn-copy-template:hover{background:var(--brand-purple);color:var(--bg)}.template-when-box{font-size:12.5px;color:var(--muted);line-height:1.5;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border2)}.template-message-box{background:var(--navy3);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:12px;flex:1}[data-theme=light] .template-message-box{background:#f8fafc;border-color:#e2e8f0}.template-pre{margin:0;font-family:inherit;font-size:13.5px;line-height:1.6;color:var(--text);white-space:pre-wrap;word-break:break-word}[data-theme=light] .template-pre{color:#1e293b}.template-variables-tip{font-size:11px;color:var(--muted)}.template-variables-tip code{background:#ffffff1f;color:var(--brand-purple);padding:1px 4px;border-radius:3px;font-size:10.5px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px}.tool-card{background:var(--navy2);border:1px solid var(--border2);border-radius:16px;padding:28px;display:flex;flex-direction:column;transition:all .25s ease}.tool-card:hover{border-color:#fff6;transform:translateY(-3px);box-shadow:0 12px 30px #00000040}[data-theme=light] .tool-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0f172a0d}.tool-icon-wrap{width:48px;height:48px;border-radius:12px;background:#ffffff1f;color:var(--brand-purple);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.tool-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-purple);margin-bottom:6px}.tool-title{font-size:19px;font-weight:700;margin-bottom:10px;line-height:1.35}.tool-title a{color:var(--text);text-decoration:none;transition:color .2s}.tool-title a:hover{color:var(--brand-purple)}[data-theme=light] .tool-title a{color:#000}.tool-desc{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:18px}.tool-features-list{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);margin-bottom:22px;margin-top:auto}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:var(--brand-purple);padding:10px 18px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s}.tool-btn:hover{background:var(--brand-purple);color:var(--bg)}.calc-container-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:start}@media(max-width:860px){.calc-container-grid{grid-template-columns:1fr}}.calc-card{background:var(--navy2);border:1px solid var(--border2);border-radius:16px;padding:30px}[data-theme=light] .calc-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 18px #0f172a0d}.calc-results-card{background:var(--navy3);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:30px;position:sticky;top:100px}[data-theme=light] .calc-results-card{background:#f8fafc;border-color:#0000002b;box-shadow:0 6px 24px #0000000a}.calc-section-title{font-size:19px;font-weight:800;color:var(--text);margin-bottom:6px}[data-theme=light] .calc-section-title{color:#000}.calc-section-sub{font-size:13.5px;color:var(--muted);margin-bottom:24px}.calc-results-title{font-size:18px;font-weight:800;color:var(--text);margin-bottom:18px;display:flex;align-items:center;gap:8px}[data-theme=light] .calc-results-title{color:#000}.calc-form-group{margin-bottom:20px}.calc-label{display:block;font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:6px}[data-theme=light] .calc-label{color:#000}.calc-label-hint{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:2px}.calc-input-wrap{position:relative;display:flex;align-items:center}.calc-input{width:100%;padding:12px 14px;background:var(--navy3);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-size:15px;font-weight:600;outline:none;transition:border-color .2s}.calc-input:focus{border-color:var(--brand-purple)}[data-theme=light] .calc-input{background:#fff;border-color:#cbd5e1;color:#000}.calc-input-prefix{position:absolute;left:14px;font-weight:600;color:var(--muted)}.calc-input-wrap:has(.calc-input-prefix) .calc-input{padding-left:30px}.calc-input-suffix{position:absolute;right:14px;font-size:12px;font-weight:600;color:var(--muted)}.calc-disclaimer-note{font-size:11.5px;color:var(--muted);line-height:1.5;background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:10px 12px;margin-top:20px}[data-theme=light] .calc-disclaimer-note{background:#f1f5f9;border-color:#e2e8f0}.calc-stat-block{background:var(--navy2);border:1px solid var(--border2);border-radius:12px;padding:16px 18px;margin-bottom:14px}[data-theme=light] .calc-stat-block{background:#fff;border-color:#e2e8f0}.calc-stat-block.highlight{background:#ffffff1f;border-color:#ffffff59}.calc-stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}.calc-stat-value{font-size:28px;font-weight:900;color:var(--brand-purple);line-height:1.15;margin-bottom:4px}.calc-stat-value-sm{font-size:18px;font-weight:800;color:var(--text);line-height:1.25;margin-bottom:2px}[data-theme=light] .calc-stat-value-sm{color:#000}.calc-stat-sub{font-size:11.5px;color:var(--muted);line-height:1.4}.calc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wa-preview-bubble{background:#e7fed8;border-radius:14px;padding:16px 18px;box-shadow:0 4px 16px #0000001f;border:1px solid rgba(37,211,102,.25);position:relative}[data-theme=dark] .wa-preview-bubble,html:not([data-theme=light]) .wa-preview-bubble{background:#054740;border-color:#25d36659}.wa-bubble-header{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}[data-theme=dark] .wa-bubble-header,html:not([data-theme=light]) .wa-bubble-header{border-bottom-color:#0000000f}[data-theme=dark] .wa-bubble-header #previewRecipient,html:not([data-theme=light]) .wa-bubble-header #previewRecipient{color:#e2e8f0!important}[data-theme=dark] .wa-bubble-body p,html:not([data-theme=light]) .wa-bubble-body p{color:#e2e8f0!important}.wa-avatar{width:32px;height:32px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.wa-bubble-footer{text-align:right;font-size:10.5px;color:#64748b;margin-top:8px}[data-theme=dark] .wa-bubble-footer,html:not([data-theme=light]) .wa-bubble-footer{color:#94a3b8}.faq-accordion-item{background:var(--navy2);border:1px solid var(--border2);border-radius:12px;overflow:hidden;transition:border-color .2s}.faq-accordion-item.is-open{border-color:#fff6}[data-theme=light] .faq-accordion-item{background:#fff;border-color:#e2e8f0}[data-theme=light] .faq-accordion-item.is-open{border-color:var(--brand-purple);box-shadow:0 4px 18px #0000000a}.faq-accordion-toggle{width:100%;padding:18px 22px;background:none;border:none;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;color:var(--text);font-family:inherit;font-size:16px;font-weight:700}[data-theme=light] .faq-accordion-toggle{color:#000}.faq-toggle-icon{width:28px;height:28px;border-radius:50%;background:#ffffff1a;color:var(--brand-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s ease}.faq-accordion-item.is-open .faq-toggle-icon{transform:rotate(180deg);background:var(--brand-purple);color:var(--bg)}.faq-accordion-content{display:none;padding:0 22px 20px}.faq-accordion-item.is-open .faq-accordion-content{display:block}.blog-article-card{background:var(--navy2);border:1px solid var(--border2);border-radius:14px;padding:24px;display:flex;flex-direction:column;transition:all .2s ease}.blog-article-card:hover{border-color:#ffffff59;transform:translateY(-2px)}[data-theme=light] .blog-article-card{background:#fff;border-color:#e2e8f0}.contact-grid-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}.referral-grid-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}.contact-left-col,.ref-left-col{min-width:0}.contact-right-col,.ref-right-col{min-width:0;display:flex;justify-content:flex-end}.contact-right-col .contact-form-panel{width:100%;max-width:480px}.ref-right-col .referral-form-panel{width:100%;max-width:520px}@media(max-width:991px){.contact-grid-layout,.referral-grid-layout{grid-template-columns:1fr;gap:32px}.contact-right-col,.ref-right-col{justify-content:stretch}.contact-right-col .contact-form-panel,.ref-right-col .referral-form-panel{max-width:100%}}.form-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-fields-grid>*{min-width:0}.form-field-full{grid-column:span 2}.form-field-col{grid-column:span 1}@media(max-width:600px){.form-fields-grid{grid-template-columns:1fr;gap:12px}.form-field-full,.form-field-col{grid-column:span 1}}.ref-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ref-steps-grid>*{min-width:0}@media(max-width:991px){.ref-steps-grid{grid-template-columns:1fr}}.ref-rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ref-rules-grid>*{min-width:0}@media(max-width:991px){.ref-rules-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ref-rules-grid{grid-template-columns:1fr}}[data-theme=light] .policy-card{background:#fff;border-color:#0000001a;box-shadow:0 4px 24px #0000000f}[data-theme=light] .toc-sidebar{background:#fff;border-color:#0000001a}[data-theme=light] .toc-link:hover{color:#000;background:#f1f5f9}[data-theme=light] .toc-link.active{color:var(--amber);background:#0000000d}[data-theme=light] .policy-sec h2,[data-theme=light] .policy-sec h3{color:#000}[data-theme=light] .policy-table th{background:#0000000a;color:#000}[data-theme=light] .policy-table tr:hover td{background:#00000005}[data-theme=light] .policy-table .td-label{color:#000}[data-theme=light] .warn-box{background:#ef444414;border-color:#ef444440;color:#dc2626}[data-theme=light] .note-box{background:#3d7aed14;border-color:#3d7aed40;color:#1d4ed8}[data-theme=light] .info-box{background:#0000000a;border-color:#00000021;color:var(--text)}[data-theme=light] .contact-card{background:#f8fafc;border-color:#0000001a}[data-theme=light] .contact-card h4{color:#000}[data-theme=light] .contact-card a.btn-contact,[data-theme=light] a.btn-contact,[data-theme=light] .btn-contact,html[data-theme=light] .contact-card a.btn-contact,html[data-theme=light] a.btn-contact,html[data-theme=light] .btn-contact{background:#000;color:#fff!important;box-shadow:0 4px 16px #0003;color-scheme:dark}[data-theme=light] .contact-card a.btn-contact:hover,[data-theme=light] a.btn-contact:hover,[data-theme=light] .btn-contact:hover,html[data-theme=light] .contact-card a.btn-contact:hover,html[data-theme=light] a.btn-contact:hover,html[data-theme=light] .btn-contact:hover{background:#27272a;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}[data-theme=light] .ref-hero{background:radial-gradient(120% 100% at 50% -10%,#0000000f,#fff 65%);border-bottom:1px solid rgba(0,0,0,.08)}[data-theme=light] .ref-card,[data-theme=light] .leaderboard-card,[data-theme=light] .history-card,[data-theme=light] .qr-wrap,[data-theme=light] .earn-card,[data-theme=light] .tips-card{background:#fff;border-color:#00000017;box-shadow:0 4px 20px #0000000f}[data-theme=light] .card-title{color:#000}[data-theme=light] .stat-card{background:#fff;border-color:#00000017}[data-theme=light] .stat-card:hover{border-color:var(--amber)}