:root{--accent:#20bdf0;--accent-rgb:32,189,240;--deep:#03172c;--panel:#06213d;--text:#f5fbff;--muted:#a9bed0;--line:rgba(103,184,229,.22)}.brand-iliad{--accent:#ff214d;--accent-rgb:255,33,77}.brand-eolo{--accent:#13bdea;--accent-rgb:19,189,234}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;background:#04182d;color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.brand-bg{position:fixed;z-index:-1;inset:0;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(var(--accent-rgb),.17),transparent 32%),linear-gradient(145deg,#021225,#062543 60%,#03172c)}.brand-bg::before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(var(--accent-rgb),.1) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.1) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 76%,transparent)}.brand-bg i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent),0 0 30px rgba(var(--accent-rgb),.7);animation:pulse 5s ease-in-out infinite}.brand-bg i:nth-child(1){top:18%;left:74%}.brand-bg i:nth-child(2){top:65%;left:89%;animation-delay:-2s}.brand-bg i:nth-child(3){top:82%;left:14%;animation-delay:-3.4s}
.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1440px;margin:auto;padding:24px 4vw;border-bottom:1px solid var(--line)}.back,.call{font-size:12px;font-weight:900;letter-spacing:1.5px}.call{justify-self:end;padding:10px 16px;border:1px solid rgba(var(--accent-rgb),.55);border-radius:99px}.de-brand{text-align:center}.de-brand strong{display:block;font-size:19px}.de-brand em{color:var(--accent);font-style:normal}.de-brand small{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:3px}
.hero{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(500px,1.1fr);gap:7vw;align-items:center;max-width:1400px;min-height:720px;margin:auto;padding:70px 4vw 82px}.partner-logo-wrap{display:flex;align-items:center;gap:15px;width:max-content;margin-bottom:34px;padding:11px 15px;border:1px solid rgba(var(--accent-rgb),.3);border-radius:10px;background:#fff}.partner-logo-wrap img{width:145px;height:42px;object-fit:contain}.brand-iliad .partner-logo-wrap img{width:120px}.partner-logo-wrap span{padding-left:15px;border-left:1px solid #d4dce3;color:#65717e;font-size:10px;font-weight:900;letter-spacing:1.8px}.eyebrow{margin:0 0 15px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:2.4px}.copy h1{margin:0;font-size:clamp(48px,5.4vw,82px);line-height:.96;letter-spacing:-4px}.copy h1 span{color:var(--accent);text-shadow:0 0 30px rgba(var(--accent-rgb),.23)}.lead{max-width:620px;margin:26px 0 0;color:#c5d5e2;font-size:18px;line-height:1.65}.lead strong{color:#fff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;border-radius:7px;font-size:13px;font-weight:900;letter-spacing:.7px;transition:transform .2s}.button:hover,.button:focus-visible{transform:translateY(-2px)}.primary{background:var(--accent);color:#fff;box-shadow:0 12px 34px rgba(var(--accent-rgb),.22)}.secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.04)}.address{margin:18px 0 0;color:var(--muted);font-size:13px;font-weight:700}
.guide-card{position:relative;overflow:hidden;padding:34px;border:1px solid rgba(var(--accent-rgb),.5);border-radius:20px;background:linear-gradient(145deg,rgba(7,40,72,.97),rgba(3,21,40,.97));box-shadow:0 32px 90px rgba(0,0,0,.34),inset 0 0 45px rgba(var(--accent-rgb),.035)}.guide-card::after{content:"";position:absolute;top:-85px;right:-85px;width:220px;height:220px;border:1px solid rgba(var(--accent-rgb),.15);border-radius:50%;box-shadow:0 0 0 35px rgba(var(--accent-rgb),.03),0 0 0 70px rgba(var(--accent-rgb),.02);pointer-events:none}.card-head{display:flex;gap:17px;align-items:center}.card-head>span{display:grid;width:45px;height:45px;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:12px;font-weight:900}.card-head small{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:2px}.card-head h2{margin:5px 0 0;font-size:25px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:28px}.choices button{display:flex;min-height:130px;flex-direction:column;align-items:flex-start;justify-content:center;padding:19px;border:1px solid var(--line);border-radius:12px;background:#062745;color:#fff;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.choices button:hover,.choices button:focus-visible{transform:translateY(-3px);border-color:var(--accent);outline:0}.choices button.active{border-color:var(--accent);background:linear-gradient(145deg,rgba(var(--accent-rgb),.18),rgba(6,39,69,.96))}.choices b{font-size:16px}.choices small{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.4}.result{min-height:132px;margin-top:20px;padding:22px;border:1px solid var(--line);border-radius:12px;background:rgba(2,15,30,.65)}.result-idle{display:flex;min-height:86px;align-items:center;justify-content:center;gap:11px;color:var(--muted);font-size:13px}.result-idle i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:pulse 1.6s ease-in-out infinite}.result-ready{animation:reveal .3s ease}.result-ready small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:2px}.result-ready strong{display:block;margin:4px 0 7px;color:var(--accent);font-size:24px}.result-ready p{margin:0 0 13px;color:#c8d8e5;font-size:13px;line-height:1.5}.result-ready a{color:var(--accent);font-size:12px;font-weight:900}
.steps-section{padding:72px 4vw 82px;border-top:1px solid var(--line);background:rgba(2,15,30,.45)}.steps-section>h2,.steps-section>.eyebrow,.steps{max-width:1160px;margin-right:auto;margin-left:auto}.steps-section h2{margin-top:0;font-size:clamp(30px,4vw,48px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.steps article{display:flex;gap:18px;padding:25px;border:1px solid var(--line);border-radius:12px;background:rgba(7,39,69,.7)}.steps article>span{color:var(--accent);font-size:13px;font-weight:900}.steps strong{font-size:17px}.steps p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4vw;background:#021124;color:var(--muted);font-size:12px}footer a{color:var(--accent)}
@keyframes pulse{0%,100%{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:950px){.hero{grid-template-columns:1fr;gap:44px;min-height:0}.copy{text-align:center}.partner-logo-wrap{margin-right:auto;margin-left:auto}.lead{margin-right:auto;margin-left:auto}.actions{justify-content:center}.guide-card{max-width:760px;width:100%;margin:auto}}
@media(max-width:620px){.topbar{grid-template-columns:minmax(58px,1fr) auto minmax(58px,1fr);gap:8px;padding:16px}.de-brand strong{font-size:14px}.de-brand small{font-size:7px;letter-spacing:2px}.back,.call{font-size:10px}.call{padding:8px 10px}.hero{gap:31px;padding:40px 16px 55px}.partner-logo-wrap{width:100%;max-width:255px;flex-direction:column;gap:7px;padding:14px 18px}.partner-logo-wrap img,.brand-iliad .partner-logo-wrap img{display:block;width:130px;height:auto;margin:auto}.partner-logo-wrap span{width:100%;padding:7px 0 0;border-top:1px solid #d6dde3;border-left:0;text-align:center}.copy h1{font-size:44px;letter-spacing:-2.5px;overflow-wrap:break-word}.lead{font-size:16px}.actions{display:grid;grid-template-columns:1fr}.button{width:100%}.guide-card{max-width:100%;padding:24px 15px}.card-head{padding:0 5px}.card-head h2{font-size:20px}.choices{grid-template-columns:1fr}.choices button{min-height:80px;padding:15px 17px}.result{padding:17px}.steps-section{padding:55px 16px}.steps{grid-template-columns:1fr}.steps article{padding:21px}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.brand-bg i,.result-idle i,.result-ready{animation:none!important}.button,.choices button{transition:none!important}}
