:root{--n:#0B1F33;--t:#0F766E;--l:#F4F8F7;--g:#D4AF37;--mut:#52657a}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font:17px/1.7 'Sora',system-ui,sans-serif;color:var(--n);background:#fff}
h1,h2,h3{font-family:'Newsreader',Georgia,serif;line-height:1.12;font-weight:600}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.w{width:min(1180px,92%);margin:auto}section{padding:96px 0}.alt{background:var(--l)}
h2{font-size:clamp(30px,4.2vw,46px);margin-bottom:14px}.sub{color:var(--mut);max-width:620px;margin-bottom:44px}
.btn{display:inline-block;background:var(--g);color:var(--n);font:600 16px 'Sora',sans-serif;padding:14px 30px;border-radius:6px;border:0;cursor:pointer;transition:.25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px #d4af3755}.btn.t{background:var(--t);color:#fff}
header{position:fixed;inset:0 0 auto;z-index:50;background:#0b1f33f2;backdrop-filter:blur(10px)}
nav{display:flex;align-items:center;justify-content:space-between;height:74px;color:#fff}
.logo{display:flex;align-items:center;gap:10px;font:600 24px 'Newsreader',serif}
.logo i{width:38px;height:38px;border-radius:8px;background:var(--g);color:var(--n);display:grid;place-items:center;font-style:normal;font-weight:700}
nav ul{display:flex;gap:26px;list-style:none;align-items:center;font-size:15px}nav ul a:hover{color:var(--g)}nav .btn{padding:10px 20px;color:var(--n)}nav .btn:hover{color:var(--n)}
.tg{display:none;background:none;border:0;font-size:28px;color:#fff}
.hero{padding:170px 0 120px;background:linear-gradient(135deg,#0B1F33 55%,#0f4a50);color:#fff;overflow:hidden}
.hero .w{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.hero .k{color:var(--g);font-weight:600;margin-bottom:14px}.hero h1{font-size:clamp(42px,6.5vw,80px);margin-bottom:22px}
.hero .d{color:#c5d3de;max-width:560px;margin-bottom:34px;font-size:19px}
.bars{display:flex;align-items:flex-end;gap:14px;height:340px;padding:28px;border:1px solid #ffffff22;border-radius:20px;background:#ffffff0a}
.bars span{flex:1;border-radius:8px 8px 0 0;background:linear-gradient(var(--g),var(--t));height:0;animation:grow 1.4s cubic-bezier(.2,.8,.2,1) forwards}
.bars span:nth-child(1){--h:30%}.bars span:nth-child(2){--h:45%;animation-delay:.15s}.bars span:nth-child(3){--h:40%;animation-delay:.3s}.bars span:nth-child(4){--h:65%;animation-delay:.45s}.bars span:nth-child(5){--h:80%;animation-delay:.6s}.bars span:nth-child(6){--h:100%;animation-delay:.75s}
@keyframes grow{to{height:var(--h)}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ph{border-radius:16px;min-height:340px;background:var(--t);object-fit:cover;width:100%;height:100%}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border-radius:14px;padding:30px;border:1px solid #0b1f3318;transition:.3s}
.card:hover{transform:translateY(-6px);border-color:var(--g);box-shadow:0 18px 40px #0b1f3320}
.ic{font-size:32px;width:62px;height:62px;display:grid;place-items:center;background:var(--l);border-radius:14px;margin-bottom:16px}
.card h3{font-size:23px;margin-bottom:8px}.card p{color:var(--mut);font-size:16px}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vm .card{border-top:4px solid var(--g)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.steps:before{content:"";position:absolute;top:34px;left:8%;height:3px;width:0;background:var(--g);transition:width 2s}.steps.in:before{width:84%}
.st{text-align:center}.st b{width:68px;height:68px;border-radius:50%;background:var(--n);color:var(--g);display:grid;place-items:center;margin:0 auto 14px;font:600 26px 'Newsreader',serif;border:5px solid var(--l);position:relative}
.st p{color:var(--mut);font-size:15px}
form{display:grid;gap:14px}form.f2{grid-template-columns:1fr 1fr}.full{grid-column:1/-1}
input,select,textarea{width:100%;padding:14px 16px;border:1.5px solid #0b1f3330;border-radius:8px;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:3px solid #D4AF3766;border-color:var(--g)}
.box{background:#fff;padding:36px;border-radius:16px;box-shadow:0 20px 50px #0b1f3318}
.faq details{background:#fff;border-radius:12px;margin-bottom:12px;border:1px solid #0b1f3318;overflow:hidden}
.faq summary{padding:18px 22px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary:after{content:"+";color:var(--t);font-size:26px;line-height:1;transition:.3s}.faq details[open] summary:after{transform:rotate(45deg)}
.faq details[open]{border-color:var(--g)}.faq details p{padding:0 22px 20px;color:var(--mut);animation:dn .4s}@keyframes dn{from{opacity:0;transform:translateY(-8px)}}
.rv .card{position:relative}.rv .card:before{content:"\201C";position:absolute;right:22px;top:6px;font:90px 'Newsreader',serif;color:#d4af3750}
.stars{color:var(--g);letter-spacing:3px}.who{margin-top:14px;font-weight:600}
.ci p{margin-bottom:14px}.ci b{color:var(--t)}
footer{background:var(--n);color:#c5d3de;padding:70px 0 0}footer h4{font:600 22px 'Newsreader',serif;color:#fff;margin-bottom:16px}
.fg{display:grid;grid-template-columns:1.3fr .8fr 1fr 1.2fr;gap:36px}footer li{list-style:none;margin-bottom:8px}footer a:hover{color:var(--g)}
footer p{font-size:15px}.fb{margin-top:50px;padding:22px 0;border-top:1px solid #ffffff22;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:14px}
.fb a{margin-left:18px}footer input{margin-bottom:10px}
.ban{padding:130px 0 60px;background:linear-gradient(rgba(11,31,51,.88),rgba(11,31,51,.88)),url(images/banner.jpg) center/cover;color:#fff}
.pg{padding:50px 0 70px;max-width:850px;margin:auto}.pg h2{font-size:28px;margin:32px 0 8px}.pg p,.pg li{color:var(--mut);margin-bottom:10px}.pg ul{padding-left:22px}
.pg img{border-radius:14px;margin:24px 0;width:100%;max-height:300px;object-fit:cover;background:var(--t)}
.ok{position:fixed;top:88px;left:50%;transform:translateX(-50%);background:var(--t);color:#fff;padding:14px 26px;border-radius:8px;z-index:99;box-shadow:0 10px 30px #0004}
.rev{opacity:0;transform:translateY(26px);transition:.7s}.rev.in{opacity:1;transform:none}
@media(max-width:900px){.g3,.steps,.fg{grid-template-columns:1fr 1fr}.two,.hero .w{grid-template-columns:1fr}.bars{height:240px}.steps:before{display:none}}
@media(max-width:700px){section{padding:64px 0}.tg{display:block}nav ul{position:absolute;top:74px;left:0;right:0;background:var(--n);flex-direction:column;padding:20px;gap:16px;display:none}nav ul.o{display:flex}.g3,.steps,.fg,form.f2,.vm{grid-template-columns:1fr}.hero{padding-top:130px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rev{opacity:1;transform:none}.bars span{height:var(--h)}}