:root{--bg:#07101f;--panel:#0e1728;--line:#24344c;--text:#e9eef7;--muted:#8290a5;--accent:#376ce5;--green:#4fce88}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav{height:76px;border-bottom:1px solid #ffffff12;background:#07101fe8;backdrop-filter:blur(16px);display:flex;align-items:center;position:sticky;top:0;z-index:10}.navin{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center}.mark{width:31px;height:31px;border:1px solid #51637e;border-radius:7px;display:grid;place-items:center;font-weight:800}.brand b{letter-spacing:2px;font-size:14px}.brand small{display:block;color:#65758d;font-size:7px;letter-spacing:1.4px}.links{display:flex;gap:24px;color:#8795aa;font-size:11px}.links a:hover,.links a.active{color:#fff}.cta{padding:9px 13px;border-radius:7px;background:#fff;color:#111c2e!important;font-weight:700}.hero{padding:105px 0 90px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#2457d617;filter:blur(80px);right:-150px;top:-180px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#7f9bd3}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.03;letter-spacing:-3px;max-width:850px;margin:16px 0}.hero h1 em{font-style:normal;color:#7695e3}.lead{max-width:650px;color:#8c9aaf;font-size:15px}.actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:7px;border:1px solid #ffffff1a;color:#dbe4f2;font-size:11px;font-weight:700}.btn.primary{background:var(--accent);border-color:var(--accent)}.btn.secondary{background:#ffffff08}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:80px}.card{border:1px solid var(--line);background:#0e1728;border-radius:11px;padding:25px}.card h2{font-size:17px;margin:7px 0;color:#eef3fb}.card p{font-size:12px;color:#8290a5;margin:0}.num{font-size:27px;font-weight:750}.section{padding:80px 0}.section h2{font-size:34px;letter-spacing:-1px;margin:8px 0 15px}.section p{color:#8491a6;max-width:750px}.table{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:28px}.row{display:grid;grid-template-columns:1fr 1fr;padding:14px 17px;border-bottom:1px solid #ffffff0a;font-size:11px}.row:last-child{border:0}.row span{color:#8290a5}.contact{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact a{color:#aebbd0}.foot{border-top:1px solid #ffffff12;padding:28px 0;color:#596980;font-size:9px}.footin{display:flex;justify-content:space-between;gap:15px}.legal{max-width:850px}.legal h1{font-size:42px;letter-spacing:-1.5px}.legal h2{font-size:19px;color:#dfe6f1;margin-top:35px}.legal p,.legal li{color:#8491a6;font-size:12px}.hero .note{margin-top:18px;color:#596980;font-size:9px}@media(max-width:760px){.links{gap:10px}.links a:nth-child(-n+3){display:none}.wrap{width:min(100% - 28px,1180px)}.hero{padding:72px 0 60px}.hero h1{font-size:39px;letter-spacing:-1.8px}.grid,.contact{grid-template-columns:1fr}.section{padding:55px 0}.section h2,.legal h1{font-size:30px}.footin{flex-direction:column}.row{grid-template-columns:1fr;gap:3px}}

/* ATLAS motion + responsive polish */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.nav{transition:background .25s ease,box-shadow .25s ease}
.nav:hover{box-shadow:0 10px 40px #0003}
.brand .mark{transition:transform .3s ease,border-color .3s ease}
.brand:hover .mark{transform:rotate(-4deg) scale(1.06);border-color:#7185a5}
.links a{position:relative;transition:color .2s ease}
.links a:not(.cta):after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:#7695e3;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.links a:not(.cta):hover:after,.links a.active:after{transform:scaleX(1)}
.cta,.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.cta:hover,.btn:hover{transform:translateY(-2px)}
.btn.primary:hover{box-shadow:0 12px 30px #2457d650;background:#4477e9}
.btn.secondary:hover{background:#ffffff10;border-color:#ffffff2a}
.hero{animation:heroIn .7s cubic-bezier(.2,.75,.2,1) both}
.hero:before{animation:glow 8s ease-in-out infinite}
.hero .eyebrow{animation:fadeUp .5s .05s both}
.hero h1{animation:fadeUp .65s .12s both}
.hero .lead{animation:fadeUp .65s .2s both}
.hero .actions{animation:fadeUp .65s .28s both}
.hero .note{animation:fadeUp .65s .38s both}
.grid .card{animation:cardIn .55s cubic-bezier(.2,.75,.2,1) both}
.grid .card:nth-child(2){animation-delay:.08s}.grid .card:nth-child(3){animation-delay:.16s}
.card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-5px);border-color:#38506f;box-shadow:0 18px 45px #0004}
.num{transition:color .25s ease,transform .25s ease}
.card:hover .num{color:#7695e3;transform:translateX(3px)}
.section{animation:fadeUp .65s .1s both}
.section h2{max-width:780px}
.contact .card{animation:cardIn .55s both}
.contact .card:nth-child(2){animation-delay:.1s}
.legal{animation:fadeUp .65s both}
.legal h2{scroll-margin-top:100px}
.foot a{transition:color .2s ease}.foot a:hover{color:#b8c7dc}
@media (prefers-reduced-motion:reduce){
 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@keyframes heroIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes cardIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes glow{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}

@media(max-width:1000px){
 .wrap{width:min(100% - 34px,1180px)}
 .hero{padding:85px 0 70px}
 .hero h1{font-size:clamp(40px,7vw,60px)}
 .grid{grid-template-columns:repeat(2,1fr)}
 .grid .card:last-child{grid-column:1/-1}
}
@media(max-width:760px){
 .nav{height:auto;min-height:68px}
 .navin{min-height:68px}
 .links{gap:8px;font-size:10px}
 .links a:nth-child(-n+3){display:none}
 .links .cta{display:inline-flex;padding:8px 10px}
 .wrap{width:min(100% - 28px,1180px)}
 .hero{padding:64px 0 54px}
 .hero:before{width:400px;height:400px;right:-220px;top:-120px}
 .hero h1{font-size:clamp(35px,10vw,48px);letter-spacing:-2px}
 .lead{font-size:13px;line-height:1.7}
 .actions{display:grid;grid-template-columns:1fr}
 .btn{min-height:44px;width:100%}
 .grid{grid-template-columns:1fr;padding-bottom:55px}
 .grid .card:last-child{grid-column:auto}
 .card{padding:21px}
 .section{padding:58px 0}
 .section h2,.legal h1{font-size:30px;line-height:1.12}
 .contact{grid-template-columns:1fr}
 .row{grid-template-columns:1fr;gap:3px}
 .row span{display:block}
 .footin{flex-direction:column}
}
@media(max-width:430px){
 .brand b{font-size:12px}.brand small{font-size:6px}
 .brand .mark{width:29px;height:29px}
 .hero{padding-top:52px}
 .hero h1{font-size:34px}
 .eyebrow{font-size:8px;letter-spacing:1.1px}
 .lead{font-size:12px}
 .card h2{font-size:16px}
 .card p{font-size:11px}
 .section h2,.legal h1{font-size:27px}
}