/* SavvyFlyer country-page dark skin v1 — 2026-08-09
 *
 * Shared across ALL country pages (/philippines first). Mirrors the homepage
 * round-4b design system verbatim: deep-navy gradient, glass cards on an 8%
 * white surface with neumorphic 3D shadows, Space Grotesk display type,
 * traffic-light tier palette (Rare green → Overpriced red), aqua ACTION
 * buttons, white full logo.
 *
 * Contract: this stylesheet is only linked on restyled country pages, so
 * base selectors are deliberately unscoped — a no-JS page still renders
 * fully dark and readable. Structural classes (.sfdk-*) are created by
 * sf-country-dark-1.js at runtime; content itself is never generated here.
 * Page-specific bits live in the page's SF_CONFIG embed, nothing else.
 */

/* ---- base ------------------------------------------------------ */
html{background-color:#070b14;overflow-x:hidden}
body{background:linear-gradient(180deg,#070b14 0%,#0d1424 60%,#070b14 100%);background-attachment:fixed;font-family:Inter,sans-serif;color:#cbd5e1;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,.sfdk-brand{font-family:'Space Grotesk',Inter,sans-serif;color:#fff}
[id]{scroll-margin-top:84px}
.w-container{max-width:1120px}
section{position:relative}

/* legacy light-page furniture that has no home in the dark layout */
.waitlist-form.w-form>p{display:none!important}
/* country sections ship a light sky-photo background + white overlay */
body>section{background-image:none!important;background-color:transparent!important}
/* legacy heading classes (.heading-N) carry navy color + text-shadow */
h1,h2,h3{color:#fff!important;text-shadow:none!important}
/* value-prop cards carry a legacy light gradient on background-image */
.div-block-9{background-image:none!important}

/* ---- ambient blobs (injected) ---------------------------------- */
.sfdk-blob{position:absolute;border-radius:9999px;filter:blur(90px);pointer-events:none;z-index:0}
.sfdk-blob-1{width:480px;height:480px;background:rgba(34,211,238,.15);top:-160px;left:-128px;animation:sfdkdrift1 18s ease-in-out infinite}
.sfdk-blob-2{width:420px;height:420px;background:rgba(167,139,250,.15);top:38rem;right:-160px;animation:sfdkdrift2 22s ease-in-out infinite}
.sfdk-blob-3{width:380px;height:380px;background:rgba(34,211,238,.10);top:120rem;left:-160px;animation:sfdkdrift1 18s ease-in-out infinite}
@keyframes sfdkdrift1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}
@keyframes sfdkdrift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,60px)}}

