:root{--bg:#fff;--soft:#f6f1fb;--ink:#241633;--mut:#5c4d6e;--pur:#5b2a86;--deep:#3b1560;--line:#e5d9f1;--wa:#1a7f4b;--e:cubic-bezier(.23,1,.32,1);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#15101d;--soft:#1f1730;--ink:#f3ecfb;--mut:#bcaed0;--pur:#c9a6ee;--deep:#e4d2f8;--line:#33284a}}
:root[data-theme="dark"]{--bg:#15101d;--soft:#1f1730;--ink:#f3ecfb;--mut:#bcaed0;--pur:#c9a6ee;--deep:#e4d2f8;--line:#33284a}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Fraunces,Georgia,serif;color:var(--deep);line-height:1.12;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,7vw,4.4rem);font-weight:700}
h2{font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:500}
h3{font-size:1.3rem;font-weight:500}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--pur);outline-offset:3px;border-radius:6px}
.w{max-width:1080px;margin:0 auto;padding:0 1.25rem}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header .w{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-family:Fraunces,serif;font-weight:700;color:var(--deep)}
.brand img{width:40px;height:40px;border-radius:50%}
nav{display:flex;gap:1.4rem;font-size:.95rem;font-weight:500}
nav a{text-decoration:none;color:var(--mut);transition:color .2s var(--e)}
nav a:hover{color:var(--pur)}
@media(max-width:640px){nav{display:none}}
.btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--wa);color:#fff;text-decoration:none;font-weight:600;padding:1rem 1.7rem;border-radius:999px;border:0;font-size:1.05rem;cursor:pointer;transition:transform .16s var(--e),box-shadow .25s var(--e)}
.btn:hover{box-shadow:0 10px 28px -10px var(--wa)}
.btn:active{transform:scale(.97)}
.hero{padding:clamp(3rem,9vw,7rem) 0 clamp(3rem,8vw,6rem);background:radial-gradient(60rem 30rem at 85% -10%,var(--soft),transparent 70%)}
.hero .w{display:grid;gap:2.5rem;grid-template-columns:1.25fr .75fr;align-items:center}
@media(max-width:820px){.hero .w{grid-template-columns:1fr}}
.lead{font-size:1.2rem;color:var(--mut);max-width:34rem;margin:1.4rem 0 2rem}
.seal{justify-self:center;width:min(100%,300px);aspect-ratio:1;border-radius:50%;background:var(--soft);display:grid;place-items:center;border:1px solid var(--line);animation:in .9s var(--e) both}
.seal img{width:72%;border-radius:50%}
.hero h1,.hero .lead,.hero .btn{animation:in .8s var(--e) both}
.hero .lead{animation-delay:.08s}.hero .btn{animation-delay:.16s}
@keyframes in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
section{padding:clamp(3rem,8vw,5.5rem) 0}
.alt{background:var(--soft)}
.sub{color:var(--mut);max-width:38rem;margin-top:.8rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:2.4rem}
.card{padding:1.6rem;border:1px solid var(--line);border-radius:20px;background:var(--bg);transition:transform .3s var(--e),border-color .3s var(--e)}
.card:hover{transform:translateY(-3px);border-color:var(--pur)}
.card p{color:var(--mut);margin-top:.5rem;font-size:1rem}
.why{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}
@media(max-width:760px){.why{grid-template-columns:1fr}}
.why li{margin-bottom:1rem;list-style:none;padding-left:1.4rem;position:relative}
.why li::before{content:"";position:absolute;left:0;top:.7em;width:.55rem;height:.55rem;border-radius:50%;background:var(--pur)}
.why ul{padding:0;margin:0}
form{display:grid;gap:1rem;max-width:30rem;margin-top:2rem}
label{font-weight:500;font-size:.95rem;display:grid;gap:.35rem}
input,select{font:inherit;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink)}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.6rem;color:var(--mut)}
.info b{display:block;color:var(--ink)}
footer{background:var(--deep);color:#f3ecfb;padding:2.5rem 0 5.5rem;font-size:.95rem}
:root[data-theme="dark"] footer,footer{--x:1}
footer a{color:#e4d2f8}
footer .w{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between}
.float{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:.6rem;z-index:6}
.fb{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 6px 18px -6px rgba(0,0,0,.4);transition:transform .16s var(--e)}
.fb:active{transform:scale(.93)}
.fb svg{width:26px;height:26px;fill:#fff}
.legal{display:none;padding:2.5rem 0}
.legal:target{display:block}
.legal h2{margin-bottom:1rem}
.legal p{margin-bottom:.8rem;max-width:44rem;color:var(--mut)}
#ck{position:fixed;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));max-width:520px;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:1.2rem;box-shadow:0 18px 50px -18px rgba(0,0,0,.4);z-index:9;display:none}
#ck p{font-size:.95rem;color:var(--mut)}
#ck div{display:flex;gap:.6rem;margin-top:.9rem}
#ck button{font:inherit;font-weight:600;padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--pur);background:transparent;color:var(--pur);cursor:pointer}
#ck button.p{background:var(--pur);color:var(--bg)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.page{padding:3rem 0 4rem}.page h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:1.2rem}.page p{margin-bottom:.9rem;max-width:44rem;color:var(--mut)}.page a.back{color:var(--pur);font-weight:600}