:root{
  --sand: rgb(247,241,231);
  --purple: rgb(51,43,106);
  --gold: rgb(220,168,84);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--sand);color:var(--purple)}
a{text-decoration:none;color:inherit}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--gold);background:var(--purple);color:#fff}
.header-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.logo-wrap{display:flex;gap:12px;align-items:center}
.logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--sand);color:var(--purple);border-radius:12px;outline:2px solid var(--gold);font-weight:700}
.title-top{font-size:14px;opacity:.9}
.title-sub{font-size:12px;opacity:.8}
.nav{display:flex;gap:16px;align-items:center;font-size:14px}
.hide-md{display:none}
@media(min-width:768px){.hide-md{display:inline}}
.btn{display:inline-block;padding:10px 16px;border-radius:14px;font-weight:600;transition:transform .15s, box-shadow .15s}
.btn:hover{transform:scale(1.02)}
.btn-outline{border:1px solid var(--gold);background:transparent}
.btn-gold{background:var(--gold);color:var(--purple);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.btn-purple{background:var(--purple);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.section{padding:48px 0}
.center{text-align:center}
.hero h1{font-weight:800;font-size:36px;line-height:1.15}
@media(min-width:640px){.hero h1{font-size:48px}}
@media(min-width:1280px){.hero h1{font-size:60px}}
.lead{opacity:.8;max-width:640px;margin:16px auto 0}
.actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.features{display:grid;grid-template-columns:1fr;gap:20px;max-width:720px;margin:0 auto}
@media(min-width:640px){.features{grid-template-columns:1fr 1fr}}
.card{background:#fff;border:1px solid var(--gold);border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.06);padding:24px}
.card-soft{background:rgba(255,255,255,.7)}
.card h3{margin:10px 0 6px;font-size:18px}
.card p{margin:0;opacity:.85}
.icon{width:48px;height:48px;border:1px solid var(--gold);border-radius:10px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}
.two-col{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:768px){.two-col{grid-template-columns:1fr 1fr}}
.two-col .left ul{margin:12px 0 0 0;padding-left:18px}
.two-col .left li{margin:6px 0}
.photo{background:#fff;opacity:.9;border:1px solid var(--gold);border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.06);min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(0,0,0,.5)}
.footer{background:var(--purple);color:#fff;margin-top:24px}
.footer-grid{display:grid;gap:24px;grid-template-columns:1fr}
@media(min-width:768px){.footer-grid{grid-template-columns:1fr 1fr 1fr}}
.footer h4{margin:0 0 8px 0}
.footer ul{margin:0;padding:0;list-style:none}
.footer li{margin:6px 0}
.copy{opacity:.8;font-size:12px;padding:10px 0}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:40}
.cookie-inner{max-width:1120px;margin:0 auto;background:#fff;color:var(--purple);border:1px solid var(--gold);border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cookie p{margin:0;flex:1;opacity:.85;font-size:14px}
.cookie-actions{display:flex;gap:10px}