:root{color-scheme:dark;--navy:#031122;--text:#f7f9ff;--muted:#c7d2e5;--cyan:#00dcf2;--border:#234766;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--navy);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-width:320px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 26%,#08366699,transparent 49%),radial-gradient(ellipse at 45% 1%,#0a3152aa,transparent 35%),linear-gradient(150deg,#020d1b,#031327 58%,#020c19)}button{font:inherit;color:inherit;border:0;background:none}button[aria-disabled=true]{cursor:default}button:focus-visible{outline:2px solid #b3faff;outline-offset:6px}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.page-width{width:min(1392px,calc(100% - 112px));margin-inline:auto}.ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient:before{content:"";position:absolute;width:1300px;height:400px;left:30%;top:220px;border:1px solid #00d0ff26;border-radius:50%;transform:rotate(-20deg);box-shadow:0 -30px 100px #00bfff0c,inset 0 25px 70px #008fff0b}.ambient:after{content:"";position:absolute;width:1200px;height:250px;left:-450px;top:560px;border-top:1px solid #00bfff1c;border-radius:50%;transform:rotate(-9deg)}
.site-header{height:128px;display:flex;align-items:center;gap:56px;position:relative;z-index:2}.brand{position:relative;width:280px;height:78px;flex:none;overflow:hidden}.brand img{position:absolute;width:300px;height:auto;max-width:none;left:-9px;top:-10px}.main-nav{display:flex;align-items:center;gap:40px}.main-nav button{padding:12px 0;font-size:16px;font-weight:550;white-space:nowrap}.login{margin-left:auto;border:1.5px solid var(--cyan);border-radius:12px;min-width:132px;padding:13px 24px;font-size:17px;font-weight:600;background:#020e1e6b;box-shadow:0 0 16px #00ccff06}
.hero{position:relative;display:grid;grid-template-columns:43% 57%;min-height:565px;align-items:center}.hero-copy{position:relative;z-index:1;padding:28px 0 60px}.eyebrow{color:#4bf4fc;text-transform:uppercase;letter-spacing:2.7px;font-size:13px;font-weight:550;line-height:1.7;margin:0 0 20px;white-space:nowrap}h1{font-size:clamp(40px,4.18vw,64px);font-weight:740;letter-spacing:-2.6px;line-height:1.065;margin:0 0 24px}h1 span{color:var(--cyan)}.introduction{font-size:20px;font-weight:350;line-height:1.65;letter-spacing:-.3px;color:#d7e0f3;margin:0}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:32px;white-space:nowrap}.button-primary{border-radius:16px;background:linear-gradient(120deg,#04e8e9,#00bee8);color:#001325;font-weight:750;font-size:17px;padding:20px 26px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 40px #00cfee17;border:1px solid #00eff36b}.hero-actions svg{width:23px;height:23px;flex:none}.button-text{display:flex;align-items:center;gap:15px;padding:12px 0;font-size:17px}.button-text span{border-bottom:1px solid #dce5fb;padding-bottom:5px}.button-text svg{stroke-width:1.25;color:#c9def9}
.showcase{position:relative;margin:0;width:calc(100% + 45px);align-self:center;transform:translate(-4px,-1px)}.showcase-image{position:relative;width:100%;aspect-ratio:855/604;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 2.8%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 95%,transparent);mask-composite:intersect}.showcase-image img{position:absolute;width:179.65%;height:auto;max-width:none;left:-76.02%;top:-15.73%}.showcase figcaption{position:absolute;bottom:0;left:44px;color:#9aadc6;font-size:10px;letter-spacing:.15px}
.features{position:relative;z-index:1;padding-top:6px}.features h2{text-align:center;font-size:39px;line-height:1.2;letter-spacing:-1.3px;margin:0 0 28px;font-weight:720}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.feature-card{display:flex;gap:22px;padding:28px 24px 26px;min-height:166px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(120deg,#071a30b3,#07162a88);box-shadow:inset 0 1px 0 #ffffff02}.feature-icon{flex:none;width:44px;height:44px;stroke-width:3;margin-top:0}.feature-card h3{font-size:16px;letter-spacing:-.55px;line-height:1.4;margin:1px 0 12px;white-space:nowrap;font-weight:650}.feature-card p{font-size:15px;line-height:1.65;font-weight:350;color:var(--muted);margin:0}.cyan .feature-icon{color:#00b9f2}.green .feature-icon{color:#39ec72}.purple .feature-icon{color:#9c5cf5}.amber .feature-icon{color:#ffba37}footer{display:flex;justify-content:center;align-items:center;gap:24px;padding:36px 0 30px}footer p{font-size:13px;font-weight:350;color:#b9c8df;margin:0;line-height:1.65;text-align:center}footer span{display:block;width:130px;height:1px;background:#5c7794;opacity:.65}
@media(min-width:1600px){.site-header{height:145px}.hero{min-height:620px}.hero-copy{padding-bottom:80px}h1{font-size:66px}.introduction{font-size:21px}.showcase{width:calc(100% + 60px)}.features{padding-top:14px}.feature-card{min-height:176px}footer{padding-top:40px}}
@media(max-width:1250px){.page-width{width:calc(100% - 64px)}.site-header{gap:30px}.main-nav{gap:26px}.brand{width:235px;height:72px}.brand img{width:255px;top:-6px}h1{letter-spacing:-1.8px}.eyebrow{font-size:11px;letter-spacing:2px}.introduction{font-size:17px}.hero{min-height:490px}.hero-actions{gap:20px}.button-primary{font-size:15px;padding:18px 19px;gap:13px}.button-text{font-size:15px;gap:8px}.showcase{width:calc(100% + 20px)}.features h2{font-size:34px}.feature-card{padding:24px 17px;gap:14px}.feature-icon{width:36px;height:36px}.feature-card h3{white-space:normal;font-size:15px}.feature-card p{font-size:14px}}
@media(max-width:1000px){.hero{grid-template-columns:46% 54%;min-height:450px}.hero-copy{padding-bottom:30px}.wide-break{display:none}.main-nav{gap:22px}.main-nav button{font-size:14px}.login{min-width:110px;font-size:15px}.site-header{gap:22px;height:112px}.hero-actions{align-items:flex-start;gap:12px;flex-wrap:wrap}.button-primary{padding:16px 18px}.button-text{padding:12px 4px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.feature-card{gap:22px;min-height:145px;padding:25px}.feature-card h3{font-size:17px}.feature-card p{font-size:15px}.feature-icon{width:42px;height:42px}.features{padding-top:32px}footer span{width:70px}footer{gap:18px}.showcase figcaption{left:20px;font-size:9px}}
@media(max-width:740px){.page-width{width:calc(100% - 40px)}.site-header{height:95px;gap:12px}.brand{width:210px;height:65px}.brand img{width:230px;left:-8px;top:-6px}.main-nav{display:none}.login{min-width:86px;padding:10px 14px;font-size:14px;border-radius:10px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:34px 0 12px}.eyebrow{font-size:10px;letter-spacing:1.8px;white-space:normal;margin-bottom:18px}h1{font-size:clamp(39px,8.3vw,59px);letter-spacing:-1.7px;line-height:1.09;margin-bottom:21px}.desktop-break{display:none}.introduction{font-size:17px;line-height:1.65;max-width:530px}.hero-actions{margin-top:25px;gap:24px;align-items:center;flex-wrap:wrap}.button-primary{padding:18px 21px;font-size:15px;border-radius:13px;gap:14px}.button-text{font-size:15px;gap:10px}.showcase{width:calc(100% + 28px);margin-left:-14px;transform:none;margin-top:20px;margin-bottom:5px}.showcase figcaption{font-size:9px;bottom:-5px;left:25px}.features{padding-top:34px}.features h2{font-size:29px;letter-spacing:-1px;margin-bottom:23px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{padding:24px 23px;min-height:0;gap:22px;border-radius:16px}.feature-card h3{font-size:17px;margin-bottom:8px;letter-spacing:-.3px}.feature-card p{font-size:15px;max-width:420px}.feature-icon{width:39px;height:39px}footer{padding:31px 8px;gap:0}footer p{font-size:12px;max-width:310px}footer span{display:none}.ambient:before{left:5%;top:450px;width:900px}.ambient:after{top:650px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .65s ease-out both}.showcase{animation:arrive .85s ease-out both}.features{animation:arrive .85s ease-out both}@keyframes arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}}