/* Pricing News — Nachtblau design language. Prefix: pn- */

@font-face{font-family:'Soehne';font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/Sohne-Buch.otf') format('opentype');}
@font-face{font-family:'Soehne';font-weight:500;font-style:normal;font-display:swap;src:url('../fonts/Sohne-Kraftig.otf') format('opentype');}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/instrument-serif-italic-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/instrument-serif-italic-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/instrument-serif-normal-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/instrument-serif-normal-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  --page:#0B0E14; --ground:#11151D; --raise:#171C26;
  --text:#EDE8DF; --lead:#DCD6CB; --body:#B9C0CB; --body2:#A3AEBE; --muted:#8F9BAC;
  --nav:#B9C4D2; --accent:#A8BDD6; --line:#4A5566; --hairline:#222A37;
  --serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --sans:'Soehne','Helvetica Neue',Helvetica,Arial,sans-serif;
  --gutter:clamp(20px,4.3vw,60px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
img{display:block;max-width:100%}
.pn-shell{max-width:1400px;margin:0 auto;background:var(--ground);min-height:100vh;overflow:hidden}
.pn-ico{width:15px;height:15px;flex:none}

/* Disclosure strip */
.pn-disclosure{background:var(--page);color:var(--muted);font-size:12.5px;letter-spacing:.06em;text-align:center;padding:9px var(--gutter);line-height:1.45}
.pn-disclosure b{color:var(--nav);font-weight:500}

/* Nav */
.pn-nav{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:30px var(--gutter)}
.pn-brand{font-family:var(--serif);font-size:30px;letter-spacing:.01em;white-space:nowrap}
.pn-links{display:flex;flex-wrap:wrap;gap:8px 30px;font-size:15px;color:var(--nav)}
.pn-links a.is-active{color:var(--text)}
.pn-links .pn-guide{color:var(--accent);display:inline-flex;align-items:center;gap:7px}
.pn-bar{position:relative}

/* Hero */
.pn-hero{position:relative;height:clamp(600px,52vw,740px)}
.pn-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pn-hero-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(17,21,29,.97) 0%,rgba(17,21,29,.74) 36%,rgba(17,21,29,.2) 68%,rgba(17,21,29,.5) 100%);pointer-events:none}
.pn-hero .pn-nav{position:absolute;top:0;left:0;right:0;z-index:2}
.pn-hero-body{position:absolute;left:var(--gutter);right:var(--gutter);bottom:54px;z-index:2}
.pn-hero h1{margin:12px 0 0;max-width:15em;font-family:var(--serif);font-size:clamp(46px,6.6vw,92px);font-weight:400;line-height:.96;letter-spacing:-.022em;text-wrap:pretty}
.pn-hero p{margin:22px 0 0;max-width:33em;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#C6CEDA}
.pn-label{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--page);background:var(--accent);padding:4px 9px;margin-bottom:14px}

/* Common bits */
.pn-cat{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--accent)}
.pn-cat a:hover{color:var(--text)}
.pn-meta{margin-top:22px;font-size:15px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center}
.pn-meta span{display:inline-flex;align-items:center;gap:6px}
.pn-meta .pn-ico{width:14px;height:14px}
.pn-tag{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--accent)}
.pn-kicker{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--muted)}

/* Home: issue list */
.pn-issue{padding:84px var(--gutter) 0}
.pn-feature{display:grid;grid-template-columns:1fr 300px;gap:60px;margin-top:46px;align-items:end}
.pn-feature.is-rev{grid-template-columns:300px 1fr;margin-top:72px}
.pn-feature>img{width:300px;height:220px;object-fit:cover}
.pn-feature.is-rev>img{height:380px}
.pn-feature-title{margin-top:12px;font-family:var(--serif);font-size:clamp(36px,4.2vw,58px);line-height:1.0;letter-spacing:-.018em;max-width:22em;text-wrap:pretty}
.pn-feature p,.pn-tile p{margin:16px 0 0;max-width:36em;font-size:18px;line-height:1.6;color:var(--body2)}
.pn-grid2{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:76px}
.pn-tile-title{margin-top:10px;font-family:var(--serif);font-size:clamp(28px,2.8vw,38px);line-height:1.06;letter-spacing:-.015em;text-wrap:pretty}
.pn-tile p{font-size:16.5px;margin-top:12px}
.pn-section-head{margin-top:110px}
.pn-section-head:first-child{margin-top:0}

/* Category page */
.pn-cathead{padding:60px var(--gutter) 0}
.pn-cathead h1{margin:12px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(46px,6vw,84px);line-height:.98;letter-spacing:-.022em}
.pn-cathead p{max-width:36em;font-size:19px;line-height:1.6;color:var(--body2);margin:20px 0 0}

