:root{--bg:#080d1c; --bg2:#0d1428; --surface:#131c36; --surface2:#1b2647; --line:#2c3a63; --ink:#f1f5ff; --ink2:#b8c4e4; --ink3:#93a2cb; --accent:#ff3d9a; --accent-lt:#ff89c2; --accent-dk:#c1005f; --sky:#22d3ee; --sky-dk:#0e7d90; --grass:#34d399; --dirt:#b06ea8; --dirt-dk:#7a3f74; --stone:#94a3c8; --diamond:#67e8f9; --emerald:#34d399; --tnt:#fb7185; --tnt-ink:#ff9db0; --on-accent:#151f2b; --bw:2px; --r:6px; --r-lg:10px; --sh-block:0 0 0 1px rgba(255,61,154,.18), 0 20px 44px -20px rgba(255,61,154,.45); --h1-max:52px; --h2-max:33px; --h1-measure:none; --font-display:"Bricolage Grotesque","Trebuchet MS",Impact,sans-serif; --font-ui:"Chivo",ui-monospace,"SFMono-Regular",Menlo,monospace; --font-body:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}

html{color-scheme:dark;}

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:84px;}

body,h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0;}

ul,ol{padding:0; list-style:none;}

img,svg,video{display:block; max-width:100%;}

img{height:auto;}

button,input,select,textarea{font:inherit; color:inherit;}

a{color:inherit;}

table{border-collapse:collapse;}

body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-body); font-size:16px; line-height:1.68; font-weight:400; overflow-x:hidden; -webkit-font-smoothing:antialiased; background-image: radial-gradient(900px 420px at 88% -8%, color-mix(in srgb, var(--sky) 15%, transparent), transparent 70%), radial-gradient(760px 380px at 4% 2%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 72%); background-repeat:no-repeat;}

::selection{background:var(--accent); color:var(--on-accent);}

.pc-bypass{position:absolute; left:-9999px; top:0; z-index:200; background:var(--accent); color:var(--on-accent); padding:12px 20px; font-family:var(--font-ui); font-size:13px; letter-spacing:.05em;}

.pc-bypass:focus{left:12px; top:12px;}

:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--diamond); outline-offset:3px; border-radius:2px;}

/* ---------- layout ---------- */ .pc-frame{width:min(100% - 32px, 1240px); margin-inline:auto;}

.pc-frame-tight{width:min(100% - 32px, 980px); margin-inline:auto;}

main{display:block;}

