:root{--bg:#05070d;--bg2:#0b111b;--tx:#eef2f9;--mu:#9aa6b8;--bl:#1f6bff;--lb:#5aa9ff;--bd:rgba(255,255,255,.09);--ease:cubic-bezier(.22,1,.36,1);--hf:"Arial Black","Segoe UI Black",Impact,"DejaVu Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--hf);line-height:1.08;margin:0;letter-spacing:-.01em}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.25rem}
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:300;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--bl),var(--lb));pointer-events:none}
header{position:fixed;top:0;left:0;right:0;z-index:200;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
header.s{background:rgba(5,7,13,.88);backdrop-filter:blur(10px);border-color:var(--bd)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.6rem;font:italic 900 1rem var(--hf);letter-spacing:.02em}.brand img{width:36px;height:36px}.brand b{color:var(--lb)}
.menu{display:flex;gap:1.4rem;font-size:.92rem;color:var(--mu)}.menu a:hover{color:var(--tx)}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.3rem;border-radius:999px;font-weight:700;border:1px solid var(--bd);transition:transform .25s var(--ease),box-shadow .25s;white-space:nowrap}
.btn.p{background:linear-gradient(135deg,#1450d8,var(--bl) 50%,var(--lb));color:#fff;border:0;box-shadow:0 8px 26px rgba(31,107,255,.4)}
.btn:hover{transform:translateY(-2px)}
.hero{min-height:100svh;display:grid;align-items:center;position:relative;padding:90px 0 70px;overflow:hidden;background:radial-gradient(800px 520px at 85% 30%,rgba(31,107,255,.28),transparent 62%),radial-gradient(600px 400px at 0% 100%,rgba(31,107,255,.12),transparent 60%)}
.hero:before{content:"";position:absolute;left:-10%;top:0;width:60%;height:100%;background:linear-gradient(115deg,transparent 40%,rgba(31,107,255,.16) 40.2%,rgba(31,107,255,.16) 44%,transparent 44.2%);pointer-events:none}
.hero .wrap{position:relative;z-index:1;width:100%}
.logo-big{font:italic 900 clamp(3rem,10vw,7.4rem)/.95 var(--hf);letter-spacing:-.02em;text-shadow:0 6px 30px rgba(0,0,0,.6)}
.ol{display:flex;align-items:center;gap:1rem;margin:.5rem 0 .3rem;max-width:34rem}
.ol i{height:3px;flex:1;background:linear-gradient(90deg,transparent,var(--bl))}.ol i:last-child{background:linear-gradient(90deg,var(--bl),transparent)}
.ol span{font:italic 900 clamp(1.6rem,5vw,3.2rem)/1 var(--hf);color:var(--bl);white-space:nowrap;text-shadow:0 0 28px rgba(31,107,255,.55)}
.slogan{font:italic 500 clamp(1.2rem,3vw,1.8rem) "Segoe Script","Brush Script MT","Snell Roundhand",cursive;color:#fff;margin:.4rem 0 1rem}
.hero p.lead{max-width:32rem;color:var(--mu);font-size:1.05rem;margin:0 0 1.6rem}
.cta{display:flex;flex-wrap:wrap;gap:.8rem}
.badge{display:inline-flex;gap:.5rem;align-items:center;padding:.35rem .8rem;border:1px solid var(--bd);border-radius:999px;color:var(--mu);font-size:.8rem;margin-bottom:1.1rem}
.badge i{width:8px;height:8px;border-radius:50%;background:#33d17a;box-shadow:0 0 0 0 rgba(51,209,122,.6);animation:pl 1.8s infinite}
@keyframes pl{70%{box-shadow:0 0 0 10px rgba(51,209,122,0)}100%{box-shadow:0 0 0 0 rgba(51,209,122,0)}}
.wheel{position:absolute;z-index:0;right:0;top:0;height:100%;width:min(42vw,520px);object-fit:cover;object-position:30% 50%;pointer-events:none;will-change:transform;-webkit-mask-image:linear-gradient(to left,#000 55%,transparent);mask-image:linear-gradient(to left,#000 55%,transparent);opacity:.95}
.hint{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);color:var(--mu);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1}
.hint span{width:22px;height:36px;border:1.5px solid var(--bd);border-radius:12px;position:relative}
.hint span::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--bl);animation:h 1.8s infinite}
@keyframes h{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
.marq{overflow:hidden;border-block:1px solid var(--bd);padding:1rem 0;background:rgba(31,107,255,.05)}
.marq div{display:flex;gap:3rem;width:max-content;will-change:transform}
.marq span{font:italic 900 clamp(1.1rem,2.2vw,1.7rem)/1 var(--hf);white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(238,242,249,.4)}
.marq span:nth-child(3n+1){color:var(--tx);-webkit-text-stroke:0}
section{padding:clamp(4rem,10vw,7rem) 0}
.tag{color:var(--lb);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin-bottom:.8rem}
h2{font-size:clamp(1.8rem,4.5vw,3rem);margin-bottom:2.4rem;font-style:italic}
.man{font:italic 900 clamp(1.5rem,4.2vw,3rem)/1.25 var(--hf)}
.man span{color:rgba(238,242,249,.2);transition:color .35s}.man span.on{color:var(--tx)}.man span.on.h{color:var(--lb)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
.card{background:var(--bg2);border:1px solid var(--bd);border-radius:20px;padding:1.6rem;transition:transform .35s var(--ease),border-color .35s}
.card:hover{transform:translateY(-6px);border-color:rgba(31,107,255,.6)}
.card .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(31,107,255,.14);margin-bottom:1rem;color:var(--lb)}
.card .ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:1.1rem;margin-bottom:.5rem}.card p{margin:0;color:var(--mu);font-size:.95rem}
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0ms)}.rv.in{opacity:1;transform:none}
.steps{display:grid;gap:1rem;counter-reset:s}
.steps div{counter-increment:s;display:grid;grid-template-columns:64px 1fr;gap:1rem;align-items:center;background:var(--bg2);border:1px solid var(--bd);border-radius:20px;padding:1.2rem 1.4rem}
.steps div::before{content:counter(s);font:italic 900 2rem var(--hf);color:var(--bl)}
.steps b{display:block}.steps small{color:var(--mu);font-size:.93rem}
.sos{position:relative;overflow:hidden;background:linear-gradient(120deg,#0a2a78,#1450d8 55%,#2f86ff);border-radius:28px;padding:clamp(2rem,6vw,4rem);min-height:260px}
.sos .tx{position:relative;z-index:1;max-width:30rem}.sos h2{margin-bottom:1rem}.sos p{margin:0 0 1.6rem;font-weight:600}
.sos .btn{background:#05070d;color:#fff;border:0;font-size:1.1rem}
.sos img{position:absolute;right:0;bottom:0;height:100%;width:50%;object-fit:cover;object-position:60% 50%;-webkit-mask-image:linear-gradient(to left,#000 55%,transparent);mask-image:linear-gradient(to left,#000 55%,transparent)}
.cnt{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.cnt .num{display:block;font:italic 900 1.25rem var(--hf);color:var(--tx);margin:.15rem 0}.cnt .num small{font:500 .8rem system-ui;color:var(--mu);margin-left:.4rem}
footer{border-top:1px solid var(--bd);padding:2rem 0 6rem;color:var(--mu);font-size:.88rem}
.fab{position:fixed;right:1rem;bottom:1rem;z-index:250;display:flex;flex-direction:column;gap:.6rem}
.fab a{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.fab .c{background:linear-gradient(135deg,#1450d8,var(--lb));color:#fff}.fab .w{background:#25d366;color:#fff}
@media(max-width:720px){
.menu{display:none}.nav{height:60px;gap:.6rem}.brand{font-size:.9rem;min-width:0}.brand img{flex:none}
header .btn{padding:0;width:42px;height:42px;justify-content:center;flex:none;font-size:1.1rem}header .btn .t{display:none}
.hero{padding-top:84px}.wheel{width:100%;opacity:.28;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 40%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 40%,transparent)}
.cta .btn{flex:1 1 100%;justify-content:center}.fab a{width:48px;height:48px;font-size:1.3rem}.fab{right:.7rem;bottom:.8rem}
.steps div{grid-template-columns:44px 1fr;padding:1rem}section{padding:3.5rem 0}.sos img{width:100%;opacity:.25}
.sos .btn{font-size:1rem;padding:.8rem 1.1rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.man span{color:var(--tx)}html{scroll-behavior:auto}}

.emb{display:block;width:min(300px,58vw);height:auto;margin:0 0 .7rem .3rem;filter:drop-shadow(0 6px 24px rgba(31,107,255,.45))}