:root { --off-white:#f4efea; --charcoal:#232528; --mocha:#a39382; --sand:#ddd3c4; --copper:#8d4931; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--charcoal); font-family:"DM Sans", sans-serif; }
.hero { min-height:100svh; position:relative; isolation:isolate; padding:30px clamp(24px, 6vw, 96px) 26px; display:flex; flex-direction:column; background:url("assets/ananeska_vizu.png") center / cover no-repeat; }
.shade { position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg, rgba(244,239,234,.92) 0%, rgba(244,239,234,.62) 34%, rgba(244,239,234,.07) 62%), linear-gradient(0deg, rgba(35,37,40,.28), transparent 45%); }
.topbar { display:flex; justify-content:space-between; align-items:start; gap:30px; }
.brand { display:block; width:233px; text-decoration:none; }
.brand img { display:block; width:100%; height:auto; }
.topbar p { margin:8px 0 0; color:#fff; text-shadow:0 1px 10px rgba(35,37,40,.35); font-size:11px; font-weight:600; letter-spacing:.25em; white-space:nowrap; }
.content { width:100%; display:grid; grid-template-columns:minmax(0, 1fr) minmax(420px, 1fr); align-items:center; column-gap:clamp(44px, 6vw, 110px); margin:auto 0; padding:60px 0 40px; }
.intro { max-width:440px; }
.eyebrow { color:var(--charcoal); letter-spacing:.23em; font-size:11px; font-weight:500; margin:0 0 18px; }
h1 { margin:0; font-family:Urbanist,sans-serif; font-size:clamp(43px,4.55vw,68px); font-weight:300; line-height:1.07; color:var(--charcoal); letter-spacing:-.018em; }
.line { display:block; height:2px; width:64px; background:var(--copper); margin:27px 0; }
.lead { max-width:355px; font-size:18px; line-height:1.55; margin:0; }
.form-card { width:100%; background:rgba(244,239,234,.9); backdrop-filter:blur(8px); padding:clamp(28px, 4vw, 54px); box-shadow:0 16px 48px rgba(35,37,40,.14); }
.form-label { max-width:470px; font:300 italic clamp(23px, 2vw, 29px)/1.12 "Cormorant Garamond",serif; color:var(--charcoal); margin:0 0 22px; }
.form-grid { display:grid; gap:10px; }
.website-field { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
label span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
input { width:100%; height:49px; border:1px solid rgba(163,147,130,.35); background:rgba(255,255,255,.88); padding:0 16px; font:400 14px "DM Sans",sans-serif; color:var(--charcoal); outline:none; }
input::placeholder { color:#716b66; } input:focus { border-color:var(--copper); box-shadow:0 0 0 2px rgba(141,73,49,.12); }
button { margin-top:16px; border:0; background:var(--mocha); color:var(--charcoal); width:100%; height:49px; font:500 14px "DM Sans",sans-serif; cursor:pointer; transition:background .2s, transform .2s; }
button:hover { background:var(--sand); transform:translateY(-1px); } button span { margin-left:20px; font-size:18px; }
button:disabled { cursor:wait; opacity:.72; transform:none; }
.consent { color:#69635e; font-size:10px; line-height:1.5; margin:14px 0 0; }
.privacy-toggle { display:inline; width:auto; height:auto; margin:0; padding:0; border:0; background:none; color:inherit; font:inherit; text-decoration:underline; text-decoration-color:var(--copper); text-underline-offset:2px; cursor:pointer; }
.privacy-toggle:hover { background:none; color:var(--copper); transform:none; }
.privacy-toggle:focus-visible { outline:2px solid var(--copper); outline-offset:2px; }
.privacy-info { margin-top:12px; padding:14px 16px; border-left:2px solid var(--copper); background:rgba(221,211,196,.55); color:var(--charcoal); font-size:10px; line-height:1.55; }
.privacy-info p { margin:0 0 8px; }.privacy-info p:last-child { margin-bottom:0; }.privacy-info strong { font-weight:500; letter-spacing:.04em; }
.form-error { color:#8d4931; font-size:13px; margin:13px 0 0; } footer { color:var(--off-white); text-shadow:0 1px 12px rgba(35,37,40,.55); text-align:center; font:300 italic 19px/1.2 "Cormorant Garamond",serif; letter-spacing:.06em; }
.success-modal[hidden] { display:none; }
.success-modal { position:fixed; z-index:1000; inset:0; display:grid; place-items:center; padding:22px; }
.success-modal__backdrop { position:absolute; inset:0; background:rgba(35,37,40,.68); backdrop-filter:blur(4px); }
.success-modal__dialog { position:relative; width:min(100%,490px); padding:48px 44px 38px; background:var(--off-white); color:var(--charcoal); text-align:center; box-shadow:0 24px 80px rgba(0,0,0,.3); border-top:3px solid var(--mocha); }
.success-modal__close { position:absolute; top:12px; right:15px; width:34px; height:34px; margin:0; padding:0; background:transparent; color:var(--charcoal); font:300 27px/1 "DM Sans",sans-serif; }
.success-modal__close:hover { background:var(--sand); transform:none; }
.success-modal__mark { display:grid; place-items:center; width:54px; height:54px; margin:0 auto 23px; border:1px solid var(--mocha); border-radius:50%; color:var(--copper); font-size:24px; }
.success-modal h2 { margin:0 0 14px; color:var(--charcoal); font:300 32px/1.08 Urbanist,sans-serif; letter-spacing:-.02em; }
.success-modal p { max-width:390px; margin:0 auto; font-size:14px; line-height:1.65; }
.success-modal__button { width:170px; margin-top:27px; background:var(--mocha); }
body.modal-open { overflow:hidden; }
@media (max-width:520px) { .success-modal__dialog { padding:44px 25px 30px; }.success-modal h2 { font-size:28px; } }
@media (max-width:860px) { .hero { padding:21px 20px; min-height:100svh; background-position:58% center; }.shade { background:linear-gradient(90deg, rgba(244,239,234,.92), rgba(244,239,234,.3)),linear-gradient(0deg, rgba(35,37,40,.42), transparent 55%); }.brand { width:180px; }.topbar p { font-size:8px; letter-spacing:.16em; margin-top:6px; }.content { display:block; margin:auto 0; padding:38px 0; }.intro { max-width:390px; }.eyebrow { margin-bottom:12px; }.line { margin:21px 0; }.lead { font-size:16px; }.form-card { max-width:520px; padding:24px; margin-top:32px; } footer { font-size:17px; } }
@media (max-width:390px) { .topbar p { max-width:125px; white-space:normal; text-align:right; line