:root { --ink:#071421; --text:#f4f8fb; --muted:#aebdca; --cyan:#27c2e6; --amber:#ffb24a; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; }
body { background:var(--ink); color:var(--text); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.holding-page { position:relative; isolation:isolate; min-height:100svh; overflow:hidden; display:grid; grid-template-rows:auto 1fr auto; padding:30px clamp(24px,5vw,78px) 28px; background:#071421; }
.backdrop { position:absolute; inset:0; z-index:-3; background:url('/jetcars-port.png') 58% center/cover no-repeat; filter:saturate(.84) contrast(1.05); animation:reveal 1.4s ease-out both; }
.holding-page::before { content:''; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(5,18,30,.98) 0%,rgba(5,18,30,.9) 36%,rgba(5,18,30,.38) 68%,rgba(5,18,30,.2) 100%),linear-gradient(0deg,rgba(5,18,30,.86) 0%,transparent 38%); }
.noise { position:absolute; inset:0; z-index:-1; opacity:.08; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E"); }
.site-header,footer { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-header { animation:rise .7s .1s ease-out both; }
.brand { display:inline-flex; align-items:center; gap:11px; }
.brand-mark { width:40px; aspect-ratio:1; display:grid; place-items:center; border-radius:11px; background:var(--cyan); color:#04111d; font-size:23px; font-weight:900; letter-spacing:-.08em; box-shadow:0 8px 30px rgba(39,194,230,.25); }
.brand-name { font-size:21px; font-weight:900; letter-spacing:.08em; }
.domain { color:#c7d3dc; font-size:13px; letter-spacing:.12em; text-transform:uppercase; }
.hero { align-self:center; width:min(690px,100%); padding:70px 0; animation:rise .8s .2s ease-out both; }
.status { width:fit-content; display:flex; align-items:center; gap:9px; padding:8px 13px; border:1px solid rgba(255,255,255,.15); border-radius:999px; color:#d5e0e8; background:rgba(4,17,29,.38); backdrop-filter:blur(12px); font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.status span { width:7px; height:7px; border-radius:50%; background:var(--amber); box-shadow:0 0 0 5px rgba(255,178,74,.12); animation:pulse 2s infinite; }
.eyebrow { margin:34px 0 12px; color:var(--cyan); font-size:clamp(12px,1.1vw,14px); font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
h1 { margin:0; max-width:680px; font-size:clamp(54px,7.1vw,108px); line-height:.89; letter-spacing:-.065em; font-weight:850; text-wrap:balance; }
.lead { max-width:610px; margin:30px 0 0; color:var(--muted); font-size:clamp(17px,1.6vw,23px); line-height:1.55; }
.lead strong { color:#fff; font-weight:700; }
.features { display:flex; flex-wrap:wrap; gap:9px; margin-top:34px; }
.features span { padding:10px 14px; border:1px solid rgba(255,255,255,.11); border-radius:10px; color:#d7e2e9; background:rgba(5,18,30,.42); backdrop-filter:blur(12px); font-size:13px; }
footer { color:rgba(229,238,244,.58); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
footer p { margin:0; }
@keyframes rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
@keyframes reveal { from { opacity:0; transform:scale(1.025); } to { opacity:1; transform:none; } }
@keyframes pulse { 50% { box-shadow:0 0 0 8px rgba(255,178,74,0); } }
@media (max-width:720px) {
  .holding-page { padding:22px 20px 21px; }
  .holding-page::before { background:linear-gradient(90deg,rgba(5,18,30,.95),rgba(5,18,30,.62)),linear-gradient(0deg,rgba(5,18,30,.9) 0%,rgba(5,18,30,.18) 55%); }
  .backdrop { background-position:68% center; opacity:.78; }
  .domain { display:none; }
  .hero { padding:54px 0 48px; }
  h1 { font-size:clamp(50px,16vw,70px); }
  .lead { font-size:17px; line-height:1.5; }
  footer { align-items:flex-end; }
  footer p:last-child { max-width:180px; text-align:right; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; } }