/* ---- shared card system (round 4 elevation) -------------------- */
.sfdk-card{background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 48px -12px rgba(0,0,0,.65),0 8px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .2s ease,box-shadow .2s ease}
.sfdk-card:hover{transform:translateY(-3px);box-shadow:0 32px 64px -12px rgba(0,0,0,.72),0 12px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1)}
.sfdk-glow{box-shadow:0 24px 48px -12px rgba(0,0,0,.65),0 8px 16px rgba(0,0,0,.4),0 0 40px rgba(34,211,238,.18),inset 0 1px 0 rgba(255,255,255,.08)}
.sfdk-glow:hover{box-shadow:0 32px 64px -12px rgba(0,0,0,.72),0 12px 24px rgba(0,0,0,.45),0 0 48px rgba(34,211,238,.22),inset 0 1px 0 rgba(255,255,255,.1)}
.sfdk-btn{display:inline-flex;justify-content:center;align-items:center;height:44px;padding:0 24px;border-radius:9999px;background-color:#22d3ee;color:#070b14!important;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 0 30px rgba(34,211,238,.25);transition:background-color .2s;cursor:pointer}
.sfdk-btn:hover{background-color:#67e8f9}

/* ---- nav (injected) -------------------------------------------- */
.sfdk-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.sfdk-nav-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:64px}
.sfdk-nav img{height:30px;width:auto;display:block}
.sfdk-nav-links{display:flex;align-items:center;gap:28px;font-size:14px}
.sfdk-nav-links a{color:#cbd5e1;text-decoration:none;transition:color .2s;padding:8px 0}
.sfdk-nav-links a:hover{color:#fff}
.sfdk-nav .sfdk-btn{height:40px;padding:0 20px}
@media (max-width:767px){.sfdk-nav-links{display:none}}

/* ---- hero (injected grid; existing h1/p/form moved inside) ----- */
.sfdk-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:56px 0 72px;position:relative;z-index:1}
@media (max-width:991px){.sfdk-hero{grid-template-columns:1fr;gap:36px}}
.sfdk-eyebrow{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#22d3ee;margin:0 0 18px}
.sfdk-eyebrow::before{content:"";width:8px;height:8px;border-radius:9999px;background:#22d3ee}
.sfdk-eyebrow span{color:#8494ab}
.sfdk-hero h1{font-size:52px;line-height:1.1;letter-spacing:-.02em;font-weight:700;margin:0;color:#fff;text-align:left}
.sfdk-hero h1 .sfdk-aqua{color:#22d3ee}
.sfdk-hero-left>p{color:#94a3b8}
.sfdk-hero .paragraph-7{font-size:18px;line-height:1.5;max-width:28rem;margin:20px 0 0;color:#94a3b8;text-align:left}
.sfdk-fine{margin:12px 0 0;font-size:13px;color:#8494ab}
@media (max-width:767px){.sfdk-hero h1{font-size:36px}}

/* form — same treatment as the homepage #signup dark glass card
   (style only: same Webflow form element, names and bindings untouched) */
#signup{margin-top:28px;max-width:30rem}
#signup .waitlist-form{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:0;box-shadow:0 24px 48px -12px rgba(0,0,0,.65),0 8px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)}
#signup .form-waitlist{display:flex;flex-direction:column;gap:14px;margin:0;background-color:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0;max-width:100%!important;padding:0!important}
#signup .div-block-10{display:flex;align-items:center;gap:0;width:100%;background-color:rgba(255,255,255,.06)!important;background-image:none!important;box-shadow:none;border:1px solid rgba(255,255,255,.12);border-radius:9999px;padding:0 6px}
#signup .div-block-10:focus-within{border-color:#22d3ee;box-shadow:0 0 0 2px rgba(34,211,238,.35)}
#signup .div-block-10 img{display:none!important}
#signup .text-field{flex:1 1 auto;min-width:0;height:52px;background:transparent!important;border:none!important;box-shadow:none!important;color:#fff!important;font-family:Inter,sans-serif;font-size:15px;margin:0;padding:0 8px 0 18px!important}
#signup .text-field::placeholder{color:#94a3b8!important;opacity:1}
#signup .text-field:focus{outline:none}
#signup .div-block-14{display:grid!important;grid-template-columns:1fr;column-gap:12px;row-gap:12px;width:100%}
#signup .select-field-2{width:100%;height:48px;background-color:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9999px;color:#e2e8f0!important;font-family:Inter,sans-serif;font-size:14px;margin:0;padding:0 40px 0 16px;appearance:none;-webkit-appearance:none;box-shadow:none;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:12px 8px!important}
#signup .select-field-2:focus{border-color:#22d3ee!important;outline:none;box-shadow:0 0 0 2px rgba(34,211,238,.35)}
#signup .select-field-2.hidden{display:none!important}
#signup .select-field-2 option{background-color:#0d1424;color:#e2e8f0}
#signup .submit-button-2{width:100%;height:52px;border-radius:9999px;background-color:#22d3ee!important;background-image:none!important;color:#070b14!important;border:none;font-family:Inter,sans-serif;font-size:15px;font-weight:600;box-shadow:0 0 40px rgba(34,211,238,.25);transition:background-color .2s;margin:2px 0 0;padding:0 20px}
#signup .submit-button-2:hover{background-color:#67e8f9!important}
#signup .success-message{background-color:rgba(52,211,153,.12)!important;background-image:none!important;box-shadow:none!important;border:1px solid rgba(52,211,153,.35);border-radius:12px;color:#6ee7b7}
#signup .success-message .text-block-2{color:#6ee7b7}
#signup .error-message{background-color:rgba(244,63,94,.12)!important;background-image:none!important;box-shadow:none!important;border:1px solid rgba(244,63,94,.35);border-radius:12px;color:#fda4af}

/* ---- hero score dial card (injected; painted live) ------------- */
.sfdk-dial-card{border-radius:24px;padding:32px;max-width:26rem;margin:0 auto;width:100%}
.sfdk-dial-caption{font-size:14px;color:#94a3b8;margin:0 0 4px}
.sfdk-dial-row{display:flex;align-items:center;gap:24px;margin-top:16px}
.sfdk-dial-stack{display:flex;flex-direction:column;align-items:center;flex-shrink:0}
.sfdk-ring{width:144px;height:144px;border-radius:50%;background:conic-gradient(rgba(255,255,255,.08) 360deg,rgba(255,255,255,.08) 360deg);display:flex;align-items:center;justify-content:center}
.sfdk-ring-inner{width:112px;height:112px;border-radius:50%;background:#101a30;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sfdk-ring-inner b{font-family:'Space Grotesk',Inter,sans-serif;font-size:38px;font-weight:700;line-height:1;color:#fff}
.sfdk-ring-inner i{font-style:normal;font-size:12px;color:#94a3b8;margin-top:2px}
.sfdk-tier{margin:12px 0 0;font-family:'Space Grotesk',Inter,sans-serif;font-size:24px;font-weight:700;line-height:1.2;text-align:center;color:#94a3b8}
.sfdk-dial-info{min-width:0}
.sfdk-price{font-family:'Space Grotesk',Inter,sans-serif;font-size:26px;font-weight:700;color:#fff;margin:0}
.sfdk-price span{font-size:14px;font-weight:400;color:#94a3b8}
.sfdk-dates{color:#94a3b8;margin:10px 0 0;font-size:13px}
.sfdk-dates b{color:#e2e8f0;font-weight:600}
.sfdk-note{font-size:12px;color:#8494ab;margin:8px 0 0}
.sfdk-aud{font-size:12px;color:#8494ab;margin:4px 0 0}
.sfdk-dial-info .sfdk-btn{margin-top:14px;height:40px;padding:0 22px}
.sfdk-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.sfdk-strip-lab{font-size:12px;color:#8494ab;margin:0}
.sfdk-strip-val{font-family:'Space Grotesk',Inter,sans-serif;font-weight:700;color:#fff;margin:2px 0 0}
.sfdk-strip-val.sfdk-aqua{color:#22d3ee}
@media (max-width:479px){.sfdk-dial-row{flex-direction:column;align-items:flex-start}.sfdk-dial-card{padding:24px}}

/* ---- content sections ------------------------------------------ */
h2{font-size:34px;font-weight:700;letter-spacing:-.01em;margin:64px 0 0;position:relative;z-index:1}
.sfdk-h2-center{text-align:center}
.sfdk-rt{position:relative;z-index:1}
.sfdk-rt,.w-richtext{color:#94a3b8}
.w-richtext p,.w-richtext li{color:#94a3b8;font-size:14px;line-height:1.6}
.w-richtext strong{color:#fff;font-weight:600}
.w-richtext a{color:#22d3ee;font-weight:600;text-decoration:none;transition:color .2s}
.w-richtext a:hover{color:#67e8f9}
.w-richtext h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px}
.w-richtext ul{margin:14px 0 0;padding-left:0;list-style:none}
.w-richtext ul li{margin:0 0 10px}
.sfdk-rt>p{max-width:42rem;margin:16px 0 0;font-size:15px}
.sfdk-grid{display:grid;gap:16px;margin-top:36px}
.sfdk-grid.cols-2{grid-template-columns:1fr 1fr}
.sfdk-grid.cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:767px){.sfdk-grid.cols-2,.sfdk-grid.cols-3{grid-template-columns:1fr}}
.sfdk-cell{padding:26px;border-radius:16px}
.sfdk-cell>p:first-of-type{margin-top:10px}
.sfdk-season{border-top-width:4px;border-top-style:solid}
.sfdk-season>h3+p{font-weight:600;margin-top:6px}
.sfdk-accent{border-left:2px solid #22d3ee}
.sfdk-bandcard{margin-top:16px;padding:26px;border-radius:16px}
.sfdk-bandcard p{margin:0;font-size:14px;line-height:1.7}
.sfdk-notep{margin:20px 0 0!important;font-size:14px;color:#8494ab}
.sfdk-listcard{margin-top:28px;border-radius:16px;overflow:hidden}
.sfdk-listcard ul{margin:0!important}
.sfdk-listcard li{padding:18px 22px;margin:0!important;border-bottom:1px solid rgba(255,255,255,.05)}
.sfdk-listcard li:last-child{border-bottom:none}

/* ---- deal section (existing embed relocated + heading chrome) -- */
.sfdk-deal{max-width:48rem;margin:0 auto;padding-top:8px;position:relative;z-index:1}
.sfdk-deal h2{text-align:center;margin-top:64px}
.sfdk-deal .sfdk-deal-sub{text-align:center;color:#94a3b8;margin:12px 0 32px}
.sfdk-deal #sf-deal-card{margin-left:auto;margin-right:auto}

/* ---- FAQ accordion --------------------------------------------- */
.sfdk-faq{max-width:46rem;margin:36px auto 0}
.sfdk-faq-item{border-radius:12px;margin-bottom:12px;padding:0}
.sfdk-faq-item h3{position:relative;font-size:16px;font-weight:600;color:#fff;margin:0;padding:20px 52px 20px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}
.sfdk-faq-item h3:after{content:"";position:absolute;right:24px;top:24px;width:11px;height:11px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(45deg);transition:transform .2s}
.sfdk-faq-item.sfdk-open h3:after{transform:rotate(225deg);top:29px}
.sfdk-faq-item p{display:none;margin:0!important;padding:0 20px 20px;max-width:none!important}
.sfdk-faq-item.sfdk-open p{display:block}
.sfdk-faq-item h3:focus-visible{outline:2px solid #22d3ee;outline-offset:2px;border-radius:8px}

/* ---- value props + what you'll get ----------------------------- */
.why-choose-container{position:relative;z-index:1;margin-top:64px}
.why-choose-container h2{margin-top:0;text-align:center}
.why-choose-container .div-block-9{background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 48px -12px rgba(0,0,0,.65),0 8px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .2s ease,box-shadow .2s ease;padding:28px}
.why-choose-container .div-block-9:hover{transform:translateY(-3px);box-shadow:0 32px 64px -12px rgba(0,0,0,.72),0 12px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1)}
.why-choose-container .heading-5{color:#fff}
.why-choose-container .paragraph-6,.why-choose-container .h4-box{color:#94a3b8}
.icon-wrapper{background-color:rgba(34,211,238,.15)!important;background-image:none!important;border-radius:9999px;color:#22d3ee}
.icon-wrapper img{filter:invert(1) brightness(1.6) opacity(.85)}
.icon-wrapper .w-embed,.icon-wrapper svg{color:#22d3ee}

/* ---- footer ---------------------------------------------------- */
.footer{background:rgba(7,11,20,.6);border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1;margin-top:72px}
.sfdk-footer-logo{height:28px;width:auto;display:block;margin-bottom:14px}
.footer .paragraph-5,.footer .paragraph-8{color:#8494ab}
.footer a,.footer .link,.footer .link-2{color:#8494ab;transition:color .2s}
.footer a:hover,.footer .link-2:hover{color:#fff}
.footer .w-embed,.footer svg{color:#94a3b8}

/* ---- motion safety --------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .sfdk-blob-1,.sfdk-blob-2,.sfdk-blob-3{animation:none}
  .sfdk-card,.sfdk-card:hover,.why-choose-container .div-block-9,.why-choose-container .div-block-9:hover{transition:none;transform:none}
}
/* ---- shared sf2 chrome (SF Nav component + rebuilt Footer component) ----
   Layout lives in Webflow global styles (sf2-*); this block carries the
   polish that previously existed only in the homepage embed. 2026-08-09. */
.sf2-nav{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sf2-nav-link:hover{color:#fff}
.sf2-btn:hover{background-color:#67e8f9}
.sf2-footer-link:hover{color:#22d3ee}
.sf2-social:hover{background-color:rgba(255,255,255,.08)}
.sf2-soc-fb{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M13.5 21v-7h2.4l.4-3h-2.8V9.1c0-.9.3-1.5 1.6-1.5h1.3V5c-.3 0-1.1-.1-2-.1-2 0-3.4 1.2-3.4 3.5V11H8.5v3H11v7h2.5z'/%3E%3C/svg%3E")}
.sf2-soc-ig{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='%2394a3b8' stroke='none'/%3E%3C/svg%3E")}
.sf2-soc-tt{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M16.6 3c.4 2 1.7 3.3 3.9 3.5v2.8c-1.4.1-2.7-.3-3.9-1.1v5.9c0 3.8-2.6 6-5.9 6C7.6 20.1 5.5 18 5.5 15c0-3 2.5-5.3 5.9-5v3c-.3-.1-.7-.2-1-.2-1.5 0-2.6 1-2.6 2.4 0 1.5 1.1 2.4 2.5 2.4 1.6 0 2.7-1.1 2.7-3.3V3h3.6z'/%3E%3C/svg%3E")}
.sf2-nav-link:focus-visible,.sf2-btn:focus-visible,.sf2-footer-link:focus-visible,.sf2-social:focus-visible{outline:2px solid #22d3ee;outline-offset:2px;border-radius:6px}

/* ---- CRO Phase 0 (2026-08-10): deal-card slot skeleton ------------------
   The #sf-deal-card mount shipped empty (0px) until sf-deal-card JS painted,
   ~2.7s of blank hero on 4G plus two big layout shifts. Reserve the height
   and show a quiet shimmer + honest caption until the card script injects
   its own shell (the :empty rules stop matching at that instant). */
#sf-deal-card{min-height:780px;}
#sf-deal-card:empty{position:relative;display:block;border-radius:20px;background:rgba(255,255,255,.04);max-width:380px;margin:0 auto;}
#sf-deal-card:empty::before{content:"Checking this morning\2019s fares\2026";position:absolute;top:52px;left:0;right:0;text-align:center;font-size:13px;color:#94a3b8;}
#sf-deal-card:empty::after{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);background-size:200% 100%;animation:sfdk-skel 1.4s linear infinite;}
@keyframes sfdk-skel{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){#sf-deal-card:empty::after{animation:none}}


/* ---- v2 (2026-08-11 sweep) --------------------------------------------
   QW#9: muted-text contrast lifted #64748b -> #8494ab (applied above).
   QW#5: the hero signup form must never depend on the Webflow IX2 fade-in
   to become visible (nav CTA now scrolls straight to #signup). !important
   beats the interaction's inline opacity:0 — the fade is retired.
   QW#10: dial caption + methodology link styles for the v4 JS. */
.waitlist-form{opacity:1!important}
.sfdk-score-cap{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8494ab;margin:0 0 6px;text-align:center}
.sfdk-methodlink{display:block;font-size:11.5px;font-weight:600;color:#22d3ee;text-decoration:none;margin-top:7px;text-align:center}
.sfdk-methodlink:hover{text-decoration:underline}

/* =================================================================
   2026-08-22 — A3 fold recovery + A7 eyebrow orphan
   -----------------------------------------------------------------
   A3: at 375x812 the hero email form's submit button sat at 892-944px
   against an 812px fold, so paid traffic landing on a country page
   could not see the button it was being asked to press. The v36 proof
   chip (574-676) is what pushed it under, and the chip stays — it
   earned its place by putting a real number above the ask. The space
   comes from the two things that were not earning theirs: ~128px of
   empty hero above the eyebrow, and two stacked 18px subheads saying
   overlapping things.

   Budget: needed >=132px. Reclaimed ~150px:
     hero padding-top 56 -> 16   (-40)
     static subhead hidden        (-94: 64px box + 20 margin + 10 pad)
     eyebrow margin-bottom 18->12  (-6)
     #signup margin-top 28->18    (-10)
   ================================================================= */

/* The two hero subheads, merged down to the one that carries facts.
   Dropped: "Real-time price tracking across every airline." — generic,
   and "real-time" contradicts the card's own disclosure ("a snapshot
   taken around 6am Sydney time"). Kept: the CMS hero-answer sentence
   ("Sydney to Bali fares are typically cheapest three to four months
   before departure — checked 22 Aug 2026"), which is specific, dated
   and self-refreshing. The child combinator matters: the static <p> is
   a direct child of .div-block-2, the CMS one is nested inside
   .w-dyn-list, so this cannot touch the survivor.
   Global, not breakpoint-scoped — the inaccuracy is not viewport-
   dependent and the copy should read the same everywhere. */
.sfdk-hero .div-block-2 > p.paragraph-7{display:none}

/* Reclaim the dead space above the fold on phone + tablet. Desktop
   (>=992px) is a two-column hero that already fits everything in the
   first viewport, so it keeps the roomier 56px. */
/* First pass reclaimed ~150px, which cleared Bali and Japan but not the
   countries whose H1 wraps to a third line ("Stop overpaying for flights
   to Thailand / South Korea / Philippines") — Thailand's submit still
   landed at 843. Second pass tightens the form's own box, which costs no
   content at all, for ~42px more. Measured worst case now clears 812 with
   room to spare on all eight pages. */
@media (max-width:991px){
  .sfdk-hero{padding-top:8px}
  .sfdk-eyebrow{margin-bottom:8px}
  .sfdk-hero .paragraph-7{margin-top:14px}
  #signup{margin-top:12px}
  #signup .waitlist-form{padding:16px}
  #signup .form-waitlist{gap:10px}
  #signup .submit-button-2{margin-top:0}
}
/* Philippines is the longest country name and pushed the eyebrow to a
   third line on a 375px screen, costing 22px and putting its submit 11px
   under the fold while the other seven cleared. Tightening the tracking
   on the smallest screens pulls it back to two lines without dropping the
   "Built for Aussie travellers" trust line. */
@media (max-width:480px){
  .sfdk-eyebrow{letter-spacing:.06em}
}

/* A7: the eyebrow reads "Bali · rescored daily, 6am AEST" + a span
   "· Built for Aussie travellers". The separator is literal text at the
   START of the span, so when the flex line wraps at 375px the "·"
   orphans to the head of line 2. sf-country-dark-4.js now strips that
   character from the span; this rule puts a separator back only when
   the two parts share a line. Below 600px the wrap is expected, the
   flex gap does the separating, and no stray glyph is left behind. */
@media (min-width:601px){
  .sfdk-eyebrow span::before{content:"\00b7";margin-right:8px;color:#64748b}
}

/* Desktop: the longest country name ("Stop overpaying for flights to The
   Philippines") wraps the h1 far enough that the submit button fell 19px
   under a 1440x900 fold even after the subhead merge above. The two-column
   hero has headroom to give — 56px of top padding on a viewport this wide
   is decoration, not rhythm. Brings every country's form fully into the
   first desktop viewport. */
@media (min-width:992px){
  .sfdk-hero{padding-top:32px}
}