/* ---------- pixel primitives ---------- */ .pc-strip{height:26px; width:100%; position:relative; background: linear-gradient(var(--grass) 0 9px, transparent 9px), repeating-linear-gradient(90deg,var(--dirt) 0 12px,var(--dirt-dk) 12px 24px); border-top:3px solid color-mix(in srgb, var(--grass) 70%, #000); image-rendering:pixelated;}

.pc-strip::after{content:""; position:absolute; left:0; right:0; top:9px; height:4px; background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--grass) 65%,#000) 0 6px,transparent 6px 12px);}

.pc-strip--line{height:34px; background:none; border-top:0; position:relative; display:grid; place-items:center;}

.pc-strip--line::before{content:""; position:absolute; left:0; right:0; top:50%; height:2px; background:repeating-linear-gradient(90deg,var(--line) 0 14px,transparent 14px 22px);}

.pc-segi{position:relative; width:16px; height:16px; border:3px solid var(--accent); border-radius:50%; background:var(--bg);}

.pc-strip--wave{height:auto; background:none; border-top:0; line-height:0;}

.pc-strip--wave::after{content:none;}

.pc-strip--wave svg{width:100%; height:52px; display:block;}

.pc-giho{fill:var(--surface);}

.pc-xoya{fill:none; stroke:var(--sky); stroke-width:3; vector-effect:non-scaling-stroke; opacity:.85;}

/* ---------- buttons ---------- */ .pc-press{border-radius:var(--r); --btn-bg:var(--accent); --btn-ink:var(--on-accent); --btn-edge:var(--accent-dk); display:inline-flex; align-items:center; justify-content:center; gap:9px; font-family:var(--font-ui); font-weight:400; font-size:13.5px; letter-spacing:.045em; line-height:1.15; padding:16px 26px 17px; text-decoration:none; cursor:pointer; background:var(--btn-bg); color:var(--btn-ink); border:0; border-bottom:5px solid var(--btn-edge); box-shadow:inset 0 3px 0 rgba(255,255,255,.32), inset 0 -3px 0 rgba(0,0,0,.12); transition:transform .12s ease, filter .12s ease; text-align:center;}

.pc-press:hover{filter:brightness(1.08);}

.pc-press:active{transform:translateY(3px); border-bottom-width:2px;}

.pc-press svg{width:19px; height:19px; flex:none;}

.pc-press--ghost{--btn-bg:transparent; --btn-ink:var(--ink); --btn-edge:transparent; border:var(--bw) solid var(--line); box-shadow:none; padding:13px 22px;}

.pc-press--ghost:hover{border-color:var(--accent); color:var(--accent); filter:none;}

.pc-press--ghost:active{transform:translateY(2px);}

.pc-press--sm{font-size:11.5px; padding:12px 16px 13px; border-bottom-width:4px;}

.pc-press--wide{width:100%;}

/* ---------- header ---------- */ .pc-crown{position:sticky; top:0; z-index:90; background:color-mix(in srgb, var(--bg2) 92%, transparent); backdrop-filter:blur(10px); border-bottom:var(--bw) solid var(--line);}

.pc-crown-row{display:flex; align-items:center; gap:18px; min-height:70px;}

.pc-emblem{display:flex; align-items:center; gap:11px; text-decoration:none; flex:0 1 auto; min-width:0;}

.pc-emblem-icon{width:38px; height:38px; flex:none; image-rendering:pixelated;}

.pc-emblem-name{font-family:var(--font-display); font-size:clamp(17px,4.8vw,26px); color:var(--accent); letter-spacing:.005em; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pc-routes{margin-left:auto; display:none;}

.pc-routes ul{display:flex; align-items:center; gap:2px;}

.pc-routes a{display:block; padding:9px 11px; text-decoration:none; font-size:14px; font-weight:500; color:var(--ink2); border-bottom:3px solid transparent; transition:color .15s,border-color .15s; white-space:nowrap;}

.pc-routes a:hover{color:var(--ink);}

.pc-routes a[aria-current="page"]{color:var(--accent); border-bottom-color:var(--accent);}

.pc-crown-cta{display:none; flex:none;}

.pc-switch{border-radius:var(--r); margin-left:auto; width:46px; height:42px; background:var(--surface); border:var(--bw) solid var(--line); display:grid; place-items:center; cursor:pointer; padding:0;}

.pc-switch span{display:block; width:20px; height:3px; background:var(--ink); box-shadow:0 -7px 0 var(--ink),0 7px 0 var(--ink); transition:.2s;}

.pc-switch[aria-expanded="true"] span{background:transparent; box-shadow:0 0 0 transparent;}

.pc-switch[aria-expanded="true"]::before,.pc-switch[aria-expanded="true"]::after{content:""; position:absolute; width:22px; height:3px; background:var(--accent);}

.pc-switch[aria-expanded="true"]::before{transform:rotate(45deg);}

.pc-switch[aria-expanded="true"]::after{transform:rotate(-45deg);}

.pc-switch{position:relative;}

.pc-tray{border-top:var(--bw) solid var(--line); background:var(--bg2);}

.pc-tray[hidden]{display:none;}

.pc-tray ul{display:grid; grid-template-columns:1fr 1fr; gap:0;}

.pc-tray li:last-child:nth-child(odd){grid-column:1 / -1;}

.pc-tray nav a{display:block; padding:14px 12px; text-decoration:none; font-size:14.5px; font-weight:500; color:var(--ink2); border-bottom:1px solid var(--line); border-right:1px solid var(--line);}

.pc-tray li:last-child:nth-child(odd) a{border-right:0;}

.pc-tray nav a[aria-current="page"]{color:var(--accent);}

.pc-tray-cta{padding:16px;}

/* ---------- hero ---------- */ .pc-flash{position:relative; overflow:hidden; border-bottom:var(--bw) solid var(--line);}

.pc-flash::before{content:""; position:absolute; inset:0; background: linear-gradient(180deg, color-mix(in srgb,var(--sky) 22%,transparent) 0%, transparent 45%), repeating-linear-gradient(90deg, color-mix(in srgb,var(--line) 45%,transparent) 0 1px, transparent 1px 44px), repeating-linear-gradient(0deg, color-mix(in srgb,var(--line) 45%,transparent) 0 1px, transparent 1px 44px); opacity:.5; pointer-events:none;}

.pc-flash-row{position:relative; display:grid; gap:30px; padding:38px 0 44px;}

.pc-flash-copy{min-width:0;}

.pc-flash-actions{min-width:0;}

.pc-flash-actions .pc-flash-cta{margin-top:0;}

.pc-flash-row--art-wide .pc-flash-art img{width:100%;}

.pc-flash-row--art-wide .pc-flash-offer{right:auto; left:0;}

/* The wide band centres its copy; the art is capped near its intrinsic width so a small source asset is never upscaled into mush. */ .pc-flash-row--art-wide .pc-flash-art{max-width:var(--hero-art-max,820px); margin-inline:auto; width:100%;}

.pc-flash h1{font-family:var(--font-display); font-weight:400; font-size:clamp(32px,6.4vw,var(--h1-max)); line-height:1.04; letter-spacing:.002em; margin:16px 0 0; text-wrap:balance;}

.pc-flash h1{max-width:var(--h1-measure,none);}

.pc-flash h1 .pc-glow{color:var(--accent);}

.pc-flash-lede{margin-top:16px; font-size:clamp(16px,2.3vw,18.5px); color:var(--ink2); max-width:56ch;}

.pc-flash-cta{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px;}

.pc-flash-note{margin-top:14px; font-size:12.5px; color:var(--ink3); display:flex; align-items:flex-start; gap:7px;}

.pc-flash-note svg{width:14px; height:14px; flex:none; margin-top:3px;}

.pc-flash-art{position:relative;}

.pc-flash-art .pc-glass{border-radius:var(--r-lg); overflow:hidden; border:var(--bw) solid var(--line); background:var(--bg2); box-shadow:var(--sh-block); position:relative; overflow:hidden;}

.pc-flash-art img{width:100%; image-rendering:pixelated;}

.pc-flash-art--portrait .pc-glass{display:grid; place-items:center; padding:20px; background:var(--bg2);}

.pc-flash-art--portrait img{width:auto; max-width:100%; max-height:min(58vh,430px);}

.pc-flash-art .pc-glass::after{content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 62%, color-mix(in srgb,var(--bg) 78%,transparent));}

.pc-flash-offer{border-radius:var(--r); position:absolute; right:-6px; bottom:-14px; z-index:2; background:var(--accent); color:var(--on-accent); border-bottom:5px solid var(--accent-dk); padding:11px 15px 12px; font-family:var(--font-display); line-height:1.05; box-shadow:var(--sh-block);}

.pc-flash-offer b{display:block; font-size:27px; font-weight:400; line-height:1;}

.pc-flash-offer span{display:block; font-family:var(--font-ui); font-size:9px; letter-spacing:.1em; text-transform:uppercase; opacity:.85; margin-top:6px;}

.pc-flash-offer.pc-flash-offer--bottom-left{right:auto; left:-6px;}

.pc-flash-offer.pc-flash-offer--top-left{right:auto; bottom:auto; left:-6px; top:-14px;}

.pc-flash-offer.pc-flash-offer--top-right{bottom:auto; top:-14px;}

/* ---------- fact strip ---------- */ .pc-stats{background:var(--bg2); border-bottom:var(--bw) solid var(--line);}

.pc-stats--strip .pc-stats-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:0; border-left:1px solid var(--line); border-right:1px solid var(--line);}

.pc-stats-cell{padding:20px 16px; border-bottom:1px solid var(--line); border-right:1px solid var(--line); display:flex; align-items:center; gap:13px; min-width:0;}

.pc-stats--strip .pc-stats-cell:nth-child(2n){border-right:0;}

.pc-stats-icon{border-radius:var(--r); width:42px; height:42px; flex:none; display:grid; place-items:center; border:max(2px, calc(var(--bw) - 1px)) solid var(--line); background:var(--surface);}

.pc-stats-icon svg{width:22px; height:22px;}

.pc-stats-body{min-width:0;}

.pc-stats-label{display:block; font-family:var(--font-ui); font-size:9.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink3);}

