/* ── MW Alerts Page ── */
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    :root{
      --blue:#7eb8f7;--deep-blue:#2a4a8a;--navy:#0a1428;--sky-pale:#d4eaff;
      --gold:#f5c518;--amber:#e8812a;
      --text:#eef4ff;--muted:rgba(238,244,255,0.52);--dimmed:rgba(238,244,255,0.28);
      --card:rgba(4,8,20,0.65);--border:rgba(238,244,255,0.10);
      --mono:'DM Sans', sans-serif;
      --serif:'Cormorant Garamond',Georgia,serif;
      --safe-bottom:env(safe-area-inset-bottom,0px);
    }
    html,body{min-height:100%;color:var(--text);font-family:var(--serif);overflow-x:hidden;background:#04060e;-webkit-tap-highlight-color:transparent;}
body { font-size: 19px; }
    /* ── SKY — deep blue night ── */
    #sky{
      position:fixed;inset:0;z-index:0;
      background:
        radial-gradient(ellipse 80% 40% at 30% 20%, rgba(80,40,160,0.25) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at 70% 10%, rgba(20,60,140,0.3) 0%, transparent 55%),
        radial-gradient(ellipse 100% 30% at 50% 100%, rgba(10,20,60,0.8) 0%, transparent 50%),
        linear-gradient(to bottom, #04060e 0%, #060818 40%, #080c1a 70%, #04060e 100%);
    }
    #sky::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:0.05;mix-blend-mode:overlay;pointer-events:none;}
    #stars{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
    .star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--dur,4s) ease-in-out infinite var(--delay,0s);}
    @keyframes twinkle{0%,100%{opacity:var(--minop,0.15);}50%{opacity:var(--maxop,0.7);}}
    #app{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;}

    @keyframes fadeDown{from{opacity:0;transform:translateY(-14px);}to{opacity:1;transform:none;}}
    @keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
    @keyframes scpulse{0%,100%{opacity:0.35;transform:scale(1);}50%{opacity:1;transform:scale(1.25);}}

    /* ── NAV ── */
    .nav-wrap{padding:1.5rem 1.5rem 0;position:relative;}
    .nav-bar{display:flex;align-items:center;gap:0.8rem;font-family:var(--mono);font-size:0.64rem;letter-spacing:0.16em;}
    .nav-wordmark{font-family:var(--serif);font-size:1.4rem;font-weight:300;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;color:var(--text);}
    .nav-wordmark .light{color:var(--amber);}.nav-wordmark .cast{color:var(--blue);}
    .nav-desktop{display:flex;align-items:center;gap:0.5rem;margin-left:auto;}
    .nav-link{color:var(--muted);text-decoration:none;letter-spacing:0.14em;text-transform:uppercase;transition:color 0.2s;}
    .nav-link:hover{color:var(--text);}
    .nav-sep{color:var(--dimmed);}
    .nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:0.3rem;margin-left:auto;flex-direction:column;gap:5px;}
    .nav-hamburger span{display:block;width:20px;height:1.5px;background:var(--muted);transition:all 0.25s;}
    .nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
    .nav-hamburger.open span:nth-child(2){opacity:0;}
    .nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
    .nav-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(4,6,14,0.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0.5rem 0;z-index:100;}
    .nav-mobile-menu.open{display:flex;flex-direction:column;}
    .nav-mobile-link{padding:0.85rem 1.5rem;font-family:var(--mono);font-size:0.70rem;letter-spacing:0.14em;color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(238,244,255,0.04);}
    .nav-mobile-link:hover{color:var(--text);}
    @media(max-width:640px){.nav-desktop{display:none;}.nav-hamburger{display:flex;}}

    /* ── HEADER ── */
    header{padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,1.5rem) 0;display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeDown 0.9s ease both;}
    .wordmark{font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,10vw,4.8rem);letter-spacing:0.28em;text-transform:uppercase;color:var(--text);line-height:1;}
    .wordmark em{font-style:normal;color:var(--blue);}
    .tagline{margin-top:0.7rem;font-family:var(--mono);font-size:0.70rem;color:var(--muted);letter-spacing:0.22em;text-transform:uppercase;}
    .header-rule{width:48px;height:1px;background:linear-gradient(to right,transparent,var(--blue),transparent);margin:1.4rem auto 0;opacity:0.55;}

    /* ── HERO SECTION ── */
    .hero-section{display:flex;flex-direction:column;align-items:center;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,1.5rem) 2rem;animation:fadeUp 1s ease both 0.2s;}
    .eyebrow{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.26em;text-transform:uppercase;color:var(--blue);margin-bottom:1.1rem;display:flex;align-items:center;gap:0.5rem;}
    .eyebrow::before{content:'';display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;animation:scpulse 2.2s ease-in-out infinite;}
    .hero-headline{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,6vw,3.4rem);line-height:1.25;text-align:center;max-width:20ch;margin-bottom:1rem;}
    .hero-sub{font-family:var(--mono);font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);text-align:center;max-width:52ch;line-height:2;margin-bottom:2.5rem;}

    /* ── MAIN SIGNUP CARD ── */
    .signup-card{
      background:rgba(4,8,20,0.72);
      backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
      border:1px solid rgba(126,184,247,0.18);
      border-radius:16px;
      padding:clamp(1.5rem,4vw,2.2rem);
      width:100%;max-width:520px;
      position:relative;overflow:hidden;
      margin-bottom:1.2rem;
    }
    .signup-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,var(--blue) 40%,var(--deep-blue) 60%,transparent 95%);opacity:0.5;}
    .card-eyebrow{font-family:var(--mono);font-size:0.60rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--blue);margin-bottom:0.6rem;display:flex;align-items:center;gap:0.4rem;}
    .card-eyebrow::before{content:'';display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;animation:scpulse 2.2s ease-in-out infinite;}
    .card-title{font-family:var(--serif);font-size:clamp(1.2rem,3.5vw,1.6rem);font-weight:300;line-height:1.25;margin-bottom:0.5rem;}
    .card-desc{font-family:var(--mono);font-size:0.70rem;color:var(--muted);letter-spacing:0.04em;line-height:1.75;margin-bottom:1.4rem;}

    /* form fields */
    .f-row{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;margin-bottom:0.8rem;}
    .f-row.full{grid-template-columns:1fr;}
    .f-group{display:flex;flex-direction:column;gap:0.35rem;}
    .f-group label{font-family:var(--mono);font-size:0.60rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--dimmed);}
    .f-group input,.f-group select{background:rgba(238,244,255,0.04);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--serif);font-size:1rem;padding:0.75rem 1rem;outline:none;transition:border-color 0.2s,box-shadow 0.2s;width:100%;min-height:48px;-webkit-appearance:none;appearance:none;}
    .f-group input:focus,.f-group select:focus{border-color:rgba(126,184,247,0.4);box-shadow:0 0 0 3px rgba(126,184,247,0.08);}
    .f-group input::placeholder{color:rgba(238,244,255,0.2);}
    .city-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#060c20;border:1px solid var(--border);border-radius:8px;z-index:200;display:none;box-shadow:0 12px 40px rgba(0,0,0,0.85);max-height:240px;overflow-y:auto;}
    .city-dropdown.open{display:block;}
    .drop-item{padding:0.85rem 1rem;cursor:pointer;font-family:var(--serif);font-size:0.95rem;color:var(--text);border-bottom:1px solid rgba(238,244,255,0.045);transition:background 0.12s;}
    .drop-item:last-child{border-bottom:none;}
    .drop-item:hover{background:rgba(126,184,247,0.07);}
    .drop-item.empty{color:var(--dimmed);font-family:var(--mono);font-size:0.6rem;cursor:default;}
    .email-btn-row{display:flex;gap:0.6rem;align-items:flex-end;margin-bottom:0;}
    .email-btn-row .f-group{flex:1;}
    .submit-btn{background:linear-gradient(135deg,var(--deep-blue),var(--blue));border:none;border-radius:8px;padding:0.75rem 1.4rem;color:#04060e;font-family:var(--mono);font-size:0.74rem;letter-spacing:0.16em;text-transform:uppercase;cursor:pointer;white-space:nowrap;min-height:48px;flex-shrink:0;transition:opacity 0.2s,transform 0.15s;font-weight:500;}
    .submit-btn:hover{opacity:0.88;transform:translateY(-1px);}
    .submit-btn:disabled{opacity:0.4;cursor:not-allowed;transform:none;}
    .form-error{display:none;font-family:var(--mono);font-size:0.64rem;color:#e05050;letter-spacing:0.05em;margin-top:0.7rem;line-height:1.5;}
    .form-success{display:none;margin-top:0.9rem;text-align:center;}
    .success-mark{font-size:1.6rem;display:block;margin-bottom:0.4rem;color:var(--blue);}
    .form-success span:last-child{font-family:var(--mono);font-size:0.67rem;color:var(--muted);letter-spacing:0.06em;}
    @media(max-width:480px){.f-row{grid-template-columns:1fr;}.email-btn-row{flex-direction:column;}.submit-btn{width:100%;}}

    .secondary-link{font-family:var(--mono);font-size:0.64rem;color:var(--dimmed);letter-spacing:0.07em;text-align:center;margin-top:0.4rem;}
    .secondary-link a{color:var(--blue);text-decoration:none;}
    .secondary-link a:hover{color:var(--sky-pale);}

    /* ── CONTENT ── */
    .content-wrap{width:100%;max-width:680px;margin:0 auto;padding:0 1.2rem calc(4rem + var(--safe-bottom));}
    .section-rule{display:flex;align-items:center;gap:1rem;margin:2.8rem 0 1.5rem;}
    .section-rule::before,.section-rule::after{content:'';flex:1;height:1px;background:var(--border);}
    .section-eyebrow{font-family:var(--mono);font-size:0.56rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--dimmed);white-space:nowrap;}

    /* problem grid */
    .problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;margin-bottom:0.5rem;}
    @media(max-width:520px){.problem-grid{grid-template-columns:1fr;}}
    .problem-cell{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.2rem 1.3rem;}
    .problem-cell.highlight{border-color:rgba(126,184,247,0.22);}
    .problem-icon{font-size:1.4rem;display:block;margin-bottom:0.6rem;}
    .problem-head{font-family:var(--serif);font-size:1rem;line-height:1.3;margin-bottom:0.45rem;}
    .problem-body{font-family:var(--mono);font-size:0.66rem;color:var(--muted);letter-spacing:0.03em;line-height:1.75;}

    /* steps */
    .steps{display:flex;flex-direction:column;gap:1.2rem;}
    .step{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;align-items:start;padding:1.2rem 1.3rem;background:var(--card);border:1px solid var(--border);border-radius:10px;}
    .step-num{font-family:var(--mono);font-size:0.56rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--dimmed);display:flex;flex-direction:column;gap:0.15rem;}
    .step-num span{font-family:var(--serif);font-size:1.6rem;font-weight:300;color:var(--blue);line-height:1;}
    .step-head{font-family:var(--serif);font-size:1rem;line-height:1.3;margin-bottom:0.4rem;}
    .step-body{font-family:var(--mono);font-size:0.66rem;color:var(--muted);letter-spacing:0.03em;line-height:1.75;}

    /* factors grid */
    .factors-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;}
    @media(max-width:520px){.factors-grid{grid-template-columns:1fr;}}
    .factor-cell{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.2rem;}
    .factor-icon{font-family:var(--mono);font-size:0.42rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--blue);margin-bottom:0.4rem;}
    .factor-name{font-family:var(--serif);font-size:0.95rem;margin-bottom:0.35rem;}
    .factor-desc{font-family:var(--mono);font-size:0.64rem;color:var(--muted);letter-spacing:0.03em;line-height:1.7;}

    /* vs table */
    .vs-table{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;}
    @media(max-width:480px){.vs-table{grid-template-columns:1fr;}}
    .vs-col{padding:1.3rem 1.4rem;}
    .vs-col:first-child{border-right:1px solid var(--border);}
    .vs-col-header{font-family:var(--mono);font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--dimmed);margin-bottom:1rem;padding-bottom:0.6rem;border-bottom:1px solid var(--border);}
    .vs-col:last-child .vs-col-header{color:var(--blue);}
    .vs-item{font-family:var(--mono);font-size:0.66rem;color:var(--muted);letter-spacing:0.03em;line-height:1.6;padding:0.35rem 0;display:flex;gap:0.5rem;align-items:flex-start;}
    .vi{color:var(--blue);flex-shrink:0;}
    .vs-col:first-child .vi{color:var(--dimmed);}

    /* use cases */
    .use-cases{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.8rem;}
    @media(max-width:640px){.use-cases{grid-template-columns:1fr 1fr;}}
    @media(max-width:400px){.use-cases{grid-template-columns:1fr;}}
    .use-case{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.2rem;}
    .use-icon{font-size:1.3rem;display:block;margin-bottom:0.5rem;}
    .use-title{font-family:var(--serif);font-size:0.9rem;margin-bottom:0.35rem;}
    .use-body{font-family:var(--mono);font-size:0.64rem;color:var(--muted);letter-spacing:0.03em;line-height:1.7;}

    /* authority */
    .authority-strip{background:var(--card);border:1px solid rgba(126,184,247,0.2);border-radius:10px;padding:1.6rem 1.8rem;}
    .authority-head{font-family:var(--serif);font-size:1.15rem;font-weight:300;margin-bottom:0.7rem;}
    .authority-body{font-family:var(--mono);font-size:0.68rem;color:var(--muted);letter-spacing:0.04em;line-height:1.85;}
    .authority-body em{color:var(--blue);font-style:normal;}

    /* bottom cta */
    .bottom-cta{text-align:center;padding:2.5rem 1rem;border-top:1px solid var(--border);margin-top:1rem;}
    .bottom-cta-title{font-family:var(--serif);font-size:clamp(1.4rem,4vw,2rem);font-weight:300;margin-bottom:0.7rem;}
    .bottom-cta-sub{font-family:var(--mono);font-size:0.68rem;color:var(--muted);letter-spacing:0.06em;line-height:1.9;margin-bottom:1.6rem;}
    .bottom-cta-btn{display:inline-block;background:linear-gradient(135deg,var(--deep-blue),var(--blue));color:#04060e;text-decoration:none;font-family:var(--mono);font-size:0.6rem;letter-spacing:0.18em;text-transform:uppercase;padding:0.9rem 2rem;border-radius:8px;font-weight:500;transition:opacity 0.2s;}
    .bottom-cta-btn:hover{opacity:0.88;}
    .bottom-cta-or{font-family:var(--mono);font-size:0.62rem;color:var(--dimmed);letter-spacing:0.14em;margin:1rem 0;}
    .bottom-cta-secondary{font-family:var(--mono);font-size:0.64rem;color:var(--blue);text-decoration:none;letter-spacing:0.08em;}
    .bottom-cta-secondary:hover{color:var(--sky-pale);}

    /* ── FOOTER ── */
    .site-footer{border-top:1px solid var(--border);margin-top:auto;padding:2.5rem 1.5rem 2rem;}
    .footer-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;}
    @media(max-width:640px){.footer-inner{grid-template-columns:1fr;gap:1.5rem;}}
    .footer-wordmark{font-family:var(--serif);font-size:1.3rem;font-weight:300;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;color:var(--text);display:block;margin-bottom:0.5rem;}
    .footer-wordmark .light{color:var(--amber);}.footer-wordmark .cast{color:var(--blue);}
    .footer-tagline{font-family:var(--mono);font-size:0.64rem;color:var(--dimmed);letter-spacing:0.06em;line-height:1.6;margin-bottom:0.8rem;}
    .footer-tools-list{list-style:none;display:flex;flex-direction:column;gap:0.3rem;}
    .footer-tools-list a{font-family:var(--mono);font-size:0.62rem;color:var(--dimmed);text-decoration:none;letter-spacing:0.08em;transition:color 0.2s;}
    .footer-tools-list a:hover{color:var(--muted);}
    .footer-col-title{font-family:var(--mono);font-size:0.56rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--dimmed);margin-bottom:0.7rem;display:block;}
    .footer-links{list-style:none;display:flex;flex-direction:column;gap:0.35rem;}
    .footer-links a{font-family:var(--mono);font-size:0.62rem;color:var(--dimmed);text-decoration:none;letter-spacing:0.06em;transition:color 0.2s;}
    .footer-links a:hover{color:var(--muted);}
    .footer-bottom{max-width:900px;margin:1.5rem auto 0;padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.5rem;}
    .footer-copy,.footer-credit{font-family:var(--mono);font-size:0.58rem;color:var(--dimmed);letter-spacing:0.1em;}
    .footer-expand-toggle{display:none;}
    @media(max-width:640px){
      .footer-expand-toggle{display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;width:100%;padding:0;margin-bottom:0.5rem;}
      .footer-col-title{display:none;}
      .footer-expand-toggle .footer-col-title{display:block;color:var(--dimmed);}
      .footer-expand-arrow{font-family:var(--mono);font-size:0.56rem;color:var(--dimmed);letter-spacing:0.1em;}
      .footer-links{display:none;}
      .footer-links.open{display:flex;}
    }