:root { --navy:#08264a; --navy-2:#0b315d; --blue:#0975cb; --teal:#10b7b5; --sky:#eaf7fb; --gold:#f5c85b; --ink:#10243e; --muted:#5e7186; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:var(--font-sans), Arial, sans-serif; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; height:auto; }
.site-header { height:88px; max-width:1240px; margin:auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; gap:30px; position:relative; z-index:20; }
.brand { width:112px; height:78px; display:flex; align-items:center; justify-content:flex-start; }
.brand img { width:78px; height:78px; object-fit:contain; }
nav { display:flex; gap:34px; font-size:14px; font-weight:650; color:#3f566f; }
nav a:hover,.footer-links a:hover { color:var(--teal); }
.button { display:inline-flex; justify-content:center; align-items:center; gap:10px; border:0; border-radius:10px; padding:15px 22px; background:linear-gradient(135deg,var(--blue),#0c91cb); color:#fff; font-weight:750; font-size:15px; box-shadow:0 10px 24px rgba(9,117,203,.22); cursor:pointer; }
.button:hover { transform:translateY(-1px); box-shadow:0 14px 30px rgba(9,117,203,.28); }
.button-small { padding:12px 18px; font-size:14px; }
.hero { min-height:690px; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.88fr); align-items:center; gap:55px; max-width:1240px; padding:62px 40px 80px; margin:auto; }
.hero-copy { max-width:650px; }
.eyebrow { display:flex; align-items:center; gap:10px; text-transform:uppercase; letter-spacing:.16em; font-size:12px; font-weight:800; color:var(--blue); margin-bottom:20px; }
.eyebrow span { width:24px; height:2px; background:var(--teal); }
h1,h2 { font-family:var(--font-serif), Georgia, serif; letter-spacing:-.04em; }
h1 { font-size:clamp(48px,5.2vw,76px); line-height:1.04; margin:0 0 24px; color:var(--navy); }
.hero-text { max-width:620px; margin:0 0 30px; font-size:18px; line-height:1.7; color:var(--muted); }
.hero-actions { display:flex; align-items:center; gap:28px; margin-bottom:34px; }
.text-link { color:var(--navy); font-weight:750; font-size:15px; }
.text-link span { color:var(--teal); margin-left:7px; }
.launch-note { display:flex; align-items:center; gap:12px; font-size:13px; color:var(--muted); }
.launch-note strong { color:var(--navy); padding-right:12px; border-right:1px solid #cbd8e3; }
.hero-visual { position:relative; height:570px; display:flex; justify-content:center; align-items:center; }
.glow { position:absolute; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,#dff8f6 0,#e9f6ff 48%,transparent 70%); }
.phone-card { z-index:2; width:300px; height:600px; overflow:hidden; border:9px solid #fff; border-radius:42px; background:#fff; box-shadow:0 35px 80px rgba(8,38,74,.22); transform:rotate(1deg); }
.phone-card img { width:100%; height:100%; object-fit:cover; object-position:top; }
.floating-card { position:absolute; z-index:4; background:rgba(255,255,255,.96); border:1px solid #dceaf3; border-radius:14px; padding:13px 16px; display:flex; align-items:center; gap:11px; min-width:210px; box-shadow:0 18px 42px rgba(8,38,74,.14); }
.floating-card>span { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--sky); color:var(--teal); }
.floating-card strong,.floating-card small { display:block; }
.floating-card strong { font-size:13px; color:var(--navy); }.floating-card small { color:var(--muted); font-size:11px; margin-top:3px; }
.floating-one { top:92px; right:0; }.floating-two { bottom:80px; left:-5px; }
.trust-strip { background:var(--navy); color:#fff; display:grid; grid-template-columns:repeat(4,1fr); padding:28px max(40px,calc((100vw - 1160px)/2)); }
.trust-strip div { padding:3px 36px; border-right:1px solid rgba(255,255,255,.14); text-align:center; }
.trust-strip div:last-child { border:0; }.trust-strip strong,.trust-strip span { display:block; }.trust-strip strong { font-size:16px; }.trust-strip span { margin-top:5px; color:#9db7ce; font-size:12px; }
.section { max-width:1160px; margin:auto; padding:110px 30px; }
.intro { display:grid; grid-template-columns:1.1fr .9fr; column-gap:80px; }
.section-heading h2,.showcase h2,.pricing-copy h2,.waitlist h2 { font-size:clamp(38px,4.2vw,58px); line-height:1.12; margin:0; color:var(--navy); }
.section-lead { margin:46px 0 0; font-size:17px; line-height:1.75; color:var(--muted); }
.feature-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:58px; }
.feature-card { padding:28px 24px 30px; border:1px solid #e0ebf2; border-radius:18px; background:#fff; box-shadow:0 12px 35px rgba(8,38,74,.05); }
.feature-card:nth-child(2) { transform:translateY(15px); }.feature-card:nth-child(4) { transform:translateY(15px); }
.feature-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:13px; background:var(--sky); color:var(--teal); font-size:21px; margin-bottom:22px; }
h3 { color:var(--navy); margin:0 0 12px; font-size:18px; }.feature-card p,.steps p { color:var(--muted); font-size:14px; line-height:1.7; margin:0; }
.showcase { min-height:690px; overflow:hidden; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:60px; background:linear-gradient(135deg,var(--navy),#0b3b68); color:#fff; padding:90px max(35px,calc((100vw - 1160px)/2)); }
.eyebrow.light { color:#8bdfe0; }.showcase h2,.pricing-copy h2,.waitlist h2 { color:#fff; }.showcase-copy>p,.pricing-copy>p,.waitlist-copy>p { color:#b7cede; line-height:1.75; font-size:17px; }
.showcase ul,.price-card ul { list-style:none; padding:0; margin:30px 0 0; }.showcase li { margin:15px 0; color:#d8e8f3; }.showcase li span { color:#54d7ce; margin-right:10px; }
.screen-fan { height:560px; position:relative; display:flex; justify-content:center; align-items:center; }
.screen { position:absolute; width:250px; height:520px; object-fit:cover; object-position:top; border-radius:30px; border:7px solid #fff; box-shadow:0 28px 60px rgba(0,0,0,.32); }.screen.center { z-index:3; }.screen.side { z-index:2; width:220px; height:470px; opacity:.9; }.screen.left { transform:translateX(-175px) rotate(-9deg); }.screen.right { transform:translateX(175px) rotate(9deg); }
.centered { text-align:center; max-width:760px; margin:auto; }.centered .eyebrow { justify-content:center; }.centered p { color:var(--muted); font-size:17px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:64px; position:relative; }.steps:before { content:""; position:absolute; top:28px; left:17%; right:17%; border-top:1px dashed #9bc8dc; }.steps article { text-align:center; position:relative; }.step-number { margin:0 auto 23px; width:58px; height:58px; display:grid; place-items:center; border-radius:50%; color:#fff; font-weight:800; background:linear-gradient(135deg,var(--blue),var(--teal)); box-shadow:0 0 0 8px #fff; }.steps p { max-width:280px; margin:auto; }
.pricing-section { background:#f0f8fb; padding:105px max(35px,calc((100vw - 1060px)/2)); display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:100px; }.pricing-copy h2 { color:var(--navy); }.pricing-copy>p { color:var(--muted); }
.price-card { background:#fff; border-radius:24px; padding:38px 42px 32px; box-shadow:0 25px 70px rgba(8,38,74,.13); position:relative; }.launch-pill { position:absolute; top:24px; right:24px; background:#e2f8f3; color:#087f80; padding:8px 12px; border-radius:20px; text-transform:uppercase; letter-spacing:.1em; font-size:10px; font-weight:850; }.price-label { color:var(--muted); font-size:13px; font-weight:650; }.price { color:var(--navy); font-size:64px; font-weight:850; letter-spacing:-.05em; }.price sup { font-size:27px; vertical-align:top; position:relative; top:13px; }.price span { font-size:15px; font-weight:600; letter-spacing:0; color:var(--muted); }.founder-price { padding:16px 18px; border-radius:12px; background:var(--sky); margin:10px 0 20px; display:flex; justify-content:space-between; gap:15px; }.founder-price strong { color:var(--blue); }.founder-price span { color:var(--muted); font-size:13px; }.price-card li { margin:12px 0; font-size:14px; color:#40566d; }.price-card .full { width:100%; margin-top:14px; }.price-card>small { display:block; color:#8291a0; text-align:center; margin-top:14px; }
.faq { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; }.faq-list details { border-bottom:1px solid #dce7ee; padding:22px 0; }.faq-list summary { list-style:none; cursor:pointer; color:var(--navy); font-weight:750; display:flex; justify-content:space-between; gap:20px; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color:var(--teal); font-size:22px; }.faq-list details[open] summary span { transform:rotate(45deg); }.faq-list p { color:var(--muted); line-height:1.7; padding-right:35px; }
.contact-section { max-width:1160px; margin:auto; padding:90px 30px; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:75px; }.contact-section h2 { margin:0 0 18px; color:var(--navy); font-size:clamp(36px,4vw,52px); line-height:1.12; }.contact-copy>p { max-width:520px; margin:0; color:var(--muted); font-size:17px; line-height:1.75; }.contact-options { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.contact-card { min-height:190px; padding:28px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; border:1px solid #dce9f0; border-radius:18px; background:linear-gradient(145deg,#fff,#f3fafc); box-shadow:0 15px 38px rgba(8,38,74,.08); transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease; }.contact-card:hover { transform:translateY(-2px); border-color:#9bdad8; box-shadow:0 20px 44px rgba(8,38,74,.13); }.contact-icon { width:46px; height:46px; margin-bottom:20px; display:grid; place-items:center; border-radius:13px; background:var(--sky); color:var(--teal); font-size:21px; }.contact-card small { color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.contact-card strong { margin-top:8px; color:var(--navy); font-size:18px; overflow-wrap:anywhere; }.contact-card em { margin-top:6px; color:var(--muted); font-size:14px; font-style:normal; }
.waitlist { padding:90px max(35px,calc((100vw - 1160px)/2)); background:linear-gradient(120deg,#0759a0,#0a7ba8 55%,#10aaa9); display:grid; grid-template-columns:1fr 1fr; gap:85px; align-items:center; }.waitlist-form { background:#fff; border-radius:20px; padding:30px; display:grid; grid-template-columns:1fr 1fr; gap:18px; box-shadow:0 25px 65px rgba(4,32,60,.24); }.waitlist-form label { display:flex; flex-direction:column; gap:8px; color:var(--navy); font-size:12px; font-weight:750; }.waitlist-form input,.waitlist-form select { width:100%; border:1px solid #d7e3ea; border-radius:9px; padding:13px 14px; font:inherit; font-size:14px; outline:0; background:#fff; color:var(--ink); }.waitlist-form input:focus,.waitlist-form select:focus { border-color:var(--teal); box-shadow:0 0 0 3px rgba(16,183,181,.12); }.wide { grid-column:1/-1; }.form-note { color:var(--muted); font-size:11px; text-align:center; margin:0; }.form-success { color:#08795f; font-weight:700; }.form-error { color:#b33a3a; font-weight:700; }
footer { max-width:1160px; margin:auto; padding:60px 30px 30px; display:grid; grid-template-columns:1fr 1fr; }.footer-brand { display:flex; align-items:center; gap:15px; }.footer-brand img { width:72px; height:72px; object-fit:cover; }.footer-brand p { color:var(--muted); font-family:var(--font-serif); line-height:1.4; }.footer-brand strong { color:var(--navy); }.footer-links { display:flex; justify-content:flex-end; gap:28px; align-items:center; color:#486078; font-size:14px; }.footer-bottom { grid-column:1/-1; border-top:1px solid #e1e9ee; margin-top:35px; padding-top:22px; display:flex; justify-content:space-between; color:#8493a0; font-size:12px; }
.legal-page { max-width:800px; margin:auto; padding:72px 28px 110px; }.legal-back { display:inline-block; color:var(--blue); font-weight:700; margin-bottom:55px; }.legal-page h1 { font-size:58px; }.legal-updated { color:var(--muted); margin-bottom:50px; }.legal-page section { padding:25px 0; border-top:1px solid #e1e9ee; }.legal-page section h2 { font-family:var(--font-serif); font-size:27px; margin:0 0 12px; color:var(--navy); }.legal-page section p { color:var(--muted); line-height:1.8; }

@media (max-width:900px) {
  nav { display:none; }.site-header { height:76px; padding:0 20px; }.brand { width:82px; height:68px; }.brand img { width:66px; height:66px; }.button-small { padding:10px 13px; }
  .hero { grid-template-columns:1fr; text-align:center; padding:52px 24px 70px; gap:45px; }.hero-copy { margin:auto; }.eyebrow,.hero-actions,.launch-note { justify-content:center; }.hero-visual { height:530px; }.floating-one { right:2%; }.floating-two { left:2%; }
  .trust-strip { grid-template-columns:repeat(2,1fr); padding:24px; row-gap:22px; }.trust-strip div:nth-child(2) { border:0; }
  .intro,.faq,.contact-section { grid-template-columns:1fr; gap:25px; }.section-lead { margin:0; }.feature-grid { grid-template-columns:repeat(2,1fr); }.feature-card:nth-child(n) { transform:none; }
  .showcase,.pricing-section,.waitlist { grid-template-columns:1fr; }.showcase-copy,.pricing-copy { text-align:center; }.showcase-copy .eyebrow,.pricing-copy .eyebrow { justify-content:center; }.showcase ul { display:inline-block; text-align:left; }
  .faq { gap:45px; }.footer-links { gap:18px; }
}
@media (max-width:560px) {
  h1 { font-size:44px; }.hero-text { font-size:16px; }.hero-actions { flex-direction:column; gap:18px; }.launch-note { flex-direction:column; }.launch-note strong { border:0; padding:0; }
  .hero-visual { height:470px; }.phone-card { width:235px; height:470px; border-radius:32px; }.floating-card { min-width:175px; padding:10px; }.floating-one { right:-10px; top:55px; }.floating-two { left:-10px; bottom:40px; }
  .section { padding:80px 22px; }.feature-grid,.steps,.contact-options { grid-template-columns:1fr; }.steps:before { display:none; }.feature-card { text-align:left; }.contact-section { padding:75px 22px; }.contact-card { min-height:165px; }
  .showcase { padding:75px 22px; }.screen-fan { height:430px; }.screen { width:190px; height:400px; }.screen.side { width:165px; height:350px; }.screen.left { transform:translateX(-100px) rotate(-9deg); }.screen.right { transform:translateX(100px) rotate(9deg); }
  .pricing-section,.waitlist { padding:75px 22px; gap:50px; }.price-card { padding:34px 24px 27px; }.price { font-size:54px; }.founder-price { flex-direction:column; }
  .waitlist-form { grid-template-columns:1fr; }.waitlist-form label,.waitlist-form .wide { grid-column:1; }
  footer { grid-template-columns:1fr; padding:45px 22px 25px; }.footer-links { justify-content:flex-start; flex-wrap:wrap; margin-top:25px; }.footer-bottom { flex-direction:column; gap:10px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.button:hover { transform:none; } }