.pc-stats-value{display:block; font-family:var(--font-display); font-size:24px; color:var(--ink); line-height:1.15; margin-top:6px; overflow-wrap:break-word; hyphens:auto;}

.pc-stats-value.pc-tint-rose{color:var(--accent);}

.pc-stats-value.pc-tint-ice{color:var(--diamond);}

.pc-stats-value.pc-tint-mint{color:var(--emerald);}

.pc-stats--cards{background:transparent; border-bottom:0; padding:26px 0 4px;}

.pc-stats--cards .pc-stats-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; border:0;}

.pc-stats--cards .pc-stats-cell{flex-direction:column; align-items:flex-start; gap:10px; padding:16px 15px; border:var(--bw) solid var(--line); border-radius:var(--r-lg); background:var(--surface); box-shadow:var(--sh-block);}

.pc-stats--cards .pc-stats-cell .pc-stats-label,.pc-stats--cards .pc-stats-cell .pc-stats-value{display:block;}

.pc-stats--cards .pc-stats-value{margin-top:2px;}

.pc-stats--list{background:var(--bg2); border-bottom:var(--bw) solid var(--line); padding:6px 0;}

.pc-stats--list .pc-stats-grid{display:grid; grid-template-columns:1fr; gap:0 34px; border:0;}

.pc-stats--list .pc-stats-cell{display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:12px; padding:13px 2px; border:0; border-bottom:1px dashed var(--line);}

.pc-stats--list .pc-stats-cell:last-child{border-bottom:0;}

@media (min-width:760px) {
  .pc-stats--list .pc-stats-grid{grid-template-columns:1fr 1fr;}
  }
@media (min-width:760px) {
  .pc-stats--list .pc-stats-cell:nth-last-child(2){border-bottom:0;}
  }
@media (min-width:760px) {}

.pc-stats--list .pc-stats-icon{width:34px; height:34px; border:0; background:transparent; color:var(--accent);}

.pc-stats--list .pc-stats-icon svg{width:20px; height:20px;}

.pc-stats--list .pc-stats-label{font-family:var(--font-ui); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink3);}

.pc-stats--list .pc-stats-value{margin:0; font-family:var(--font-display); font-size:19px; color:var(--ink); text-align:right; line-height:1.2;}

/* ---------- page shell ---------- */ .pc-body{display:grid; gap:34px; padding:38px 0 56px; align-items:start;}

/* Long compounds (Finnish, German, Dutch) blow past a 320px column otherwise. `hyphens` needs the document language, which the head already declares. */ .pc-flash h1,.pc-copy h2,.pc-copy h3,.pc-ask-q,.pc-outline-list a,.pc-veru{overflow-wrap:break-word; hyphens:auto;}

/* ---------- prose ---------- */ .pc-copy{min-width:0; font-size:16.5px;}