/* Article */
.pn-article{padding:70px var(--gutter) 0}
.pn-col{max-width:700px;margin:0 auto}
.pn-article h1{margin:14px 0 0;font-family:var(--serif);font-size:clamp(42px,5.4vw,74px);font-weight:400;line-height:.98;letter-spacing:-.022em;text-wrap:pretty}
.pn-adlabel{display:inline-block;margin-bottom:22px;font-size:13px;letter-spacing:.08em;color:var(--text);background:var(--raise);padding:7px 12px;border-left:3px solid var(--accent)}
.pn-note{margin:30px 0 0;padding:16px 20px;background:var(--raise);font-size:15px;line-height:1.6;color:var(--body2)}
.pn-lead{margin:44px 0 0;font-size:clamp(19px,1.8vw,23px);line-height:1.55;color:var(--lead)}
.pn-body p{margin:24px 0 0;font-size:clamp(17px,1.45vw,19px);line-height:1.72;color:var(--body)}
.pn-body p strong,.pn-body li strong{color:var(--text);font-weight:500}
.pn-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.pn-body a:hover{color:var(--text)}
.pn-body h2{margin:58px 0 0;font-family:var(--serif);font-size:clamp(30px,3vw,40px);font-weight:400;line-height:1.08;letter-spacing:-.018em;color:var(--text)}
.pn-body h3{margin:38px 0 0;font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.12;color:var(--text)}
.pn-body ul,.pn-body ol{margin:22px 0 0;padding-left:22px;font-size:clamp(17px,1.45vw,19px);line-height:1.65;color:var(--body)}
.pn-body li{margin-top:10px}
.pn-body li::marker{color:var(--accent)}
.pn-quote{margin:46px 0 !important;font-family:var(--serif);font-style:italic;font-size:clamp(26px,2.6vw,34px) !important;line-height:1.28 !important;color:var(--text) !important}
.pn-figure{margin:64px calc(-1 * var(--gutter));position:relative;height:clamp(300px,37vw,520px)}
.pn-figure img{width:100%;height:100%;object-fit:cover}
.pn-stat{text-align:center;padding:20px 0 10px;margin-top:20px}
.pn-stat-num{font-family:var(--serif);font-size:clamp(64px,8vw,96px);line-height:1;letter-spacing:-.03em;color:var(--accent)}
.pn-stat-txt{margin:14px auto 0;font-size:18px;line-height:1.6;color:var(--body2);max-width:26em}
.pn-table{width:100%;border-collapse:collapse;margin:28px 0 0;font-size:16px;line-height:1.5;color:var(--body)}
.pn-table th{text-align:left;font-weight:500;color:var(--text);padding:12px 14px;background:var(--raise);font-size:14.5px}
.pn-table td{padding:12px 14px;border-bottom:1px solid var(--hairline);vertical-align:top}
.pn-table-wrap{overflow-x:auto}
.pn-caption{margin-top:10px !important;font-size:14px !important;color:var(--muted) !important;line-height:1.55 !important}
.pn-box{margin:34px 0 0;padding:24px 26px;background:var(--raise)}
.pn-box h3{margin:0 !important;font-size:24px}
.pn-box p:first-of-type{margin-top:12px}
.pn-sources{margin:64px 0 0;padding-top:8px}
.pn-sources h2{font-size:30px !important;margin-top:0 !important}
.pn-sources ul{font-size:16px !important;line-height:1.6 !important;color:var(--body2) !important}
.pn-disclaimer{margin:40px 0 0;font-size:15px;line-height:1.65;color:var(--muted);font-style:italic}

/* Related */
.pn-related{padding:100px var(--gutter) 0}
.pn-related .pn-grid2{margin-top:40px}
.pn-related .pn-tile>img{width:100%;height:220px;object-fit:cover;margin-bottom:18px}

