:root{
  --ink:#0C2847; --muted:#667085; --bg:#F6FAFF;
  --blue:#1D5BFF; --green:#24837e; --gold:#eeb73d;
  --grad: linear-gradient(135deg, #eeb73d, #24837e 35%, #0C2847 70%);
  --r10:10px; --r16:16px; --r24:24px;
  --shadow: 0 10px 30px rgba(36, 131, 126, .12);
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 "Inter",system-ui,-apple-system,Segoe UI,Arial,sans-serif}
main.hero{margin:0 !important;padding:20px 20px 20px !important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;}
.hero-header{display:flex;gap:20px;align-items:center;justify-content:center;margin-bottom:16px}
.logo{flex-shrink:0}
.logo img{width:120px;height:120px;object-fit:contain}
.hero-content{display:flex;flex-direction:column;gap:8px;flex:1}
.hero-content .badge{font:600 12px/1 "Inter";letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg, #eeb73d, #24837e);color:#fff;display:inline-block;padding:7px 12px;border-radius:999px;box-shadow:var(--shadow);margin:0}
.hero-content h1{font:700 clamp(40px,6vw,56px)/1.1 "Poppins",system-ui;margin:0}
.spark{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:20px;max-width:760px;margin:0 auto 10px}
.domain{color:var(--muted);margin:0 0 28px}
.form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:540px;margin:0 auto 0}
.input-group{display:flex;gap:10px;flex:1;min-width:260px}
input[type=email], input[type=text]{flex:1;min-width:120px;padding:14px 16px;border:2px solid #D0D5DD;border-radius:var(--r16);font:600 16px "Inter";background:#fff}
button{padding:14px 18px;border:none;border-radius:var(--r16);background:var(--grad);color:#fff;font:700 16px "Inter";cursor:pointer;box-shadow:var(--shadow);flex-shrink:0}
button:hover{transform:translateY(-1px)} button:active{transform:translateY(0)}
button:focus{outline:3px solid rgba(36, 131, 126, .35);outline-offset:3px}
.form-note{flex-basis:100%;font-size:12px;color:var(--muted);margin:6px 0 0}
.fineprint{font-size:12px;color:var(--muted);margin-top:8px;margin-bottom:0}
a{color:var(--blue);text-decoration:none}
a:focus{outline:2px dashed var(--green);outline-offset:2px}
.success{font-weight:700;margin-top:12px}
.error{color:#D92D20;margin-top:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

section.tease{padding:0 20px 20px !important;margin:0 !important;}

.tease-grid{display:grid;grid-template-columns:repeat(1, minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto;padding:0;margin-top:0;}
.card{background:linear-gradient(135deg, #fff 0%, #f8f3e8 100%);border:1px solid #24837e;border-radius:var(--r24);padding:20px;text-align:center;box-shadow:0 10px 30px rgba(36, 131, 126, .12);margin:0;transition:transform 0.2s ease, box-shadow 0.2s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(36, 131, 126, .18)}
.card h3{font:700 20px "Poppins",system-ui;margin:0 0 6px;color:#24837e}
.card p{margin:0;color:#475467}

.footer{padding:12px 20px;text-align:center;color:#667085;margin:0 auto;display:block;}
.footer a{color:#2742FF}

@media (min-width: 680px){
  .tease-grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:20px}
}
@media (min-width: 1040px){
  .tease-grid{grid-template-columns:repeat(4, minmax(0,1fr));gap:24px}
}
@media (max-width:640px){
  .hero-header{gap:12px;flex-direction:column;text-align:center}
  .logo img{width:48px;height:48px;max-width:100px;max-height:100px;object-fit:contain}
  .lead{font-size:18px}
}