.pc-copy > * + *{margin-top:19px;}

.pc-copy h2{font-family:var(--font-display); font-weight:400; font-size:clamp(25px,3.7vw,var(--h2-max)); line-height:1.16; letter-spacing:.004em; margin-top:52px; padding-top:4px; position:relative; padding-left:26px; text-wrap:balance; scroll-margin-top:90px;}

.pc-copy h2::before{content:""; position:absolute; left:0; top:.42em; width:14px; height:14px; background:var(--accent); box-shadow:0 -8px 0 -3px var(--sky), 0 8px 0 -3px var(--emerald);}

.pc-copy h3{font-family:var(--font-body); font-weight:700; font-size:clamp(18px,2.6vw,21px); line-height:1.32; margin-top:34px; color:var(--ink); text-wrap:balance; scroll-margin-top:90px;}

.pc-copy h2 + h3, .pc-copy h2 + p, .pc-copy h2 + ul, .pc-copy h2 + ol, .pc-copy h2 + .pc-matrix{border-radius:var(--r-lg); margin-top:17px;}

.pc-copy p{color:var(--ink2);}

.pc-copy strong{color:var(--ink); font-weight:600;}

.pc-copy .pc-intro{font-size:17px; color:var(--ink); font-weight:600; border-left:4px solid var(--accent); padding-left:14px;}

.pc-copy ul{display:grid; gap:11px;}

.pc-copy ul > li{position:relative; padding-left:29px; color:var(--ink2);}

.pc-copy ul > li::before{content:""; position:absolute; left:2px; top:.56em; width:11px; height:11px; background:var(--sky); box-shadow:inset 0 2px 0 rgba(255,255,255,.35);}

.pc-copy ul > li > ul{margin-top:10px;}

.pc-copy ul > li > ul > li::before{background:var(--stone);}

.pc-copy li p{margin-top:8px;}

.pc-copy ol{counter-reset:step; display:grid; gap:15px;}

.pc-copy ol > li{position:relative; padding-left:48px; counter-increment:step; color:var(--ink2);}

.pc-copy ol > li::before{content:counter(step); position:absolute; left:0; top:0; width:33px; height:33px; display:grid; place-items:center; font-family:var(--font-ui); font-size:13px; background:var(--surface2); color:var(--accent); border:max(2px, calc(var(--bw) - 1px)) solid var(--line);}

.pc-copy ol > li > ul{margin-top:11px;}

.pc-matrix{overflow-x:auto; border:var(--bw) solid var(--line); background:var(--surface); box-shadow:var(--sh-block); -webkit-overflow-scrolling:touch; background-image: linear-gradient(to right, var(--surface), color-mix(in srgb, var(--surface) 0%, transparent)), linear-gradient(to left, var(--surface), color-mix(in srgb, var(--surface) 0%, transparent)), linear-gradient(to right, rgba(0,0,0,.42), rgba(0,0,0,0)), linear-gradient(to left, rgba(0,0,0,.42), rgba(0,0,0,0)); background-position:0 0, 100% 0, 0 0, 100% 0; background-repeat:no-repeat; background-size:26px 100%, 26px 100%, 14px 100%, 14px 100%; background-attachment:local, local, scroll, scroll;}

.pc-matrix table{width:100%; min-width:520px; font-size:15px;}

.pc-matrix th,.pc-matrix td{padding:12px 15px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top;}

.pc-matrix thead th{background:var(--surface2); color:var(--ink); font-family:var(--font-ui); font-size:10.5px; letter-spacing:.09em; text-transform:uppercase; border-bottom:var(--bw) solid var(--line); position:sticky; top:0; white-space:nowrap;}

.pc-matrix tbody tr:last-child td{border-bottom:0;}

.pc-matrix tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface2) 45%,transparent);}

.pc-matrix td{color:var(--ink2);}

.pc-matrix td:first-child{color:var(--ink); font-weight:500;}

.pc-matrix td strong{color:var(--accent); font-weight:600;}

.pc-matrix-hint{display:none; align-items:center; gap:6px; margin-top:8px; font-size:12px; color:var(--ink3);}

html:not(.pc-js) .pc-matrix-hint{display:flex;}

.pc-matrix.pc-swipes + .pc-matrix-hint{display:flex;}

.pc-matrix-hint svg{width:13px; height:13px;}

/* ---------- faq ---------- */ .pc-asks{display:grid; gap:10px; margin-top:20px;}

.pc-ask{border-radius:var(--r); border:var(--bw) solid var(--line); background:var(--surface);}

.pc-ask-q{margin:0; font-family:var(--font-body); font-size:16.5px; font-weight:600; line-height:1.45;}

.pc-ask-toggle{width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; background:none; border:0; padding:16px 17px; text-align:left; cursor:pointer; color:var(--ink); font:inherit;}

.pc-ask-toggle:hover{color:var(--accent);}

.pc-ask-icon{width:26px; height:26px; flex:none; position:relative; border:max(2px, calc(var(--bw) - 1px)) solid var(--line); background:var(--surface2); transition:.18s;}

.pc-ask-icon::before,.pc-ask-icon::after{content:""; position:absolute; background:var(--accent); left:50%; top:50%; transform:translate(-50%,-50%);}

