:root{--d:#163A2D;--m:#285943;--s:#B7C9A8;--c:#F4F0E6;--w:#fff;--r:20px;--sh:0 12px 34px rgba(22,58,45,.12)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;color:var(--d);background:var(--c);line-height:1.7;overflow-x:hidden}
h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;line-height:1.2}a{color:inherit;text-decoration:none}img,svg{max-width:100%}
.wrap{width:min(1180px,92%);margin:auto}section{padding:90px 0}.alt{background:var(--w)}.dark{background:var(--d);color:var(--c)}
.tag{display:inline-block;background:var(--s);color:var(--d);padding:5px 16px;border-radius:50px;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.head{text-align:center;max-width:700px;margin:0 auto 50px}.head h2{font-size:clamp(1.8rem,4vw,2.7rem);margin-bottom:12px}
.btn{display:inline-block;background:var(--m);color:var(--w);padding:14px 30px;border-radius:50px;font-weight:700;border:2px solid var(--m);cursor:pointer;font-size:1rem;transition:.3s}
.btn:hover{background:var(--d);transform:translateY(-3px);box-shadow:var(--sh)}.btn.light{background:var(--s);color:var(--d);border-color:var(--s)}.btn.light:hover{background:var(--w)}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(22,58,45,.1)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}
.logo{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-weight:700;font-size:1.3rem}.logo svg{width:38px;height:38px}
.menu{display:flex;align-items:center;gap:26px;list-style:none}.menu a{font-weight:600;font-size:.95rem;position:relative}
.menu a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0;background:var(--m);transition:.3s}.menu a:hover::after{width:100%}
.menu .btn{padding:10px 22px;color:#fff}.burger{display:none;background:none;border:0;font-size:1.8rem;color:var(--d);cursor:pointer}
/* hero */
.hero{position:relative;padding:130px 0 120px;background:linear-gradient(135deg,var(--d),var(--m));color:var(--c);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;position:relative;z-index:2}
.sub{color:var(--s);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.85rem;margin-bottom:16px}
.hero h1{font-size:clamp(2.4rem,6vw,4.4rem);margin-bottom:20px}.hero p{max-width:560px;margin-bottom:34px;opacity:.9;font-size:1.1rem}
.blob{position:absolute;border-radius:50%;background:var(--s);opacity:.12;animation:fl 9s ease-in-out infinite}.b1{width:380px;height:380px;right:-90px;top:-90px}.b2{width:220px;height:220px;left:-60px;bottom:-60px;animation-delay:-4s}
@keyframes fl{50%{transform:translateY(34px) scale(1.08)}}
.art{border-radius:var(--r);background:linear-gradient(145deg,var(--s),var(--c));display:grid;place-items:center;font-size:5rem;min-height:340px;box-shadow:var(--sh);position:relative;overflow:hidden;color:var(--d)}
.art span{animation:fl 6s ease-in-out infinite;text-align:center;font-size:5rem}.art small{display:block;font-size:.95rem;font-family:system-ui;font-weight:700;margin-top:8px}
.stats{display:flex;gap:30px;margin-top:40px;flex-wrap:wrap}.stats b{font-size:2rem;font-family:Georgia,serif;color:var(--s);display:block}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.two p{margin-bottom:14px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.g4{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{background:var(--w);border-radius:var(--r);padding:30px;box-shadow:var(--sh);transition:.35s;border:1px solid transparent}.alt .card{background:var(--c)}
.card:hover{transform:translateY(-8px);border-color:var(--s)}.card h3{font-size:1.25rem;margin:12px 0 8px}.ico{font-size:2.3rem;width:62px;height:62px;display:grid;place-items:center;background:var(--s);border-radius:16px}
.vm .card{border-top:5px solid var(--m)}
/* process */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative}.steps::before{content:"";position:absolute;top:34px;left:8%;right:8%;height:3px;background:repeating-linear-gradient(90deg,var(--s) 0 10px,transparent 10px 20px)}
.step{text-align:center;position:relative}.num{width:68px;height:68px;margin:0 auto 14px;border-radius:50%;background:var(--s);color:var(--d);display:grid;place-items:center;font-weight:800;font-size:1.4rem;transition:.4s;animation:pulse 3s infinite}
.step:hover .num{background:var(--c);transform:scale(1.12) rotate(8deg)}.step p{font-size:.92rem;opacity:.85}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(183,201,168,.6)}70%,100%{box-shadow:0 0 0 18px rgba(183,201,168,0)}}
.list{list-style:none;margin:16px 0 24px}.list li{padding-left:30px;position:relative;margin-bottom:8px}.list li::before{content:"✔";position:absolute;left:0;color:var(--m);font-weight:800}
/* forms */
form{display:grid;gap:14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input,select,textarea{width:100%;padding:14px 16px;border:2px solid #d8d4c6;border-radius:12px;font:inherit;background:var(--w);color:var(--d);transition:.25s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--m);box-shadow:0 0 0 4px rgba(40,89,67,.15)}textarea{min-height:120px;resize:vertical}
.box{background:var(--w);padding:36px;border-radius:var(--r);box-shadow:var(--sh)}.hp{position:absolute;left:-9999px}
.info{display:grid;gap:18px}.info div{display:flex;gap:16px;background:var(--w);padding:20px;border-radius:16px;box-shadow:var(--sh)}.info .ico{flex:none;width:52px;height:52px;font-size:1.5rem}
/* faq */
.faq{max-width:860px;margin:auto;display:grid;gap:14px}details{background:var(--w);border-radius:16px;box-shadow:var(--sh);overflow:hidden;transition:.3s;border-left:5px solid var(--s)}
details[open]{border-left-color:var(--m)}summary{padding:20px 56px 20px 24px;font-weight:700;cursor:pointer;list-style:none;position:relative}summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--m);transition:.3s}details[open] summary::after{content:"−"}
details p{padding:0 24px 22px;animation:dn .4s}@keyframes dn{from{opacity:0;transform:translateY(-8px)}}
.stars{color:#d4a017;letter-spacing:3px}.rev p{margin:10px 0 18px;font-style:italic}.who{display:flex;gap:12px;align-items:center}.av{width:46px;height:46px;border-radius:50%;background:var(--m);color:#fff;display:grid;place-items:center;font-weight:700}
.q{font-size:3rem;color:var(--s);line-height:.5;font-family:Georgia}
/* footer */
footer{background:var(--d);color:var(--c);padding:70px 0 0}.fg{display:grid;grid-template-columns:1.3fr .8fr 1fr 1.2fr;gap:36px}footer h4{margin-bottom:16px;color:var(--s)}
footer ul{list-style:none}footer li{margin-bottom:8px}footer a:hover{color:var(--s)}footer p{opacity:.85;font-size:.95rem;margin-bottom:10px}footer input{margin-bottom:10px}
.bar{margin-top:50px;border-top:1px solid rgba(244,240,230,.15);padding:22px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.9rem}.bar nav{display:flex;gap:20px}
/* inner */
.page{background:linear-gradient(135deg,var(--d),var(--m));color:var(--c);padding:80px 0;text-align:center}.page h1{font-size:clamp(2rem,5vw,3.2rem)}
.doc{max-width:860px;margin:auto;background:var(--w);padding:44px;border-radius:var(--r);box-shadow:var(--sh)}.doc h2{font-size:1.5rem;margin:28px 0 10px}.doc p,.doc li{margin-bottom:10px}.doc ul{padding-left:22px}
#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,120px);background:var(--d);color:var(--c);padding:14px 26px;border-radius:50px;z-index:99;transition:.5s;box-shadow:var(--sh)}#toast.show{transform:translate(-50%,0)}
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
@media(max-width:960px){.hero .wrap,.two{grid-template-columns:1fr}.g3{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.steps::before{display:none}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:700px){section{padding:64px 0}.burger{display:block}.menu{position:absolute;top:74px;left:0;right:0;background:var(--c);flex-direction:column;padding:24px;gap:18px;display:none;box-shadow:var(--sh)}.menu.open{display:flex}
.g3,.g4,.row,.fg,.steps{grid-template-columns:1fr}.hero{padding:90px 0}.doc,.box{padding:24px}.bar{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}