/* Opt-in band */
.pn-optin{margin-top:100px;position:relative;min-height:460px;display:flex}
.pn-optin>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pn-optin-scrim{position:absolute;inset:0;background:rgba(11,14,20,.84)}
.pn-optin-inner{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;justify-content:center;padding:70px var(--gutter);text-align:center}
.pn-optin-title{margin:16px auto 0;max-width:20em;font-family:var(--serif);font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.02em}
.pn-optin-sub{margin:18px auto 0;max-width:34em;font-size:17px;line-height:1.6;color:var(--body2)}
.pn-form{display:flex;justify-content:center;gap:12px;margin:30px auto 0;width:100%;max-width:560px}
.pn-form input[type=email]{flex:1;min-width:0;font-family:var(--sans);font-size:16px;padding:15px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:center;border-radius:0}
.pn-form input[type=email]:focus{outline:none;border-bottom-color:var(--accent)}
.pn-form input::placeholder{color:var(--muted)}
.pn-btn{font-family:var(--sans);font-size:15.5px;font-weight:500;padding:15px 32px;border:0;background:var(--text);color:var(--ground);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:0}
.pn-btn:hover{background:var(--accent);color:var(--ground)}
.pn-btn img{width:16px;height:16px}
.pn-consent{display:flex;gap:10px;align-items:flex-start;justify-content:center;margin:20px auto 0;max-width:36em;font-size:14px;line-height:1.55;color:var(--body2);text-align:left;cursor:pointer}
.pn-consent input{margin-top:3px;accent-color:var(--accent);flex:none;width:16px;height:16px}
.pn-consent a{text-decoration:underline;text-underline-offset:2px}
.pn-form-msg{min-height:22px;margin-top:12px;font-size:14.5px;color:#E8B4A0}
.pn-small{margin:6px auto 0;max-width:34em;font-size:13.5px;line-height:1.55;color:var(--muted)}

/* Footer */
.pn-footer{padding:70px var(--gutter) 40px;display:flex;justify-content:space-between;align-items:flex-start;gap:60px}
.pn-footer-brand{font-family:var(--serif);font-size:26px}
.pn-footer-about{margin-top:10px;font-size:15px;line-height:1.6;color:var(--muted);max-width:26em}
.pn-footer-cols{display:flex;gap:56px;font-size:15px;color:var(--body2)}
.pn-footer-cols div{display:flex;flex-direction:column;gap:11px}
.pn-copy{padding:0 var(--gutter) 50px;font-size:13px;line-height:1.6;color:#6F7B8C}

/* Legal + plain pages */
.pn-page{padding:60px var(--gutter) 20px}
.pn-page h1{margin:12px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(42px,5vw,66px);line-height:1;letter-spacing:-.02em}
.pn-updated{margin-top:16px;font-size:14px;color:var(--muted)}
.pn-company{margin:34px 0 0;padding:24px 26px;background:var(--raise);border-left:3px solid var(--accent)}
.pn-company-name{font-family:var(--serif);font-size:32px;line-height:1.1}
.pn-company-addr{margin-top:8px;font-size:16.5px;line-height:1.6;color:var(--body)}
.pn-vat{margin-top:20px;padding:18px 20px;background:var(--page);border-left:3px solid var(--accent)}
.pn-vat-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pn-vat-num{display:block;margin-top:6px;font-family:var(--serif);font-size:30px;color:var(--accent);font-weight:400;letter-spacing:.01em}
.pn-vat-sub{margin-top:8px;font-size:15px;color:var(--body)}

/* Cookie banner */
.pn-cookie{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--page);box-shadow:0 -12px 40px rgba(0,0,0,.45);padding:20px var(--gutter);display:none}
.pn-cookie.is-open{display:block}
.pn-cookie-inner{max-width:1280px;margin:0 auto;display:flex;gap:28px;align-items:center;justify-content:space-between}
.pn-cookie p{margin:0;font-size:14.5px;line-height:1.6;color:var(--body);max-width:52em}
.pn-cookie p a{color:var(--accent);text-decoration:underline}
.pn-cookie-btns{display:flex;gap:10px;flex:none}
.pn-btn.is-ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.pn-btn.is-ghost:hover{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent);background:transparent}
.pn-cookie .pn-btn{padding:12px 22px;font-size:14.5px}

/* Mobile */
@media (max-width:980px){
  .pn-nav{flex-direction:column;align-items:flex-start;gap:14px;padding-top:22px;padding-bottom:22px}
  .pn-links{gap:6px 18px;font-size:14.5px}
  .pn-feature,.pn-feature.is-rev{grid-template-columns:1fr;gap:22px}
  .pn-feature>img,.pn-feature.is-rev>img{width:100%;height:auto;aspect-ratio:16/10;order:-1}
  .pn-grid2{grid-template-columns:1fr;gap:46px}
  .pn-footer{flex-direction:column;gap:36px}
  .pn-cookie-inner{flex-direction:column;align-items:stretch;gap:16px}
  .pn-cookie-btns .pn-btn{flex:1}
}
@media (max-width:600px){
  .pn-hero{height:auto;min-height:640px;display:flex;flex-direction:column;justify-content:flex-end}
  .pn-hero-body{position:relative;left:auto;right:auto;bottom:auto;padding:200px var(--gutter) 40px}
  .pn-hero .pn-nav{position:absolute}
  .pn-form{flex-direction:column;gap:16px}
  .pn-issue{padding-top:60px}
  .pn-article{padding-top:44px}
  .pn-footer-cols{gap:36px}
  .pn-table{font-size:14.5px}
  .pn-table th,.pn-table td{padding:10px 9px}
}