.pc-ask-icon::before{width:11px; height:3px;}

.pc-ask-icon::after{width:3px; height:11px; transition:opacity .18s;}

.pc-ask-toggle[aria-expanded="true"] .pc-ask-icon{background:var(--accent); border-color:var(--accent);}

.pc-ask-toggle[aria-expanded="true"] .pc-ask-icon::before{background:var(--on-accent);}

.pc-ask-toggle[aria-expanded="true"] .pc-ask-icon::after{opacity:0;}

.pc-ask-a{padding:0 17px 17px; border-top:1px solid var(--line); padding-top:15px;}

.pc-ask-a > * + *{margin-top:14px;}

.pc-ask-a p{color:var(--ink2); font-size:15.5px;}

.pc-ask-a[hidden]{display:none;}

details.pc-ask summary{list-style:none; cursor:pointer;}

details.pc-ask summary::-webkit-details-marker{display:none;}

details.pc-ask .pc-ask-toggle{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 17px; color:var(--ink);}

details.pc-ask .pc-ask-q{margin:0; font-family:var(--font-body); font-size:16.5px; font-weight:600; line-height:1.45;}

details.pc-ask summary:hover .pc-ask-q{color:var(--accent);}

details.pc-ask[open] .pc-ask-icon{background:var(--accent); border-color:var(--accent);}

details.pc-ask[open] .pc-ask-icon::before{background:var(--on-accent);}

details.pc-ask[open] .pc-ask-icon::after{opacity:0;}

details.pc-ask .pc-ask-a{padding:0 17px 17px; border-top:1px solid var(--line); padding-top:15px;}

/* ---------- sidebar ---------- */ .pc-aside{display:grid; gap:20px; min-width:0;}

.pc-panel{border-radius:var(--r-lg); border:var(--bw) solid var(--line); background:var(--surface); box-shadow:var(--sh-block);}

.pc-panel-head{padding:13px 16px; border-bottom:var(--bw) solid var(--line); background:var(--surface2); font-family:var(--font-ui); font-size:10.5px; letter-spacing:.11em; text-transform:uppercase; color:var(--ink); display:flex; align-items:center; gap:9px;}

.pc-panel-head svg{width:17px; height:17px; color:var(--accent);}

.pc-panel-body{padding:16px;}

.pc-deal{border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent), var(--sh-block);}

.pc-deal .pc-panel-head{background:var(--accent); color:var(--on-accent); border-bottom-color:var(--accent-dk);}

.pc-deal .pc-panel-head svg{color:var(--on-accent);}

.pc-deal-value{font-family:var(--font-display); font-size:clamp(30px,4.6vw,38px); color:var(--accent); line-height:1.06;}

.pc-deal-extra{font-family:var(--font-display); font-size:21px; color:var(--ink); margin-top:6px; line-height:1.1;}

.pc-deal-terms{font-size:12px; color:var(--ink3); margin-top:12px; line-height:1.5;}

.pc-deal .pc-press{margin-top:15px;}

.pc-sheet dl{display:grid; gap:0;}

.pc-sheet .pc-pair{display:flex; justify-content:space-between; gap:14px; padding:10px 0; border-bottom:1px dashed var(--line);}

.pc-sheet .pc-pair:last-child{border-bottom:0;}

.pc-sheet dt{font-size:13px; color:var(--ink3); letter-spacing:.03em;}

.pc-sheet dd{margin:0; font-family:var(--font-display); font-size:18px; color:var(--ink); text-align:right; line-height:1.25;}

/* ---------- page contents ---------- */ .pc-outline{background:var(--bg2); border-bottom:var(--bw) solid var(--line); padding:18px 0 20px;}

.pc-outline-head{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:34px;}

.pc-outline-title{display:flex; align-items:center; gap:9px; font-family:var(--font-ui); font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink2);}

.pc-outline-title svg{width:16px; height:16px; color:var(--accent); flex:none;}

.pc-outline-toggle{border-radius:var(--r); display:none; align-items:center; gap:10px; cursor:pointer; background:var(--surface); border:max(2px, calc(var(--bw) - 1px)) solid var(--line); padding:8px 12px; font-family:var(--font-ui); font-size:10px; letter-spacing:.09em; text-transform:uppercase; color:var(--ink2);}

.pc-outline-toggle:hover{border-color:var(--accent); color:var(--accent);}

.pc-outline-icon{width:16px; height:16px; flex:none; position:relative;}

.pc-outline-icon::before,.pc-outline-icon::after{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:var(--accent);}

.pc-outline-icon::before{width:11px; height:3px;}

.pc-outline-icon::after{width:3px; height:11px; transition:opacity .18s;}

.pc-outline-toggle[aria-expanded="true"] .pc-outline-icon::after{opacity:0;}

.pc-outline-list{counter-reset:pn; display:grid; grid-template-columns:1fr; gap:2px; margin-top:14px;}

.pc-outline-list li{counter-increment:pn; min-width:0;}

.pc-outline-list a{display:flex; gap:11px; padding:9px 11px; text-decoration:none; font-size:14px; line-height:1.4; color:var(--ink2); border-left:3px solid transparent; transition:color .15s,background .15s,border-color .15s;}

