:root{color-scheme:dark;--ink:#f5f8ff;--muted:#b5c5e8;--blue:#3976ff;--cyan:#97deff;--paper:#060c28;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;position:relative;min-height:100vh}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.shell{width:min(1200px,calc(100% - 96px));margin:auto;position:relative}
.campaign-backdrop{position:absolute;inset:0 0 auto;height:900px;background:radial-gradient(ellipse at 14% 0%,#2145a867,transparent 57%),radial-gradient(ellipse at 86% 18%,#14368340,transparent 52%);pointer-events:none}
.header{height:106px;display:flex;align-items:center;border-bottom:1px solid #bdd6ff26}
.brand{display:inline-flex;line-height:0;border-radius:4px}
.brand-logo{display:block;width:280px;height:auto;max-width:100%}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center;padding:28px 0 38px}
.hero-content{position:relative;z-index:1;min-width:0}
.hero-visual{position:relative;min-width:0;overflow:hidden;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 96%,transparent)}
.hero-visual img{display:block;width:145%;max-width:none;height:auto;margin-left:-45%;mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)}
.eyebrow{display:flex;align-items:center;gap:10px;color:#b5d9ff;font-size:10px;font-weight:600;letter-spacing:2.3px;margin-bottom:25px}
.eyebrow>span{width:6px;height:6px;background:#9ce5ff;border-radius:50%;box-shadow:0 0 14px #5fd6ff}
h1{font-weight:650;font-size:clamp(38px,4.1vw,58px);line-height:1.08;letter-spacing:-2.3px;margin:0;text-shadow:0 4px 24px #020b3560}
h1>span{color:#a9dcff}
.services{position:relative;padding-bottom:64px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{position:relative;background:linear-gradient(145deg,rgba(21,38,89,.94),rgba(10,20,55,.97));border:1px solid #668fe84d;border-radius:18px;padding:28px;display:flex;flex-direction:column;min-width:0;box-shadow:0 14px 36px #02071b35;backdrop-filter:blur(16px)}
.card-active{background:linear-gradient(145deg,rgba(38,73,166,.96),rgba(14,32,86,.98));border-color:#729cffb3;box-shadow:0 0 32px #2c6dff20,0 18px 42px #02071b50}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.step{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#9bb9ed}
.card-active .step{color:#c4e0ff}
.pill{border:1px solid #829ed33d;background:#c9deff0a;color:#b5c6e4;border-radius:30px;padding:6px 9px;font-size:9px;white-space:nowrap}
.pill-live{background:#a8dfff1a;color:#b7f0ff;border-color:#a6e4ff5c;display:flex;gap:5px;align-items:center}
.pill-live i{width:4px;height:4px;border-radius:50%;background:#9cecff;box-shadow:0 0 9px #9cecff}
.service-icon{width:44px;height:44px;border:1px solid #8db6ff3d;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#b3d7ff;background:#6c9eff0a;margin:28px 0 23px}
.service-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.card-active .service-icon{color:#c4edff;border-color:#b1d8ff65;background:#83baff12}
h3{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.6px;margin:0 0 16px}
.description{font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 30px;min-height:45px}
.card-active .description{color:#c9dbf6}
.action{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 15px;background:linear-gradient(110deg,#3f7dff,#2861ed);border:1px solid #81b4ff70;color:#fff;border-radius:9px;font-size:12px;text-decoration:none;font-weight:600;margin-top:auto;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 5px 18px #0a2c9433}
.action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.action[href]:hover{background:linear-gradient(110deg,#578eff,#3874ff);transform:translateY(-2px);box-shadow:0 7px 24px #357dff40}
.action[href]:focus-visible,.brand:focus-visible{outline:3px solid #a0e3ff;outline-offset:5px}
.action-unavailable{background:#a9c9ff0a;border-color:#8cafe32b;color:#a7b9d8;cursor:default;box-shadow:none}
.waiting-dot{letter-spacing:2px;font-size:17px;line-height:.8;color:#89a9dc}
@media(max-width:1050px){.shell{width:calc(100% - 64px)}.hero{gap:16px}h1{font-size:clamp(31px,4vw,43px)}.card{padding:23px 21px}.cards{gap:16px}h3{font-size:19px}.description{min-height:68px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.header{height:84px}.brand-logo{width:240px}.hero{grid-template-columns:1fr;gap:14px;padding:36px 0 24px}.hero-visual{width:100%;max-width:480px;justify-self:center}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:19px}h1{font-size:clamp(31px,7.8vw,47px);letter-spacing:-1.4px;line-height:1.12}.cards{grid-template-columns:1fr;gap:16px}.card{padding:25px}.card h3{font-size:22px}.description{font-size:13px;min-height:0;max-width:390px;margin-bottom:27px}.service-icon{margin:24px 0 20px}.action{min-height:49px}.services{padding-bottom:36px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}