/* Sereno — header chrome & hero composition */
.site-header{background:color-mix(in srgb,var(--bg) 95%,transparent);border-bottom:1px solid var(--border);box-shadow:0 8px 30px #57302A0f;backdrop-filter:blur(14px)}
.header-inner{min-height:88px;gap:24px}
.brand{display:flex;align-items:center;flex-shrink:0}
.market-stamp{border-left:1px solid #C0502A4d;padding-left:14px;margin-left:-8px;display:flex;flex-direction:column;font-size:10px;color:var(--muted);line-height:1.6;letter-spacing:.07em}
.market-stamp strong{font-size:12px;color:var(--accent)}
#main-nav{gap:6px;background:var(--surface);border:1px solid var(--border);padding:4px 10px;border-radius:999px;margin-left:auto;box-shadow:var(--shadow-sm)}
.nav-trigger{padding:11px 12px;font-size:12px;border-radius:999px}
.nav-trigger:hover,.nav-group.open>.nav-trigger{background:var(--accent-tint);color:var(--accent)}
.dropdown{top:calc(100% + 12px);padding:10px;border-radius:18px;box-shadow:var(--shadow-lg);border:1px solid #F0D9BE;border-bottom:4px solid var(--gold)}
.dropdown a{padding:10px 13px;border-radius:10px}
.header-cta{white-space:nowrap;font-size:12px;border-radius:999px;padding:13px 18px}
.header-cta svg{width:16px;height:16px}
.hero{padding:54px 0 30px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:0 66px;grid-template-rows:auto 1fr;align-items:start}
.hero-title{grid-column:1;grid-row:1;padding:0}
.hero-copy{grid-column:1;grid-row:2;max-width:560px}
.hero-form{grid-column:2;grid-row:1/3;align-self:start;position:relative}
.hero-form:before{content:'';position:absolute;inset:-12px 16px 44px -14px;border:2px solid #C0502A38;border-radius:28px;transform:rotate(-1.8deg);z-index:-1;background:#FDF6E9aa}
.hero-left h1{font-size:clamp(37px,3.7vw,53px);line-height:1.07;letter-spacing:-.025em;margin:0 0 20px;font-weight:700}
.hero-left h1 span{color:var(--accent)}
.hero-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--accent);margin:0 0 20px;text-transform:uppercase}
.hero-label:before{content:'';width:26px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--accent))}
.hero-intro{font-size:15px;line-height:1.72;color:var(--text);max-width:52ch;margin-bottom:22px}
.perspective-panel{background:var(--surface);border:1px solid #F0D9BE;border-radius:18px 18px 18px 44px;padding:16px 18px;box-shadow:var(--shadow-sm)}
.panel-overline{font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--gold);text-transform:uppercase}
.perspective-panel h2{font-size:19px;margin:6px 0 4px}
.perspective-panel p{font-size:12.5px;margin:0}
.perspective-panel svg{stroke:var(--accent)}
.hero-actions{margin:24px 0 12px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hero-left .button{padding:15px 24px;font-size:13px}
.hero-left .button svg{width:18px;height:18px}
.action-note{display:flex;gap:7px;align-items:center;font-size:11.5px;color:var(--text);margin:0}
.action-note svg{width:15px;height:15px;flex-shrink:0;color:var(--accent)}
.cro-trust{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0}
.cro-trust a{display:flex;gap:8px;align-items:center;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:9px 13px;font-size:11px;font-weight:600}
.cro-trust svg{width:17px;height:17px;color:var(--accent)}
.country-focus{display:flex;align-items:center;gap:9px;margin:18px 0 0;font-size:12px;font-weight:600;color:var(--text)}
.country-focus svg{width:26px;height:17px;border:1px solid var(--border);border-radius:6px}
.hero-form .form-block{padding:26px}
.hero-form .form-heading{align-items:flex-start;margin-bottom:16px}
.hero-form .form-heading h2{font-size:24px}
.hero-form>.small{font-size:10.5px;line-height:1.6;color:var(--muted);padding:10px 14px;background:var(--surface-2);border-radius:999px;margin-top:12px}
.hero-proof{border-color:#C0502A33;margin-top:24px;padding-top:14px;color:var(--text);font-size:11px;position:relative;z-index:1}
.hero-proof small{color:var(--muted)}
@media(max-width:850px){.hero{padding-top:36px}.hero-grid{display:flex;flex-direction:column;gap:20px}.hero-form:before{display:none}.hero-left h1{font-size:clamp(33px,6vw,46px)}.hero-form{max-width:580px;align-self:center}#main-nav{margin-left:0}}
@media(max-width:480px){.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.hero-left .button{width:100%}.hero-form .form-block{padding:22px 16px}}
.perspective-panel svg{width:140px;height:140px;fill:none;stroke:var(--accent);stroke-width:1.3;flex-shrink:0}
.solid{fill:var(--accent)}
@media(max-width:1280px){#main-nav{padding:3px 6px}.nav-trigger{font-size:11px;padding:10px 8px}.header-inner{gap:16px}.brand img{width:190px}.market-stamp{padding-left:10px;margin-left:-6px}}
@media(max-width:1100px){.market-stamp{display:none}}