.pc-outline-list a::before{content:counter(pn,decimal-leading-zero); font-family:var(--font-ui); font-size:10px; color:var(--ink3); flex:none; padding-top:3px;}

.pc-outline-list a:hover{color:var(--accent); background:var(--surface); border-left-color:var(--accent);}

.pc-outline-list a.pc-now{color:var(--accent); background:var(--surface); border-left-color:var(--accent);}

/* ---------- in-content promo band ---------- */ .pc-pulse{border-radius:var(--r-lg); position:relative; overflow:hidden; border:3px solid var(--accent); background:linear-gradient(135deg,var(--surface2),var(--surface)); padding:24px 22px; display:grid; gap:18px; box-shadow:var(--sh-block);}

.pc-pulse::before{content:""; position:absolute; inset:0; opacity:.16; pointer-events:none; background:repeating-linear-gradient(45deg,var(--accent) 0 8px,transparent 8px 24px);}

.pc-pulse > *{position:relative;}

.pc-pulse-title{font-family:var(--font-display); font-size:clamp(24px,3.6vw,30px); line-height:1.14; color:var(--ink);}

.pc-pulse-title em{font-style:normal; color:var(--accent);}

.pc-pulse-text{font-size:15px; color:var(--ink2); margin-top:8px;}

.pc-pulse-terms{font-size:11.5px; color:var(--ink3); margin-top:11px;}

/* ---------- pickaxe tier strip ---------- */ .pc-miwe{display:grid; grid-template-columns:1fr; gap:12px;}

@media (min-width:400px) {
  .pc-miwe{grid-template-columns:repeat(2,1fr);}
  }
@media (min-width:400px) {}

.pc-facet{min-width:0; border-radius:var(--r); border:var(--bw) solid var(--line); background:var(--surface); padding:15px 14px; text-align:center;}

.pc-facet-icon{border-radius:var(--r); display:grid; place-items:center; width:52px; height:52px; margin:0 auto 12px; border:max(2px, calc(var(--bw) - 1px)) solid var(--line); background:var(--surface2);}

.pc-facet-icon svg{width:30px; height:30px;}

.pc-facet-name{font-family:var(--font-display); font-size:20px; line-height:1.1;}

.pc-facet-meter{display:flex; gap:3px; margin-top:11px; justify-content:center;}

.pc-facet-meter i{display:block; width:11px; height:11px; background:var(--line);}

.pc-facet-meter i.pc-charged{background:var(--tnt);}

.pc-facet-note{font-size:12px; color:var(--ink3); margin-top:9px; line-height:1.45; display:block;}

