:root { --ink:#17201f; --soft:#40504d; --forest:#15312f; --forest2:#214642; --cream:#f3f0e8; --paper:#fbfaf6; --white:#fff; --copper:#a65b36; --copper-text:#984d2b; --gold:#e9b66f; --line:#d7d1c5; --max:1160px; --shadow:0 18px 55px rgba(21,49,47,.10); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:86px; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Segoe UI",Arial,sans-serif; line-height:1.65; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
::selection { color:#fff; background:var(--copper); }
:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.container { width:min(calc(100% - 40px),var(--max)); margin-inline:auto; }
.section { padding:88px 0; }
h1,h2 { margin-top:0; font-family:Georgia,"Times New Roman",serif; font-weight:500; line-height:1.08; letter-spacing:-.035em; }
h1 { max-width:850px; margin-bottom:22px; font-size:clamp(46px,6vw,74px); }
h2 { margin-bottom:20px; font-size:clamp(36px,4.5vw,58px); }
h3,p { margin-top:0; }
h3 { margin-bottom:10px; line-height:1.25; }
.lead { max-width:760px; color:var(--soft); font-size:clamp(18px,2vw,21px); }
.kicker { margin:0 0 18px; color:var(--copper-text); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.section-head { max-width:790px; margin-bottom:48px; }
.section-head p:last-child { color:var(--soft); font-size:18px; }
.btn { display:inline-flex; min-height:50px; align-items:center; justify-content:center; gap:10px; padding:0 21px; border:1px solid transparent; border-radius:5px; font-weight:750; transition:.2s ease; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { color:#fff; background:var(--copper); }
.btn-primary:hover { background:#8f492b; }
.btn-secondary { color:var(--forest); border-color:#aab8b4; }
.btn-secondary:hover { border-color:var(--forest); background:rgba(21,49,47,.05); }
.site-header { position:sticky; z-index:50; top:0; color:#fff; border-bottom:1px solid rgba(255,255,255,.12); background:rgba(21,49,47,.97); backdrop-filter:blur(14px); }
.nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:inline-flex; align-items:center; gap:11px; }
.brand-symbol { display:grid; width:40px; height:40px; place-items:center; }
.brand-symbol svg { width:40px; height:40px; display:block; }
.brand-frame { fill:none; stroke:rgba(233,182,111,.58); }
.brand-letter { fill:none; stroke:var(--gold); }
.brand-dot { fill:#d8875f; }
.brand-type { display:grid; gap:1px; line-height:1; }
.brand-type strong { font-family:Georgia,serif; font-size:17px; font-weight:500; }
.brand-type small { color:#b9c9c5; font-size:8px; font-weight:800; letter-spacing:.23em; text-transform:uppercase; }
.nav-links { display:flex; align-items:center; gap:25px; color:#dfe8e5; font-size:14px; font-weight:650; }
.nav-links a:hover { color:#fff; }
.nav-links .btn { min-height:42px; padding-inline:16px; color:var(--forest); background:var(--gold); }
.hero { position:relative; overflow:hidden; padding:88px 0 82px; background:var(--cream); }
.hero::after { content:""; position:absolute; right:-130px; bottom:-230px; width:520px; height:520px; border:1px solid rgba(166,91,54,.18); border-radius:50%; box-shadow:0 0 0 85px rgba(166,91,54,.035),0 0 0 170px rgba(166,91,54,.025); }
.hero-inner { position:relative; z-index:1; }
.hero h1 em { color:var(--copper); font-style:normal; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.facts { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); background:#fff; }
.fact { padding:28px; }
.fact + .fact { border-left:1px solid var(--line); }
.fact strong { display:block; margin-bottom:4px; color:var(--forest); }
.fact span { color:var(--soft); font-size:13px; }
.example-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.card { min-height:250px; padding:29px; border-top:4px solid var(--copper); background:#fff; box-shadow:var(--shadow); }
.card-number { display:block; margin-bottom:22px; color:var(--copper); font-family:Georgia,serif; font-size:21px; }
.card h3 { font-size:20px; }
.card p { margin:0; color:var(--soft); font-size:15px; }
.process { color:#fff; background:var(--forest); }
.process .kicker { color:var(--gold); }
.process .section-head p:last-child { color:#bfd0cc; }
.steps { counter-reset:step; border-top:1px solid rgba(255,255,255,.2); }
.step { display:grid; grid-template-columns:72px .7fr 1.3fr; gap:28px; padding:25px 0; border-bottom:1px solid rgba(255,255,255,.2); counter-increment:step; }
.step::before { content:"0" counter(step); color:var(--gold); font-family:Georgia,serif; font-size:22px; }
.step h3 { margin:0; font-family:Georgia,serif; font-size:22px; font-weight:500; }
.step p { margin:0; color:#bfd0cc; font-size:15px; }
.fit { background:var(--cream); }
.fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.fit-panel { padding:34px; background:#fff; }
.fit-panel.good { border-top:5px solid #2f6a58; }
.fit-panel.caution { border-top:5px solid var(--copper); }
.fit-panel h3 { font-family:Georgia,serif; font-size:26px; font-weight:500; }
.fit-panel ul { display:grid; gap:11px; margin:20px 0 0; padding-left:20px; color:var(--soft); }
.security-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:76px; align-items:start; }
.control-list { border-top:2px solid var(--forest); }
.control { display:grid; grid-template-columns:40px 1fr; gap:14px; padding:20px 0; border-bottom:1px solid var(--line); }
.control span { color:var(--copper); font-family:Georgia,serif; font-size:19px; }
.control strong { display:block; margin-bottom:3px; }
.control p { margin:0; color:var(--soft); font-size:14px; }
.cta { color:#fff; background:#1a2423; }
.cta-grid { display:grid; grid-template-columns:1fr auto; gap:60px; align-items:center; }
.cta h2 { margin-bottom:12px; }
.cta p { max-width:760px; margin:0; color:#c2cfcc; font-size:18px; }
.cta .btn { color:var(--forest); background:var(--gold); }
.note { margin-top:24px; padding:20px 22px; border-left:4px solid var(--copper); color:var(--soft); background:#fff; font-size:14px; }
footer { padding:34px 0; color:#9fb0ac; background:#101817; font-size:13px; }
.footer-grid { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.footer-links { display:flex; flex-wrap:wrap; gap:20px; }
.footer-links a:hover { color:#fff; }
@media (max-width:900px) { .nav-links a:not(.btn) { display:none; } .example-grid { grid-template-columns:1fr; } .step { grid-template-columns:48px 1fr; } .step p { grid-column:2; } .security-grid,.cta-grid { grid-template-columns:1fr; gap:42px; } }
@media (max-width:680px) { .container { width:min(calc(100% - 28px),var(--max)); } .section { padding:68px 0; } .nav-links { gap:0; } .nav-links .btn { padding-inline:12px; font-size:12px; } .hero { padding:70px 0; } h1 { font-size:clamp(42px,13vw,58px); } h2 { font-size:clamp(34px,10vw,46px); } .hero-actions { align-items:stretch; flex-direction:column; } .hero-actions .btn { width:100%; } .facts,.fit-grid { grid-template-columns:1fr; } .fact + .fact { border-top:1px solid var(--line); border-left:0; } .footer-grid { align-items:flex-start; flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms !important; } }