:root {
  --bg: #090d18;
  --panel: #101827;
  --panel-soft: #131e30;
  --text: #f3f5fb;
  --muted: #9aa7b9;
  --faint: #647287;
  --line: rgba(180, 197, 220, .14);
  --accent: #b8f36b;
  --accent-2: #d4ff9a;
  --ink: #111a0c;
  --mono: 'DM Mono', ui-monospace, SFMono-Regular, Consolas, monospace;
  --sans: 'Manrope', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; color: var(--text); background: var(--bg); font-family: var(--sans); line-height: 1.6; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { color: var(--ink); background: var(--accent); }
.page-glow { position: absolute; z-index: -1; width: 560px; height: 560px; border-radius: 50%; filter: blur(100px); opacity: .13; pointer-events: none; }
.page-glow-one { top: -280px; right: -100px; background: #9be94f; }
.page-glow-two { top: 1100px; left: -360px; background: #2e78c6; opacity: .12; }
.section-wrap { width: min(1160px, calc(100% - 64px)); margin: 0 auto; }
.site-header { height: 88px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(32px, calc((100vw - 1280px) / 2)); border-bottom: 1px solid var(--line); position: relative; z-index: 5; background: rgba(9, 13, 24, .76); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 245px; }
.brand-mark { width: 42px; height: 42px; display: grid; place-items: center; position: relative; color: var(--ink); background: var(--accent); border-radius: 13px; font-weight: 800; letter-spacing: -2px; font-size: 17px; }
.brand-mark span { position: absolute; top: -5px; right: 2px; color: var(--text); font-size: 13px; letter-spacing: 0; }
.brand-copy { display: flex; flex-direction: column; gap: 1px; line-height: 1.3; }
.brand-copy strong { font-size: 11px; letter-spacing: .17em; font-weight: 800; }
.brand-copy small { color: var(--muted); font: 9px var(--mono); letter-spacing: .08em; }
.main-nav { display: flex; align-items: center; gap: 34px; color: #b9c3d2; font-size: 12px; font-weight: 600; }
.main-nav a { transition: color .2s; }
.main-nav a:hover, .text-link:hover, .inline-link:hover { color: var(--accent); }
.header-cta { display: inline-flex; gap: 18px; align-items: center; padding: 12px 16px; border: 1px solid rgba(184, 243, 107, .5); border-radius: 8px; color: var(--accent); font-size: 11px; font-weight: 800; transition: background .2s, color .2s; }
.header-cta:hover { color: var(--ink); background: var(--accent); }
.header-cta span { font-size: 16px; }

.hero { min-height: 670px; padding-top: 86px; padding-bottom: 76px; position: relative; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 48px; }
.hero-content { padding-bottom: 18px; position: relative; z-index: 1; }
.eyebrow, .section-kicker, .form-step { display: flex; align-items: center; gap: 10px; color: var(--accent); font: 10px var(--mono); letter-spacing: .14em; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(184, 243, 107, .11), 0 0 18px rgba(184, 243, 107, .65); }
h1 { margin: 28px 0 20px; font-size: clamp(52px, 6.2vw, 82px); line-height: .99; letter-spacing: -.075em; font-weight: 800; }
h1 span, .intro-grid h2 span, .tasks-heading h2 span, .join-heading h2 span, .signup-intro h2 span, .faq-layout h2 span { color: var(--accent); }
.hero-lead { max-width: 515px; margin: 0; color: #aab5c5; font-size: 15px; line-height: 1.9; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }
.button { min-height: 50px; display: inline-flex; justify-content: center; align-items: center; gap: 28px; padding: 0 21px; border: 0; border-radius: 7px; cursor: pointer; font-size: 12px; font-weight: 800; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 9px 30px rgba(184, 243, 107, .15); }
.button-primary { background: var(--accent); color: var(--ink); }
.button-primary:hover { background: var(--accent-2); }
.button span { font-size: 17px; }
.text-link { display: inline-flex; align-items: center; gap: 12px; color: #c3ccda; font-size: 12px; font-weight: 700; transition: color .2s; }
.hero-meta { display: flex; align-items: center; gap: 14px; margin-top: 57px; }
.avatar-stack { display: flex; padding-left: 5px; }
.avatar-stack span { width: 29px; height: 29px; display: grid; place-items: center; margin-left: -5px; border: 2px solid var(--bg); border-radius: 50%; color: var(--ink); background: #e9f6dc; font: 9px var(--mono); font-weight: 500; }
.avatar-stack span:nth-child(2) { background: #bfd2ff; }
.avatar-stack span:nth-child(3) { color: var(--text); background: #26364a; }
.hero-meta p { margin: 0; color: #dce3ed; font-size: 10px; line-height: 1.7; }
.hero-meta p span { color: var(--muted); }
.hero-visual { min-width: 0; padding: 16px; border: 1px solid rgba(190, 210, 236, .16); border-radius: 14px; background: linear-gradient(145deg, rgba(26, 40, 59, .88), rgba(12, 19, 31, .98)); box-shadow: 0 25px 90px rgba(0, 0, 0, .28); transform: rotate(1deg); }
.visual-topline, .visual-footer { display: flex; justify-content: space-between; align-items: center; color: #8393aa; font: 8px var(--mono); letter-spacing: .13em; }
.visual-status { display: inline-flex; gap: 7px; align-items: center; color: var(--accent); }
.visual-status i { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
.map-art { height: 375px; margin: 14px 0; overflow: hidden; position: relative; border: 1px solid rgba(170, 192, 220, .1); border-radius: 8px; background: radial-gradient(ellipse at 50% 50%, rgba(62, 89, 108, .2), transparent 68%), #101c2c; }
.map-grid { position: absolute; inset: 0; opacity: .43; background-image: linear-gradient(rgba(151, 179, 207, .11) 1px, transparent 1px), linear-gradient(90deg, rgba(151, 179, 207, .11) 1px, transparent 1px); background-size: 34px 34px; transform: rotate(-8deg) scale(1.15); }
.map-art::before, .map-art::after { content: ''; position: absolute; border: 1px solid rgba(141, 171, 197, .12); border-radius: 40% 60% 45% 55%; transform: rotate(23deg); }
.map-art::before { width: 300px; height: 160px; left: -50px; top: 35px; }
.map-art::after { width: 380px; height: 220px; right: -120px; bottom: -70px; }
.route-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.route-lines path { fill: none; stroke: rgba(184, 243, 107, .32); stroke-width: 3; stroke-linecap: round; }
.route-lines .route-dash { stroke: var(--accent); stroke-width: 2; stroke-dasharray: 3 9; animation: route-flow 18s linear infinite; }
@keyframes route-flow { to { stroke-dashoffset: -140; } }
.map-pin { width: 34px; height: 34px; position: absolute; display: grid; place-items: center; border: 1px solid rgba(184, 243, 107, .7); border-radius: 50% 50% 50% 4px; color: var(--ink); background: var(--accent); box-shadow: 0 0 0 7px rgba(184, 243, 107, .1), 0 5px 22px rgba(0,0,0,.3); transform: rotate(-45deg); }
.map-pin b { font: 9px var(--mono); transform: rotate(45deg); }
.pin-a { left: 10%; bottom: 19%; }.pin-b { left: 46%; top: 39%; }.pin-c { right: 9%; top: 13%; }
.map-label { position: absolute; color: #b3c1d2; font: 8px var(--mono); letter-spacing: .14em; }
.label-a { left: 8%; bottom: 11%; }.label-b { left: 43%; top: 51%; }.label-c { right: 8%; top: 5%; }
.map-compass { position: absolute; right: 22px; bottom: 20px; display: flex; flex-direction: column; align-items: center; gap: 3px; color: #74869d; font: 8px var(--mono); }
.map-compass span { color: var(--accent); font-size: 21px; }
.map-card { position: absolute; left: 50%; bottom: 17px; width: min(260px, 76%); display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid rgba(184, 243, 107, .2); border-radius: 8px; background: rgba(10, 17, 28, .88); box-shadow: 0 12px 35px rgba(0,0,0,.3); transform: translateX(-50%); backdrop-filter: blur(8px); }
.map-card-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 7px; color: var(--ink); background: var(--accent); }
.map-card div { display: flex; flex: 1; flex-direction: column; line-height: 1.4; }
.map-card small { color: #8f9eb2; font: 7px var(--mono); letter-spacing: .1em; }
.map-card strong { color: #f1f5fb; font-size: 10px; }
.map-card-arrow { color: var(--accent); }
.visual-footer { padding: 2px 0 1px; font-size: 7px; }
.hero-bottom-note { position: absolute; right: 0; bottom: 28px; left: 0; display: flex; justify-content: space-between; color: #627087; font: 8px var(--mono); letter-spacing: .13em; }
.hero-bottom-note span:first-child { color: var(--accent); }

.proof-strip { min-height: 112px; display: flex; justify-content: center; align-items: center; gap: clamp(35px, 8vw, 120px); padding: 25px 32px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.018); }
.proof-strip > div { display: flex; align-items: center; gap: 13px; }
.strip-icon { width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid rgba(184, 243, 107, .25); border-radius: 10px; color: var(--accent); font-size: 19px; }
.proof-strip p { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.proof-strip strong { font-size: 11px; }.proof-strip small { color: #8997ab; font-size: 9px; }

.intro-section { padding-top: 120px; padding-bottom: 125px; }
.intro-grid { display: grid; grid-template-columns: 1fr .9fr; gap: 90px; margin-top: 35px; }
.intro-grid h2, .tasks-heading h2, .join-heading h2, .signup-intro h2, .faq-layout h2 { margin: 0; font-size: clamp(37px, 4.7vw, 58px); line-height: 1.09; letter-spacing: -.065em; }
.intro-copy { padding-top: 3px; }.intro-copy p { color: #9eabbe; font-size: 12px; line-height: 1.95; }.intro-copy .large-copy { margin-top: 0; color: #e1e8f1; font-size: 15px; line-height: 1.8; }
.inline-link { display: inline-flex; gap: 13px; align-items: center; margin-top: 12px; color: var(--accent); font-size: 11px; font-weight: 800; transition: color .2s; }
.inline-link span { font-size: 18px; }
.feature-panel { display: grid; grid-template-columns: .8fr 1.6fr .8fr; gap: 26px; align-items: center; margin-top: 80px; padding: 34px 38px; border: 1px solid rgba(184, 243, 107, .22); border-radius: 12px; background: linear-gradient(105deg, rgba(184, 243, 107, .08), rgba(27, 42, 55, .45)); }
.feature-number { color: var(--accent); font: 21px var(--mono); letter-spacing: -.1em; }.feature-number span { color: #657784; }
.feature-tag { color: var(--accent); font: 8px var(--mono); letter-spacing: .16em; }.feature-panel h3 { max-width: 400px; margin: 8px 0; font-size: 20px; line-height: 1.35; letter-spacing: -.04em; }.feature-panel p { max-width: 480px; margin: 0; color: #97a6b8; font-size: 10px; line-height: 1.8; }
.feature-side { display: flex; flex-direction: column; gap: 4px; padding-left: 23px; border-left: 1px solid var(--line); }.feature-side span, .feature-side small { color: #8998aa; font: 8px var(--mono); letter-spacing: .1em; }.feature-side strong { color: var(--accent); font: 18px var(--mono); }.feature-side small { letter-spacing: 0; }

.dark-section { border-top: 1px solid rgba(190, 210, 236, .08); border-bottom: 1px solid rgba(190, 210, 236, .08); background: #0d1421; }
.tasks-section { padding-top: 110px; padding-bottom: 105px; }
.tasks-heading, .join-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-top: 32px; }
.tasks-heading > p, .join-heading > p { max-width: 355px; margin: 0 0 6px; color: #9aa8bb; font-size: 11px; line-height: 1.9; }
.task-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-top: 58px; }
.task-card { min-height: 260px; position: relative; padding: 23px 20px; border: 1px solid rgba(177, 196, 221, .13); border-radius: 9px; background: linear-gradient(145deg, rgba(26, 40, 59, .7), rgba(16, 25, 39, .62)); transition: border-color .2s, transform .2s; }
.task-card:hover { transform: translateY(-5px); border-color: rgba(184, 243, 107, .45); }
.task-index { color: #73839a; font: 8px var(--mono); letter-spacing: .12em; }.task-icon { width: 43px; height: 43px; display: grid; place-items: center; margin: 27px 0 17px; border: 1px solid rgba(184, 243, 107, .3); border-radius: 11px; color: var(--accent); font-size: 23px; }.task-card h3 { margin: 0 0 9px; font-size: 14px; letter-spacing: -.03em; }.task-card p { margin: 0; color: #8d9bae; font-size: 10px; line-height: 1.8; }.task-arrow { position: absolute; right: 19px; bottom: 17px; color: #718097; font-size: 14px; }
.tasks-note { display: flex; align-items: center; gap: 10px; margin: 25px 0 0; color: #8795a8; font-size: 9px; }.tasks-note span { color: var(--accent); font-size: 16px; }

.join-section { padding-top: 115px; padding-bottom: 120px; }
.steps-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; margin-top: 64px; }
.step { position: relative; padding-top: 23px; border-top: 1px solid rgba(184, 243, 107, .3); }.step-num { display: block; margin-bottom: 24px; color: var(--accent); font: 12px var(--mono); }.step-line { position: absolute; top: -3px; left: 0; width: 34px; height: 5px; background: var(--accent); border-radius: 8px; }.step h3 { margin: 0 0 8px; font-size: 14px; }.step p { max-width: 260px; margin: 0; color: #919fb2; font-size: 10px; line-height: 1.85; }

.signup-section { position: relative; overflow: hidden; padding: 110px 0; border-top: 1px solid rgba(184, 243, 107, .12); border-bottom: 1px solid rgba(184, 243, 107, .12); background: radial-gradient(ellipse at 8% 35%, rgba(128, 178, 72, .11), transparent 35%), #101927; }
.signup-section::after { content: 'GT'; position: absolute; right: -35px; bottom: -155px; color: rgba(184, 243, 107, .025); font-size: 400px; line-height: 1; font-weight: 800; letter-spacing: -.1em; pointer-events: none; }
.signup-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .76fr 1.24fr; gap: 80px; align-items: start; }
.signup-intro { padding-top: 14px; }.signup-intro h2 { margin-top: 34px; }.signup-intro > p { max-width: 360px; margin: 24px 0 0; color: #9eacbf; font-size: 12px; line-height: 1.9; }
.signup-aside { display: flex; gap: 13px; margin-top: 45px; padding-top: 22px; border-top: 1px solid var(--line); }.aside-icon { width: 32px; height: 32px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 8px; color: var(--ink); background: var(--accent); }.signup-aside strong { display: block; margin: 0 0 5px; font-size: 10px; }.signup-aside p { max-width: 280px; margin: 0; color: #8f9eb1; font-size: 9px; line-height: 1.8; }
.privacy-mini { display: flex; align-items: flex-start; gap: 9px; margin-top: 28px; color: #8b9aaf; }.privacy-mini span { font-size: 12px; }.privacy-mini p { max-width: 310px; margin: 0; font-size: 9px; line-height: 1.8; }
.signup-form { padding: 32px; border: 1px solid rgba(191, 211, 235, .15); border-radius: 12px; background: rgba(8, 14, 24, .65); box-shadow: 0 25px 80px rgba(0, 0, 0, .2); backdrop-filter: blur(10px); }
.form-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 23px; border-bottom: 1px solid var(--line); }.form-step { font-size: 8px; }.form-header h3 { margin: 8px 0 0; font-size: 19px; letter-spacing: -.04em; }.required-note { padding-top: 3px; color: #77869b; font-size: 8px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 14px; margin-top: 24px; }.field { display: flex; flex-direction: column; gap: 8px; color: #c7d1df; font-size: 9px; font-weight: 700; }.field > span b, .check-field b { color: var(--accent); }.field small { color: #7e8da2; font-weight: 500; }.field-wide { grid-column: 1 / -1; }
.field input, .field select { width: 100%; height: 46px; padding: 0 13px; outline: none; border: 1px solid rgba(164, 186, 214, .18); border-radius: 6px; color: #edf2f7; background: #111d2d; font-size: 10px; transition: border-color .2s, box-shadow .2s; }.field input::placeholder { color: #65758b; }.field select { color: #aab8c9; }.field input:focus, .field select:focus { border-color: rgba(184, 243, 107, .7); box-shadow: 0 0 0 3px rgba(184, 243, 107, .08); }
.check-field { display: flex; align-items: flex-start; gap: 10px; margin-top: 23px; color: #9caabd; font-size: 9px; line-height: 1.75; cursor: pointer; }.check-field input { width: 15px; height: 15px; flex: 0 0 auto; margin: 2px 0 0; accent-color: var(--accent); }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.form-submit-row { display: flex; align-items: center; gap: 18px; margin-top: 24px; }.submit-button { min-width: 190px; }.submit-button:disabled { cursor: wait; opacity: .65; }.secure-label { color: #7e8d9f; font: 7px var(--mono); letter-spacing: .09em; }.secure-label::first-letter { color: var(--accent); }
.form-message { display: none; margin-top: 16px; padding: 11px 13px; border-radius: 6px; font-size: 10px; line-height: 1.6; }.form-message.is-visible { display: block; }.form-message.success { color: #d7f7b7; border: 1px solid rgba(184, 243, 107, .3); background: rgba(184, 243, 107, .09); }.form-message.error { color: #ffc3c3; border: 1px solid rgba(255, 128, 128, .3); background: rgba(255, 80, 80, .08); }.form-footnote { margin: 17px 0 0; color: #6f7d91; font-size: 8px; line-height: 1.75; }

.faq-section { padding-top: 112px; padding-bottom: 125px; }.faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; margin-top: 35px; }.faq-layout > div:first-child > p { max-width: 270px; margin-top: 18px; color: #919fb2; font-size: 11px; line-height: 1.8; }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list details:first-child { border-top: 1px solid var(--line); }.faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 19px 0; list-style: none; cursor: pointer; color: #e0e7f0; font-size: 11px; font-weight: 700; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--accent); font-size: 20px; font-weight: 400; transition: transform .2s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 600px; margin: -3px 35px 19px 0; color: #94a2b4; font-size: 10px; line-height: 1.9; }
.site-footer { padding: 35px max(32px, calc((100vw - 1160px) / 2)) 22px; border-top: 1px solid var(--line); background: #080c15; }.footer-top { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-bottom: 34px; }.footer-top > p { margin: 0; color: #8795a9; font-size: 10px; line-height: 1.8; }.footer-top > p strong { color: #dce4ee; }.footer-up, .footer-bottom { color: #77869b; font: 8px var(--mono); letter-spacing: .1em; }.footer-up { color: var(--accent); }.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 7px; }.footer-bottom a { color: #aab7c8; }

@media (max-width: 980px) {
  .hero { gap: 30px; }.hero-visual { transform: none; }.intro-grid { gap: 45px; }.task-grid { grid-template-columns: repeat(2, 1fr); }.signup-layout { gap: 35px; }.proof-strip { gap: 35px; }
}
@media (max-width: 720px) {
  html { scroll-padding-top: 70px; }.section-wrap { width: min(100% - 38px, 540px); }.site-header { height: 72px; padding: 0 19px; }.brand { min-width: 0; gap: 9px; }.brand-mark { width: 37px; height: 37px; border-radius: 11px; }.brand-copy strong { font-size: 9px; }.brand-copy small { font-size: 7px; }.main-nav { display: none; }.header-cta { padding: 10px 11px; gap: 8px; font-size: 9px; }
  .hero { display: flex; flex-direction: column; align-items: stretch; gap: 42px; min-height: auto; padding-top: 68px; padding-bottom: 64px; }.hero-content { padding: 0; }.eyebrow { font-size: 8px; }h1 { margin: 24px 0 16px; font-size: clamp(51px, 14vw, 75px); }.hero-lead { font-size: 12px; }.hero-actions { gap: 19px; margin-top: 27px; }.button { min-height: 47px; padding: 0 16px; gap: 15px; font-size: 10px; }.text-link { font-size: 10px; }.hero-meta { margin-top: 34px; }.hero-visual { padding: 11px; }.map-art { height: 300px; }.hero-bottom-note { bottom: 20px; font-size: 6px; }.hero-bottom-note span:nth-child(2) { display: none; }
  .proof-strip { display: grid; grid-template-columns: 1fr; gap: 16px; justify-content: start; padding: 23px 28px; }.proof-strip > div { gap: 11px; }.strip-icon { width: 32px; height: 32px; }.proof-strip strong { font-size: 10px; }.proof-strip small { font-size: 8px; }
  .intro-section, .tasks-section, .join-section, .faq-section { padding-top: 78px; padding-bottom: 80px; }.intro-grid, .faq-layout { grid-template-columns: 1fr; gap: 23px; margin-top: 27px; }.intro-grid h2, .tasks-heading h2, .join-heading h2, .signup-intro h2, .faq-layout h2 { font-size: 43px; }.intro-copy .large-copy { font-size: 13px; }.intro-copy p { font-size: 10px; }.feature-panel { grid-template-columns: 1fr; gap: 18px; margin-top: 43px; padding: 24px; }.feature-number { font-size: 18px; }.feature-panel h3 { font-size: 17px; }.feature-side { padding: 14px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .tasks-heading, .join-heading { align-items: flex-start; flex-direction: column; gap: 18px; margin-top: 27px; }.tasks-heading > p, .join-heading > p { font-size: 10px; }.task-grid { grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 34px; }.task-card { min-height: 245px; padding: 17px 14px; }.task-index { font-size: 7px; }.task-icon { width: 37px; height: 37px; margin: 23px 0 14px; }.task-card h3 { font-size: 12px; }.task-card p { font-size: 9px; }.tasks-note { align-items: flex-start; font-size: 8px; }
  .steps-row { grid-template-columns: 1fr; gap: 22px; margin-top: 37px; }.step { padding-top: 15px; }.step-num { margin-bottom: 11px; }.step h3 { font-size: 12px; }.step p { max-width: none; font-size: 9px; }
  .signup-section { padding: 78px 0; }.signup-layout { grid-template-columns: 1fr; gap: 32px; }.signup-intro { padding: 0; }.signup-intro h2 { margin-top: 25px; }.signup-intro > p { margin-top: 16px; font-size: 10px; }.signup-aside { margin-top: 27px; }.privacy-mini { margin-top: 17px; }.signup-form { padding: 21px 17px; }.form-header h3 { font-size: 16px; }.required-note { font-size: 7px; }.form-grid { gap: 15px 10px; margin-top: 18px; }.field { gap: 6px; font-size: 8px; }.field input, .field select { height: 43px; padding: 0 10px; font-size: 9px; }.check-field { font-size: 8px; }.form-submit-row { flex-wrap: wrap; gap: 12px; }.submit-button { min-width: 175px; }.secure-label { font-size: 6px; }
  .faq-layout { gap: 28px; }.faq-list summary { padding: 16px 0; font-size: 10px; }.faq-list details p { font-size: 9px; }.site-footer { padding: 27px 19px 18px; }.footer-top { flex-wrap: wrap; }.footer-top > p { order: 3; width: 100%; }.footer-bottom { flex-wrap: wrap; line-height: 1.6; }.footer-bottom span:nth-child(2) { display: none; }
}
@media (max-width: 380px) { .brand-copy small { letter-spacing: .02em; }.header-cta { font-size: 8px; }.task-card { min-height: 260px; }.form-submit-row { align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }