@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css";
:root{--bg:#07111f;--bg-soft:#0b1728;--panel:#0d1727c7;--panel-strong:#0a1220f0;--line:#94a3b824;--line-strong:#60a5fa38;--text:#e5eefc;--muted:#8ea3be;--muted-2:#6d8199;--brand:#5aa7ff;--brand-2:#35d0a7;--danger:#ff6b7a;--warn:#f8c15d;--ok:#43d08a;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--container:1240px;--ease:cubic-bezier(.22, 1, .36, 1)}.landing-body{color:var(--muted);font-family:var(--font-sans), sans-serif;background:radial-gradient(circle at 15% 20%,#5aa7ff1c,#0000 0 22%),radial-gradient(circle at 85% 10%,#35d0a714,#0000 0 18%),radial-gradient(circle at 50% 100%,#1f5cad29,#0000 0 28%),linear-gradient(#050d18 0%,#07111f 40%,#060c16 100%);min-height:100vh;position:relative}.landing-body:before{content:"";pointer-events:none;opacity:.42;z-index:10;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 92%);mask-image:radial-gradient(circle,#000 35%,#0000 92%)}.page-shell{width:min(100% - 32px, var(--container));margin-inline:auto}.surface{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#0d1727d1,#08101deb);position:relative;overflow:hidden}.surface:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000 18% 72%,#ffffff05);position:absolute;inset:0}.panel{border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .45s var(--ease), border-color .45s var(--ease), background .45s var(--ease);background:linear-gradient(#101b2de0,#080f1af5);position:relative;overflow:hidden}.panel:hover{border-color:#5aa7ff38;transform:translateY(-4px)}.noise-ring:after{content:"";border-radius:inherit;pointer-events:none;opacity:.9;-webkit-mask-composite:xor;background:linear-gradient(140deg,#5aa7ff26,#0000 28% 72%,#35d0a71f);padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.hero-title{color:var(--text);letter-spacing:-.04em;font-size:clamp(1.75rem,4vw,3.5rem);font-weight:900;line-height:1.1}.gradient-text{background:linear-gradient(120deg,#dfeeff 0%,#7cc1ff 36%,#5aa7ff 58%,#63e0be 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{color:#b9d9ff;text-transform:uppercase;letter-spacing:.24em;background:#5aa7ff12;border:1px solid #5aa7ff26;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:11px;font-weight:800;display:inline-flex}.btn-primary,.btn-secondary{min-height:52px;transition:transform .35s var(--ease), border-color .35s var(--ease), background .35s var(--ease), color .35s var(--ease);border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{color:#05101d;background:linear-gradient(135deg,#9ed0ff 0%,#5aa7ff 56%,#7af0d0 100%);border:1px solid #ffffff29}.btn-secondary{color:#d9eaff;background:#ffffff05;border:1px solid #94a3b829}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.screen-wrap{perspective:1200px}.screen{transform-style:preserve-3d;transition:transform .7s var(--ease);transform:rotateX(8deg)}.screen-wrap:hover .screen{transform:rotateX(0)translateY(-4px)}.terminal-line{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;grid-template-columns:auto 1fr auto;gap:10px;margin-top:8px;padding:10px 12px;display:grid}.metric-bar{background:#ffffff0d;border-radius:999px;width:100%;height:10px;overflow:hidden}.metric-fill{border-radius:inherit;transform-origin:0;height:100%;animation:growX 1.4s var(--ease) both;background:linear-gradient(90deg,#5aa7ffd9,#63e0beeb)}.section-title{color:var(--text);letter-spacing:-.05em;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1}.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}.text-main{color:var(--text)}.line-soft{border-color:var(--line)}.line-strong{border-color:var(--line-strong)}.feature-card .feature-icon,.pricing-card .pricing-badge,.timeline-step .step-dot{transition:transform .4s var(--ease), background .4s var(--ease), border-color .4s var(--ease)}.feature-card:hover .feature-icon,.pricing-card:hover .pricing-badge,.timeline-step:hover .step-dot{transform:scale(1.08)}.section-anchor{position:absolute;top:-120px}.timeline-line{background:linear-gradient(#5aa7ff59,#35d0a71f);width:1px;position:absolute;top:32px;bottom:32px;left:22px}.floating-orb{filter:blur(16px);opacity:.25;pointer-events:none;z-index:0;border-radius:999px;animation:7s ease-in-out infinite floatY;position:absolute}.reveal,.reveal-stagger>*{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(28px)scale(.98)}.reveal.is-visible,.reveal-stagger.is-visible>*{opacity:1;transform:translateY(0)scale(1)}.reveal-stagger.is-visible>:first-child{transition-delay:40ms}.reveal-stagger.is-visible>:nth-child(2){transition-delay:.1s}.reveal-stagger.is-visible>:nth-child(3){transition-delay:.16s}.reveal-stagger.is-visible>:nth-child(4){transition-delay:.22s}.reveal-stagger.is-visible>:nth-child(5){transition-delay:.28s}.reveal-stagger.is-visible>:nth-child(6){transition-delay:.34s}.pulse-dot{background:var(--ok);border-radius:999px;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 #43d08a99}.footer-link{color:#9cb5d3;transition:transform .3s var(--ease), color .3s var(--ease)}.footer-link:hover{color:#fff;transform:translateY(-2px)}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulse{0%{box-shadow:0 0 #43d08a85}70%{box-shadow:0 0 0 12px #43d08a00}to{box-shadow:0 0 #43d08a00}}@media (max-width:1024px){.screen{transform:none}}@media (max-width:767px){.page-shell{width:min(100% - 20px, var(--container))}.hero-title{letter-spacing:-.05em}.btn-primary,.btn-secondary{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}.screen{transform:none!important}}