.pc-facet--wood{color:#c08c53;}

.pc-facet--stone{color:var(--stone);}

.pc-facet--iron{color:#dfe6ee;}

.pc-facet--diamond{color:var(--diamond);}

.pc-facet-name{color:currentColor;}

.pc-facet-icon{color:currentColor;}

/* ---------- gallery ---------- */ .pc-stills{display:grid; gap:14px; grid-template-columns:1fr; align-items:start;}

.pc-still{border-radius:var(--r-lg); border:var(--bw) solid var(--line); background:var(--bg2); box-shadow:var(--sh-block); overflow:hidden;}

.pc-still img{width:100%; image-rendering:pixelated;}

.pc-still figcaption{padding:11px 14px; font-size:12.5px; color:var(--ink3); border-top:1px solid var(--line);}

/* ---------- footer ---------- */ .pc-base{background:var(--bg2); border-top:var(--bw) solid var(--line); padding:42px 0 0; font-size:14.5px;}

.pc-base-grid{display:grid; gap:30px; grid-template-columns:1fr;}

.pc-base-col h2{font-family:var(--font-ui); font-size:10px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink); margin-bottom:14px;}

.pc-base-col ul{display:grid; gap:9px;}

.pc-base-col a{color:var(--ink3); text-decoration:none; transition:color .15s;}

.pc-base-col a:hover{color:var(--accent);}

.pc-methods{display:flex; flex-wrap:wrap; gap:8px;}

.pc-methods span{border-radius:var(--r); border:max(2px, calc(var(--bw) - 1px)) solid var(--line); background:var(--surface); padding:7px 11px; font-family:var(--font-ui); font-size:9.5px; letter-spacing:.05em; color:var(--ink3);}

.pc-care{margin-top:34px; border-top:1px solid var(--line); padding:24px 0; display:grid; gap:16px; align-items:center;}

.pc-care-chips{display:flex; flex-wrap:wrap; gap:9px; align-items:center;}

.pc-care-chip{border-radius:var(--r); display:inline-flex; align-items:center; gap:7px; border:max(2px, calc(var(--bw) - 1px)) solid var(--line); padding:7px 12px; font-size:12px; color:var(--ink2); background:var(--surface);}

.pc-care-chip b{font-family:var(--font-ui); color:var(--tnt-ink); font-size:12px; letter-spacing:.04em;}

.pc-care-chip svg{width:15px; height:15px; color:var(--ink3);}

.pc-care p{color:var(--ink3); font-size:13px; line-height:1.6;}

.pc-care a{color:var(--ink2);}

.pc-base-bottom{border-top:1px solid var(--line); padding:18px 0 30px; color:var(--ink3); font-size:12.5px; display:grid; gap:8px;}

/* ---------- sticky mobile CTA ---------- */ .pc-bar{position:fixed; left:0; right:0; bottom:0; z-index:80; background:color-mix(in srgb, var(--bg2) 96%, transparent); backdrop-filter:blur(10px); border-top:var(--bw) solid var(--line); padding:10px 0 calc(10px + env(safe-area-inset-bottom)); box-shadow:0 -10px 24px -14px rgba(0,0,0,.7);}

.pc-bar-row{display:flex; align-items:center; justify-content:space-between; gap:14px;}

.pc-bar-text{flex:1 1 auto; min-width:0; line-height:1.15;}

.pc-bar-text b{display:block; font-family:var(--font-display); font-size:18px; color:var(--accent); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.pc-bar-text span{display:block; font-family:var(--font-ui); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink3); margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

@media (max-width:359px) {
  .pc-bar-row{gap:10px;}
  }
@media (max-width:359px) {
  .pc-bar .pc-press{padding-left:14px; padding-right:14px;}
  }
@media (max-width:359px) {
  .pc-bar-text span{display:none;}
  }
@media (max-width:359px) {}

.pc-bar .pc-press{flex:none; white-space:nowrap;}

.pc-js .pc-bar{transform:translateY(110%); transition:transform .28s ease; will-change:transform;}

.pc-js .pc-bar.pc-raised{transform:none;}

.pc-lota .pc-bar{display:none;}

/* ---------- 404 ---------- */ .pc-void{min-height:62vh; display:grid; place-items:center; text-align:center; padding:60px 0;}

.pc-void-code{font-family:var(--font-display); font-size:clamp(84px,22vw,170px); line-height:.86; color:var(--accent); text-shadow:7px 7px 0 var(--surface2);}

.pc-void h1{font-family:var(--font-display); font-size:clamp(28px,5.2vw,40px); margin-top:20px; font-weight:400;}

.pc-void p{color:var(--ink2); margin-top:14px; max-width:52ch; margin-inline:auto;}

.pc-void .pc-void-code{color:var(--accent); max-width:none; margin-top:0;}

.pc-void .pc-flash-cta{justify-content:center;}

.pc-void-links{margin-top:30px; display:flex; flex-wrap:wrap; gap:9px; justify-content:center;}

.pc-void-links a{border-radius:var(--r); border:max(2px, calc(var(--bw) - 1px)) solid var(--line); background:var(--surface); padding:9px 14px; text-decoration:none; font-size:13.5px; color:var(--ink2); transition:.15s;}

.pc-void-links a:hover{border-color:var(--accent); color:var(--accent);}

/* ---------- reveal ---------- */ .pc-js .pc-enter{opacity:0; transform:translateY(16px);}

.pc-js .pc-enter.pc-shown{opacity:1; transform:none; transition:opacity .5s ease,transform .5s ease;}

/* ---------- breadcrumb ---------- */ .pc-path{padding:14px 0; font-size:13px; color:var(--ink3); border-bottom:1px solid var(--line); background:var(--bg2);}

.pc-path ol{display:flex; flex-wrap:wrap; gap:7px; align-items:center;}

.pc-path a{color:var(--ink2); text-decoration:none;}

.pc-path a:hover{color:var(--accent);}

.pc-path li + li::before{content:"›"; margin-right:7px; color:var(--ink3);}

.pc-path li{display:flex; align-items:center;}

.pc-path [aria-current]{color:var(--ink3);}

/* ---------- responsive ---------- */ @media (max-width:719px) {
  .pc-outline-toggle{display:inline-flex;}
  }
/* ---------- responsive ---------- */ @media (max-width:719px) {
  .pc-js .pc-outline-list{display:none;}
  }
/* ---------- responsive ---------- */ @media (max-width:719px) {
  .pc-js .pc-outline.pc-expanded .pc-outline-list{display:grid;}
  }
/* ---------- responsive ---------- */ @media (max-width:719px) {}

@media (max-width:599px) {
  .pc-flash-offer{position:static; margin-top:-2px; padding:13px 16px; text-align:center; border-radius:0 0 var(--r-lg) var(--r-lg); box-shadow:none;}
  }
@media (max-width:599px) {
  .pc-flash-offer b{font-size:23px;}
  }
@media (max-width:599px) {}

@media (min-width:600px) {
  .pc-outline-list{grid-template-columns:1fr 1fr;}
  }
@media (min-width:600px) {
  .pc-stats--cards .pc-stats-grid{grid-template-columns:repeat(3,1fr);}
  }
@media (min-width:600px) {
  .pc-stats--strip .pc-stats-grid{grid-template-columns:repeat(3,1fr);}
  }
@media (min-width:600px) {
  .pc-stats--strip .pc-stats-cell:nth-child(2n){border-right:1px solid var(--line);}
  }
@media (min-width:600px) {
  .pc-stats--strip .pc-stats-cell:nth-child(3n){border-right:0;}
  }
@media (min-width:600px) {
  .pc-miwe{grid-template-columns:repeat(4,1fr);}
  }
@media (min-width:600px) {
  .pc-pulse{grid-template-columns:1fr auto; align-items:center; gap:26px; padding:28px 26px;}
  }
@media (min-width:600px) {
  .pc-care{grid-template-columns:auto 1fr; gap:24px;}
  }
@media (min-width:600px) {
  .pc-base-bottom{grid-template-columns:1fr auto; align-items:center;}
  }
@media (min-width:600px) {
  .pc-stills{grid-template-columns:2fr 1fr;}
  }
@media (min-width:600px) {}

@media (max-width:899px) {
  .pc-flash-row--art-left .pc-flash-copy{order:-1;}
  }
@media (max-width:899px) {}

@media (min-width:900px) {
  .pc-flash-row.pc-flash-row--art-left{grid-template-columns:.94fr 1.06fr;}
  }
@media (min-width:900px) {
  .pc-flash-row.pc-flash-row--art-wide{grid-template-columns:1fr; gap:26px; align-items:start; text-align:center; padding:34px 0 40px;}
  }
@media (min-width:900px) {
  .pc-flash-row--art-wide h1{font-size:clamp(32px,5vw,50px);}
  }
@media (min-width:900px) {
  .pc-flash-row--art-wide .pc-flash-copy{max-width:none;}
  }
@media (min-width:900px) {
  .pc-flash-row--art-wide h1{margin-inline:auto;}
  }
@media (min-width:900px) {
  .pc-flash-row--art-wide .pc-flash-lede{max-width:56ch; margin-inline:auto;}
  }
@media (min-width:900px) {
  .pc-flash-row--art-wide .pc-flash-cta, .pc-flash-row--art-wide .pc-flash-note{justify-content:center;}
  }
@media (min-width:900px) {
  .pc-flash-row--art-wide .pc-flash-note{align-items:center;}
  }
@media (min-width:900px) {
  .pc-outline{padding:22px 0 26px;}
  }
@media (min-width:900px) {
  .pc-outline-list{grid-template-columns:repeat(3,1fr); gap:2px 18px; margin-top:16px;}
  }
@media (min-width:900px) {
  .pc-flash-row{grid-template-columns:1.06fr .94fr; align-items:center; gap:44px; padding:52px 0 60px;}
  }
@media (min-width:900px) {
  .pc-stats--cards .pc-stats-grid{grid-template-columns:repeat(6,1fr);}
  }
@media (min-width:900px) {
  .pc-stats--strip .pc-stats-grid{grid-template-columns:repeat(6,1fr);}
  }
@media (min-width:900px) {
  .pc-stats--strip .pc-stats-cell:nth-child(3n){border-right:1px solid var(--line);}
  }
@media (min-width:900px) {
  .pc-stats--strip .pc-stats-cell:nth-child(6n){border-right:0;}
  }
@media (min-width:900px) {
  .pc-stats-cell{flex-direction:column; align-items:flex-start; gap:11px; padding:20px 15px;}
  }
@media (min-width:900px) {
  .pc-tray{display:none;}
  }
@media (min-width:900px) {}

@media (max-width:1079px) {
  body{padding-bottom:78px;}
  }
@media (max-width:1079px) {}

@media (min-width:1080px) {
  .pc-bar{display:none;}
  }
@media (min-width:1080px) {
  .pc-routes{display:block;}
  }
@media (min-width:1080px) {
  .pc-switch{display:none;}
  }
@media (min-width:1080px) {
  .pc-crown-cta{display:inline-flex;}
  }
@media (min-width:1080px) {
  .pc-body{grid-template-columns:minmax(0,1fr) 316px; gap:42px; padding:44px 0 72px;}
  }
@media (min-width:1080px) {
  .pc-body--side-left{grid-template-columns:316px minmax(0,1fr);}
  }
@media (min-width:1080px) {
  .pc-aside{position:sticky; top:88px; max-height:calc(100vh - 104px); overflow-y:auto; overflow-x:hidden; padding:0 10px 10px 0; margin-right:-10px; scrollbar-width:thin; scrollbar-color:var(--line) transparent;}
  }
@media (min-width:1080px) {
  .pc-aside::-webkit-scrollbar{width:8px;}
  }
@media (min-width:1080px) {
  .pc-aside::-webkit-scrollbar-thumb{background:var(--line);}
  }
@media (min-width:1080px) {
  .pc-aside::-webkit-scrollbar-track{background:transparent;}
  }
@media (min-width:1080px) {
  .pc-base-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;}
  }
@media (min-width:1080px) {}

@media (prefers-reduced-motion:reduce) {
  html{scroll-behavior:auto;}
  }
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after{animation-duration:.001ms !important; transition-duration:.001ms !important;}
  }
@media (prefers-reduced-motion:reduce) {
  .pc-js .pc-enter{opacity:1; transform:none;}
  }
@media (prefers-reduced-motion:reduce) {}

@media print {
  .pc-crown,.pc-aside,.pc-pulse,.pc-flash-cta,.pc-switch,.pc-tray,.pc-outline,.pc-bar{display:none !important;}
  }
@media print {
  body{background:#fff; color:#000;}
  }
@media print {
  .pc-copy p,.pc-copy li{color:#222;}
  }
@media print {}