:root { --ink:#10201e; --paper:#f3efe5; --pale:#fffdf8; --orange:#f05a34; --orange-text:#ad351d; --yellow:#f5c84b; --mint:#9bd7bf; --line:rgba(16,32,30,.16); --font-geist-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New"; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; text-rendering:optimizeLegibility; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
[hidden] { display:none!important; }
.skip-link { position:fixed; z-index:100; left:16px; top:12px; padding:12px 16px; background:var(--yellow); color:var(--ink); font-weight:800; transform:translateY(-180%); }
.skip-link:focus { transform:translateY(0); }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
:where(a,button,input,summary):focus-visible { outline:3px solid var(--orange-text); outline-offset:3px; }
.topbar { position:absolute; z-index:10; inset:0 0 auto; height:84px; max-width:1440px; margin:auto; padding:0 42px; display:flex; align-items:center; justify-content:space-between; color:var(--pale); border-bottom:1px solid rgba(255,255,255,.12); }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; }
.brand>span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--yellow); color:var(--ink); }
.nav-links { display:flex; align-items:center; gap:28px; font-size:13px; }
.nav-links a { opacity:.72; }
.nav-links b { border:1px solid rgba(255,255,255,.2); border-radius:99px; padding:9px 13px; color:var(--yellow); font-size:11px; }
.hero { position:relative; overflow:hidden; min-height:900px; display:grid; grid-template-columns:minmax(0,1fr) minmax(440px,.88fr); gap:7vw; align-items:center; padding:148px max(42px,calc((100vw - 1360px)/2)) 100px; color:var(--pale); background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),var(--ink); background-size:64px 64px; }
.hero::after { content:""; position:absolute; right:-120px; bottom:-280px; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle,rgba(240,90,52,.25),transparent 68%); }
.orbit { position:absolute; border:1px solid rgba(245,200,75,.2); border-radius:50%; }
.orbit-a { width:440px; height:440px; right:9%; top:20%; }
.orbit-b { width:610px; height:610px; right:3%; top:10%; }
.hero-copy,.amount-panel { position:relative; z-index:2; }
.eyebrow { margin:0 0 22px; color:var(--yellow); font-size:12px; text-transform:uppercase; letter-spacing:.2em; font-weight:800; }
.eyebrow i { display:inline-block; width:28px; height:2px; margin-right:9px; vertical-align:middle; background:currentColor; }
.eyebrow.dark { color:var(--orange-text); }
.hero h1 { margin:0; font-family:Georgia,serif; font-size:clamp(76px,8.7vw,148px); line-height:.77; letter-spacing:-.075em; font-weight:400; }
.hero h1 em { color:var(--orange); font-weight:400; }
.hero-lead { max-width:650px; margin:46px 0 0; color:rgba(255,255,255,.72); font-size:19px; line-height:1.65; }
.second-facts { max-width:680px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:30px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.16); }
.second-facts p { min-width:0; margin:0; padding:15px 14px; background:var(--ink); }
.second-facts b,.second-facts span { display:block; }
.second-facts b { color:var(--yellow); font-family:var(--font-geist-mono),monospace; font-size:12px; }
.second-facts span { margin-top:5px; color:rgba(255,255,255,.76); font-size:10px; line-height:1.4; }
.amount-panel { padding:36px; background:var(--paper); color:var(--ink); border-radius:4px 34px 4px 34px; box-shadow:0 30px 90px rgba(0,0,0,.25); transform:rotate(1deg); }
.amount-panel>* { transform:rotate(-1deg); }
.panel-kicker { margin:0 0 26px; color:#65706d; font-family:var(--font-geist-mono),monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.amount-panel label { display:block; max-width:440px; font-size:21px; line-height:1.35; font-weight:800; }
.amount-input { display:grid; grid-template-columns:1fr auto; align-items:end; gap:12px; margin-top:24px; padding-bottom:12px; border-bottom:3px solid var(--ink); }
.amount-input:focus-within { border-bottom-color:var(--orange-text); box-shadow:0 4px 0 -2px rgba(173,53,29,.34); }
.amount-input input { width:100%; min-width:0; border:0; outline:0; padding:0; background:transparent; color:var(--ink); font-family:var(--font-geist-mono),monospace; font-size:clamp(30px,4vw,54px); font-weight:700; letter-spacing:-.06em; }
.amount-input span { padding-bottom:6px; font-size:22px; font-weight:800; }
.amount-reading { margin:13px 0 30px; color:#57635f; font-size:14px; }
.amount-reading strong { color:var(--orange-text); }
.input-error { min-height:22px; margin:13px 0 21px; color:#8f2512; font-size:13px; font-weight:800; }
.scale-slider { width:100%; height:44px; margin:-10px 0; accent-color:var(--orange-text); cursor:pointer; }
.scale-labels { position:relative; height:16px; margin-top:5px; color:#5e6865; font-family:var(--font-geist-mono),monospace; font-size:9px; }
.scale-labels span { position:absolute; top:0; transform:translateX(-50%); }
.scale-labels span:nth-child(1) { left:0; transform:none; }
.scale-labels span:nth-child(2) { left:40%; }
.scale-labels span:nth-child(3) { left:80%; }
.scale-labels span:nth-child(4) { right:0; transform:none; }
.presets { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.presets button { min-height:44px; padding:9px 14px; border:1px solid var(--line); border-radius:99px; background:transparent; color:var(--ink); cursor:pointer; font-size:12px; font-weight:700; }
.presets button:hover,.presets button:focus-visible,.presets button.active { background:var(--ink); color:var(--pale); }
.money-dock { position:sticky; z-index:40; top:0; padding:9px max(20px,calc((100vw - 1276px)/2)); border-bottom:1px solid rgba(16,32,30,.2); background:rgba(243,239,229,.94); box-shadow:0 10px 34px rgba(16,32,30,.08); backdrop-filter:blur(14px); }
.dock-inner { display:grid; grid-template-columns:52px minmax(0,1fr) 52px auto; gap:8px; align-items:center; max-width:1276px; margin:auto; }
.dock-inner button { min-width:44px; min-height:44px; border:1px solid var(--line); border-radius:3px; background:var(--pale); color:var(--ink); cursor:pointer; font-weight:800; }
.dock-inner button:hover,.dock-inner button:focus-visible { background:var(--ink); color:var(--pale); }
.dock-amount { min-width:0; padding:0 14px; }
.dock-amount span,.dock-amount b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dock-amount span { color:#5b6763; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.dock-amount b { margin-top:3px; font-family:Georgia,serif; font-size:20px; letter-spacing:-.02em; }
.dock-inner .dock-share { min-width:132px; padding:0 18px; background:var(--orange-text); color:var(--pale); }
.results { max-width:1360px; margin:auto; padding:110px 42px 120px; }
.section-heading { display:grid; grid-template-columns:1.35fr .65fr; gap:60px; align-items:end; margin-bottom:52px; }
.section-heading h2 { margin:0; font-family:Georgia,serif; font-size:clamp(48px,6vw,92px); line-height:.92; letter-spacing:-.06em; overflow-wrap:anywhere; }
.section-heading h2 small { color:var(--orange-text); font-family:Arial,sans-serif; font-size:.24em; letter-spacing:0; }
.section-heading>p { max-width:470px; margin:0; color:#53615d; line-height:1.7; }
.heading-side { max-width:470px; }
.heading-side>p { margin:0; color:#53615d; line-height:1.7; }
.result-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.copy-button { min-height:44px; margin:0; padding:11px 16px; border:1px solid var(--ink); border-radius:99px; background:transparent; color:var(--ink); cursor:pointer; font-size:12px; font-weight:800; }
.copy-button:hover,.copy-button:focus-visible { background:var(--ink); color:var(--pale); }
.share-button { background:var(--ink); color:var(--pale); }
.insight-intro { display:grid; grid-template-columns:1.2fr .8fr; gap:7vw; align-items:end; margin:0 0 22px; padding-top:34px; border-top:1px solid var(--line); }
.insight-intro span { color:var(--orange-text); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.15em; }
.insight-intro h3 { max-width:680px; margin:10px 0 0; font-family:Georgia,serif; font-size:clamp(30px,3.2vw,46px); line-height:1; letter-spacing:-.04em; font-weight:400; }
.insight-intro>p { margin:0; color:#586560; font-size:13px; line-height:1.65; }
.insight-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:36px; border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.insight-grid article { min-height:245px; display:flex; flex-direction:column; padding:26px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); background:var(--yellow); }
.insight-grid article:nth-child(2) { background:var(--mint); }
.insight-grid article:nth-child(3) { background:var(--orange); }
.insight-grid article>span { width:31px; height:31px; display:grid; place-items:center; border:1px solid var(--ink); border-radius:50%; font-size:9px; font-weight:800; }
.insight-grid b { margin-top:auto; font-family:Georgia,serif; font-size:clamp(38px,4vw,58px); line-height:.92; letter-spacing:-.045em; overflow-wrap:anywhere; }
.insight-grid h3 { margin:8px 0 0; font-size:17px; }
.insight-grid p { margin:8px 0 0; font-size:10px; line-height:1.5; }
.result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.result-card { min-height:420px; display:flex; flex-direction:column; padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.25); }
.pale-card { background:rgba(255,255,255,.58); }
.card-top { display:flex; align-items:center; justify-content:space-between; color:#64706d; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.13em; }
.card-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--ink); color:var(--yellow); font-size:17px; }
.metric { margin:52px 0 8px; font-family:Georgia,serif; font-size:clamp(48px,4.5vw,72px); line-height:.9; letter-spacing:-.05em; overflow-wrap:anywhere; }
.metric small { color:var(--orange-text); font-family:Arial,sans-serif; font-size:.25em; letter-spacing:0; }
.result-card h3 { max-width:310px; margin:8px 0 0; font-size:18px; line-height:1.3; }
.card-copy { margin:18px 0 22px; color:#5c6865; font-size:13px; line-height:1.62; }
.micro { margin:auto 0 0; padding-top:14px; border-top:1px solid var(--line); color:#55625e; font-size:11px; font-weight:800; }
.mini-field { margin-top:auto; color:#66716e; font-size:10px!important; text-transform:uppercase; letter-spacing:.08em; }
.mini-field span { display:flex; align-items:center; gap:5px; margin-top:7px; color:var(--ink); font-size:13px; }
.mini-field input { width:140px; padding:8px 9px; border:1px solid var(--line); border-radius:4px; background:var(--pale); font-family:var(--font-geist-mono),monospace; }
.banknote { position:relative; width:140px; height:48px; margin:auto 0 22px; display:grid; place-items:center; border:1px solid var(--ink); background:var(--yellow); font-family:var(--font-geist-mono),monospace; font-weight:800; }
.banknote i { position:absolute; inset:-5px 5px 5px -5px; z-index:-1; border:1px solid rgba(16,32,30,.35); }
.banknote i:nth-child(2) { inset:-10px 10px 10px -10px; }
.space-card { background:var(--ink); color:var(--pale); }
.space-card .card-top,.space-card .metric,.space-card .micro { color:var(--pale); }
.space-card .metric small { color:var(--orange); }
.space-card .card-copy { color:rgba(255,255,255,.74); }
.space-card .micro { border-color:rgba(255,255,255,.18); }
.rocket-meter { position:relative; overflow:hidden; width:100%; height:42px; margin:auto 0 20px; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.08); }
.rocket-meter span { position:absolute; inset:0 auto 0 0; background:var(--orange); }
.rocket-meter b { position:relative; z-index:1; display:grid; place-items:center; height:100%; font-family:var(--font-geist-mono),monospace; font-size:12px; letter-spacing:.2em; }
.thin-meter { overflow:hidden; height:7px; margin:auto 0 20px; border-radius:99px; background:#d6cebd; }
.thin-meter span { display:block; height:100%; border-radius:inherit; background:var(--orange-text); }
.hospital { position:relative; width:118px; height:68px; margin:auto 0 20px; display:grid; place-items:center; border:2px solid var(--ink); }
.hospital span { color:var(--orange); font-size:38px; }
.hospital i { position:absolute; bottom:0; width:10px; height:20px; border:1px solid var(--ink); }
.hospital i:nth-of-type(1){left:12px}.hospital i:nth-of-type(2){left:28px}.hospital i:nth-of-type(3){right:12px}
.people { display:flex; gap:5px; margin:auto 0 20px; }
.people i { position:relative; width:23px; height:27px; border-radius:12px 12px 3px 3px; background:var(--mint); }
.people i::before { content:""; position:absolute; top:-8px; left:6px; width:11px; height:11px; border-radius:50%; background:var(--ink); }
.comparison-section { padding:120px max(42px,calc((100vw - 1276px)/2)); background:var(--mint); }
.comparison-heading { display:grid; grid-template-columns:1.25fr .75fr; gap:8vw; align-items:end; margin-bottom:52px; }
.comparison-heading h2 { margin:0; font-family:Georgia,serif; font-size:clamp(60px,7vw,108px); line-height:.82; letter-spacing:-.065em; font-weight:400; }
.comparison-heading h2 em { color:var(--orange-text); font-weight:400; }
.comparison-heading>p { margin:0; font-size:15px; line-height:1.75; }
.comparison-lab { display:grid; grid-template-columns:.82fr 1.18fr; border:1px solid var(--ink); }
.comparison-input-panel { padding:34px; background:var(--paper); }
.comparison-input-panel label { display:block; max-width:430px; font-size:20px; line-height:1.35; font-weight:800; }
.comparison-input { display:grid; grid-template-columns:1fr auto; align-items:end; gap:12px; margin-top:26px; padding-bottom:12px; border-bottom:3px solid var(--ink); }
.comparison-input:focus-within { border-color:var(--orange-text); }
.comparison-input input { width:100%; min-width:0; padding:0; border:0; outline:0; background:transparent; color:var(--ink); font-family:var(--font-geist-mono),monospace; font-size:clamp(30px,4vw,50px); font-weight:800; letter-spacing:-.055em; }
.comparison-input>span { padding-bottom:5px; font-weight:800; }
.comparison-input-panel>p:not(.panel-kicker,.input-error) { color:#57635f; font-size:13px; }
.comparison-input-panel strong { color:var(--orange-text); }
.comparison-presets { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }
.comparison-presets button { min-height:44px; padding:8px 12px; border:1px solid var(--line); border-radius:99px; background:var(--pale); color:var(--ink); cursor:pointer; font-size:11px; font-weight:800; }
.comparison-presets button:hover,.comparison-presets button:focus-visible,.comparison-presets button[aria-pressed="true"] { background:var(--ink); color:var(--pale); }
.comparison-visual { display:flex; flex-direction:column; padding:36px; background:var(--ink); color:var(--pale); }
.comparison-summary>span { color:var(--yellow); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
.comparison-summary h3 { max-width:670px; margin:16px 0 0; font-family:Georgia,serif; font-size:clamp(34px,4vw,58px); line-height:1; letter-spacing:-.045em; font-weight:400; }
.comparison-summary button { min-height:44px; margin-top:20px; padding:10px 14px; border:1px solid rgba(255,255,255,.34); border-radius:99px; background:transparent; color:var(--pale); cursor:pointer; font-size:11px; font-weight:800; }
.comparison-summary button:hover,.comparison-summary button:focus-visible { background:var(--yellow); color:var(--ink); }
.comparison-bars { display:grid; gap:18px; margin-top:auto; padding-top:50px; }
.comparison-bars p { display:flex; align-items:center; gap:12px; margin:0 0 8px; font-size:11px; }
.comparison-bars p b { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:var(--yellow); color:var(--ink); }
.comparison-bars p span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.comparison-bars i { display:block; height:14px; border:1px solid rgba(255,255,255,.28); }
.comparison-bars i span { display:block; height:100%; background:var(--orange); }
.comparison-bars>div:nth-child(2) i span { background:var(--mint); }
.comparison-results { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-left:1px solid var(--ink); }
.comparison-results article { min-height:210px; display:flex; flex-direction:column; padding:24px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); background:rgba(255,255,255,.2); }
.comparison-results span { font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.13em; }
.comparison-results b { margin-top:auto; font-family:Georgia,serif; font-size:clamp(28px,3vw,42px); line-height:.96; letter-spacing:-.035em; overflow-wrap:anywhere; }
.comparison-results p { margin:10px 0 0; font-size:10px; line-height:1.5; }
.everyday-section { padding:120px max(42px,calc((100vw - 1276px)/2)); background:var(--pale); }
.wide-heading { display:grid; grid-template-columns:1.3fr .7fr; gap:8vw; align-items:end; margin-bottom:58px; }
.wide-heading h2 { margin:0; font-family:Georgia,serif; font-size:clamp(56px,6.5vw,100px); line-height:.84; letter-spacing:-.065em; font-weight:400; }
.wide-heading h2 em { color:var(--orange); font-weight:400; }
.wide-heading>p { margin:0; color:#5d6865; font-size:15px; line-height:1.75; }
.item-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.item-card { min-height:220px; padding:24px; display:flex; flex-direction:column; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--pale); }
.item-card:nth-child(3n+2) { background:var(--paper); }
.item-index { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--yellow); font-family:var(--font-geist-mono),monospace; font-size:10px; }
.item-card>div { margin-top:26px; }
.item-card h3 { margin:0; font-size:16px; }
.item-card>div p { margin:6px 0 0; color:#6b7471; font-size:11px; }
.item-quantity { margin:auto 0 0; padding-top:24px; font-family:Georgia,serif; font-size:clamp(32px,3vw,48px); line-height:1; letter-spacing:-.04em; overflow-wrap:anywhere; }
.item-quantity small { color:var(--orange-text); font-family:Arial,sans-serif; font-size:12px; letter-spacing:0; }
.price-editor { margin-top:28px; border:1px solid var(--line); background:var(--paper); }
.price-editor summary { padding:22px 24px; display:flex; justify-content:space-between; cursor:pointer; list-style:none; font-weight:800; }
.price-editor summary::-webkit-details-marker { display:none; }
.price-editor[open] summary span { transform:rotate(45deg); }
.price-fields { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; padding:26px 24px; border-top:1px solid var(--line); }
.price-fields label { color:#626d69; font-size:11px; font-weight:800; }
.price-fields label span { display:flex; align-items:center; gap:5px; margin-top:7px; color:var(--ink); }
.price-fields input { width:100%; min-width:0; padding:10px; border:1px solid var(--line); background:var(--pale); font-family:var(--font-geist-mono),monospace; }
.editor-note { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:0; padding:0 24px 24px; color:#4d5955; font-size:11px; }
.editor-note p { margin:0; line-height:1.5; }
.editor-note button { min-height:44px; padding:9px 13px; border:1px solid var(--ink); background:transparent; color:var(--ink); cursor:pointer; font-size:10px; font-weight:800; white-space:nowrap; }
.editor-note button:hover,.editor-note button:focus-visible { background:var(--ink); color:var(--pale); }
.housing-section { padding:105px max(42px,calc((100vw - 1276px)/2)); display:grid; grid-template-columns:.85fr 1.15fr; gap:8vw; align-items:end; background:var(--orange); color:var(--ink); }
.housing-section .eyebrow { color:var(--ink); }
.housing-copy h2 { max-width:620px; margin:0; font-family:Georgia,serif; font-size:clamp(48px,5.8vw,82px); line-height:.92; letter-spacing:-.055em; font-weight:400; }
.housing-copy>p { max-width:580px; color:var(--ink); font-size:14px; line-height:1.7; }
.housing-inputs { display:grid; grid-template-columns:1.4fr .8fr; gap:12px; margin-top:28px; }
.housing-inputs label { color:var(--ink); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.housing-inputs label span { display:flex; align-items:center; gap:5px; margin-top:7px; color:var(--ink); font-size:11px; }
.housing-inputs input { width:100%; min-width:0; padding:11px; border:1px solid rgba(16,32,30,.35); background:rgba(255,255,255,.22); color:var(--ink); font-family:var(--font-geist-mono),monospace; }
.housing-results { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(16,32,30,.32); border-left:1px solid rgba(16,32,30,.32); }
.housing-results article { min-height:240px; padding:24px; display:flex; flex-direction:column; border-right:1px solid rgba(16,32,30,.32); border-bottom:1px solid rgba(16,32,30,.32); }
.housing-results span { color:var(--ink); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.housing-results b { margin-top:auto; font-family:Georgia,serif; font-size:clamp(32px,3vw,47px); line-height:.95; letter-spacing:-.04em; }
.housing-results p { margin:12px 0 0; color:var(--ink); font-size:10px; line-height:1.5; }
.time-section { padding:120px max(42px,calc((100vw - 1276px)/2)); background:var(--ink); color:var(--pale); }
.time-heading { display:grid; grid-template-columns:.55fr 1.45fr; gap:7vw; align-items:start; margin-bottom:56px; }
.time-heading h2 { max-width:900px; margin:0; font-family:Georgia,serif; font-size:clamp(44px,5.5vw,78px); line-height:.98; letter-spacing:-.055em; font-weight:400; }
.time-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.16); border-left:1px solid rgba(255,255,255,.16); }
.time-card { min-height:340px; padding:30px; display:flex; flex-direction:column; border-right:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }
.time-card>span { color:var(--yellow); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.16em; }
.time-card>p:not(.time-copy) { margin:50px 0 8px; font-family:Georgia,serif; font-size:clamp(42px,4vw,66px); line-height:.9; letter-spacing:-.05em; }
.time-card>p small { color:var(--yellow); font-family:Arial,sans-serif; font-size:13px; letter-spacing:0; }
.time-card h3 { max-width:320px; margin:0; font-size:18px; line-height:1.35; }
.time-copy { margin:auto 0 0; color:rgba(255,255,255,.74); font-size:12px; line-height:1.6; }
.time-card label { margin-top:auto; color:rgba(255,255,255,.72); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.time-card label b { display:flex; align-items:center; gap:5px; margin-top:8px; color:var(--pale); font-size:12px; }
.time-card input { width:160px; padding:9px; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.07); color:var(--pale); font-family:var(--font-geist-mono),monospace; }
.time-card.featured { background:var(--orange); color:var(--ink); }
.time-card.featured>span,.time-card.featured>p small { color:var(--ink); }
.time-card.featured .time-copy { color:var(--ink); }
.support-card { background:rgba(245,200,75,.08); }
.banknote-journey { padding:120px max(42px,calc((100vw - 1276px)/2)); display:grid; grid-template-columns:.72fr 1.28fr; gap:9vw; align-items:center; background:var(--paper); }
.journey-copy h2 { margin:0; font-family:Georgia,serif; font-size:clamp(48px,5.7vw,82px); line-height:.92; letter-spacing:-.06em; }
.journey-copy>p:last-child { max-width:540px; margin:30px 0 0; color:#5d6865; line-height:1.75; }
.moon-route { padding:42px; border:1px solid var(--line); background:var(--pale); }
.route-labels { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; font-size:12px; font-weight:800; }
.route-labels b { color:var(--orange-text); font-family:var(--font-geist-mono),monospace; }
.route-line { height:10px; margin:22px 8px 54px; background:#ddd5c4; border-radius:99px; }
.route-line>span { position:relative; display:block; min-width:3px; height:100%; border-radius:inherit; background:var(--orange); }
.route-line>span.empty { min-width:0; }
.route-line>span.empty::before,.route-line>span.empty i { display:none; }
.route-line>span::before { content:""; position:absolute; left:-9px; top:-9px; width:28px; height:28px; border-radius:50%; background:var(--ink); box-shadow:0 0 0 7px rgba(16,32,30,.08); }
.route-line i { position:absolute; right:-6px; top:-4px; width:18px; height:18px; border-radius:50%; background:var(--yellow); box-shadow:0 0 0 5px rgba(245,200,75,.22); }
.route-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.route-stats p { margin:0; padding-top:16px; border-top:1px solid var(--line); }
.route-stats b { display:block; font-family:Georgia,serif; font-size:28px; letter-spacing:-.035em; }
.route-stats span { display:block; margin-top:6px; color:#6b7471; font-size:10px; line-height:1.5; }
.national-section { padding:120px max(42px,calc((100vw - 1276px)/2)); background:#18322e; color:var(--pale); }
.national-intro { display:grid; grid-template-columns:.6fr 1.1fr .9fr; gap:5vw; align-items:start; }
.national-intro h2 { margin:0; font-family:Georgia,serif; font-size:clamp(48px,5vw,76px); line-height:.92; letter-spacing:-.055em; }
.national-intro>p:last-child { margin:0; color:rgba(255,255,255,.62); font-size:14px; line-height:1.75; }
.vat-clock { margin-top:60px; padding:54px; background:var(--yellow); color:var(--ink); }
.vat-clock>span { font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.15em; }
.vat-clock>p { margin:20px 0 6px; font-family:Georgia,serif; font-size:clamp(56px,8vw,116px); line-height:.86; letter-spacing:-.065em; }
.vat-clock>p small { color:var(--ink); font-family:Arial,sans-serif; font-size:.18em; letter-spacing:0; }
.vat-clock>b { font-size:16px; }
.vat-clock>div { margin-top:34px; padding-top:18px; border-top:1px solid rgba(16,32,30,.25); font-size:11px; font-weight:800; }
.vat-clock>div i { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--orange); }
.national-facts { display:grid; grid-template-columns:repeat(3,1fr); margin-top:24px; border-top:1px solid rgba(255,255,255,.16); border-left:1px solid rgba(255,255,255,.16); }
.national-facts article { min-height:210px; padding:28px; border-right:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }
.national-facts span { color:var(--yellow); font-size:10px; text-transform:uppercase; letter-spacing:.13em; }
.national-facts b { display:block; margin-top:38px; font-family:Georgia,serif; font-size:44px; letter-spacing:-.04em; }
.national-facts p { margin:8px 0 0; color:rgba(255,255,255,.72); font-size:11px; line-height:1.55; }
.hospital-list { margin-top:60px; border-top:1px solid rgba(255,255,255,.18); }
.hospital-list>div,.hospital-list article { display:grid; grid-template-columns:1fr 190px; gap:24px; align-items:center; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.18); }
.hospital-list>div { color:var(--yellow); font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.hospital-list article p { margin:0; font-size:14px; }
.hospital-list article small { display:block; margin-top:5px; color:rgba(255,255,255,.74); font-size:10px; }
.hospital-list article>b { font-family:Georgia,serif; font-size:34px; text-align:right; }
.eu-funds-section { position:relative; isolation:isolate; overflow:hidden; padding:120px max(42px,calc((100vw - 1276px)/2)); background:#0d2942; color:var(--pale); }
.eu-funds-section::before { content:""; position:absolute; z-index:-1; top:-380px; right:-260px; width:820px; height:820px; border:1px solid rgba(245,200,75,.16); border-radius:50%; box-shadow:0 0 0 100px rgba(245,200,75,.025),0 0 0 210px rgba(245,200,75,.018); }
.eu-funds-intro { display:grid; grid-template-columns:.55fr 1.45fr; gap:6vw; align-items:start; }
.eu-funds-intro h2 { max-width:940px; margin:0; font-family:Georgia,serif; font-size:clamp(52px,6.2vw,92px); font-weight:400; letter-spacing:-.06em; line-height:.9; }
.eu-funds-intro>div>p { max-width:820px; margin:32px 0 0; color:rgba(255,255,255,.78); font-size:16px; line-height:1.75; }
.eu-funds-overview { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:1px; margin-top:62px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.18); }
.eu-funds-total,.eu-funds-status { min-width:0; padding:42px; }
.eu-funds-total { background:var(--yellow); color:var(--ink); }
.eu-funds-total>span,.eu-funds-status>span,.eu-funds-selected span { font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.eu-funds-total>p:first-of-type { margin:34px 0 8px; font-family:Georgia,serif; font-size:clamp(58px,7vw,100px); line-height:.82; letter-spacing:-.065em; }
.eu-funds-total>p:first-of-type small { display:inline-block; font-family:Arial,sans-serif; font-size:.18em; letter-spacing:0; }
.eu-funds-total h3 { margin:24px 0 0; font-size:17px; }
.eu-funds-total .eu-funds-rate { max-width:670px; margin:12px 0 0; color:#35423f; font-size:12px; line-height:1.65; }
.eu-funds-total button { min-height:50px; margin-top:30px; padding:0 20px; border:1px solid var(--ink); background:var(--ink); color:var(--pale); cursor:pointer; font-size:12px; font-weight:800; }
.eu-funds-total button:hover,.eu-funds-total button:focus-visible { background:transparent; color:var(--ink); }
.eu-funds-status { background:#132f49; }
.eu-funds-status>span { color:var(--yellow); }
.eu-funds-status h3 { max-width:500px; margin:28px 0 0; font-family:Georgia,serif; font-size:clamp(32px,3.5vw,48px); font-weight:400; letter-spacing:-.045em; line-height:1; }
.eu-funds-status p { max-width:600px; margin:24px 0 0; color:rgba(255,255,255,.76); font-size:13px; line-height:1.72; }
.eu-funds-status a { display:inline-flex; align-items:center; min-height:44px; margin-top:26px; color:var(--yellow); font-size:12px; font-weight:800; text-decoration:underline; text-decoration-color:transparent; text-underline-offset:4px; }
.eu-funds-status a:hover,.eu-funds-status a:focus-visible { text-decoration-color:currentColor; outline-color:var(--yellow); }
.eu-funds-breakdown { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-left:1px solid rgba(255,255,255,.18); }
.eu-funds-breakdown article { min-height:270px; padding:30px; border-right:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }
.eu-funds-breakdown span { color:var(--yellow); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.eu-funds-breakdown b { display:block; margin-top:38px; font-family:Georgia,serif; font-size:clamp(36px,4vw,54px); font-weight:400; letter-spacing:-.045em; line-height:.95; }
.eu-funds-breakdown h3 { margin:20px 0 0; font-size:15px; }
.eu-funds-breakdown p { margin:10px 0 0; color:rgba(255,255,255,.72); font-size:11px; line-height:1.65; }
.eu-funds-selected { display:grid; grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr); gap:6vw; align-items:end; margin-top:52px; padding-top:34px; border-top:1px solid rgba(255,255,255,.2); }
.eu-funds-selected>div>span { color:var(--yellow); }
.eu-funds-selected>div>p { margin:12px 0 18px; font-family:Georgia,serif; font-size:58px; line-height:.9; letter-spacing:-.045em; }
.eu-funds-selected>div>p small { font-family:Arial,sans-serif; font-size:.28em; letter-spacing:0; }
.eu-funds-meter { height:10px; overflow:hidden; background:rgba(255,255,255,.16); border-radius:99px; }
.eu-funds-meter span { display:block; min-width:2px; height:100%; background:var(--yellow); border-radius:inherit; }
.eu-funds-selected>p { max-width:720px; margin:0; color:rgba(255,255,255,.8); font-size:16px; line-height:1.7; }
.time-card>p,.housing-results b,.national-facts b,.hospital-list article>* { min-width:0; overflow-wrap:anywhere; }
.scale-section { padding:120px max(42px,calc((100vw - 1276px)/2)); background:var(--paper); }
.scale-list { border-top:1px solid var(--line); }
.scale-list button { width:100%; display:grid; grid-template-columns:70px minmax(200px,.7fr) 1fr 36px; gap:26px; align-items:center; padding:23px 4px; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); text-align:left; cursor:pointer; }
.scale-list button:hover,.scale-list button:focus-visible { background:var(--pale); padding-left:18px; padding-right:18px; }
.scale-list button>span { color:var(--orange-text); font-family:var(--font-geist-mono),monospace; font-size:10px; }
.scale-list button>b { font-family:Georgia,serif; font-size:26px; letter-spacing:-.035em; }
.scale-list button>p { margin:0; color:#66716e; font-size:13px; }
.scale-list button>i { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; font-style:normal; }
.seo-hub { padding:120px max(42px,calc((100vw - 1276px)/2)); background:var(--ink); color:var(--pale); }
.seo-hub .wide-heading h2 em { color:var(--orange); }
.seo-hub .wide-heading>p { color:rgba(255,255,255,.74); }
.seo-hub-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); }
.seo-hub-grid a { min-height:260px; display:flex; flex-direction:column; padding:26px; border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.seo-hub-grid a:hover,.seo-hub-grid a:focus-visible { background:var(--yellow); color:var(--ink); }
.seo-hub-grid a>span { width:32px; height:32px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; color:var(--yellow); font-size:9px; font-weight:800; }
.seo-hub-grid a:hover>span,.seo-hub-grid a:focus-visible>span { color:var(--ink); }
.seo-hub-grid b { margin-top:auto; font-family:Georgia,serif; font-size:34px; line-height:1; letter-spacing:-.035em; }
.seo-hub-grid p { margin:12px 0 22px; color:rgba(255,255,255,.7); font-size:11px; line-height:1.6; }
.seo-hub-grid a:hover p,.seo-hub-grid a:focus-visible p { color:var(--ink); }
.seo-hub-grid i { font-size:10px; font-style:normal; font-weight:800; }
.method-strip { display:grid; grid-template-columns:1fr 1fr; gap:12vw; padding:88px max(42px,calc((100vw - 1276px)/2)); background:var(--orange); color:var(--pale); }
.method-strip .eyebrow { color:var(--ink); }
.method-strip h2 { max-width:560px; margin:0; font-family:Georgia,serif; font-size:clamp(38px,4vw,64px); line-height:.98; letter-spacing:-.045em; }
.method-strip>p { align-self:end; margin:0; color:var(--ink); font-size:16px; line-height:1.75; }
.method-details { padding:110px max(42px,calc((100vw - 1276px)/2)); background:var(--paper); }
.method-details-heading { display:grid; grid-template-columns:.55fr 1.45fr; gap:6vw; align-items:start; }
.method-details-heading h2 { max-width:880px; margin:0; font-family:Georgia,serif; font-size:clamp(48px,5.8vw,84px); line-height:.92; letter-spacing:-.055em; font-weight:400; }
.framing-copy { display:grid; grid-template-columns:1fr 1fr; gap:36px; max-width:920px; margin:54px 0 54px auto; padding-left:34px; border-left:6px solid var(--yellow); }
.framing-copy p { margin:0; color:#4f5d58; font-size:15px; line-height:1.75; }
.framing-copy strong { color:var(--ink); }
.method-rules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.method-rules article { min-height:205px; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.25); }
.method-rules span { color:var(--orange-text); font-family:var(--font-geist-mono),monospace; font-size:10px; font-weight:800; }
.method-rules h3 { margin:30px 0 0; font-size:16px; }
.method-rules p { margin:10px 0 0; color:#56635e; font-size:11px; line-height:1.6; }
.sources-section { padding:110px max(42px,calc((100vw - 1276px)/2)); background:var(--pale); }
.sources-heading { display:grid; grid-template-columns:.6fr 1.4fr; gap:6vw; align-items:start; margin-bottom:48px; }
.sources-heading h2 { max-width:820px; margin:0; font-family:Georgia,serif; font-size:clamp(44px,5vw,72px); line-height:.95; letter-spacing:-.05em; }
.source-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.source-grid>a,.source-note { min-height:270px; display:flex; flex-direction:column; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.source-grid>a:hover,.source-grid>a:focus-visible { background:var(--paper); }
.source-grid span { color:var(--orange-text); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.15em; }
.source-grid b { margin-top:30px; font-size:16px; }
.source-grid p { color:#68716e; font-size:11px; line-height:1.62; }
.source-grid i { margin-top:auto; color:#4e5a56; font-size:10px; font-style:normal; font-weight:800; }
.source-note { background:var(--paper); }

/* Gondosan szerkesztett összegoldalak */
.seo-tone-yellow { --seo-accent:var(--yellow); --seo-accent-dark:#8c6900; }
.seo-tone-mint { --seo-accent:var(--mint); --seo-accent-dark:#17624d; }
.seo-tone-orange { --seo-accent:var(--orange); --seo-accent-dark:#922c18; }
.seo-topbar { position:absolute; z-index:20; inset:0 0 auto; height:84px; max-width:1440px; margin:auto; padding:0 42px; display:flex; align-items:center; justify-content:space-between; color:var(--pale); border-bottom:1px solid rgba(255,255,255,.14); }
.seo-brand { min-height:44px; display:flex; align-items:center; gap:12px; font-weight:800; }
.seo-brand span { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:var(--yellow); color:var(--ink); }
.seo-topbar>div { display:flex; align-items:center; gap:24px; font-size:12px; }
.seo-topbar>div>a:not(.seo-nav-cta) { color:rgba(255,255,255,.75); }
.seo-nav-cta { min-height:44px; display:flex; align-items:center; padding:0 16px; border-radius:99px; background:var(--yellow); color:var(--ink); font-weight:800; }
.seo-page { background:var(--paper); }
.seo-hero { position:relative; overflow:hidden; min-height:790px; display:grid; grid-template-columns:1.2fr .8fr; gap:8vw; align-items:center; padding:150px max(42px,calc((100vw - 1276px)/2)) 105px; background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),var(--ink); background-size:64px 64px; color:var(--pale); }
.seo-hero::after { content:""; position:absolute; right:-170px; bottom:-330px; width:720px; height:720px; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--seo-accent) 30%,transparent),transparent 68%); }
.seo-hero-copy,.seo-number-card { position:relative; z-index:1; }
.seo-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 58px; padding:0; list-style:none; color:rgba(255,255,255,.64); font-size:10px; }
.seo-breadcrumb li+li::before { content:"/"; margin-right:8px; color:var(--seo-accent); }
.seo-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.seo-eyebrow { margin:0 0 22px; color:var(--seo-accent); font-size:11px; text-transform:uppercase; letter-spacing:.18em; font-weight:800; }
.seo-eyebrow i { display:inline-block; width:28px; height:2px; margin-right:9px; vertical-align:middle; background:currentColor; }
.seo-eyebrow.dark { color:var(--orange-text); }
.seo-hero h1 { max-width:900px; margin:0; font-family:Georgia,serif; font-size:clamp(58px,7vw,108px); line-height:.86; letter-spacing:-.065em; font-weight:400; overflow-wrap:anywhere; }
.seo-hero h1 em { color:var(--seo-accent); font-weight:400; }
.seo-lead { max-width:760px; margin:38px 0 0; color:rgba(255,255,255,.76); font-size:18px; line-height:1.7; }
.seo-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:36px; }
.seo-primary-button { min-height:48px; display:flex; align-items:center; padding:0 20px; background:var(--seo-accent); color:var(--ink); font-size:12px; font-weight:800; }
.seo-text-link { min-height:44px; display:flex; align-items:center; color:rgba(255,255,255,.82); font-size:11px; font-weight:800; }
.seo-number-card { min-width:0; padding:38px; border-radius:3px 34px 3px 34px; background:var(--seo-accent); color:var(--ink); box-shadow:0 30px 90px rgba(0,0,0,.25); transform:rotate(1deg); }
.seo-number-card>span { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
.seo-number-card>b { display:block; margin-top:30px; font-family:var(--font-geist-mono),monospace; font-size:clamp(38px,4.8vw,68px); line-height:.98; letter-spacing:-.07em; overflow-wrap:anywhere; }
.seo-number-card>small { display:block; margin-top:9px; font-size:13px; font-weight:800; }
.seo-number-card>div { display:flex; align-items:center; gap:12px; margin-top:34px; padding-top:20px; border-top:1px solid rgba(16,32,30,.3); }
.seo-number-card>div i { width:10px; height:10px; border-radius:50%; background:var(--ink); }
.seo-number-card>div p { margin:0; font-size:11px; line-height:1.5; }
.seo-number-card>div strong { display:block; }
.seo-short-answer { display:grid; grid-template-columns:220px 1fr; gap:6vw; align-items:start; padding:64px max(42px,calc((100vw - 1276px)/2)); background:var(--seo-accent); color:var(--ink); }
.seo-short-answer>span { padding-top:9px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.15em; }
.seo-short-answer>p { max-width:1000px; margin:0; font-family:Georgia,serif; font-size:clamp(30px,3.4vw,50px); line-height:1.16; letter-spacing:-.035em; }
.seo-metrics { padding:115px max(42px,calc((100vw - 1276px)/2)); }
.seo-section-heading { display:grid; grid-template-columns:.45fr 1.1fr .65fr; gap:5vw; align-items:end; margin-bottom:52px; }
.seo-section-heading h2 { margin:0; font-family:Georgia,serif; font-size:clamp(50px,5.7vw,82px); line-height:.92; letter-spacing:-.055em; font-weight:400; }
.seo-section-heading h2 em { color:var(--orange-text); font-weight:400; }
.seo-section-heading>p:last-child { margin:0; color:#52605c; font-size:14px; line-height:1.7; }
.seo-metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.seo-metric-grid article { min-height:320px; display:flex; flex-direction:column; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.3); }
.seo-metric-grid article:nth-child(2),.seo-metric-grid article:nth-child(4),.seo-metric-grid article:nth-child(6) { background:var(--pale); }
.seo-metric-grid article>span { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--seo-accent); font-size:9px; font-weight:800; }
.seo-metric-grid b { margin-top:auto; font-family:Georgia,serif; font-size:clamp(38px,4vw,58px); line-height:.94; letter-spacing:-.045em; overflow-wrap:anywhere; }
.seo-metric-grid h3 { margin:10px 0 0; font-size:17px; }
.seo-metric-grid p { margin:12px 0 0; color:#586560; font-size:11px; line-height:1.6; }
.seo-explanation { display:grid; grid-template-columns:.85fr 1.15fr; gap:10vw; padding:115px max(42px,calc((100vw - 1276px)/2)); background:var(--pale); }
.seo-explanation h2 { max-width:630px; margin:0; font-family:Georgia,serif; font-size:clamp(48px,5vw,74px); line-height:.94; letter-spacing:-.05em; font-weight:400; }
.seo-article-copy { max-width:760px; }
.seo-article-copy>p { margin:0 0 24px; color:#44534e; font-size:16px; line-height:1.82; }
.seo-article-copy blockquote { margin:42px 0 0; padding:28px 0 28px 28px; border-left:6px solid var(--seo-accent); font-family:Georgia,serif; font-size:27px; line-height:1.3; letter-spacing:-.025em; }
.seo-method-note { display:grid; grid-template-columns:180px 1fr auto; gap:4vw; align-items:center; padding:48px max(42px,calc((100vw - 1276px)/2)); background:var(--ink); color:var(--pale); }
.seo-method-note>span { color:var(--yellow); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
.seo-method-note p { margin:0; color:rgba(255,255,255,.74); font-size:12px; line-height:1.7; }
.seo-method-note a { min-height:44px; display:flex; align-items:center; color:var(--yellow); font-size:11px; font-weight:800; white-space:nowrap; }
.seo-faq { padding:115px max(42px,calc((100vw - 1276px)/2)); background:var(--paper); }
.seo-section-heading.compact { grid-template-columns:.45fr 1.55fr; align-items:start; }
.seo-faq-list { max-width:1000px; margin-left:auto; border-top:1px solid var(--line); }
.seo-faq-list details { border-bottom:1px solid var(--line); }
.seo-faq-list summary { min-height:76px; display:grid; grid-template-columns:46px 1fr 34px; gap:16px; align-items:center; cursor:pointer; list-style:none; font-size:17px; font-weight:800; }
.seo-faq-list summary::-webkit-details-marker { display:none; }
.seo-faq-list summary>span { color:var(--orange-text); font-family:var(--font-geist-mono),monospace; font-size:9px; }
.seo-faq-list summary i { width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; font-style:normal; }
.seo-faq-list details[open] summary i { transform:rotate(45deg); }
.seo-faq-list details>p { max-width:760px; margin:0 50px 26px 62px; color:#4f5d59; font-size:14px; line-height:1.7; }
.seo-related { padding:115px max(42px,calc((100vw - 1276px)/2)); background:var(--ink); color:var(--pale); }
.seo-related-heading { display:grid; grid-template-columns:.55fr 1.45fr; gap:6vw; align-items:start; margin-bottom:50px; }
.seo-related-heading h2 { max-width:850px; margin:0; font-family:Georgia,serif; font-size:clamp(48px,5.8vw,82px); line-height:.92; letter-spacing:-.055em; font-weight:400; }
.seo-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); }
.seo-related-grid a { min-height:250px; display:flex; flex-direction:column; padding:25px; border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.seo-related-grid a:hover,.seo-related-grid a:focus-visible { background:var(--seo-accent); color:var(--ink); }
.seo-related-grid span { color:var(--yellow); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.13em; }
.seo-related-grid a:hover span,.seo-related-grid a:focus-visible span { color:var(--ink); }
.seo-related-grid b { margin-top:32px; font-family:Georgia,serif; font-size:32px; letter-spacing:-.035em; }
.seo-related-grid p { color:rgba(255,255,255,.68); font-size:11px; line-height:1.55; }
.seo-related-grid a:hover p,.seo-related-grid a:focus-visible p { color:var(--ink); }
.seo-related-grid i { margin-top:auto; color:var(--yellow); font-size:10px; font-style:normal; font-weight:800; }
.seo-related-grid a:hover i,.seo-related-grid a:focus-visible i { color:var(--ink); }
.seo-sources { padding:52px max(42px,calc((100vw - 1276px)/2)); background:var(--pale); }
.seo-sources p { margin:8px 0; color:#59645f; font-size:11px; line-height:1.65; }
.seo-sources a { color:var(--orange-text); font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.book-promo { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr); gap:clamp(54px,7vw,110px); align-items:center; padding:110px max(42px,calc((100vw - 1276px)/2)); background:var(--ink); color:var(--pale); }
.book-promo::before { content:""; position:absolute; z-index:-1; right:-190px; bottom:-300px; width:760px; height:760px; border-radius:50%; background:radial-gradient(circle,rgba(240,90,52,.3),rgba(240,90,52,0) 68%); }
.book-cover-window { position:relative; display:block; width:min(100%,620px); justify-self:center; }
.book-cover-window::before { content:""; position:absolute; z-index:-1; inset:15% 5% 6%; border-radius:50%; background:radial-gradient(circle,rgba(245,200,75,.24),rgba(245,200,75,0) 69%); filter:blur(12px); }
.book-cover-window picture { display:block; }
.book-cover-window img { display:block; width:100%; height:auto; filter:drop-shadow(0 34px 44px rgba(0,0,0,.42)); transform:rotate(-1.5deg); transition:transform .25s ease; }
.book-cover-window:hover img,.book-cover-window:focus-visible img { transform:rotate(-1.5deg) translateY(-5px); }
.book-cover-window:focus-visible { outline-color:var(--yellow); }
.book-promo-copy { position:relative; z-index:1; max-width:720px; }
.book-promo-copy .eyebrow { margin-bottom:28px; }
.book-promo-copy h2 { margin:0; font-family:Georgia,serif; font-size:clamp(54px,6.6vw,96px); line-height:.88; letter-spacing:-.06em; font-weight:400; }
.book-promo-copy h2 em { color:var(--yellow); font-weight:400; }
.book-promo-copy>p:not(.eyebrow) { max-width:650px; margin:36px 0 0; color:rgba(255,255,255,.74); font-size:16px; line-height:1.75; }
.book-promo-copy strong { color:var(--pale); }
.book-button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; margin-top:34px; padding:0 22px; border:1px solid var(--yellow); background:var(--yellow); color:var(--ink); font-size:12px; font-weight:800; transition:background-color .2s ease,color .2s ease,transform .2s ease; }
.book-button:hover,.book-button:focus-visible { background:transparent; color:var(--yellow); transform:translateY(-2px); }
.book-promo-copy small { display:block; margin-top:15px; color:rgba(255,255,255,.7); font-size:10px; line-height:1.5; }
.not-found-page { min-height:100vh; display:flex; flex-direction:column; background:var(--paper); }
.not-found { --seo-accent:var(--yellow); position:relative; isolation:isolate; overflow:hidden; flex:1; min-height:660px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:120px max(42px,calc((100vw - 1276px)/2)); background:linear-gradient(rgba(16,32,30,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,30,.035) 1px,transparent 1px),var(--paper); background-size:64px 64px; }
.not-found::before { content:"404"; position:absolute; z-index:-1; right:max(20px,calc((100vw - 1276px)/2)); top:50%; color:rgba(16,32,30,.055); font-family:Georgia,serif; font-size:clamp(190px,31vw,500px); line-height:.7; letter-spacing:-.1em; transform:translateY(-50%); pointer-events:none; }
.not-found h1 { max-width:880px; margin:0; font-family:Georgia,serif; font-size:clamp(58px,7vw,106px); line-height:.9; letter-spacing:-.06em; font-weight:400; }
.not-found>p:not(.eyebrow) { max-width:640px; margin:30px 0 0; color:#52605c; font-size:17px; line-height:1.7; }
.not-found .seo-primary-button { width:auto; margin-top:34px; }
.not-found-page .site-footer { margin-top:auto; }
.site-footer { border-top:1px solid rgba(255,255,255,.14); background:#091513; color:rgba(255,255,255,.78); font-size:14px; line-height:1.65; }
.site-footer a:focus-visible { outline-color:var(--yellow); }
.footer-shell { max-width:1360px; margin:0 auto; padding:72px 42px 28px; }
.footer-main { display:grid; grid-template-columns:minmax(390px,1.05fr) minmax(530px,.95fr); gap:clamp(58px,7vw,104px); align-items:start; }
.footer-brand { min-width:0; display:grid; grid-template-columns:154px minmax(0,1fr); gap:30px; align-items:start; }
.footer-logo-card { display:block; width:154px; aspect-ratio:584/552; overflow:hidden; border:1px solid rgba(255,255,255,.2); background:#fff; box-shadow:12px 14px 0 rgba(245,200,75,.12); transition:transform .2s ease,box-shadow .2s ease; }
.footer-logo-card:hover,.footer-logo-card:focus-visible { transform:translateY(-3px); box-shadow:12px 18px 0 rgba(245,200,75,.16); }
.footer-logo-card picture { display:block; width:100%; height:100%; }
.footer-logo-card img { display:block; width:100%; height:100%; object-fit:contain; }
.footer-brand-copy { min-width:0; }
.footer-kicker { margin:0 0 14px; color:var(--yellow); font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.footer-brand-copy h2 { margin:0; color:var(--pale); font-family:Georgia,serif; font-size:clamp(38px,4vw,56px); font-weight:400; letter-spacing:-.045em; line-height:.95; }
.footer-brand-copy>p:not(.footer-kicker) { max-width:560px; margin:22px 0 0; color:rgba(255,255,255,.76); line-height:1.75; }
.footer-brand-copy em { color:var(--pale); font-style:normal; font-weight:700; }
.footer-author-link { display:inline-flex; align-items:center; min-height:44px; margin-top:18px; color:var(--yellow); font-size:12px; font-weight:800; text-decoration:underline; text-decoration-color:transparent; text-underline-offset:4px; }
.footer-author-link:hover,.footer-author-link:focus-visible { text-decoration-color:currentColor; }
.footer-navigation { min-width:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.footer-nav-group { min-width:0; }
.footer-nav-group h3 { margin:0 0 16px; color:var(--yellow); font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.footer-nav-group ul { margin:0; padding:0; list-style:none; }
.footer-nav-group li+li { margin-top:6px; }
.footer-nav-group a { display:flex; align-items:center; min-height:36px; color:rgba(255,255,255,.8); font-size:13px; line-height:1.45; text-decoration:underline; text-decoration-color:transparent; text-underline-offset:4px; }
.footer-nav-group a:hover,.footer-nav-group a:focus-visible { color:var(--yellow); text-decoration-color:currentColor; }
.footer-note { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:center; margin-top:58px; padding:24px 26px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.035); }
.footer-note p { margin:0; }
.footer-note .footer-note-title { margin-bottom:5px; color:var(--pale); font-size:14px; font-weight:800; }
.footer-note div>p:last-child { max-width:820px; color:rgba(255,255,255,.72); font-size:13px; }
.footer-note>a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border:1px solid var(--yellow); color:var(--yellow); font-size:12px; font-weight:800; white-space:nowrap; transition:background-color .2s ease,color .2s ease; }
.footer-note>a:hover,.footer-note>a:focus-visible { background:var(--yellow); color:var(--ink); }
.footer-company { display:grid; grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr); gap:clamp(42px,7vw,100px); margin-top:32px; padding-top:30px; border-top:1px solid rgba(255,255,255,.13); }
.footer-company p,.footer-company address { margin:0; }
.footer-company strong { color:var(--pale); }
.footer-company address { margin-top:5px; color:rgba(255,255,255,.72); font-style:normal; }
.footer-company>p { max-width:680px; color:rgba(255,255,255,.72); }
.footer-legal { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:28px; padding-top:22px; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.66); font-size:12px; }
.footer-legal a { display:inline-flex; align-items:center; min-height:44px; color:var(--yellow); font-weight:800; text-decoration:underline; text-decoration-color:transparent; text-underline-offset:4px; white-space:nowrap; }
.footer-legal a:hover,.footer-legal a:focus-visible { text-decoration-color:currentColor; }
@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:auto;gap:64px}.amount-panel{max-width:700px;transform:none}.amount-panel>*{transform:none}.result-grid{grid-template-columns:repeat(2,1fr)}.section-heading,.wide-heading{grid-template-columns:1fr}.item-grid{grid-template-columns:repeat(3,1fr)}.price-fields{grid-template-columns:repeat(3,1fr)}.housing-section{grid-template-columns:1fr}.time-heading{grid-template-columns:1fr}.time-grid{grid-template-columns:repeat(2,1fr)}.banknote-journey{grid-template-columns:1fr}.national-intro{grid-template-columns:1fr 1fr}.national-intro>p:last-child{grid-column:2}.source-grid{grid-template-columns:repeat(2,1fr)}.sources-heading{grid-template-columns:1fr}.nav-links a:nth-child(2),.nav-links a:nth-child(3){display:none}}
@media(max-width:700px){.topbar{height:70px;padding:0 20px}.nav-links a{display:none}.nav-links b{padding:7px 9px;font-size:9px}.brand{font-size:13px}.hero{padding:120px 20px 70px;gap:46px;background-size:40px 40px}.hero h1{font-size:clamp(68px,23vw,104px)}.hero-lead{margin-top:34px;font-size:16px}.amount-panel{padding:25px 20px}.amount-panel label{font-size:18px}.amount-input input{font-size:30px}.scale-labels span:nth-child(2),.scale-labels span:nth-child(3){display:none}.results{padding:76px 20px 80px}.section-heading{gap:24px;margin-bottom:34px}.section-heading h2{font-size:46px}.section-heading>p,.heading-side>p{font-size:14px}.result-grid{grid-template-columns:1fr}.result-card{min-height:390px;padding:24px}.metric{font-size:52px}.everyday-section,.housing-section,.time-section,.banknote-journey,.national-section,.scale-section,.sources-section{padding:76px 20px}.wide-heading{gap:28px;margin-bottom:38px}.wide-heading h2{font-size:58px}.item-grid{grid-template-columns:1fr}.item-card{min-height:190px;padding:18px}.item-quantity{font-size:32px}.price-fields{grid-template-columns:1fr}.housing-inputs,.housing-results{grid-template-columns:1fr}.housing-results article{min-height:190px}.time-heading{gap:18px}.time-heading h2{font-size:44px}.time-grid{grid-template-columns:1fr}.time-card{min-height:310px;padding:24px}.moon-route{padding:26px 20px}.route-stats{grid-template-columns:1fr}.national-intro{grid-template-columns:1fr}.national-intro>p:last-child{grid-column:auto}.vat-clock{padding:28px 22px}.vat-clock>p{font-size:54px;overflow-wrap:anywhere}.national-facts{grid-template-columns:1fr}.hospital-list>div,.hospital-list article{grid-template-columns:1fr 90px}.scale-list button{grid-template-columns:38px 1fr 34px;gap:12px}.scale-list button>p{grid-column:2/4}.scale-list button>b{font-size:22px}.method-strip{grid-template-columns:1fr;gap:42px;padding:70px 20px}.source-grid{grid-template-columns:1fr}.source-grid>a,.source-note{min-height:230px}.sources-heading{gap:20px}}
@media(max-width:1050px){
  .comparison-heading,.comparison-lab,.method-details-heading,.seo-section-heading,.seo-explanation{grid-template-columns:1fr}
  .comparison-heading,.method-details-heading{gap:28px}
  .comparison-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .method-details-heading h2{max-width:760px}
  .seo-hub-grid,.seo-metric-grid,.seo-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seo-hero{min-height:auto;grid-template-columns:1fr;gap:54px}
  .seo-number-card{max-width:760px}
  .seo-section-heading{gap:24px}
  .seo-method-note{grid-template-columns:150px 1fr}
  .seo-method-note a{grid-column:2}
  .eu-funds-intro,.eu-funds-overview{grid-template-columns:1fr}
  .eu-funds-intro{gap:28px}
  .book-promo{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:54px}
  .book-cover-window{width:min(100%,520px)}
  .footer-main{grid-template-columns:1fr;gap:54px}
  .footer-navigation{max-width:760px}
}
@media(max-width:700px){
  .second-facts{grid-template-columns:1fr}
  .second-facts p{padding:12px 14px}
  .money-dock{padding:7px 12px}
  .dock-inner{grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:5px}
  .dock-amount{padding:0 7px}
  .dock-amount span{display:none}
  .dock-amount b{font-size:15px}
  .dock-inner .dock-share{width:44px;min-width:44px;padding:0;font-size:0}
  .dock-inner .dock-share::after{content:"↗";font-size:18px}
  .result-actions{flex-direction:column;align-items:stretch}
  .insight-intro{grid-template-columns:1fr;gap:18px;padding-top:26px}
  .insight-grid{grid-template-columns:1fr}
  .insight-grid article{min-height:205px;padding:22px}
  .comparison-section,.method-details{padding:76px 20px}
  .comparison-heading{grid-template-columns:1fr;gap:26px;margin-bottom:36px}
  .comparison-heading h2{font-size:58px}
  .comparison-lab{grid-template-columns:1fr}
  .comparison-input-panel,.comparison-visual{padding:24px 20px}
  .comparison-summary h3{font-size:36px}
  .comparison-bars{padding-top:42px}
  .comparison-results{grid-template-columns:1fr}
  .comparison-results article{min-height:175px;padding:20px}
  .editor-note{align-items:flex-start;flex-direction:column;padding:0 18px 20px}
  .method-details-heading{grid-template-columns:1fr;gap:18px}
  .method-details-heading h2{font-size:48px}
  .framing-copy{grid-template-columns:1fr;gap:20px;margin:38px 0;padding-left:20px}
  .method-rules{grid-template-columns:1fr}
  .method-rules article{min-height:165px;padding:20px}
  .seo-hub{padding:76px 20px}
  .seo-hub-grid{grid-template-columns:1fr}
  .seo-hub-grid a{min-height:220px;padding:22px}
  .seo-topbar{height:70px;padding:0 20px}
  .seo-brand{font-size:13px}
  .seo-topbar>div{gap:8px}
  .seo-topbar>div>a:not(.seo-nav-cta){display:none}
  .seo-nav-cta{padding:0 12px;font-size:10px}
  .seo-hero{grid-template-columns:1fr;gap:42px;padding:118px 20px 72px;background-size:40px 40px}
  .seo-breadcrumb{margin-bottom:38px}
  .seo-hero h1{font-size:clamp(48px,15vw,70px)}
  .seo-lead{margin-top:28px;font-size:16px}
  .seo-hero-actions{align-items:stretch;flex-direction:column}
  .seo-primary-button,.seo-text-link{justify-content:center}
  .seo-number-card{padding:25px 20px;transform:none}
  .seo-number-card>b{font-size:clamp(34px,11vw,50px)}
  .seo-short-answer{grid-template-columns:1fr;gap:18px;padding:48px 20px}
  .seo-short-answer>p{font-size:30px}
  .seo-metrics,.seo-explanation,.seo-faq,.seo-related{padding:76px 20px}
  .seo-section-heading,.seo-section-heading.compact{grid-template-columns:1fr;gap:18px;margin-bottom:36px}
  .seo-section-heading h2{font-size:48px}
  .seo-metric-grid{grid-template-columns:1fr}
  .seo-metric-grid article{min-height:260px;padding:22px}
  .seo-explanation{grid-template-columns:1fr;gap:38px}
  .seo-explanation h2{font-size:45px}
  .seo-article-copy>p{font-size:15px}
  .seo-article-copy blockquote{padding-left:20px;font-size:24px}
  .seo-method-note{grid-template-columns:1fr;gap:18px;padding:42px 20px}
  .seo-method-note a{grid-column:auto}
  .seo-faq-list details>p{margin:0 16px 24px 46px}
  .seo-faq-list summary{grid-template-columns:32px 1fr 32px;gap:10px;font-size:15px}
  .seo-related-heading{grid-template-columns:1fr;gap:18px}
  .seo-related-heading h2{font-size:47px}
  .seo-related-grid{grid-template-columns:1fr}
  .seo-related-grid a{min-height:210px;padding:22px}
  .seo-sources{padding:42px 20px}
  .eu-funds-section{padding:76px 20px}
  .eu-funds-intro h2{font-size:clamp(48px,14vw,68px)}
  .eu-funds-intro>div>p{margin-top:26px;font-size:15px}
  .eu-funds-overview{margin-top:44px}
  .eu-funds-total,.eu-funds-status{padding:26px 22px}
  .eu-funds-total>p:first-of-type{font-size:clamp(52px,16vw,76px)}
  .eu-funds-total button{width:100%;padding:12px 16px}
  .eu-funds-breakdown{grid-template-columns:1fr}
  .eu-funds-breakdown article{min-height:220px;padding:24px 22px}
  .eu-funds-breakdown b{font-size:44px}
  .eu-funds-selected{grid-template-columns:1fr;gap:30px;margin-top:42px}
  .eu-funds-selected>div>p{font-size:50px}
  .eu-funds-selected>p{font-size:15px}
  .book-promo{grid-template-columns:1fr;gap:48px;padding:76px 20px}
  .book-cover-window{width:min(100%,520px);justify-self:center}
  .book-cover-window img{transform:none}
  .book-cover-window:hover img,.book-cover-window:focus-visible img{transform:translateY(-4px)}
  .book-promo-copy{max-width:none}
  .book-promo-copy .eyebrow{margin-bottom:22px}
  .book-promo-copy h2{font-size:clamp(48px,14vw,66px)}
  .book-promo-copy>p:not(.eyebrow){margin-top:28px;font-size:15px}
  .book-button{width:100%;margin-top:28px}
  .not-found{min-height:560px;padding:92px 20px}
  .not-found::before{right:10px;font-size:clamp(170px,64vw,280px)}
  .not-found h1{font-size:clamp(52px,15vw,72px)}
  .not-found>p:not(.eyebrow){font-size:15px}
  .not-found .seo-primary-button{width:100%;justify-content:center}
  .footer-shell{padding:56px 20px 24px}
  .footer-brand{grid-template-columns:120px minmax(0,1fr);gap:24px}
  .footer-logo-card{width:120px;box-shadow:8px 10px 0 rgba(245,200,75,.12)}
  .footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}
  .footer-note{grid-template-columns:1fr;gap:20px;margin-top:46px;padding:22px 20px}
  .footer-note>a{justify-self:start;white-space:normal}
  .footer-company{grid-template-columns:1fr;gap:24px}
  .footer-legal{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(max-width:560px){
  .footer-brand{grid-template-columns:1fr;gap:28px}
  .footer-logo-card{width:112px}
  .footer-navigation{grid-template-columns:1fr;gap:30px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}