/* finesse · register=h5 · morph=E-mobile-landing · A=ink-navy+signal-gold · B=Archivo900/Newsreader-italic
 * C=portrait-led-financial-hero · D=CSS-only(button-feedback) · E=NYC-market-desk
 * SOUL=7 SPECTACLE=2 DENSITY=5 */
@font-face { font-family: Archivo; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/archivo.woff2") format("woff2"); }
@font-face { font-family: Newsreader; font-style: italic; font-weight: 200 800; font-display: swap; src: url("../fonts/newsreader-italic.woff2") format("woff2"); }
:root { --ink:#08121f; --navy:#10223b; --text:#edf1f7; --muted:#cbd5e3; --gold:#e8b94d; --gold-light:#f5d57e; --line:rgba(237,241,247,.16); --font:Archivo,Arial,sans-serif; --font-body:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif; --serif:Newsreader,Georgia,serif; }
* { box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html,body { height:100%; overflow-x:clip; }
body { margin:0; overflow:hidden; background:var(--ink); color:var(--text); font-family:var(--font); -webkit-font-smoothing:antialiased; }
body::after { content:""; position:fixed; inset:0; z-index:20; pointer-events:none; opacity:.028; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.phone { width:100%; height:100%; overflow:hidden; display:flex; flex-direction:column; background:var(--ink); }
#app { flex:1; overflow-y:auto; overflow-x:clip; scrollbar-width:none; }
#app::-webkit-scrollbar { display:none; }
.hero { position:relative; min-height:100%; isolation:isolate; overflow:hidden; display:flex; align-items:center; }
.hero-bg,.hero-scrim { position:absolute; inset:0; }
.hero-bg { z-index:-3; background:url("../../img/hero-skyline-us.jpg") center/cover no-repeat; transform:scale(1.05); }
.hero-scrim { z-index:-2; background:radial-gradient(90% 42% at 83% 14%,rgba(232,185,77,.17),transparent 68%),linear-gradient(180deg,rgba(8,18,31,.48),rgba(8,18,31,.34) 34%,rgba(8,18,31,.93) 88%,var(--ink)); }
.hero-content { width:100%; padding:calc(env(safe-area-inset-top) + 28px) 20px calc(env(safe-area-inset-bottom) + 24px); }
.eyebrow { margin:0 0 12px; color:var(--gold-light); font-size:11px; font-weight:800; letter-spacing:.14em; line-height:1.25; text-transform:uppercase; }
.headline-row { display:grid; grid-template-columns:minmax(0,1fr) 118px; gap:14px; align-items:end; }
h1 { margin:0; font-size:34px; font-weight:900; letter-spacing:-.045em; line-height:.98; overflow-wrap:anywhere; text-wrap:balance; text-shadow:0 8px 38px var(--ink); }
.tom-card { margin:0; align-self:stretch; min-height:160px; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--navy); box-shadow:0 16px 36px -22px rgba(0,0,0,.9); }
.tom-card img { display:block; width:100%; height:138px; object-fit:cover; object-position:center top; filter:contrast(1.04) saturate(.9); }
.tom-card figcaption { padding:7px 8px 8px; color:var(--gold-light); font-size:10px; font-weight:800; letter-spacing:.05em; line-height:1; text-transform:uppercase; }
.lead { margin:18px 0 0; color:var(--muted); font-family:var(--font-body); font-size:15px; letter-spacing:.005em; line-height:1.58; text-wrap:pretty; }
.cta-block { margin-top:21px; padding:17px; border:1px solid var(--line); border-radius:18px; background:rgba(8,18,31,.6); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.cta-block h2 { margin:0; font-size:20px; font-weight:850; letter-spacing:-.027em; line-height:1.1; }
.cta-block h2::first-line { color:var(--gold-light); }
.cta-block p { margin:9px 0 0; color:var(--muted); font-family:var(--font-body); font-size:13px; letter-spacing:.005em; line-height:1.48; }
.countdown { display:grid; gap:10px; margin-top:14px; padding:12px; border:1px solid rgba(245,213,126,.38); border-radius:14px; background:linear-gradient(145deg,rgba(16,34,59,.94),rgba(8,18,31,.78)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px -24px rgba(0,0,0,.9); }
.timer-meta { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.timer-meta span { color:var(--muted); font-size:10px; font-weight:750; letter-spacing:.08em; line-height:1.2; text-transform:uppercase; }
.timer-meta em { color:var(--gold-light); font-family:var(--font-body); font-size:11px; font-style:normal; line-height:1.2; white-space:nowrap; }
.timer-digits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.timer-unit { display:grid; gap:3px; justify-items:center; padding:8px 2px 7px; border:1px solid rgba(245,213,126,.2); border-radius:9px; background:rgba(232,185,77,.09); }
.timer-unit strong { color:var(--text); font-size:21px; font-variant-numeric:tabular-nums; letter-spacing:.02em; line-height:1; }
.timer-unit i { color:var(--gold-light); font-size:8px; font-style:normal; font-weight:800; letter-spacing:.08em; line-height:1; text-transform:uppercase; }
.cta-button { width:100%; min-height:56px; margin-top:14px; padding:12px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:linear-gradient(180deg,var(--gold-light),var(--gold)); color:var(--ink); font-size:15px; font-weight:900; line-height:1.15; text-align:center; white-space:nowrap; box-shadow:0 13px 27px -14px rgba(232,185,77,.8); transition:transform .16s ease,filter .16s ease; }
.cta-button:active { transform:scale(.975); filter:brightness(.96); }
.disclaimer { margin:13px 2px 0; color:rgba(203,213,227,.8); font-size:10px; line-height:1.35; text-align:center; }
@media (max-height:720px) { .hero-content { padding-top:20px; padding-bottom:16px; } h1{font-size:30px}.tom-card{min-height:144px}.tom-card img{height:122px}.lead{margin-top:14px;font-size:14px}.cta-block{margin-top:15px;padding:14px}.cta-block h2{font-size:18px}.countdown{margin-top:10px}.cta-button{margin-top:10px;min-height:52px}.disclaimer{margin-top:9px;} }
@media (max-width:350px) { .hero-content{padding-inline:16px}.headline-row{grid-template-columns:minmax(0,1fr) 105px;gap:10px}h1{font-size:30px}.lead{font-size:14px}.cta-button{font-size:13px} }
@media (min-width:560px) { body{display:flex;align-items:center;justify-content:center;background:radial-gradient(130% 90% at 50% 0%,#1a3353,var(--ink) 62%)}.phone{width:406px;height:min(880px,94vh);border:1px solid var(--line);border-radius:42px;box-shadow:0 46px 120px -30px rgba(0,0,0,.9),0 0 0 9px #0c192b;} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;} }