@font-face {
 font-family:Inter;
 src:url("assets/InterVariable.woff2") format("woff2");
 font-style:normal;
 font-weight:100 900;
 font-display:swap;
}

:root { color-scheme:light; --brand:#E53950; --brand-strong:#C41D38; --brand-soft:#FDE8EC; --ink:#111111; --ink-muted:#636977; --line:#E9EAEE; --surface:#F7F8FA; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.container { width:min(1160px, calc(100% - 64px)); margin-inline:auto; }
.site-shell { overflow:hidden; }
.site-header { min-height:104px; display:flex; align-items:center; justify-content:space-between; gap:24px; position:relative; z-index:2; }
.brand { display:inline-flex; align-items:center; flex:0 0 auto; text-decoration:none; }
.brand img { display:block; width:244px; height:auto; max-height:62px; }
.header-note { display:flex; gap:10px; align-items:center; color:#656A76; font-size:13px; font-weight:600; white-space:nowrap; }
.status-dot,.eyebrow-dot { width:8px; height:8px; display:inline-block; background:var(--brand); border-radius:100%; box-shadow:0 0 0 5px rgba(229,57,80,.1); }
.hero { min-height:610px; display:grid; grid-template-columns: minmax(0,1.01fr) minmax(0,.99fr); align-items:center; gap:12px; padding-block:48px 76px; }
.hero-content { position:relative; z-index:1; max-width:620px; padding:18px 0; }
.eyebrow { display:inline-flex; align-items:center; gap:13px; border:1px solid #F8DADE; background:#FFF2F4; color:var(--brand-strong); padding:11px 15px; font-size:12px; font-weight:800; letter-spacing:.12em; border-radius:99px; }
.eyebrow-dot { width:7px; height:7px; }
.kicker { font-size:12px; font-weight:800; color:var(--ink-muted); letter-spacing:.18em; margin:37px 0 16px; }
h1 { margin:0; font-size:clamp(46px,5vw,72px); letter-spacing:-.06em; line-height:1.08; font-weight:800; max-width:700px; }
h1 span,.closer h2 span { color:var(--brand); }
h1 span { display:block; font-size:.76em; letter-spacing:-.055em; white-space:nowrap; }
.hero-lead { font-size:clamp(16px,1.65vw,19px); line-height:1.67; color:#626875; max-width:550px; margin:27px 0 28px; }
.hero-lead strong { color:#343844; font-weight:600; }
.hero-actions { display:flex; align-items:center; gap:23px; flex-wrap:wrap; }
.primary-action { padding:17px 23px; background:var(--brand-strong); color:#fff; font-size:14px; font-weight:700; border-radius:14px; text-decoration:none; display:inline-flex; gap:14px; align-items:center; box-shadow:0 8px 22px rgba(196,29,56,.15); transition:transform .18s ease,background .18s ease,box-shadow .18s ease; }
.primary-action:hover { transform:translateY(-2px); background:#A71932; box-shadow:0 12px 26px rgba(196,29,56,.24); }
.primary-action:focus-visible,.brand:focus-visible { outline:3px solid #151515; outline-offset:5px; }
.primary-action span { font-size:19px; }
.launch-note { font-size:12px; max-width:220px; color:var(--ink-muted); line-height:1.6; }
.hero-visual { position:relative; display:grid; place-items:center; height:600px; min-width:0; }
.hero-visual img { position:relative; z-index:1; display:block; width:min(100%,680px); height:auto; transform:translate(26px,7px) scale(1.10); filter:drop-shadow(0 24px 26px rgba(28,27,36,.09)); }
.visual-glow { display:block; position:absolute; width:89%; height:70%; top:18%; left:10%; border-radius:50%; background:radial-gradient(ellipse at center,#FDE1E5 0%, #FFF2F3 41%,transparent 72%); filter:blur(32px); z-index:0; }
.features { border-top:1px solid #F0EFF2; background:linear-gradient(180deg,#FCFCFD,#F8F9FA); padding:72px 0 80px; }
.section-heading { max-width:790px; margin:0 auto 44px; text-align:center; }
.section-label { color:var(--brand-strong); font-size:12px; letter-spacing:.14em; font-weight:800; margin:0 0 13px; }
h2 { font-size:clamp(29px,3vw,41px); letter-spacing:-.045em; line-height:1.16; margin:0; }
.section-heading>p:last-child { font-size:15px; color:#6A6F7A; line-height:1.7; margin:16px 0 0; }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.feature { background:white; border:1px solid #E9EAED; border-radius:23px; padding:31px 30px 30px; box-shadow:0 6px 24px rgba(20,20,35,.025); }
.feature-icon { display:grid; place-items:center; width:47px; height:47px; border-radius:14px; background:#FDE8EC; color:#C41D38; margin-bottom:29px; }
.feature-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.feature h3 { font-size:20px; letter-spacing:-.025em; margin:0 0 10px; }
.feature p { font-size:14px; line-height:1.7; color:var(--ink-muted); margin:0; }
.closer { text-align:center; padding:92px 0 91px; }
.closer-line { font-size:12px; letter-spacing:.17em; font-weight:800; color:var(--ink-muted); margin-bottom:20px; }
.closer-line span { font-size:12px; color:var(--brand); margin-right:8px; }
.closer h2 { margin:auto; max-width:850px; font-size:clamp(31px,3.2vw,45px); }
.closer p { color:#676D78; margin:19px 0 0; font-size:14px; line-height:1.6; }
.site-footer { border-top:1px solid var(--line); background:white; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:26px; }
.footer-brand { display:flex; gap:7px; align-items:center; font-size:13px; }
.footer-mark {display:block; flex:0 0 auto; width:22px; height:22px;}
.footer-brand span:last-child { color:var(--ink-muted); }
footer small { font-size:12px; color:var(--ink-muted); }
@media(max-width:1000px) {
 .hero { grid-template-columns:1fr 1fr; gap:0; }
 .hero-visual { height:530px; }
 .hero-visual img { transform:translate(10px,4px) scale(1.12); }
 h1 { font-size:clamp(43px,5.25vw,61px); }
 .hero-actions { gap:16px; }
}
@media(max-width:900px) {
 .container { width:min(100% - 38px,580px); }
 .site-header { min-height:83px; }
 .brand img { width:180px; }
 .header-note { display:none; }
 .header-note .status-dot { width:7px; height:7px; }
 h1 span { white-space:normal; }
 .hero { display:flex; flex-direction:column; min-height:unset; padding:37px 0 45px; gap:0; }
 .hero-content { width:100%; padding:0; }
 .kicker { margin-top:27px; font-size:10px; }
 h1 { font-size:clamp(34px,8.2vw,61px); }
 .hero-lead { font-size:16px; line-height:1.65; margin:22px 0 23px; }
 .hero-visual { margin-top:24px; width:100%; max-width:495px; height:auto; aspect-ratio:780 / 680; }
 .hero-visual img { width:100%; max-width:495px; transform:none; }
 .visual-glow { height:72%; }
 .features { padding:58px 0 60px; }
 .feature-grid { grid-template-columns:1fr; gap:12px; }
 .feature { padding:22px 24px; display:grid;grid-template-columns:48px 1fr; column-gap:17px; }
 .feature-icon { grid-row:1 / span 2; margin:0; }
 .feature h3 { margin:0 0 6px; font-size:17px; }
 .feature p { font-size:13px; }
 .section-heading { margin-bottom:30px; }
 .closer { padding-block:70px; }
 .footer-inner { align-items:flex-start; flex-direction:column; }
}
@media(max-width:380px) {
 .header-note { display:none; }
 .primary-action { width:100%; justify-content:center; }
 .launch-note { max-width:unset; }
 .footer-brand { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*:before,*:after { transition-duration:.01ms!important; animation-duration:.01ms!important; }
}