:root{--bg:#090b0d;--bg2:#0d1013;--card:#111519;--card2:#151a1f;--line:#232a31;--text:#f4f7f8;--muted:#909aa4;--accent:#b8ff38;--accent2:#e8ffb8;--warm:#ffb84d;--max:1320px;--radius:24px;--shadow:0 35px 90px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}.section-pad{padding:110px 0}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(9,11,13,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-items:end}.brand-mark i{display:block;background:var(--accent);border-radius:6px 6px 2px 2px;box-shadow:0 0 18px rgba(184,255,56,.25)}.brand-mark i:nth-child(1){height:46%}.brand-mark i:nth-child(2){height:76%}.brand-mark i:nth-child(3){height:100%}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:15px;letter-spacing:.08em}.brand-copy small{font-size:9px;letter-spacing:.28em;color:var(--muted);margin-top:6px}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px;color:#bbc2c8}.nav-links a:hover{color:#fff}.nav-cta{background:var(--accent);color:#101408!important;padding:10px 16px;border-radius:10px;font-weight:800}.nav-toggle{display:none;background:none;border:0;width:40px;height:40px}.nav-toggle span{display:block;height:2px;background:#fff;margin:7px 0}.hero{padding-top:158px;min-height:870px;position:relative;background:radial-gradient(circle at 78% 32%,rgba(184,255,56,.085),transparent 26%),radial-gradient(circle at 20% 10%,rgba(255,255,255,.04),transparent 26%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:center}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.22em;color:var(--accent);display:flex;align-items:center;gap:9px;margin-bottom:22px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(184,255,56,.08),0 0 18px rgba(184,255,56,.75)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(58px,7vw,94px);line-height:.9;letter-spacing:-.065em;margin-bottom:30px}.hero h1 span{color:var(--accent)}.hero-lead{font-size:19px;color:#aab2ba;max-width:670px}.hero-actions{display:flex;gap:12px;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 21px;border-radius:12px;font-weight:850;font-size:14px;border:1px solid var(--line);transition:.2s transform,.2s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#0b1006;border-color:var(--accent)}.btn-primary:hover{background:#ccff70}.btn-ghost{background:#111519;color:#eef1f3}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:14px}.hero-proof span{font-size:11px;color:var(--muted);margin-top:5px}.hero-visual{position:relative;height:610px}.halo{position:absolute;border-radius:50%;filter:blur(30px)}.halo-one{width:290px;height:290px;background:rgba(184,255,56,.10);right:40px;top:40px}.halo-two{width:260px;height:260px;background:rgba(255,184,77,.06);left:20px;bottom:30px}.panel-window{position:absolute;left:0;top:85px;width:92%;height:450px;background:#101418;border:1px solid #2c333a;border-radius:20px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.window-bar{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:7px;font-size:9px;color:#7e8790}.window-bar span{width:8px;height:8px;border-radius:50%;background:#323b43}.window-bar b{margin-left:12px;letter-spacing:.16em}.window-bar em{margin-left:auto;color:var(--accent);font-style:normal}.panel-body{display:grid;grid-template-columns:62px 1fr;height:calc(100% - 44px)}.panel-side{border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:21px;padding-top:17px}.mini-logo{width:26px;height:26px;border-radius:8px;background:linear-gradient(145deg,var(--accent),#718e2e);margin-bottom:4px}.panel-side i{width:24px;height:6px;border-radius:4px;background:#252c32}.panel-side i.active{background:var(--accent)}.panel-main{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head small,.panel-card small,.metric small,.dash small{font-size:8px;letter-spacing:.14em;color:#77818a}.panel-head strong{display:block;font-size:19px}.online{font-size:8px;color:var(--accent);background:rgba(184,255,56,.08);border:1px solid rgba(184,255,56,.18);padding:6px 9px;border-radius:999px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.metric{padding:12px;background:#151a1f;border:1px solid #242c33;border-radius:11px}.metric b{font-size:11px;display:block;margin:3px 0}.metric span{font-size:8px;color:#7f8991}.metric span.ok{color:var(--accent)}.panel-card{background:#151a1f;border:1px solid #242c33;border-radius:13px;padding:13px}.panel-card.wide{padding:14px 15px}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top strong{font-size:12px}.card-top button,.dash button{background:var(--accent);border:0;border-radius:7px;font-size:8px;font-weight:800;padding:7px 9px}.panel-card label{font-size:8px;color:#89939b;display:flex;justify-content:space-between;margin:9px 0 4px}.panel-card label span{color:var(--accent)}.fake-input{height:28px;border:1px solid #313940;background:#0f1215;border-radius:7px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#bbc4ca}.fake-input i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.fake-input.muted i{background:#5b646b}.small-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.small-cards strong{font-size:10px;display:block;margin:5px 0}.small-cards p{font-size:8px;color:#84909a;margin:0}.phone-window{position:absolute;width:220px;height:455px;right:-6px;bottom:-4px;background:linear-gradient(#11161a,#0d1114);border:6px solid #272d32;border-radius:34px;box-shadow:0 35px 90px rgba(0,0,0,.55);padding:18px 14px;z-index:3}.phone-speaker{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:56px;height:5px;border-radius:99px;background:#2d353b}.phone-top{display:flex;justify-content:space-between;font-size:7px;color:#7f8a93;margin:6px 2px 20px}.app-logo{display:flex;align-items:center;gap:7px;font-size:9px}.app-logo i{width:18px;height:18px;border-radius:6px;background:var(--accent)}.app-status{display:flex;align-items:center;gap:10px;margin:25px 0 13px;background:#151b20;padding:12px;border-radius:12px;border:1px solid #242d34}.app-status>span{width:26px;height:26px;border-radius:50%;background:rgba(184,255,56,.10);border:1px solid rgba(184,255,56,.25);position:relative}.app-status>span:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--accent)}.app-status small,.app-card small,.app-message small{font-size:6px;letter-spacing:.14em;color:#7e8991}.app-status b{display:block;font-size:9px}.app-card{background:linear-gradient(145deg,#171e23,#12171b);border:1px solid #263039;padding:13px;border-radius:13px}.app-card strong{display:block;font-size:11px;margin:4px 0}.app-card p{font-size:7px;color:#83909a}.app-line{display:flex;gap:4px}.app-line i{height:3px;flex:1;border-radius:3px;background:#2b343a}.app-line i:first-child,.app-line i:nth-child(2),.app-line i:nth-child(3){background:var(--accent)}.app-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.app-actions button{border:0;border-radius:8px;background:var(--accent);font-size:7px;font-weight:800;padding:9px}.app-actions .secondary{background:#20282e;color:#d3d9dd}.app-message{display:flex;gap:8px;align-items:flex-start;border-top:1px solid #252d33;margin-top:10px;padding-top:11px}.app-message>span{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:rgba(255,184,77,.12);color:var(--warm);font-size:8px}.app-message p{font-size:7px;color:#a3adb5;margin:0}.app-message small{display:block;color:var(--warm)}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d1012}.strip-grid{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;font-weight:850;letter-spacing:.16em;color:#7e8891;white-space:nowrap;overflow:hidden}.strip-grid i{width:4px;height:4px;background:var(--accent);border-radius:50%}.section-heading{max-width:780px}.section-heading h2{font-size:clamp(42px,5vw,66px);line-height:.98;letter-spacing:-.05em;margin-bottom:24px}.section-heading p{font-size:18px;color:#929ca5;max-width:690px}.centred{text-align:center;margin:0 auto}.centred .eyebrow{justify-content:center}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:16px;margin-top:55px}.feature{background:linear-gradient(145deg,#11161a,#0f1316);border:1px solid var(--line);padding:30px;border-radius:var(--radius);min-height:290px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.feature:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(184,255,56,.04);right:-70px;top:-70px}.feature-large{grid-row:span 2;min-height:596px}.feature-wide{grid-column:span 2;min-height:290px;flex-direction:row;align-items:end;justify-content:space-between;gap:40px}.feature small{font-size:9px;letter-spacing:.18em;color:#747f88}.feature h3{font-size:25px;line-height:1.1;letter-spacing:-.025em;margin:10px 0 12px}.feature p{font-size:14px;color:#8f9aa3;margin:0}.feature-icon{position:absolute;top:34px;left:32px;width:80px;height:80px}.network span{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px rgba(184,255,56,.07)}.network span:nth-child(1){top:5px;left:31px}.network span:nth-child(2){bottom:3px;left:4px}.network span:nth-child(3){bottom:3px;right:4px}.network:before,.network:after{content:"";position:absolute;top:31px;width:48px;height:1px;background:#42504f}.network:before{left:10px;transform:rotate(55deg)}.network:after{right:10px;transform:rotate(-55deg)}.pulse{border:1px solid #344039;border-radius:50%}.pulse:before,.pulse:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(184,255,56,.24)}.pulse:before{inset:13px}.pulse:after{inset:28px;background:var(--accent);box-shadow:0 0 30px rgba(184,255,56,.35)}.msg,.brush{display:grid;place-items:center;border-radius:20px;background:#1b221d;color:var(--accent);font-size:30px;font-weight:900;border:1px solid #2f3a32}.mini-flow{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #26302a;background:#101612;border-radius:14px;color:#b6c0b9}.mini-flow span{padding:7px 10px;background:#18201a;border-radius:8px;font-size:11px;font-weight:800}.mini-flow i{font-style:normal;color:var(--accent)}.dark-block{background:#0d1012;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.copy h2{font-size:clamp(44px,5vw,68px);line-height:.98;letter-spacing:-.05em}.copy>p{color:#939da6;font-size:18px}.tick-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:15px}.tick-list li{position:relative;padding-left:32px;color:#c0c7cc}.tick-list li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:6px;background:rgba(184,255,56,.1);color:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:900}.device-stage{height:630px;position:relative;display:grid;place-items:center}.phone{width:315px;height:610px;background:linear-gradient(#101519,#0c1013);border:8px solid #272d33;border-radius:46px;box-shadow:0 40px 100px rgba(0,0,0,.45);position:relative;padding:30px 22px}.mock-app-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7d8991}.mock-brand{display:flex;gap:7px;align-items:center;font-weight:800;color:#dfe5e8}.mock-brand i{width:18px;height:18px;background:var(--accent);border-radius:6px}.mock-welcome{padding:36px 0 23px}.mock-welcome small,.status-big small,.notice small{font-size:8px;letter-spacing:.14em;color:#78838b}.mock-welcome h3{font-size:24px;line-height:1.05;margin:6px 0 9px}.mock-welcome p{font-size:11px;color:#7f8c95}.status-big{padding:20px;border-radius:18px;border:1px solid #273139;background:#141a1e;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px}.orb{width:52px;height:52px;border-radius:50%;border:1px solid #33423a;display:grid;place-items:center;background:rgba(184,255,56,.05)}.orb span{width:20px;height:20px;border-radius:50%;background:var(--accent);box-shadow:0 0 24px rgba(184,255,56,.45)}.status-big strong{display:block;font-size:13px}.status-big em{font-style:normal;color:var(--accent);font-size:9px}.mock-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.mock-buttons button{padding:12px 7px;border-radius:10px;border:0;background:var(--accent);font-size:9px;font-weight:850}.mock-buttons button+button{background:#1b2227;color:#c7cdd1}.notice{padding:15px;border:1px solid #252e34;border-radius:13px;display:flex;gap:10px;align-items:center;margin-top:16px}.notice>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#20282d;color:var(--accent);font-size:10px}.notice p{font-size:10px;margin:3px 0 0;color:#9aa4ab}.floating-tag{position:absolute;background:#171d21;border:1px solid #303a41;box-shadow:0 18px 45px rgba(0,0,0,.35);padding:10px 14px;border-radius:12px;font-size:11px;font-weight:750}.floating-tag span{color:var(--accent);margin-right:6px}.tag-a{left:5%;top:24%}.tag-b{right:1%;top:46%}.tag-c{left:8%;bottom:17%}.panel-showcase{background:radial-gradient(circle at 50% 58%,rgba(184,255,56,.055),transparent 28%)}.browser{margin-top:55px;background:#11161a;border:1px solid #2a3238;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.browser-top{height:48px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 16px}.browser-top>div{display:flex;gap:6px}.browser-top span{width:8px;height:8px;border-radius:50%;background:#364047}.browser-top p{margin:0;text-align:center;font-size:9px;color:#717d85}.browser-top em{text-align:right;font-style:normal;color:var(--accent);font-size:8px}.dash{display:grid;grid-template-columns:185px 1fr;min-height:650px}.dash aside{border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:6px}.dash-logo{display:flex;align-items:center;gap:9px;margin-bottom:25px}.dash-logo i{width:27px;height:27px;border-radius:8px;background:var(--accent)}.dash aside a{padding:9px 10px;border-radius:8px;font-size:10px;color:#7f8992}.dash aside a.sel{color:#0d110a;background:var(--accent);font-weight:850}.dash aside small{margin-top:auto}.dash-main{padding:28px}.dash-head{display:flex;align-items:center;justify-content:space-between}.dash-head h3{font-size:26px;margin:3px 0}.dash-head button{padding:10px 13px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.dash-stats>div{border:1px solid #263038;background:#151a1f;border-radius:12px;padding:14px}.dash-stats b{display:block;font-size:13px;margin:3px 0}.dash-stats span{font-size:8px;color:#7d8991}.dash-stats .green{color:var(--accent)}.dash-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:10px}.dash-card{background:#151a1f;border:1px solid #263038;border-radius:14px;padding:16px}.endpoints{grid-row:span 2}.dash-card .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.dash-card strong{display:block;font-size:13px;margin:4px 0}.endpoint{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #252d33}.endpoint-num{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#20272c;color:#89939a;font-size:9px}.endpoint em{font-size:8px;color:var(--accent);font-style:normal;background:rgba(184,255,56,.07);padding:5px 7px;border-radius:99px}.theme-preview{height:96px;border-radius:11px;background:#0e1215;margin:12px 0;position:relative;padding:12px}.theme-preview>span{display:block;width:28px;height:8px;border-radius:4px;background:var(--accent)}.theme-preview div{display:flex;gap:5px;margin-top:18px}.theme-preview i{display:block;height:35px;flex:1;border-radius:7px;background:#1e262c}.theme-preview b{display:block;width:70%;height:6px;background:#2f393f;border-radius:4px;margin-top:9px}.dash-card p{font-size:10px;color:#808b93;margin:4px 0}.message-card span{display:block;color:#a2abb2;font-size:8px;margin-top:10px}.support-card button{margin-top:10px}.how{background:#090b0d}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:55px}.step{padding:28px 24px;border-top:1px solid #3a453f;background:linear-gradient(180deg,rgba(184,255,56,.035),transparent)}.step>span{font-size:11px;color:var(--accent);font-weight:900;letter-spacing:.12em}.step h3{font-size:19px;margin:45px 0 9px}.step p{font-size:13px;color:#88939b}.compare-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.compare-table{border:1px solid #283038;border-radius:18px;overflow:hidden}.row{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-bottom:1px solid #252d33}.row:last-child{border-bottom:0}.row>*{padding:15px 17px;font-size:12px}.row span{color:#929ca4}.row b{font-weight:650;color:#afb7bd;border-left:1px solid #252d33}.row .accent{color:#dfffb0;background:rgba(184,255,56,.035)}.row.head{background:#14191d}.row.head b{font-size:10px;letter-spacing:.08em;color:#77828a}.row.head .accent{color:var(--accent)}.access{background:radial-gradient(circle at 20% 50%,rgba(184,255,56,.08),transparent 27%)}.access-box{border:1px solid #2b3530;border-radius:30px;background:linear-gradient(140deg,#111714,#0e1211);padding:54px;display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.access-copy h2{font-size:clamp(42px,5vw,64px);line-height:.98;letter-spacing:-.05em}.access-copy p{font-size:16px;color:#909a93;max-width:600px}.interest-form{display:grid;gap:12px}.interest-form label{font-size:10px;color:#a0aaa3;font-weight:750;letter-spacing:.04em}.interest-form input,.interest-form select{width:100%;margin-top:6px;background:#0c100e;border:1px solid #2a352f;color:#e7ece9;padding:13px;border-radius:10px;outline:none}.interest-form input:focus,.interest-form select:focus{border-color:#566a4d}.interest-form small{color:#69736d;font-size:9px}.interest-form .btn{width:100%;cursor:pointer}footer{border-top:1px solid var(--line);padding:34px 0 40px;background:#080a0b}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-grid p,.footer-grid>span{margin:0;font-size:10px;color:#69747c}.footer-grid p{text-align:center}.footer-grid>span{text-align:right}.footer-brand{display:flex}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease opacity,.7s ease transform}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media(max-width:1050px){.hero-grid,.split,.compare-grid,.access-box{grid-template-columns:1fr}.hero{padding-top:130px}.hero-visual{margin-top:10px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-row:auto;min-height:340px}.feature-wide{grid-column:span 2}.device-stage{margin-top:10px}.compare-grid{gap:35px}.access-box{gap:35px}.dash{grid-template-columns:145px 1fr}.dash-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{width:min(100% - 26px,var(--max))}.section-pad{padding:78px 0}.nav-links{display:none;position:absolute;top:78px;left:13px;right:13px;background:#101418;border:1px solid #283038;border-radius:14px;padding:14px;flex-direction:column;align-items:stretch;gap:4px}.nav-links.open{display:flex}.nav-links a{padding:10px}.nav-toggle{display:block}.hero{min-height:auto}.hero-grid{gap:30px}.hero h1{font-size:58px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.hero-proof{grid-template-columns:1fr}.hero-visual{height:500px}.panel-window{width:100%;top:35px;height:350px;transform:none}.phone-window{width:165px;height:340px;right:5px;bottom:0;border-width:5px;border-radius:27px;padding:14px 10px}.phone-window .app-message{display:none}.panel-body{grid-template-columns:42px 1fr}.panel-main{padding:12px}.metric-row{grid-template-columns:1fr 1fr}.metric-row .metric:last-child{display:none}.small-cards{display:none}.strip-grid{justify-content:flex-start}.feature-grid{grid-template-columns:1fr}.feature,.feature-large,.feature-wide{min-height:300px;grid-column:auto;display:flex;flex-direction:column;align-items:stretch}.mini-flow{margin-top:25px}.split{gap:25px}.device-stage{height:580px}.phone{width:290px;height:560px}.floating-tag{display:none}.section-heading h2,.copy h2,.access-copy h2{font-size:43px}.browser{overflow-x:auto}.dash{min-width:780px}.steps{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr .9fr .9fr}.row>*{padding:11px 9px;font-size:10px}.access-box{padding:28px}.footer-grid{grid-template-columns:1fr;gap:18px;text-align:left}.footer-grid p,.footer-grid>span{text-align:left}.hero-proof{gap:12px}.hero-proof div{padding-bottom:8px}.strip{display:none}}
@media(max-width:500px){.steps{grid-template-columns:1fr}.hero h1{font-size:48px}.hero-visual{height:440px}.panel-window{height:315px}.phone-window{transform:scale(.9);transform-origin:right bottom}.feature{padding:24px}.section-heading h2,.copy h2,.access-copy h2{font-size:38px}.device-stage{height:535px}.phone{transform:scale(.92)}.access-box{border-radius:22px}.row{grid-template-columns:1fr 1fr}.row>*:nth-child(2){display:none}}

/* Clear product explanation */
.what-it-does{padding:82px 0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0c0f11,#090b0d)}
.what-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start}
.what-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.045em;margin-bottom:22px}
.what-copy p{font-size:17px;color:#98a2aa;max-width:620px}
.what-copy strong{color:#eef2f4}
.what-points{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#101418}
.what-points>div{padding:26px;min-height:175px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.what-points>div:nth-child(2n){border-right:0}.what-points>div:nth-last-child(-n+2){border-bottom:0}
.what-points span{display:block;color:var(--accent);font-size:9px;letter-spacing:.18em;font-weight:900;margin-bottom:20px}
.what-points strong{font-size:15px}.what-points p{font-size:12px;color:#88939b;margin:8px 0 0}
.hero-lead strong{color:#eef3f5;font-weight:750}
@media(max-width:1050px){.what-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:760px){.what-it-does{padding:65px 0}.what-points{grid-template-columns:1fr}.what-points>div{border-right:0;border-bottom:1px solid var(--line)!important;min-height:auto}.what-points>div:last-child{border-bottom:0!important}.what-copy h2{font-size:36px}}

/* StreamControl 0.8.0 feature expansion */
.feature-grid-full{grid-template-columns:1.15fr .925fr .925fr}
.feature-grid-full .feature{min-height:300px}
.code-icon,.release-icon,.shield-icon{font-size:17px;font-weight:950}
.portal-section{background:radial-gradient(circle at 70% 45%,rgba(184,255,56,.075),transparent 28%),linear-gradient(180deg,#0b0e10,#090b0d);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.portal-split{align-items:center}
.portal-preview{position:relative;min-height:560px;display:grid;place-items:center}
.portal-browser{width:min(100%,520px);border:1px solid #2a3339;border-radius:24px;overflow:hidden;background:#11161a;box-shadow:var(--shadow);transform:rotate(1deg)}
.portal-bar{height:45px;padding:0 14px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);background:#0e1215}
.portal-bar span{width:8px;height:8px;border-radius:50%;background:#364047}.portal-bar em{margin-left:10px;font-size:9px;color:#7b868d;font-style:normal}
.portal-hero-mini{padding:35px 30px 28px;display:flex;align-items:center;gap:18px;background:radial-gradient(circle at 80% 20%,rgba(184,255,56,.12),transparent 35%)}
.portal-logo{width:66px;height:66px;border-radius:18px;background:var(--accent);color:#0c1106;display:grid;place-items:center;font-size:28px;font-weight:950;box-shadow:0 0 30px rgba(184,255,56,.18)}
.portal-hero-mini small{font-size:8px;letter-spacing:.17em;color:var(--accent)}.portal-hero-mini strong{display:block;font-size:25px;margin:3px 0 5px}.portal-hero-mini p{margin:0;color:#88939a;font-size:11px}
.portal-download-card{margin:0 22px 12px;padding:18px;border:1px solid #2a3339;border-radius:15px;background:#151b1f;display:flex;align-items:center;justify-content:space-between;gap:14px}
.portal-download-card small{font-size:7px;letter-spacing:.14em;color:#7e8991}.portal-download-card strong{display:block;font-size:14px;margin:3px 0}.portal-download-card span{font-size:9px;color:#849098}.portal-download-card button{border:0;border-radius:9px;background:var(--accent);color:#0b1006;padding:11px 14px;font-size:9px;font-weight:900}
.portal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 22px 12px}.portal-meta>div{padding:15px 10px;border:1px solid #273038;border-radius:12px;text-align:center;background:#12171b}.portal-meta b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 7px;border-radius:8px;background:#20282e;color:var(--accent)}.portal-meta span{display:block;font-size:8px;color:#89949c}
.portal-sync{margin:0 22px 24px;padding:10px;border-radius:9px;background:rgba(184,255,56,.06);border:1px solid rgba(184,255,56,.14);color:#cffa88;text-align:center;font-size:9px;letter-spacing:.04em}
.small-note{font-size:12px!important;color:#748078!important;border-left:2px solid var(--accent);padding-left:12px;margin-top:24px!important}.demo-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.demo-points span{font-size:11px;color:#cdd5d0;background:#0c110e;border:1px solid #29342e;border-radius:999px;padding:8px 10px}.demo-points span::first-letter{color:var(--accent)}
@media(max-width:1050px){.feature-grid-full{grid-template-columns:1fr 1fr}.portal-preview{min-height:500px}.feature-grid-full .feature-wide{grid-column:span 2}}
@media(max-width:760px){.feature-grid-full{grid-template-columns:1fr}.feature-grid-full .feature-wide{grid-column:auto}.portal-preview{min-height:460px}.portal-browser{transform:none}.portal-download-card{align-items:flex-start;flex-direction:column}.portal-download-card button{width:100%}.portal-hero-mini{padding:26px 20px}.portal-logo{width:54px;height:54px}.portal-meta{margin-left:14px;margin-right:14px}.portal-download-card{margin-left:14px;margin-right:14px}.portal-sync{margin-left:14px;margin-right:14px}}


/* Hero desktop composition tune - v4 */
@media (min-width:1051px){
  .hero{padding-top:136px;min-height:820px;padding-bottom:86px}
  .hero-grid{grid-template-columns:.88fr 1.12fr;gap:32px;align-items:center}
  .hero-copy{max-width:575px}
  .hero h1{font-size:clamp(62px,5.45vw,82px);line-height:.91;letter-spacing:-.058em;margin-bottom:24px;max-width:575px}
  .hero-lead{font-size:18px;line-height:1.58;max-width:550px}
  .hero-actions{margin:28px 0 0}
  .hero-proof{gap:14px;margin-top:30px;padding-top:20px}
  .hero-proof strong{font-size:13px}
  .hero-proof span{font-size:10px;line-height:1.4}
  .hero-visual{height:560px;margin-left:-8px}
  .panel-window{left:0;top:42px;width:96%;height:438px;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}
  .phone-window{width:214px;height:444px;right:-2px;bottom:-2px}
  .halo-one{right:20px;top:5px}
  .halo-two{left:70px;bottom:18px}
}
@media (min-width:1051px) and (max-width:1250px){
  .hero{padding-top:132px}
  .hero h1{font-size:66px}
  .hero-copy{max-width:510px}
  .hero-grid{grid-template-columns:.9fr 1.1fr;gap:24px}
  .hero-lead{font-size:17px}
  .hero-visual{height:535px}
  .panel-window{top:48px;height:420px}
  .phone-window{transform:scale(.94);transform-origin:right bottom}
}

/* Demo form status */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{display:none;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:700;line-height:1.4}
.form-status.show{display:block}
.form-status.success{background:rgba(184,255,56,.08);border:1px solid rgba(184,255,56,.28);color:#dfffb0}
.form-status.error{background:rgba(255,90,90,.08);border:1px solid rgba(255,90,90,.26);color:#ffb8b8}
.interest-form button[disabled]{opacity:.65;cursor:wait;transform:none}

/* V5 theme switch, friendly portal and FAQ */
.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);color:var(--text);padding:9px 12px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap}
.theme-toggle:hover{border-color:var(--accent)}.theme-toggle span{font-size:15px}.theme-toggle b{font-size:11px}
.interest-form textarea{width:100%;min-height:104px;resize:vertical;margin-top:6px;background:#0c100e;border:1px solid #2a352f;color:#e7ece9;padding:13px;border-radius:10px;outline:none;font:inherit}
.interest-form textarea:focus{border-color:#566a4d}
.faq-section{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;align-items:start}.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:0 2px}.faq-list summary{list-style:none;cursor:pointer;padding:22px 45px 22px 0;font-size:17px;font-weight:800;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:6px;top:18px;color:var(--accent);font-size:24px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--muted);font-size:14px;max-width:760px;padding:0 45px 22px 0;margin:0}
.route-icon,.theme-icon,.failover-icon,.portal-icon{display:grid;place-items:center;border-radius:20px;background:#1b221d;color:var(--accent);font-size:30px;font-weight:900;border:1px solid #2f3a32}
.portal-section strong{color:var(--text)}

html[data-theme="light"]{--bg:#f5f7f9;--bg2:#edf1f4;--card:#fff;--card2:#f7f9fa;--line:#d5dde3;--text:#111820;--muted:#61707b;--accent:#18766d;--accent2:#c8f1ea;--warm:#bd691d;--shadow:0 28px 70px rgba(26,45,56,.14)}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .site-header{background:rgba(245,247,249,.88);border-bottom-color:rgba(13,34,45,.1)}
html[data-theme="light"] .nav-links{color:#44535d}html[data-theme="light"] .nav-links a:hover{color:#071014}html[data-theme="light"] .nav-cta,html[data-theme="light"] .btn-primary{color:#fff!important}
html[data-theme="light"] .hero{background:radial-gradient(circle at 78% 32%,rgba(24,118,109,.12),transparent 27%),radial-gradient(circle at 20% 10%,rgba(31,74,96,.06),transparent 26%)}
html[data-theme="light"] .hero h1 span,html[data-theme="light"] .eyebrow{color:var(--accent)}html[data-theme="light"] .hero-lead,html[data-theme="light"] .section-heading p,html[data-theme="light"] .copy>p{color:#566772}html[data-theme="light"] .hero-lead strong{color:#15232b}
html[data-theme="light"] .btn-ghost,html[data-theme="light"] .theme-toggle{background:#fff;color:#15232b}
html[data-theme="light"] .strip,html[data-theme="light"] .dark-block,html[data-theme="light"] .how,html[data-theme="light"] footer{background:#eef2f4}
html[data-theme="light"] .what-it-does{background:linear-gradient(180deg,#fff,#f5f7f9)}
html[data-theme="light"] .what-points,html[data-theme="light"] .feature,html[data-theme="light"] .access-box{background:#fff}
html[data-theme="light"] .feature:before{background:rgba(24,118,109,.06)}html[data-theme="light"] .feature p,html[data-theme="light"] .what-points p,html[data-theme="light"] .access-copy p{color:#61717c}
html[data-theme="light"] .route-icon,html[data-theme="light"] .theme-icon,html[data-theme="light"] .failover-icon,html[data-theme="light"] .portal-icon,html[data-theme="light"] .msg,html[data-theme="light"] .brush{background:#e7f3f1;border-color:#c6dfda}
html[data-theme="light"] .portal-section{background:radial-gradient(circle at 70% 45%,rgba(24,118,109,.11),transparent 28%),linear-gradient(180deg,#f7fafb,#edf2f4)}
html[data-theme="light"] .portal-browser,html[data-theme="light"] .browser{filter:drop-shadow(0 20px 40px rgba(26,45,56,.12))}
html[data-theme="light"] .interest-form input,html[data-theme="light"] .interest-form select,html[data-theme="light"] .interest-form textarea{background:#fff;border-color:#cbd5dc;color:#15232b}
html[data-theme="light"] .demo-points span{background:#fff;color:#34454e;border-color:#d3dde2}
html[data-theme="light"] .access{background:radial-gradient(circle at 20% 50%,rgba(24,118,109,.1),transparent 27%)}
@media(max-width:1050px){.faq-layout{grid-template-columns:1fr;gap:34px}}
@media(max-width:760px){.theme-toggle{margin-left:auto;margin-right:8px;order:2}.nav-toggle{order:3}.theme-toggle b{display:none}html[data-theme="light"] .nav-links{background:#fff;border-color:#d4dde3}.faq-list summary{font-size:15px;padding-right:38px}}

/* Managed offer */
.hero-price{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:18px 0 0;color:var(--muted);font-size:13px}
.hero-price strong{color:var(--text);font-size:16px}.hero-price a{color:var(--accent);font-weight:800;text-decoration:none}
.pricing-section{background:radial-gradient(circle at 85% 18%,rgba(184,255,56,.08),transparent 34%),var(--bg);border-top:1px solid var(--line)}
.pricing-grid{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:clamp(30px,7vw,110px)}
.pricing-grid .section-heading{margin-bottom:0}.pricing-note{font-size:13px!important;max-width:500px}
.price-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,42px);box-shadow:var(--shadow)}
.price-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.price-card-top span{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.16em}
.price-card-top strong{font-size:12px;color:var(--muted)}
.price-line{display:flex;align-items:baseline;gap:8px;margin:24px 0 0}.price-line strong{font-size:clamp(58px,7vw,82px);line-height:1;letter-spacing:-.07em}.price-line span{color:var(--muted)}
.setup-fee{margin:11px 0 24px;color:var(--muted);font-size:14px}.setup-fee b{color:var(--text)}
.price-card ul{list-style:none;padding:22px 0;margin:0 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.price-card li{position:relative;padding:6px 0 6px 28px;color:var(--text);font-size:14px;line-height:1.5}
.price-card li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}
.price-card .btn{width:100%;justify-content:center}.price-card>small{display:block;margin-top:15px;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:860px){.pricing-grid{grid-template-columns:1fr}.price-card{max-width:650px}}
html[data-theme="light"] .pricing-section{background:radial-gradient(circle at 85% 18%,rgba(24,118,109,.09),transparent 34%),var(--bg)}
