.flag{position:relative;isolation:isolate;overflow:hidden;background:#0B1624;color:#F3EDE2;border-block:1px solid rgba(217,178,95,.28)}
.flag::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(1200px 520px at 82% 8%,rgba(217,178,95,.16),transparent 62%),linear-gradient(180deg,#0B1624,#0A121D)}
.flag::after{content:"";position:absolute;z-index:-1;width:920px;height:920px;right:-300px;top:-250px;border-radius:50%;border:1px solid rgba(217,178,95,.38);box-shadow:0 0 0 70px rgba(217,178,95,.035),0 0 0 140px rgba(217,178,95,.02);pointer-events:none}
.flag-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(56px,8vw,104px)}
.flag-tag{display:inline-flex;align-items:center;gap:10px;font:500 .72rem/1 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#E3C77E;border:1px solid rgba(217,178,95,.45);border-radius:999px;padding:8px 14px 8px 12px;background:rgba(217,178,95,.07)}
.flag-tag i{width:7px;height:7px;border-radius:50%;background:#D9B25F;box-shadow:0 0 0 4px rgba(217,178,95,.22)}
.flag h2{margin:22px 0 0;padding:0;font:500 clamp(2.2rem,4.6vw,3.7rem)/1.04 "Newsreader",Georgia,serif;letter-spacing:-.015em;color:#fff}
.flag h2 em{font-style:italic;color:#D9B25F}
.flag-lead{margin:20px 0 0;max-width:34em;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.6;color:rgba(243,237,226,.86)}
.flag-points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px;max-width:36em}
.flag-points li{position:relative;padding-left:30px;line-height:1.5;color:rgba(243,237,226,.92)}
.flag-points li::before{content:"";position:absolute;left:0;top:.5em;width:16px;height:1px;background:#D9B25F}
.flag-points b{color:#fff;font-weight:600}
.flag-stats{display:flex;flex-wrap:wrap;gap:12px 38px;margin:32px 0 0;padding:22px 0 0;border-top:1px solid rgba(243,237,226,.16)}
.flag-stats div{display:flex;flex-direction:column;gap:4px}
.flag-stats b{font:500 2rem/1 "Newsreader",Georgia,serif;color:#fff}
.flag-stats span{font:500 .68rem/1.3 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,237,226,.62)}
.flag-buy{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:34px}
.flag-price{display:flex;flex-direction:column;gap:6px}
.flag-price b{font:500 clamp(2.4rem,4vw,3rem)/1 "Newsreader",Georgia,serif;color:#D9B25F}
.flag-price span{font-size:.86rem;color:rgba(243,237,226,.72)}
.flag-price span strong{color:#E3C77E;font-weight:600}
.flag-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.flag .btn{margin:0;width:auto;min-height:48px}
.flag .btn.primary{background:#D9B25F;border-color:#D9B25F;color:#1A1405;padding-inline:26px}
.flag .btn.primary:hover{background:#E3C77E}
.flag .btn:not(.primary){color:#F3EDE2;border-color:rgba(243,237,226,.4);background:rgba(255,255,255,.05)}
.flag-map{margin:0;position:relative;border:1px solid rgba(217,178,95,.34);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:0 40px 90px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.07);padding:clamp(20px,2.6vw,32px);backdrop-filter:blur(6px)}
.flag-map figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px;font:500 .7rem/1.3 "IBM Plex Mono",monospace;letter-spacing:.15em;text-transform:uppercase;color:#E3C77E}
.flag-map figcaption span:last-child{color:rgba(243,237,226,.55)}
.flag-path{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:0}
.flag-path::before{content:"";position:absolute;left:15px;top:14px;bottom:14px;width:1px;background:linear-gradient(180deg,#D9B25F,rgba(217,178,95,.25))}
.flag-ph{position:relative;display:grid;grid-template-columns:32px 1fr;gap:0 16px;padding:10px 0}
.flag-ph>i{position:relative;z-index:1;width:31px;height:31px;border-radius:50%;background:#0B1624;border:1px solid #D9B25F;display:grid;place-items:center;font:500 .72rem/1 "IBM Plex Mono",monospace;color:#D9B25F;font-style:normal}
.flag-ph h3{margin:2px 0 8px;font:500 1.08rem/1.2 "Newsreader",Georgia,serif;color:#fff;padding:0}
.flag-ph h3 small{font:500 .64rem/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,237,226,.5);margin-left:8px}
.flag-chips{display:flex;flex-wrap:wrap;gap:6px}
.flag-chips span{display:inline-flex;gap:7px;align-items:baseline;font-size:.8rem;line-height:1.2;padding:6px 10px;border-radius:6px;background:rgba(243,237,226,.07);border:1px solid rgba(243,237,226,.12);color:rgba(243,237,226,.9)}
.flag-chips span b{font:500 .68rem/1 "IBM Plex Mono",monospace;color:#D9B25F}
.flag-seal{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(243,237,226,.14);font-size:.82rem;color:rgba(243,237,226,.75)}
.flag-seal span::before{content:"✓";color:#D9B25F;margin-right:7px;font-weight:700}
.flag a:focus-visible{outline:2px solid #E3C77E;outline-offset:3px}
.nav-flag{position:relative}
.nav-flag::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-radius:50%;background:#D9B25F;vertical-align:.18em;box-shadow:0 0 0 3px rgba(217,178,95,.25)}
@media(max-width:940px){.flag-grid{grid-template-columns:1fr}.flag::after{width:620px;height:620px;right:-260px;top:-200px}}
@media(max-width:540px){.flag .btn{width:100%;justify-content:center}.flag-cta{width:100%}.flag-buy{gap:20px}.flag-ph h3 small{display:block;margin:6px 0 0}}
@media(prefers-reduced-motion:no-preference){.flag-map{transition:transform .4s var(--ease-out,ease),border-color .3s}.flag-map:hover{transform:translateY(-3px);border-color:rgba(217,178,95,.6)}}