:root{--dark:#082829;--deep:#052021;--ink:#12383a;--teal:#0b8f82;--mint:#35c6b0;--aqua:#67ead7;--soft:#eef8f6;--white:#fff;--muted:#5f7374;--gold:#c9a46b;--shadow:0 24px 80px #0000002e;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--dark);background:#f7fbfa;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.page-bg{z-index:-3;background:radial-gradient(circle at 16% 18%,#35c6b038,#0000 28%),radial-gradient(circle at 85% 12%,#0b8f8238,#0000 26%),linear-gradient(#f7fbfa,#eff8f6 45%,#fff);position:fixed;inset:0}.grid-bg{z-index:-2;opacity:.36;background-image:linear-gradient(#0828290d 1px,#0000 1px),linear-gradient(90deg,#0828290d 1px,#0000 1px);background-size:58px 58px;animation:24s linear infinite gridMove;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}@keyframes gridMove{to{transform:translate(58px,58px)}}.orb{z-index:-1;filter:blur(10px);opacity:.5;border-radius:999px;animation:12s ease-in-out infinite alternate floatOrb;position:fixed}.orb.one{background:#35c6b047;width:240px;height:240px;top:18%;left:-90px}.orb.two{background:#0b8f8233;width:310px;height:310px;animation-delay:-5s;top:36%;right:-140px}.orb.three{background:#c9a46b2e;width:180px;height:180px;animation-delay:-3s;bottom:8%;left:64%}@keyframes floatOrb{0%{transform:translateY(-22px)scale(1)}to{transform:translateY(32px)scale(1.08)}}.wrap{width:min(1180px,100% - 40px);margin:0 auto}header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7fbfac7;border-bottom:1px solid #08282914;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:28px;min-height:78px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{width:auto;height:55px;display:block}.links{color:#355455;align-items:center;gap:26px;font-size:14px;font-weight:700;display:flex}.links a{opacity:.86;transition:all .25s}.links a:hover{color:var(--teal);opacity:1}.btn{cursor:pointer;border:1px solid #0828291f;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 22px;font-weight:800;transition:transform .22s,box-shadow .22s,background .22s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0b8f8238}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--teal),var(--mint));border:0}.btn-secondary{color:var(--dark);background:#ffffffb8}.hero{padding:86px 0 70px;position:relative;overflow:hidden}.hero:before{content:"X";color:#0000;-webkit-text-stroke:1px #0b8f8224;font-size:380px;font-weight:900;line-height:.8;animation:5s ease-in-out infinite pulseX;position:absolute;top:8px;right:-40px}@keyframes pulseX{0%,to{opacity:.45;transform:rotate(-4deg)scale(1)}50%{opacity:.85;transform:rotate(2deg)scale(1.03)}}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;display:grid}.eyebrow{color:var(--teal);letter-spacing:.02em;background:#ffffffbd;border:1px solid #0b8f822e;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 12px 34px #0828290f}.eyebrow i{background:var(--mint);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 8px #35c6b01f}h1{letter-spacing:-.06em;color:var(--dark);margin:22px 0 20px;font-size:clamp(42px,6vw,76px);font-weight:700;line-height:.98}.grad{background:linear-gradient(135deg,var(--teal),var(--mint));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:#496263;max-width:650px;margin:0 0 28px;font-size:18px;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:14px;margin:32px 0 34px;display:flex}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;max-width:660px;display:grid}.metric{background:#ffffffa6;border:1px solid #08282914;border-radius:22px;padding:18px;box-shadow:0 16px 40px #0828290f}.metric b{letter-spacing:-.04em;color:var(--teal);font-size:25px;display:block}.metric span{color:#607678;text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:12px;font-weight:800;display:block}.dashboard{min-height:590px;box-shadow:var(--shadow);isolation:isolate;background:linear-gradient(145deg,#082829f5,#08403ded);border:1px solid #ffffff2e;border-radius:38px;padding:20px;position:relative;overflow:hidden}.dashboard:before{content:"";z-index:-1;background:conic-gradient(from 180deg,#0000,#35c6b06b,#0000,#ffffff29,#0000);animation:10s linear infinite spin;position:absolute;inset:-30%}@keyframes spin{to{transform:rotate(360deg)}}.dash-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.window-dots{gap:8px;display:flex}.window-dots span{background:#ffffff52;border-radius:50%;width:10px;height:10px}.dash-label{color:#ffffffb3;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.dash-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff24;border-radius:24px;padding:18px}.dash-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.score{grid-template-columns:128px 1fr;align-items:center;gap:18px;display:grid}.ring{--p:78;background:conic-gradient(var(--mint) calc(var(--p)*1%),#ffffff1a 0);border-radius:999px;width:128px;height:128px;animation:2.5s both ringGrow;position:relative}.ring:after{content:"78%";border-radius:inherit;background:var(--dark);color:#fff;place-items:center;font-size:28px;font-weight:900;display:grid;position:absolute;inset:13px}@keyframes ringGrow{0%{--p:0}to{--p:78}}.dash-card h3{color:#fff;letter-spacing:-.03em;margin:0 0 8px}.dash-card p{color:#ffffffad;margin:0;font-size:13px;line-height:1.5}.bars{gap:12px;margin-top:16px;display:grid}.bar{color:#ffffffbd;grid-template-columns:82px 1fr 38px;align-items:center;gap:10px;font-size:12px;font-weight:700;display:grid}.bar-line{background:#ffffff1a;border-radius:999px;height:10px;overflow:hidden}.bar-line i{border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--aqua));transform-origin:0;height:100%;animation:1.8s forwards growBar;display:block}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.line-chart{height:168px;margin-top:18px;position:relative}.line-chart svg{width:100%;height:100%;overflow:visible}.line-chart path{fill:none;stroke:var(--aqua);stroke-width:5px;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600px;animation:2.8s infinite alternate forwards drawLine}.line-chart .area{fill:url(#areaGradient);opacity:.42;stroke:none;animation:none}@keyframes drawLine{to{stroke-dashoffset:0}}.floating-card{width:248px;animation:4.5s ease-in-out infinite floatCard;position:absolute;bottom:28px;right:22px;transform:rotate(-2deg)}@keyframes floatCard{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(1deg)}}.section{padding:86px 0}.section-head{max-width:790px;margin-bottom:36px}.kicker{color:var(--teal);text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:900}h2{letter-spacing:-.055em;margin:12px 0 14px;font-size:clamp(32px,4.2vw,54px);font-weight:700;line-height:1.04}.section-head p,.lead{color:#596f70;font-size:17px;line-height:1.72}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{border-radius:var(--radius);background:#ffffffc7;border:1px solid #08282914;padding:28px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 20px 60px #08282912}.card:hover{transform:translateY(-7px);box-shadow:0 26px 70px #08282921}.card:after{content:"";background:#35c6b021;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.icon{width:52px;height:52px;color:var(--teal);background:linear-gradient(135deg,#0b8f821f,#35c6b038);border-radius:16px;place-items:center;margin-bottom:18px;font-size:22px;font-weight:900;display:grid}.card h3{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(18px,1.6vw,24px);font-weight:700}.card p{color:#617475;margin:0;line-height:1.65}.dark-band{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#082829,#0a3d3d 68%,#0d5d55);border-radius:44px;padding:62px;position:relative;overflow:hidden}.dark-band:before{content:"";opacity:.18;background-image:radial-gradient(circle,#fff 1px,#0000 1px);background-size:28px 28px;animation:16s linear infinite gridMove;position:absolute;inset:-2px}.dark-content{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;display:grid;position:relative}.dark-band h2,.dark-band p{color:#fff}.process{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.step{background:#ffffff1a;border:1px solid #ffffff24;border-radius:20px;min-height:132px;padding:18px 12px;position:relative}.step b{color:var(--aqua);margin-bottom:10px;font-size:24px;display:block}.step span{color:#ffffffd1;font-size:12px;font-weight:800;line-height:1.4;display:block}.step:after{content:"→";color:#ffffff59;font-size:22px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.step:last-child:after{display:none}.split{grid-template-columns:.95fr 1.05fr;align-items:center;gap:44px;display:grid}.mock-phone{background:#081e20;border-radius:42px;width:min(390px,100%);margin:0 auto;padding:12px;transform:rotate(3deg);box-shadow:0 30px 90px #08282940}.phone-screen{background:#f8fffd;border:1px solid #ffffff2e;border-radius:32px;min-height:590px;overflow:hidden}.phone-head{background:linear-gradient(135deg,var(--deep),var(--teal));color:#fff;padding:24px}.mini-logo{filter:brightness(0)invert();opacity:.96;height:24px}.phone-body{padding:20px}.pill{color:var(--teal);background:#35c6b024;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900;display:inline-flex}.mini-kpis{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.mini-kpi{background:#fff;border:1px solid #08282914;border-radius:18px;padding:14px}.mini-kpi b{color:var(--teal);font-size:22px}.mini-kpi span{color:#758888;font-size:11px;font-weight:800;display:block}.task{background:#fff;border:1px solid #08282914;border-radius:18px;align-items:flex-start;gap:12px;margin-top:10px;padding:14px;display:flex}.check{background:linear-gradient(135deg,var(--teal),var(--mint));color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.logos-marquee{background:#ffffffa6;border-block:1px solid #08282914;overflow:hidden}.marquee-track{gap:14px;width:max-content;padding:20px 0;animation:34s linear infinite marquee;display:flex}@keyframes marquee{to{transform:translate(-50%)}}.logo-chip{color:#405859;background:#fff;border:1px solid #08282914;border-radius:999px;flex:none;padding:12px 20px;font-weight:900;box-shadow:0 10px 22px #0828290a}.form-section{padding:88px 0 96px}.lead-box{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:34px;display:grid}.lead-copy{color:#fff;background:linear-gradient(135deg,#082829,#0a5952);border-radius:36px;padding:44px;position:relative;overflow:hidden}.lead-copy:after{content:"X";color:#ffffff0f;font-size:220px;font-weight:900;position:absolute;bottom:-48px;right:-24px}.lead-copy h2{color:#fff}.lead-copy p{color:#ffffffc7;line-height:1.7}.lead-list{gap:12px;margin-top:26px;display:grid;position:relative}.lead-list div{align-items:center;gap:12px;font-weight:800;display:flex}.lead-list i{width:28px;height:28px;color:var(--aqua);background:#35c6b02e;border-radius:50%;place-items:center;font-style:normal;display:grid}form{box-shadow:var(--shadow);background:#fff;border:1px solid #08282914;border-radius:36px;padding:32px}.fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}label{color:#385454;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px;font-size:12px;font-weight:900;display:block}input,select,textarea{width:100%;font:inherit;background:#fbfefd;border:1px solid #08282924;border-radius:16px;outline:none;padding:15px;transition:border .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--mint);box-shadow:0 0 0 4px #35c6b024}textarea{resize:vertical;min-height:116px}.full{grid-column:1/-1}.form-note{color:#6b7e80;margin:14px 0 20px;font-size:12px;line-height:1.5}.submit{border:0;width:100%}.success{color:var(--teal);background:#35c6b01f;border-radius:16px;margin-top:14px;padding:14px;font-weight:800;display:none}footer{color:#ffffffa8;background:#061d1e;padding:36px 0}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}footer img{filter:brightness(0)invert();opacity:.9;height:34px}.reveal{opacity:0;animation:.8s forwards reveal;transform:translateY(20px)}.delay1{animation-delay:.12s}.delay2{animation-delay:.24s}.delay3{animation-delay:.36s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.links{display:none}.hero-grid,.dark-content,.split,.lead-box{grid-template-columns:1fr}.dashboard{min-height:auto}.cards{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.step:after{display:none}.metrics{grid-template-columns:1fr}.floating-card{width:auto;margin-top:14px;position:static;transform:none}.dark-band{border-radius:32px;padding:32px}.fields{grid-template-columns:1fr}}@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.hero{padding-top:48px}.hero-actions .btn{width:100%}.dash-row,.score,.process{grid-template-columns:1fr}h1{font-size:42px}form,.lead-copy{border-radius:28px;padding:24px}.phone-screen{min-height:520px}}
