@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500&display=swap');
:root { --ft-bg:#070b18; --ft-card:#0d1326; --ft-line:#1e2a4a; --ft-text:#e8ecf6; --ft-muted:#93a0bd; --ft-cyan:#22d3ee; }
html { background: var(--ft-bg); }
body { background: radial-gradient(1100px 540px at 70% -140px, #182452 0%, rgba(7,11,24,0) 62%), repeating-linear-gradient(0deg, rgba(34,211,238,.025) 0 1px, transparent 1px 56px), repeating-linear-gradient(90deg, rgba(34,211,238,.025) 0 1px, transparent 1px 56px), var(--ft-bg); color: var(--ft-text); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; min-height: 100vh; }
h1, h2, h3, .ft-eyebrow { font-family: 'Space Grotesk', 'Inter', sans-serif; }
.container.wrap { max-width: 460px; margin: 48px auto; background: var(--ft-card); border: 1px solid var(--ft-line); border-radius: 18px; padding: 32px 34px; box-shadow: 0 24px 70px rgba(0,0,0,.5); }
.header { border: none; margin-bottom: 6px; text-align: center; }
.logo img { max-height: 56px; width: auto; border-radius: 50%; box-shadow: 0 0 0 3px rgba(34,211,238,.25); }
h1, h2, h3 { color: #ffffff; }
section > h2 { text-align: center; font-size: 21px; margin: 10px 0 16px; }
label { color: var(--ft-muted); font-size: 14px; }
input[type=email], input[type=text] { background:#0a0f1f; border:1px solid var(--ft-line); color:var(--ft-text); border-radius:10px; padding:13px 14px; width:100%; box-sizing:border-box; font-size:15px; }
input[type=email]:focus, input[type=text]:focus { border-color: var(--ft-cyan); outline: none; box-shadow: 0 0 0 3px rgba(34,211,238,.18); }
ul.lists { list-style:none; padding:14px 16px; margin:16px 0; background:#0a0f1f; border:1px solid var(--ft-line); border-radius:12px; }
ul.lists h2 { font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--ft-muted); margin:0 0 10px; text-align:left; }
ul.lists li { margin:9px 0; display:flex; align-items:flex-start; gap:9px; }
ul.lists li label { display:flex; flex-direction:column; gap:2px; color:var(--ft-text); font-size:15px; }
.ft-listdesc { color:var(--ft-muted); font-size:12.5px; font-weight:400; }
input[type=checkbox] { accent-color: var(--ft-cyan); width:17px; height:17px; margin-top:2px; }
.button, button[type=submit] { background: linear-gradient(135deg, #22d3ee, #3b82f6); color:#051018; font-weight:700; border:none; border-radius:11px; padding:14px 26px; font-size:16px; cursor:pointer; width:100%; transition: transform .12s, filter .15s; font-family:'Space Grotesk',sans-serif; }
.button:hover, button[type=submit]:hover { filter: brightness(1.12); transform: translateY(-1px); }
a { color: var(--ft-cyan); }
.right { text-align:center; margin-top:14px; }
.right a { color: var(--ft-muted); font-size:13px; }
footer { display:none; }
.ft-topbar { display:flex; align-items:center; justify-content:space-between; max-width:1040px; margin:0 auto; padding:18px 28px 0; }
.ft-topbar .brand { display:flex; align-items:center; gap:10px; color:var(--ft-text); text-decoration:none; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:16px; }
.ft-topbar .brand img { width:34px; height:34px; border-radius:50%; box-shadow:0 0 0 2px rgba(34,211,238,.25); }
.ft-topbar .nav a { color:var(--ft-muted); font-size:14px; margin-left:18px; text-decoration:none; }
.ft-topbar .nav a:hover { color:var(--ft-text); }
.ft-footer { text-align:center; color:var(--ft-muted); font-size:12.5px; padding:26px 16px 34px; }
.ft-footer a { color:var(--ft-muted); margin:0 7px; }
.right { display:none; }
.ft-fineprint { text-align:center; color:var(--ft-muted); font-size:12.5px; margin:12px 0 0; }
.ft-grid { display:grid; grid-template-columns: 1.08fr .92fr; gap:56px; align-items:center; max-width:1040px; margin:0 auto; padding:30px 28px 8px; }
.ft-grid .container.wrap { margin:0; width:100%; }
.ft-eyebrow { color:var(--ft-cyan); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.16em; margin:0 0 14px; }
.ft-pitch h1 { font-size:46px; line-height:1.08; letter-spacing:-.015em; margin:0 0 18px; font-weight:700; }
.ft-pitch h1 em { font-style:normal; background:linear-gradient(135deg,#22d3ee,#3b82f6); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ft-sub { color:var(--ft-muted); font-size:17px; line-height:1.6; margin:0 0 22px; }
.ft-benefits { list-style:none; padding:0; margin:0 0 22px; }
.ft-benefits li { display:flex; gap:11px; align-items:flex-start; margin:11px 0; font-size:15.5px; line-height:1.5; }
.ft-benefits li::before { content:'✓'; color:var(--ft-cyan); font-weight:700; flex:none; margin-top:1px; }
.ft-proofline { display:flex; align-items:center; gap:10px; color:var(--ft-muted); font-size:13.5px; border-top:1px solid var(--ft-line); padding-top:18px; }
.ft-proofline b { color:var(--ft-text); }
@media (max-width: 860px) {
  .ft-grid { grid-template-columns:1fr; gap:28px; padding:32px 18px 8px; }
  .ft-pitch { text-align:center; }
  .ft-pitch h1 { font-size:31px; }
  .ft-benefits li { justify-content:center; text-align:left; }
  .ft-proofline { justify-content:center; }
}