/* Layout: quiet header, large studio-photo tiles on tinted backdrops, serif display over a precise sans, ink buttons with gold-foil accents */
:root{
  --paper:#FAFAF8; --surface:#FFFFFF; --ink:#151515; --muted:#6E6A63; --line:#E7E4DF; --soft:#F2F0EC;
  --accent:#151515; --accent-ink:#FAFAF8; --accent-soft:#F1EDE5; --gold:#94733A;
  --bd0:#CDD5C6; --bd1:#E3DACB; --bd2:#D3D9DF; --bd3:#E5D4CF; --bd4:#DCD7CF; --bd5:#C9D8D2;
  --good:#2E6B4B; --good-soft:#E6F0EA; --warn:#8A5A12; --warn-soft:#F6EEDF;
  --shadow:0 1px 2px rgba(21,21,21,.04),0 12px 32px rgba(21,21,21,.07);
  --f-display:"Instrument Serif","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --f-body:"Geist","Helvetica Neue",Arial,system-ui,sans-serif;
  --f-mono:"Geist Mono",ui-monospace,Menlo,monospace;
  --r:10px; --r-lg:18px; --wrap:1280px;
}
@media (prefers-color-scheme:off){:root:not(*){
  --paper:#121211; --surface:#1A1A19; --ink:#F1EFEA; --muted:#A6A198; --line:#2D2C2A; --soft:#222120;
  --accent:#F1EFEA; --accent-ink:#151515; --accent-soft:#2A2722; --gold:#D4B375;
  --bd0:#3A4236; --bd1:#4A4336; --bd2:#363C44; --bd3:#4A3B38; --bd4:#3F3B36; --bd5:#33423D;
  --good:#7CCB9E; --good-soft:#1C2E24; --warn:#E6B566; --warn-soft:#332811;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.35); color-scheme:dark}}
:root[data-theme="off-dark"]{
  --paper:#121211; --surface:#1A1A19; --ink:#F1EFEA; --muted:#A6A198; --line:#2D2C2A; --soft:#222120;
  --accent:#F1EFEA; --accent-ink:#151515; --accent-soft:#2A2722; --gold:#D4B375;
  --bd0:#3A4236; --bd1:#4A4336; --bd2:#363C44; --bd3:#4A3B38; --bd4:#3F3B36; --bd5:#33423D;
  --good:#7CCB9E; --good-soft:#1C2E24; --warn:#E6B566; --warn-soft:#332811;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.35); color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font:15.5px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{margin:0;text-wrap:balance}
h1,h2{font-family:var(--f-display);font-weight:400;letter-spacing:-.015em;line-height:1.02}
h1{font-size:clamp(2.6rem,6vw,4.6rem)}
h2{font-size:clamp(2rem,3.6vw,2.9rem)}
h1 em,h2 em{font-style:italic;color:var(--gold)}
h3{font-family:var(--f-body);font-size:1.02rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}
.mono{font-family:var(--f-mono);font-size:.78rem}
.eyebrow{font-family:var(--f-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.muted{color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;border:1px solid transparent;font-weight:500;cursor:pointer;text-decoration:none;font-size:.93rem;line-height:1.2;transition:background .2s,border-color .2s,transform .1s,opacity .2s}
.btn:active{transform:translateY(1px)}
.btn-primary,.btn-dark{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover,.btn-dark:hover{opacity:.86}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-sm{padding:9px 16px;font-size:.85rem}
.btn-block{width:100%}
.link{background:none;border:0;padding:0;cursor:pointer;color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;text-decoration-thickness:1px}
.link:hover{text-decoration-color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:.74rem;font-weight:500;background:var(--soft);color:var(--muted)}
.pill.good{background:var(--good-soft);color:var(--good)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.accent{background:var(--accent-soft);color:var(--gold)}
.ico{width:20px;height:20px;flex:none}

/* top bar + header */
.topbar{background:#151515;color:#E9E6E0;font-size:.8rem}
.topbar .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-block:9px;flex-wrap:wrap}
.topbar .proto{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#C9B07A}
.topbar .proto::before{content:"";width:6px;height:6px;border-radius:50%;background:#C9B07A}
.topbar .tb-left{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.topbar .tb-msg{color:#BDB8AF}
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;gap:28px;padding-block:16px}
.logo{display:flex;align-items:baseline;gap:10px;text-decoration:none;font-family:var(--f-body);font-weight:700;font-size:1.42rem;letter-spacing:-.045em}
.logo .dot{color:#C8115B}
.logo small{font-family:var(--f-mono);font-weight:400;font-size:.64rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.search{flex:1;max-width:460px;position:relative}
.search input{width:100%;padding:11px 16px 11px 42px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.9rem}
.search input:focus{outline:none;border-color:var(--ink)}
.search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted)}
.hicons{display:flex;gap:2px;margin-left:auto;align-items:center}
.icon-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:9px 12px;border-radius:999px;cursor:pointer;font-weight:500;font-size:.88rem;text-decoration:none}
.icon-btn:hover{background:var(--soft)}
.cart-count{min-width:19px;height:19px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:.68rem;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;font-weight:600}
.menu-toggle{display:none}
nav.cats>.wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
nav.cats>.wrap::-webkit-scrollbar{display:none}
.cat-link{display:block;padding:10px 12px 12px;font-size:.86rem;font-weight:500;color:var(--muted);white-space:nowrap;text-decoration:none;border-bottom:1.5px solid transparent;transition:color .15s}
.cat-link:hover,.cat-item.open .cat-link{color:var(--ink);border-bottom-color:var(--ink)}
.cat-link.services{color:var(--gold)}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);z-index:39}
.mega .wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:36px;padding-block:32px 36px}
.mega h4{font-family:var(--f-mono);font-size:.68rem;font-weight:400;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:14px}
.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.mega a{text-decoration:none;font-size:.92rem}
.mega ul a:hover{color:var(--gold)}
.mega .feat{display:grid;gap:10px;text-decoration:none;align-content:start}
.mega .feat .tile{aspect-ratio:16/10}
.mega .feat b{font-family:var(--f-display);font-weight:400;font-size:1.3rem;line-height:1.1}

/* drawer */
.drawer-bg{position:fixed;inset:0;background:rgba(10,10,10,.42);z-index:60}
.drawer{position:fixed;top:0;bottom:0;left:0;width:min(370px,88vw);background:var(--paper);z-index:61;overflow-y:auto;padding:calc(16px + env(safe-area-inset-top,0px)) 22px calc(24px + env(safe-area-inset-bottom,0px))}
.drawer details{border-bottom:1px solid var(--line)}
.drawer summary{padding:14px 0;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.drawer summary::after{content:"";width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);margin:6px 4px 0}
.drawer details[open] summary::after{transform:rotate(-135deg);margin-top:10px}
.drawer ul{list-style:none;padding:0 0 14px;margin:0;display:grid;gap:10px;font-size:.94rem}
.drawer a{text-decoration:none}

/* tiles */
.tile{position:relative;background:var(--soft);border-radius:var(--r-lg);overflow:hidden;display:block}
.tile svg.art{display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.tile.c{display:flex;align-items:center;justify-content:center}
.tile.c svg.art{width:80%;height:80%}
.sv{font-family:var(--f-display)}
.ss{font-family:var(--f-body)}
.sm{font-family:var(--f-mono)}

main{min-height:60vh}
.pp>*,.two>*,.acct>*,.hero-grid>*,.cat-hero>*,.svc-hero>*,.designer>*,.news>*,.stack>*,.config>*,.formcard>*,.work-grid>*,.opt>*{min-width:0}
section.block{padding-block:88px}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.sec-head p{max-width:46ch;color:var(--muted)}
.sec-head .eyebrow{display:block;margin-bottom:12px}

/* hero */
.hero{padding-block:48px 56px}
.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.hero p.lead{font-size:1.12rem;color:var(--muted);margin-top:22px;max-width:44ch}
.hero .ctas{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.hero .facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:40px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.hero .facts div{display:grid;gap:2px}
.hero .facts b{font-family:var(--f-display);font-weight:400;font-size:2rem;line-height:1}
.hero .facts span{font-size:.84rem}
.hero-art{aspect-ratio:6/5;width:100%;border-radius:24px}

.promise{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-block:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.promise>div{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start}
.promise .ico{grid-row:span 2;color:var(--gold);width:22px;height:22px;margin-top:2px}
.promise b{font-weight:600;font-size:.94rem}
.promise span{color:var(--muted);font-size:.86rem;line-height:1.5}

/* product grid */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 24px}
.grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pcard{display:grid;gap:16px;text-decoration:none;cursor:pointer;align-content:start}
.pcard .tile{aspect-ratio:1/1}
.pcard:hover .tile svg.art{transform:scale(1.035)}
.pcard .pbody{display:grid;gap:5px}
.pcard h3{font-size:1rem}
.pcard .meta{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;margin-top:2px}
.pcard .from{font-size:.88rem;color:var(--muted)}
.pcard .from b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.pcard .spec{color:var(--muted);font-size:.84rem}

/* finishes band */
.finishes{background:#151515;color:#EFECE6}
.finishes .muted,.finishes .sec-head p{color:#A6A198}
.finishes .eyebrow{color:#C9B07A}
.fin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.swatch{aspect-ratio:1/1;border-radius:14px;margin-bottom:18px;position:relative;overflow:hidden}
.sw-foil{background:linear-gradient(118deg,#7d5f24 0%,#e9cf86 24%,#a98235 42%,#fbe9b2 58%,#8f6c2b 78%,#d9b660 100%)}
.sw-uv{background:radial-gradient(ellipse at 28% 22%,rgba(255,255,255,.28),transparent 42%),#1E1F22}
.sw-uv::after{content:"";position:absolute;inset:26% 26%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.6),rgba(255,255,255,.08) 55%,rgba(255,255,255,0) 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.sw-soft{background:radial-gradient(ellipse at 30% 25%,#55524c,#2d2b28 70%)}
.sw-kraft{background-color:#B58856;background-image:radial-gradient(rgba(70,40,10,.22) 1px,transparent 1.2px),radial-gradient(rgba(255,240,220,.16) 1px,transparent 1.2px);background-size:6px 6px,9px 9px}
.fin-grid h3{font-family:var(--f-display);font-weight:400;font-size:1.45rem;margin-bottom:6px}
.fin-grid p{font-size:.88rem}

/* category tiles */
.cat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}
.ccard{display:grid;gap:12px;text-decoration:none}
.ccard .tile{aspect-ratio:1/1}
.ccard:hover .tile svg.art{transform:scale(1.035)}
.ccard b{font-weight:500;font-size:.94rem}

/* services */
.svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.svc{display:grid;gap:14px;align-content:start;text-decoration:none}
.svc .tile{aspect-ratio:4/3}
.svc:hover .tile svg.art{transform:scale(1.035)}
.svc h3{font-family:var(--f-display);font-weight:400;font-size:1.5rem;line-height:1.1}
.svc p{color:var(--muted);font-size:.9rem}

.industries{display:flex;gap:10px;flex-wrap:wrap}
.chip{padding:10px 18px;border:1px solid var(--line);border-radius:99px;background:transparent;cursor:pointer;font-weight:500;font-size:.88rem;text-decoration:none;transition:all .15s}
.chip:hover{border-color:var(--ink)}
.chip.on{border-color:var(--ink);background:var(--ink);color:var(--paper)}

.placeholder{border:1px dashed var(--line);border-radius:var(--r-lg);padding:32px;display:grid;gap:6px;justify-items:start;color:var(--muted);background:var(--surface)}
.placeholder b{color:var(--ink);font-weight:500}

.news{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:48px;background:var(--accent-soft);border-radius:24px}
.news form{display:flex;gap:10px;flex-wrap:wrap}
.news input{flex:1;min-width:200px;padding:13px 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}

/* footer */
footer.site{margin-top:96px;border-top:1px solid var(--line)}
.fgrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:40px;padding-block:56px}
.fgrid h4{font-family:var(--f-mono);font-size:.68rem;font-weight:400;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:16px}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.9rem}
.fgrid a{text-decoration:none}
.fgrid a:hover{color:var(--gold)}
.fbase{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}
.paylogos{display:flex;gap:6px;flex-wrap:wrap}
.paylogos span{border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-family:var(--f-mono);font-size:.64rem;letter-spacing:.06em}

/* crumbs + category page */
.crumbs{font-size:.8rem;color:var(--muted);padding-block:22px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.cat-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;padding-bottom:48px;margin-bottom:8px}
.cat-hero .tile{aspect-ratio:16/10}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;align-items:center;padding-top:28px;border-top:1px solid var(--line)}

/* product page */
.pp{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}
.gallery{position:sticky;top:150px;display:grid;gap:12px}
.gallery .main{aspect-ratio:1/1;border-radius:22px}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.thumbs button{padding:0;border:0;border-radius:14px;background:none;cursor:pointer;outline-offset:3px;opacity:.72;transition:opacity .2s}
.thumbs button.on,.thumbs button:hover{opacity:1}
.thumbs button.on .tile{box-shadow:0 0 0 1.5px var(--ink)}
.thumbs .tile{aspect-ratio:1/1;border-radius:12px}
.gal-cap{font-size:.8rem;color:var(--muted)}
.config{display:grid;gap:28px}
.config .head{display:grid;gap:14px;padding-bottom:4px}
.config .head h1{font-size:clamp(2.2rem,4vw,3.2rem)}
.config .head p{color:var(--muted);font-size:1.02rem;max-width:48ch}
.specline{display:flex;gap:8px;flex-wrap:wrap}
.opt{display:grid;gap:10px;border:0;padding:0;margin:0;min-width:0}
.opt legend{font-weight:600;font-size:.86rem;padding:0;margin-bottom:12px;display:flex;gap:10px;align-items:baseline}
.choices{display:flex;flex-wrap:wrap;gap:8px}
.choice{position:relative}
.choice input{position:absolute;opacity:0;pointer-events:none}
.choice span{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer;font-size:.88rem;transition:border-color .15s,background .15s}
.choice span:hover{border-color:var(--muted)}
.choice input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.choice input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.qtable{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.qtable td,.qtable th{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left}
.qtable tr:last-child td{border-bottom:0}
.qtable th{font-weight:400;color:var(--muted);font-size:.74rem;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;background:var(--soft)}
.qtable td:last-child,.qtable th:last-child{text-align:right}
.qtable tbody tr{cursor:pointer}
.qtable tbody tr:hover td{background:var(--soft)}
.qtable tr.on td{background:var(--accent-soft);font-weight:600}
.qtable tr.on td:first-child{box-shadow:inset 3px 0 0 var(--ink)}
.save{color:var(--good);font-size:.74rem;font-weight:500;margin-left:8px}
.field{display:grid;gap:7px}
.field label{font-weight:500;font-size:.84rem}
.field input,.field select,.field textarea{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--ink)}
.field textarea{min-height:104px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.turn{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.turn label{display:block;cursor:pointer;position:relative}
.turn input{position:absolute;opacity:0}
.turn .tcard{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--surface);display:grid;gap:3px;height:100%;transition:border-color .15s}
.turn .tcard:hover{border-color:var(--muted)}
.turn .tcard b{font-size:.9rem;font-weight:600}
.turn .tcard span{font-size:.78rem;color:var(--muted);line-height:1.45}
.turn input:checked+.tcard{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.turn input:focus-visible+.tcard{outline:2px solid var(--ink);outline-offset:2px}
.turn input:disabled+.tcard{opacity:.4;cursor:not-allowed}
.pricebox{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px 24px;display:grid;gap:14px;box-shadow:var(--shadow)}
.pricebox .tot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.pricebox .tot b{font-family:var(--f-display);font-weight:400;font-size:2.4rem;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pricebox .sub{display:flex;justify-content:space-between;gap:10px;font-size:.84rem;color:var(--muted);flex-wrap:wrap}
.upl{border:1px dashed var(--line);border-radius:14px;padding:18px;display:grid;gap:8px;background:var(--surface)}
.upl>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.upl.ok{border-style:solid;border-color:color-mix(in srgb,var(--good) 40%,transparent);background:var(--good-soft)}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:.84rem}
.checks li{display:flex;gap:8px;align-items:center}
.checks li::before{content:"";width:9px;height:5px;border-left:1.6px solid var(--good);border-bottom:1.6px solid var(--good);transform:rotate(-45deg) translateY(-2px);flex:none}

.tabs{margin-top:88px;border-top:1px solid var(--line)}
.tabbar{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.tabbar button{background:none;border:0;padding:18px 14px 16px;font-weight:500;cursor:pointer;border-bottom:1.5px solid transparent;white-space:nowrap;color:var(--muted);margin-top:-1px}
.tabbar button.on{color:var(--ink);border-top:1.5px solid var(--ink)}
.tabpanel{padding-block:24px 8px;display:grid;gap:16px;max-width:70ch}
.tabpanel ul{margin:0;padding-left:20px;display:grid;gap:7px}
.spec-table{border-collapse:collapse;width:100%;max-width:640px}
.spec-table td{padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.spec-table td:first-child{color:var(--muted);width:42%}
details.faq{border-bottom:1px solid var(--line)}
details.faq summary{cursor:pointer;padding:16px 0;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:12px}
details.faq summary::after{content:"";width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);margin-top:6px;flex:none}
details.faq[open] summary::after{transform:rotate(-135deg);margin-top:10px}
details.faq p{padding-bottom:16px;color:var(--muted);max-width:62ch}

/* cart, checkout */
.two{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:start}
.citem{display:grid;grid-template-columns:112px 1fr auto;gap:22px;padding-block:24px;border-bottom:1px solid var(--line);align-items:start}
.citem:first-child{border-top:1px solid var(--line)}
.citem .tile{aspect-ratio:1/1;border-radius:12px}
.citem .opts{font-size:.85rem;color:var(--muted);margin-top:4px}
.citem .acts{display:flex;gap:16px;margin-top:10px;font-size:.84rem}
.summary{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;display:grid;gap:14px;position:sticky;top:150px}
.summary h3{font-family:var(--f-display);font-weight:400;font-size:1.5rem}
.summary .line{display:flex;justify-content:space-between;gap:10px;font-size:.92rem}
.summary .line.total{font-weight:600;font-size:1.05rem;border-top:1px solid var(--line);padding-top:14px}
.formcard{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;gap:18px}
.formcard h3{font-family:var(--f-display);font-weight:400;font-size:1.5rem}
.radio-list{display:grid;gap:10px}
.radio-list label{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;background:var(--surface);transition:border-color .15s}
.radio-list label:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.radio-list label:has(input:disabled){opacity:.45;cursor:not-allowed}
.radio-list input{margin-top:5px;accent-color:var(--ink)}
.radio-list .rl{display:grid;flex:1}
.radio-list .rl b{font-weight:500}
.radio-list .rl span{color:var(--muted);font-size:.84rem}
.radio-list .fee{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}

.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-block:10px}
.steps .st{display:grid;gap:8px;font-size:.72rem;color:var(--muted)}
.steps .st i{height:3px;border-radius:3px;background:var(--line)}
.steps .st.done i{background:var(--ink)}
.steps .st.now i{background:var(--gold)}
.steps .st.now{color:var(--ink);font-weight:600}

/* account */
.acct{display:grid;grid-template-columns:230px 1fr;gap:48px;align-items:start}
.acct nav{display:grid;gap:2px;position:sticky;top:150px}
.acct nav button{text-align:left;background:none;border:0;padding:11px 14px;border-radius:999px;cursor:pointer;font-weight:500;color:var(--muted);display:flex;justify-content:space-between;gap:12px}
.acct nav button:hover{color:var(--ink)}
.acct nav button.on{background:var(--soft);color:var(--ink)}
.ocard{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:22px 24px;display:grid;gap:14px}
.ocard .top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.stack{display:grid;gap:18px}
.proof{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}
.proof .tile{aspect-ratio:4/5;border-radius:14px}

/* services page */
.svc-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;padding-block:24px 64px}
.svc-hero .tile{aspect-ratio:4/3;border-radius:24px}
.ticks{list-style:none;padding:0;margin:0;display:grid}
.ticks li{padding:14px 0 14px 34px;position:relative;border-bottom:1px solid var(--line)}
.ticks li:first-child{border-top:1px solid var(--line)}
.ticks li::before{content:"";position:absolute;left:4px;top:21px;width:12px;height:7px;border-left:1.6px solid var(--gold);border-bottom:1.6px solid var(--gold);transform:rotate(-45deg)}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.work-grid .placeholder{aspect-ratio:4/3;align-content:center;justify-items:center;text-align:center;padding:16px}

/* designer modal */
.modal-bg{position:fixed;inset:0;background:rgba(10,10,10,.5);z-index:70;display:flex;align-items:center;justify-content:center;padding:16px}
.modal{background:var(--paper);border-radius:24px;max-width:960px;width:100%;max-height:calc(100% - 32px);overflow-y:auto;padding:28px;display:grid;gap:20px}
.modal .mhead{display:flex;justify-content:space-between;align-items:center;gap:12px}
.designer{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}
.canvas-wrap{background:var(--bd1);border-radius:18px;padding:36px;display:flex;justify-content:center;align-items:center;min-height:320px}
.bcard{width:100%;max-width:440px;aspect-ratio:90/54;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 18px 40px rgba(0,0,0,.18);position:relative;overflow:hidden;padding:7% 8%;display:flex;flex-direction:column;justify-content:space-between;outline:1px dashed rgba(148,115,58,.6);outline-offset:-12px}
.bcard .bn{font-family:var(--f-display);font-size:clamp(1.2rem,3.6vw,1.8rem);line-height:1.05}
.bcard .bt{font-size:clamp(.62rem,1.6vw,.74rem);opacity:.7;text-transform:uppercase;letter-spacing:.14em;margin-top:4px}
.bcard .bc{font-size:clamp(.6rem,1.5vw,.74rem);line-height:1.6;font-family:var(--f-mono)}
.bcard .bar{position:absolute;left:0;top:0;bottom:0;width:6%}
.guide-note{font-size:.78rem;color:var(--muted)}

.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#151515;color:#F1EFEA;padding:13px 20px;border-radius:999px;display:flex;gap:18px;align-items:center;z-index:80;box-shadow:0 12px 32px rgba(0,0,0,.25);max-width:calc(100% - 32px);font-size:.9rem}
.toast button{background:none;border:0;color:#D4B375;font-weight:600;cursor:pointer;padding:0}
.notice{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--warn-soft);color:var(--warn);font-size:.86rem}
.empty{padding:64px 24px;text-align:center;display:grid;gap:14px;justify-items:center;border:1px dashed var(--line);border-radius:24px;background:var(--surface)}

@media (max-width:1100px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fgrid{grid-template-columns:1fr 1fr 1fr}
  .fgrid>div:first-child{grid-column:1/-1}
  .promise{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .search{display:none}
  .menu-toggle{display:inline-flex}
  nav.cats{display:none}
  .hero-grid,.pp,.two,.cat-hero,.svc-hero,.news,.acct,.designer{grid-template-columns:1fr}
  .hero-grid{gap:36px}
  .gallery,.summary,.acct nav{position:static}
  .acct nav{display:flex;overflow-x:auto}
  .acct nav button{white-space:nowrap}
  .fin-grid{grid-template-columns:1fr 1fr}
  .grid,.grid.cols3{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}
  .cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .work-grid{grid-template-columns:1fr 1fr}
  .proof{grid-template-columns:1fr}
  .proof .tile{max-width:240px}
  section.block{padding-block:64px}
}
@media (max-width:520px){
  .wrap{padding-inline:16px}
  .hrow{gap:10px;padding-block:12px}
  .logo small{display:none}
  .icon-btn .lbl{display:none}
  .icon-btn{padding:9px}
  .svc-grid,.promise{grid-template-columns:1fr}
  .promise{gap:20px}
  .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .row2,.row3,.turn{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .citem{grid-template-columns:80px 1fr}
  .citem .cprice{grid-column:2}
  .steps{grid-template-columns:repeat(4,1fr)}
  .news{padding:28px}
  .hero .facts{gap:22px}
  .hero .facts b{font-size:1.6rem}
  .topbar .tb-msg{display:none}
  section.block{padding-block:52px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* motion + interaction */
@keyframes lineUp{from{transform:translateY(105%)}to{transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes artIn{from{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pop{0%,100%{transform:scale(1)}45%{transform:scale(1.45)}}
@keyframes megaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes sway{0%,100%{transform:rotateY(-9deg) rotateX(4deg)}50%{transform:rotateY(9deg) rotateX(-3deg)}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes reveal{from{opacity:.25;transform:translateY(34px)}to{opacity:1;transform:none}}
.hero-h .ln{display:block;overflow:hidden;padding-bottom:.08em}
.hero-h .ln>span{display:inline-block;animation:lineUp 1s cubic-bezier(.16,.84,.24,1) both}
.hero-h .ln:nth-child(2)>span{animation-delay:.12s}
.hero .lead{animation:fadeUp .9s .3s cubic-bezier(.16,.84,.24,1) both}
.hero .ctas{animation:fadeUp .9s .42s cubic-bezier(.16,.84,.24,1) both}
.hero .facts{animation:fadeUp .9s .54s cubic-bezier(.16,.84,.24,1) both}
.hero-art{animation:artIn 1.2s .1s cubic-bezier(.16,.84,.24,1) both}
.hero-art .bob{animation:bob 6s ease-in-out infinite}
.hero-art .par{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mega:not([hidden]){animation:megaIn .22s ease-out}
.cart-count.pop{animation:pop .45s ease}
header.site{transition:box-shadow .3s}
header.site.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.06)}
@supports (animation-timeline: view()){
  .reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
  .how-line i{animation:grow linear both;animation-timeline:view();animation-range:entry 30% cover 55%}
}
.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.tilt::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.28),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}
.tilt:hover::after{opacity:1}
.fly{position:fixed;z-index:90;width:84px;height:84px;border-radius:14px;overflow:hidden;pointer-events:none;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.fly svg{width:100%;height:100%;display:block}
::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}

/* marquee */
.marquee{overflow:hidden;padding-block:26px;border-bottom:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;align-items:center;gap:36px;width:max-content;animation:marquee 48s linear infinite}
.marquee:hover .mq-track{animation-play-state:paused}
.mq-track span{font-family:var(--f-display);font-size:clamp(1.5rem,2.6vw,2.2rem);white-space:nowrap;line-height:1.1}
.mq-track span:nth-child(4n+3){font-style:italic;color:var(--gold)}
.mq-track svg{width:22px;height:22px;flex:none;color:var(--muted)}

/* finish studio */
.finishes h2 em{color:#D4B375}
.fin-studio{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.fs-list{display:grid;margin-block:28px 32px}
.fs-list button{display:grid;grid-template-columns:12px 1fr;gap:2px 16px;text-align:left;background:none;border:0;border-top:1px solid #2E2D2A;padding:15px 0;color:#A6A198;cursor:pointer}
.fs-list button:last-child{border-bottom:1px solid #2E2D2A}
.fs-list button i{width:10px;height:10px;border-radius:50%;margin-top:8px;grid-row:span 2;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.fs-list button b{color:#EFECE6;font-weight:500;font-size:1rem;transition:color .2s}
.fs-list button span{font-size:.86rem}
.fs-list button.on b{color:#D4B375}
.fs-list button:hover b{color:#fff}
.fs-stage{perspective:1400px;display:grid;justify-items:center;gap:26px;padding-block:24px;touch-action:pan-y}
.fwrap{width:min(480px,100%);transform-style:preserve-3d;animation:sway 8s ease-in-out infinite}
.fs-stage:hover .fwrap,.fs-stage.live .fwrap{animation-play-state:paused}
.fcard{position:relative;width:100%;aspect-ratio:90/54;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(calc(var(--ry,0deg) + var(--flip,0deg)));transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.fs-stage.live .fcard{transition:transform .15s ease-out}
.face{position:absolute;inset:0;border-radius:6px;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:8% 9%;display:flex;flex-direction:column;justify-content:space-between;color:#F3EFE7;box-shadow:0 34px 60px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.35);overflow:hidden;transition:background-color .5s,color .5s}
.face::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,30%) var(--my,25%),rgba(255,255,255,var(--glare,.14)),transparent 55%);pointer-events:none}
.face.back{transform:rotateY(180deg);background:#FBFAF7;color:#1A1A1A;justify-content:flex-end;gap:6px}
.face.back b{font-family:var(--f-display);font-weight:400;font-size:clamp(1.3rem,3vw,1.7rem)}
.face.back span{font-family:var(--f-mono);font-size:.74rem;line-height:1.6}
.fmark{width:40px;height:40px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-family:var(--f-display);font-size:1.15rem}
.fname{font-family:var(--f-display);font-size:clamp(1.8rem,4.4vw,2.7rem);line-height:1;font-weight:400;display:block}
.ftag{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin-top:10px;display:block}
.fcard[data-f=matt] .front{background:#1F2B47;--glare:.07}
.fcard[data-f=soft] .front{background:#2F2D2A;--glare:.03}
.fcard[data-f=foil] .front{background:#1F2B47;--glare:.12}
.fcard[data-f=foil] .fname,.fcard[data-f=foil] .fmark{background:linear-gradient(115deg,#8C6A2A 0%,#F3DA94 28%,#B08838 44%,#FCEBB5 58%,#9A7631 78%,#E9C877 100%);background-size:240% 100%;background-position:var(--fx,40%) 50%;-webkit-background-clip:text;background-clip:text;color:transparent;border-color:#D9B866}
.fcard[data-f=uv] .front{background:#161616;--glare:.04}
.fcard[data-f=uv] .fname,.fcard[data-f=uv] .fmark{background:radial-gradient(circle at var(--mx,30%) var(--my,25%),#ffffff 0%,#b5b5b5 18%,#4a4a4a 42%,#2f2f2f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;border-color:#3a3a3a}
.fcard[data-f=kraft] .front{background-color:#B58856;background-image:radial-gradient(rgba(70,40,10,.22) 1px,transparent 1.2px),radial-gradient(rgba(255,240,220,.16) 1px,transparent 1.2px);background-size:6px 6px,9px 9px;color:#3A2A18;--glare:.05}
.fs-note{font-size:.8rem;color:#A6A198}

/* how it works */
.how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.how-steps li{display:grid;gap:10px;align-content:start}
.how-steps .n{font-family:var(--f-mono);font-size:.74rem;color:var(--gold);letter-spacing:.1em}
.how-steps b{font-family:var(--f-display);font-weight:400;font-size:1.6rem;line-height:1.1}
.how-steps p{color:var(--muted);font-size:.92rem}
.how-line{height:2px;background:var(--line);margin-bottom:32px;position:relative;overflow:hidden;border-radius:2px}
.how-line i{position:absolute;inset:0;background:var(--ink);transform-origin:left}

/* search suggest */
.sugg{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:8px;z-index:50;animation:megaIn .18s ease-out}
.sugg a{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:7px 8px;border-radius:12px;text-decoration:none;font-size:.9rem}
.sugg a.on,.sugg a:hover{background:var(--soft)}
.sugg .tile{width:44px;height:44px;border-radius:10px}
.sugg small{color:var(--muted);font-size:.78rem;white-space:nowrap}
.sugg .sg-h{font-family:var(--f-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);padding:8px 10px 4px}
.sugg a.sg-all{display:block;text-align:center;padding:10px;font-weight:500}

/* category toolbar */
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:32px;padding-top:28px;border-top:1px solid var(--line)}
.toolbar .filters{margin:0;padding:0;border:0}
.sort{display:flex;gap:10px;align-items:center;font-size:.85rem;color:var(--muted)}
.sort select{padding:9px 36px 9px 14px;border:1px solid var(--line);border-radius:999px;background-color:var(--surface);-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;color:var(--ink);cursor:pointer}

/* product extras */
.qa{margin-top:80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.qa dl{margin:0;display:grid}
.qa dt{font-weight:600;padding-top:18px;border-top:1px solid var(--line)}
.qa dd{margin:6px 0 18px;color:var(--muted);max-width:62ch}
.share{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.84rem;color:var(--muted)}
.share a,.share button{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:none;text-decoration:none;color:var(--ink);cursor:pointer;font-size:.8rem}
.share a:hover,.share button:hover{border-color:var(--ink)}
.serp{margin-top:56px;border:1px dashed var(--line);border-radius:16px;padding:4px 20px;background:var(--surface)}
.serp summary{cursor:pointer;padding:12px 0;font-size:.85rem;color:var(--muted)}
.serp .g{padding:4px 0 18px;max-width:600px;font-family:Arial,Helvetica,sans-serif}
.serp .g cite{font-style:normal;font-size:.8rem;color:var(--muted)}
.serp .g h3{font-family:Arial,Helvetica,sans-serif;color:#1a0dab;font-size:1.15rem;font-weight:400;margin:4px 0;letter-spacing:0}
.serp .g p{font-size:.86rem;color:var(--muted)}
.buybar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,0,0,.08);transition:transform .3s}
.buybar small{display:block;color:var(--muted);font-size:.72rem}
.buybar b{font-family:var(--f-display);font-weight:400;font-size:1.5rem;font-variant-numeric:tabular-nums;line-height:1.1}
.buybar.hide{transform:translateY(110%)}
.wa{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:44;width:54px;height:54px;border-radius:50%;background:#1F7A4D;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.25);transition:transform .2s,bottom .3s}
.wa:hover{transform:scale(1.07)}
.wa svg{width:26px;height:26px}

/* guides + social */
.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.gcard{display:grid;gap:12px;text-decoration:none;align-content:start}
.gcard .tile{aspect-ratio:4/3}
.gcard b{font-family:var(--f-display);font-weight:400;font-size:1.35rem;line-height:1.15}
.gcard span{font-size:.8rem;color:var(--muted)}
.article{max-width:760px}
.article h1{font-size:clamp(2.2rem,4.6vw,3.4rem)}
.answer{margin-block:28px;padding:22px 24px;border-radius:18px;background:var(--accent-soft);display:grid;gap:6px}
.answer .eyebrow{color:var(--gold)}
.answer p{font-size:1.08rem}
.article h2{font-size:1.9rem;margin:40px 0 12px}
.article p,.article li{max-width:66ch}
.article ul{padding-left:20px;display:grid;gap:8px}
.article table{border-collapse:collapse;width:100%;margin-top:8px;font-size:.92rem}
.article td,.article th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.article th{font-family:var(--f-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:400}
.social{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:center}
.social .feed{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.social .feed .tile{aspect-ratio:1/1}
.social .links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
@media (max-width:1100px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-steps{grid-template-columns:repeat(2,1fr);row-gap:36px}}
@media (max-width:860px){
  .fin-studio,.qa,.social{grid-template-columns:1fr}
  .fin-studio{gap:24px}
  .buybar{display:flex}
  body.has-buybar .wa{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  body.has-buybar footer.site{padding-bottom:80px}
  .qa{margin-top:56px;gap:16px}
}
@media (max-width:520px){.guide-grid,.how-steps{grid-template-columns:1fr}.social .feed{grid-template-columns:repeat(2,1fr)}.wa{width:50px;height:50px;right:14px}}
input[type=file]{font-size:.84rem;color:var(--muted);max-width:100%}
input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 16px;border-radius:999px;margin-right:12px;cursor:pointer;font:inherit;font-size:.84rem}
input[type=file]::file-selector-button:hover{border-color:var(--ink)}
/* ===== Creaze brand layer (Brand Guidelines v2.0) =====
   Montserrat throughout · creaze-blue primary · creaze-gold as fill accent only (never text on white)
   60% white/light · 25% blue family · 10% gold · 5% ink · radius 8 buttons / 16 cards / pill badges */
:root{
  --paper:#FFFFFF; --surface:#FFFFFF; --ink:#161A22; --muted:#5B6472; --line:#D5DCE6; --soft:#E6EEF8; --border:#8A96A8;
  --accent:#13549D; --accent-ink:#FFFFFF; --accent-hover:#0C3363; --accent-soft:#E6EEF8; --gold:#13549D;
  --brand:#13549D; --brand-gold:#E7BE43; --deep:#0C3363; --cream:#FBF3DA; --sky:#E6EEF8;
  --bd0:#E6EEF8; --bd1:#FBF3DA; --bd2:#DCE6F2; --bd3:#F3ECD8; --bd4:#E9EEF5; --bd5:#EAF0E6;
  --good:#1D6B45; --good-soft:#E3F2EA; --warn:#8A5300; --warn-soft:#FBF3DA; --bad:#B42318; --bad-soft:#FDECEA;
  --shadow:0 1px 2px rgba(12,51,99,.06),0 14px 34px rgba(12,51,99,.09);
  --f-display:"Montserrat",Arial,sans-serif; --f-body:"Montserrat",Arial,sans-serif; --f-mono:"Montserrat",Arial,sans-serif;
  --r:8px; --r-lg:16px;
}
@media (prefers-color-scheme:off){:root:not(*){
  --paper:#0C3363; --surface:#123F75; --ink:#FFFFFF; --muted:#C9D6E8; --line:#2B5288; --soft:#164682; --border:#6F87A8;
  --accent:#E7BE43; --accent-ink:#161A22; --accent-hover:#F0CE6A; --accent-soft:#164682; --gold:#E7BE43;
  --brand:#E7BE43; --sky:#164682; --cream:#164682;
  --bd0:#164682; --bd1:#1A4A80; --bd2:#14427A; --bd3:#1C4C84; --bd4:#123F75; --bd5:#184A7E;
  --good:#7FD3A6; --good-soft:#123E4A; --warn:#F3D27A; --warn-soft:#2A3F5E; --bad:#FFB4AB; --bad-soft:#3F2A45;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 14px 34px rgba(0,0,0,.28); color-scheme:dark}}
:root[data-theme="off-dark"]{
  --paper:#0C3363; --surface:#123F75; --ink:#FFFFFF; --muted:#C9D6E8; --line:#2B5288; --soft:#164682; --border:#6F87A8;
  --accent:#E7BE43; --accent-ink:#161A22; --accent-hover:#F0CE6A; --accent-soft:#164682; --gold:#E7BE43;
  --brand:#E7BE43; --sky:#164682; --cream:#164682;
  --bd0:#164682; --bd1:#1A4A80; --bd2:#14427A; --bd3:#1C4C84; --bd4:#123F75; --bd5:#184A7E;
  --good:#7FD3A6; --good-soft:#123E4A; --warn:#F3D27A; --warn-soft:#2A3F5E; --bad:#FFB4AB; --bad-soft:#3F2A45;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 14px 34px rgba(0,0,0,.28); color-scheme:dark}

body{font:16px/1.6 var(--f-body);letter-spacing:0}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
h1,h2{font-family:var(--f-display);font-weight:800;letter-spacing:-.02em;line-height:1.06}
h2{font-weight:700;letter-spacing:-.015em}
h1{font-size:clamp(2.3rem,5.4vw,4rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
h3{font-weight:700}
h1 em,h2 em{font-style:normal;color:var(--brand);background:linear-gradient(transparent 72%,color-mix(in srgb,var(--brand-gold) 55%,transparent) 72%,color-mix(in srgb,var(--brand-gold) 55%,transparent) 94%,transparent 94%);padding-inline:.04em}
.eyebrow{font-family:var(--f-body);font-style:italic;font-weight:500;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brand)}
.mono{font-family:var(--f-body);font-size:.78rem;font-variant-numeric:tabular-nums}
.btn{border-radius:var(--r);font-weight:600;letter-spacing:.01em}
.btn-primary,.btn-dark{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover,.btn-dark:hover{opacity:1;background:var(--accent-hover)}
.btn-ghost{border-color:var(--border)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.btn-gold{background:var(--brand-gold);color:#161A22}
.btn-gold:hover{background:#F0CE6A}
.link{color:var(--brand);text-decoration-color:color-mix(in srgb,var(--brand) 40%,transparent)}
.link:hover{text-decoration-color:var(--brand)}
.pill.accent{background:var(--cream);color:var(--ink)}
.ico{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* top bar, header, logo */
.topbar{background:#0C3363;color:#FFFFFF}
.topbar .tb-msg{color:#C9D6E8}
.topbar .proto{font-family:var(--f-body);font-style:italic;font-weight:600;background:#E7BE43;color:#161A22;padding:3px 10px;border-radius:999px;letter-spacing:.14em}
.topbar .proto::before{display:none}
header.site{background:color-mix(in srgb,var(--paper) 94%,transparent)}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:36px;width:auto;display:block}
.logo .lg-d{display:none}
@media (prefers-color-scheme:off){:root:not(*) .logo .lg-l{display:none}:root:not(*) .logo .lg-d{display:block}}
:root[data-theme="off-dark"] .logo .lg-l{display:none}
:root[data-theme="off-dark"] .logo .lg-d{display:block}
.logo small{font-family:var(--f-body);font-style:italic;font-weight:500;letter-spacing:.2em;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;line-height:1.3}
.cat-link{font-weight:600;color:var(--ink)}
.cat-link:hover,.cat-item.open .cat-link{color:var(--brand);border-bottom-color:var(--brand-gold)}
.cat-link.services{color:var(--brand)}
.cat-link.nav-studio{color:var(--brand);display:inline-flex;align-items:center;gap:6px}
.cat-link.nav-studio::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand-gold)}
.cart-count{background:var(--brand-gold);color:#161A22}
.mega h4,.fgrid h4,.sugg .sg-h{font-family:var(--f-body);font-style:italic;font-weight:500;letter-spacing:.2em;color:var(--brand)}
.mega ul a:hover,.fgrid a:hover{color:var(--brand)}
.mega .feat b{font-family:var(--f-body);font-weight:700;font-size:1.05rem}
.search input:focus{border-color:var(--brand)}

/* tiles + type swaps */
.tile{border-radius:var(--r-lg)}
.hero .facts b,.pricebox .tot b,.buybar b{font-family:var(--f-body);font-weight:800;letter-spacing:-.02em}
.pricebox .tot b{font-size:2.1rem}
.fin-grid h3,.svc h3,.summary h3,.formcard h3,.how-steps b,.gcard b,.mq-track span{font-family:var(--f-body);font-weight:700;letter-spacing:-.01em}
.svc h3{font-size:1.2rem}.gcard b{font-size:1.1rem}.how-steps b{font-size:1.25rem}.summary h3,.formcard h3{font-size:1.25rem}
.mq-track span{font-weight:800;font-size:clamp(1.3rem,2.4vw,2rem);text-transform:none}
.mq-track span:nth-child(4n+3){font-style:normal;color:var(--brand)}
.mq-track svg{color:var(--brand-gold)}
.promise .ico{color:var(--brand)}
.qtable th,.article th{font-family:var(--f-body);font-style:italic;font-weight:500;letter-spacing:.16em}
.paylogos span{font-family:var(--f-body);font-weight:600;letter-spacing:.06em}
.how-steps .n{font-family:var(--f-body);font-weight:800;font-size:.86rem;color:var(--brand);letter-spacing:.06em}
.how-line i{background:var(--brand)}
.steps .st.done i{background:var(--brand)}
.steps .st.now i{background:var(--brand-gold)}
.ticks li::before{border-color:var(--brand)}
.choice span{border-radius:var(--r)}
.choice input:checked+span{border-color:var(--brand);background:var(--brand);color:#fff}
:root[data-theme="off-dark"] .choice input:checked+span{color:#161A22}
@media (prefers-color-scheme:off){:root:not(*) .choice input:checked+span{color:#161A22}}
.turn input:checked+.tcard,.radio-list label:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.qtable tr.on td{background:var(--sky)}
.qtable tr.on td:first-child{box-shadow:inset 3px 0 0 var(--brand-gold)}
.answer{background:var(--sky)}
.answer .eyebrow{color:var(--brand)}
.news{background:var(--deep);color:#FFFFFF;position:relative;overflow:hidden}
.news .muted{color:#C9D6E8}
.news h2 em{color:#E7BE43;background:none}
.news input{border-color:#6F87A8;background:#123F75;color:#fff}
.news input::placeholder{color:#C9D6E8}
.news .btn-primary{background:#E7BE43;color:#161A22}
.news::after{content:"";position:absolute;right:-20px;bottom:-30px;width:220px;height:190px;background:var(--swoosh-w) no-repeat center/contain;opacity:.12;pointer-events:none}
.toast{background:#0C3363;color:#fff}
.toast button{color:#E7BE43}
.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}
:root[data-theme="off-dark"] .chip.on{color:#161A22}
@media (prefers-color-scheme:off){:root:not(*) .chip.on{color:#161A22}}
.chip:hover{border-color:var(--brand)}

/* hero */
.hero h1 .swoosh{display:inline-block;width:.62em;height:.55em;background:var(--swoosh-g) no-repeat center/contain;margin-left:.08em;vertical-align:.05em}
.hero-art{background:var(--sky)}

/* finishes band on deep blue with tint pattern */
.finishes{background:#0C3363 var(--pattern) repeat;background-size:150px;color:#FFFFFF}
.finishes .eyebrow{color:#E7BE43}
.finishes h2 em{color:#E7BE43;background:none}
.finishes .muted,.finishes .sec-head p{color:#C9D6E8}
.fs-list button{border-color:#2B5288;color:#C9D6E8}
.fs-list button:last-child{border-color:#2B5288}
.fs-list button b{color:#FFFFFF}
.fs-list button.on b{color:#E7BE43}

/* footer on deep blue */
footer.site{background:#0C3363;color:#FFFFFF;border-top:0}
footer.site .muted,.fbase{color:#C9D6E8}
footer.site .fgrid h4{color:#E7BE43}
footer.site a:hover{color:#E7BE43}
.fbase{border-color:#2B5288}
.paylogos span{border-color:#2B5288;color:#FFFFFF}
.endorse{font-size:.84rem;color:#C9D6E8;margin-top:14px}
footer .logo img{height:40px}

/* sub-brand lockup */
.sublock{display:inline-flex;align-items:center;gap:14px;margin-bottom:22px}
.sublock img{height:30px}
.sublock i{width:1.5px;height:26px;background:var(--brand-gold)}
.sublock span{font-weight:600;letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;color:var(--brand)}
.sublock .lg-d{display:none}
:root[data-theme="off-dark"] .sublock .lg-l{display:none}
:root[data-theme="off-dark"] .sublock .lg-d{display:block}
@media (prefers-color-scheme:off){:root:not(*) .sublock .lg-l{display:none}:root:not(*) .sublock .lg-d{display:block}}

/* studio promo on home */
.studio-promo{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center;background:var(--sky);border-radius:24px;padding:48px;overflow:hidden}
.studio-promo ul{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:10px}
.studio-promo li{display:flex;gap:12px;align-items:flex-start}
.studio-promo li::before{content:"";flex:none;width:18px;height:16px;margin-top:4px;background:var(--swoosh-g) no-repeat center/contain}
.promo-stack{position:relative;min-height:340px}
.promo-stack .tcard2{position:absolute;border-radius:14px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.promo-stack .tcard2:hover{transform:translateY(-6px) rotate(0deg)!important;z-index:3}.promo-stack .mk{background:transparent}
.promo-stack .tcard2 img{display:block;width:100%;height:auto}
@media (max-width:860px){.studio-promo{grid-template-columns:1fr;padding:28px;gap:28px}.promo-stack{min-height:260px}}
:root{--swoosh-g:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjQyIDUwIDY0IDU2IiB3aWR0aD0iNjQiIGhlaWdodD0iNTYiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTUwKSI+PHBhdGggZmlsbD0iI0U3QkU0MyIgZD0iTSA1OC41NzQyMTkgNTkuMTgzNTk0IEMgNjYuNTMxMjUgNjIuNzY1NjI1IDcyLjgyODEyNSA2OC4wNTg1OTQgNzguOTg0Mzc1IDczLjU2MjUgQyA4MS4zNzEwOTQgNzUuNjk5MjE5IDgzLjc1MzkwNiA3Ny44OTg0MzggODYuODYzMjgxIDc5LjAxNTYyNSBDIDg2LjkxMDE1NiA3OS4wMzUxNTYgODYuOTU3MDMxIDc5LjA2MjUgODcuMDAzOTA2IDc5LjA3ODEyNSBDIDg5LjEwNTQ2OSA3OS43MTg3NSA5MS4zNDM3NSA4MC42MDE1NjIgOTMuMDYyNSA3OC41MzEyNSBDIDk0Ljc1NzgxMiA3Ni40OTIxODggOTMuODcxMDk0IDc0LjIzMDQ2OSA5Mi44MTY0MDYgNzIuMjUgQyA5MS4xODM1OTQgNjkuMTc5Njg4IDg4LjUwMzkwNiA2Ny4xMjEwOTQgODUuNTE1NjI1IDY1LjQ0OTIxOSBDIDc4LjQ2ODc1IDYxLjQ5NjA5NCA3MC44Nzg5MDYgNTkuNDU3MDMxIDYyLjgyNDIxOSA1OS4xMTMyODEgQyA2MS41MzUxNTYgNTkuMDU4NTk0IDYwLjI0MjE4OCA1OS4xNTIzNDQgNTguNTc0MjE5IDU5LjE4MzU5NCAiPjwvcGF0aD48cGF0aCBmaWxsPSIjRTdCRTQzIiBkPSJNIDk0LjAxMTcxOSA5NC41MTU2MjUgQyA5MC4yODkwNjIgOTIuNDMzNTk0IDg2LjczMDQ2OSA5MC4yNjU2MjUgODMuMzYzMjgxIDg3Ljc2MTcxOSBDIDc5LjY1MjM0NCA4NSA3Ni4yOTY4NzUgODEuODMyMDMxIDcyLjc3NzM0NCA3OC44NTkzNzUgQyA3MC43NTc4MTIgNzcuMTUyMzQ0IDY4LjcxNDg0NCA3NS40NDkyMTkgNjYuMTgzNTk0IDc0LjUyNzM0NCBDIDY0LjA4OTg0NCA3My43Njk1MzEgNjEuODM1OTM4IDczLjE0MDYyNSA2MC4wNTA3ODEgNzQuOTQ1MzEyIEMgNTguMjczNDM4IDc2LjczODI4MSA1OC45OTYwOTQgNzguOTQ5MjE5IDU5LjkwNjI1IDgwLjkxMDE1NiBDIDYxLjQ1NzAzMSA4NC4yNDIxODggNjQuMjQyMTg4IDg2LjQyOTY4OCA2Ny4zNDc2NTYgODguMTc1NzgxIEMgNzUuMzgyODEyIDkyLjY5NTMxMiA4NC4wNDY4NzUgOTQuNzgxMjUgOTMuMjUzOTA2IDk0LjYxNzE4OCBDIDkzLjUwNzgxMiA5NC42MTMyODEgOTMuNzYxNzE5IDk0LjU1MDc4MSA5NC4wMTE3MTkgOTQuNTE1NjI1ICI+PC9wYXRoPjwvZz48L3N2Zz4=");--swoosh-w:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjQyIDUwIDY0IDU2IiB3aWR0aD0iNjQiIGhlaWdodD0iNTYiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTUwKSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTSA1OC41NzQyMTkgNTkuMTgzNTk0IEMgNjYuNTMxMjUgNjIuNzY1NjI1IDcyLjgyODEyNSA2OC4wNTg1OTQgNzguOTg0Mzc1IDczLjU2MjUgQyA4MS4zNzEwOTQgNzUuNjk5MjE5IDgzLjc1MzkwNiA3Ny44OTg0MzggODYuODYzMjgxIDc5LjAxNTYyNSBDIDg2LjkxMDE1NiA3OS4wMzUxNTYgODYuOTU3MDMxIDc5LjA2MjUgODcuMDAzOTA2IDc5LjA3ODEyNSBDIDg5LjEwNTQ2OSA3OS43MTg3NSA5MS4zNDM3NSA4MC42MDE1NjIgOTMuMDYyNSA3OC41MzEyNSBDIDk0Ljc1NzgxMiA3Ni40OTIxODggOTMuODcxMDk0IDc0LjIzMDQ2OSA5Mi44MTY0MDYgNzIuMjUgQyA5MS4xODM1OTQgNjkuMTc5Njg4IDg4LjUwMzkwNiA2Ny4xMjEwOTQgODUuNTE1NjI1IDY1LjQ0OTIxOSBDIDc4LjQ2ODc1IDYxLjQ5NjA5NCA3MC44Nzg5MDYgNTkuNDU3MDMxIDYyLjgyNDIxOSA1OS4xMTMyODEgQyA2MS41MzUxNTYgNTkuMDU4NTk0IDYwLjI0MjE4OCA1OS4xNTIzNDQgNTguNTc0MjE5IDU5LjE4MzU5NCAiPjwvcGF0aD48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNIDk0LjAxMTcxOSA5NC41MTU2MjUgQyA5MC4yODkwNjIgOTIuNDMzNTk0IDg2LjczMDQ2OSA5MC4yNjU2MjUgODMuMzYzMjgxIDg3Ljc2MTcxOSBDIDc5LjY1MjM0NCA4NSA3Ni4yOTY4NzUgODEuODMyMDMxIDcyLjc3NzM0NCA3OC44NTkzNzUgQyA3MC43NTc4MTIgNzcuMTUyMzQ0IDY4LjcxNDg0NCA3NS40NDkyMTkgNjYuMTgzNTk0IDc0LjUyNzM0NCBDIDY0LjA4OTg0NCA3My43Njk1MzEgNjEuODM1OTM4IDczLjE0MDYyNSA2MC4wNTA3ODEgNzQuOTQ1MzEyIEMgNTguMjczNDM4IDc2LjczODI4MSA1OC45OTYwOTQgNzguOTQ5MjE5IDU5LjkwNjI1IDgwLjkxMDE1NiBDIDYxLjQ1NzAzMSA4NC4yNDIxODggNjQuMjQyMTg4IDg2LjQyOTY4OCA2Ny4zNDc2NTYgODguMTc1NzgxIEMgNzUuMzgyODEyIDkyLjY5NTMxMiA4NC4wNDY4NzUgOTQuNzgxMjUgOTMuMjUzOTA2IDk0LjYxNzE4OCBDIDkzLjUwNzgxMiA5NC42MTMyODEgOTMuNzYxNzE5IDk0LjU1MDc4MSA5NC4wMTE3MTkgOTQuNTE1NjI1ICI+PC9wYXRoPjwvZz48L3N2Zz4=");--pattern:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTMgMTUwIiB3aWR0aD0iMTUzIiBoZWlnaHQ9IjE1MCI+PGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcC0wIj4KPHBhdGggY2xpcC1ydWxlPSJub256ZXJvIiBkPSJNIDEzNSAyMSBMIDE1MyAyMSBMIDE1MyA0MyBMIDEzNSA0MyBaIE0gMTM1IDIxICI+PC9wYXRoPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAtMSI+CjxwYXRoIGNsaXAtcnVsZT0ibm9uemVybyIgZD0iTSAxMzUgMzYgTCAxNTMgMzYgTCAxNTMgNTggTCAxMzUgNTggWiBNIDEzNSAzNiAiPjwvcGF0aD4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwLTIiPgo8cGF0aCBjbGlwLXJ1bGU9Im5vbnplcm8iIGQ9Ik0gNTggMCBMIDk1IDAgTCA5NSA1IEwgNTggNSBaIE0gNTggMCAiPjwvcGF0aD4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwLTMiPgo8cGF0aCBjbGlwLXJ1bGU9Im5vbnplcm8iIGQ9Ik0gNTggMCBMIDk1IDAgTCA5NSAyMCBMIDU4IDIwIFogTSA1OCAwICI+PC9wYXRoPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAtNCI+CjxwYXRoIGNsaXAtcnVsZT0ibm9uemVybyIgZD0iTSAwIDIxIEwgMTggMjEgTCAxOCA0MyBMIDAgNDMgWiBNIDAgMjEgIj48L3BhdGg+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcC01Ij4KPHBhdGggY2xpcC1ydWxlPSJub256ZXJvIiBkPSJNIDAgMzYgTCAxOCAzNiBMIDE4IDU4IEwgMCA1OCBaIE0gMCAzNiAiPjwvcGF0aD4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwLTYiPgo8cGF0aCBjbGlwLXJ1bGU9Im5vbnplcm8iIGQ9Ik0gMTM1IDk2IEwgMTUzIDk2IEwgMTUzIDExOCBMIDEzNSAxMTggWiBNIDEzNSA5NiAiPjwvcGF0aD4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwLTciPgo8cGF0aCBjbGlwLXJ1bGU9Im5vbnplcm8iIGQ9Ik0gMTM1IDExMSBMIDE1MyAxMTEgTCAxNTMgMTMzIEwgMTM1IDEzMyBaIE0gMTM1IDExMSAiPjwvcGF0aD4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwLTgiPgo8cGF0aCBjbGlwLXJ1bGU9Im5vbnplcm8iIGQ9Ik0gMCA5NiBMIDE4IDk2IEwgMTggMTE4IEwgMCAxMTggWiBNIDAgOTYgIj48L3BhdGg+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcC05Ij4KPHBhdGggY2xpcC1ydWxlPSJub256ZXJvIiBkPSJNIDAgMTExIEwgMTggMTExIEwgMTggMTMzIEwgMCAxMzMgWiBNIDAgMTExICI+PC9wYXRoPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAtMTAiPgo8cGF0aCBjbGlwLXJ1bGU9Im5vbnplcm8iIGQ9Ik0gNTggMTM0IEwgOTUgMTM0IEwgOTUgMTUwIEwgNTggMTUwIFogTSA1OCAxMzQgIj48L3BhdGg+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcC0xMSI+CjxwYXRoIGNsaXAtcnVsZT0ibm9uemVybyIgZD0iTSA1OCAxNDggTCA5NSAxNDggTCA5NSAxNTAgTCA1OCAxNTAgWiBNIDU4IDE0OCAiPjwvcGF0aD4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwLTEyIj4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE1MyIgaGVpZ2h0PSIxNTAiPjwvcmVjdD4KPC9jbGlwUGF0aD4KPC9kZWZzPjxyZWN0IHdpZHRoPSIxNTMiIGhlaWdodD0iMTUwIiBmaWxsPSIjMTM1NDlEIj48L3JlY3Q+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNTApIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcC0xMikiPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcC0wKSI+CjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzJBNjZBQiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDEzNS4wNzQyMTkgMjEuNjgzNTk0IEMgMTQzLjAzMTI1IDI1LjI2NTYyNSAxNDkuMzI4MTI1IDMwLjU1ODU5NCAxNTUuNDg0Mzc1IDM2LjA2MjUgQyAxNTcuODcxMDk0IDM4LjE5OTIxOSAxNjAuMjUzOTA2IDQwLjM5ODQzOCAxNjMuMzYzMjgxIDQxLjUxNTYyNSBDIDE2My40MTAxNTYgNDEuNTM1MTU2IDE2My40NTcwMzEgNDEuNTYyNSAxNjMuNTAzOTA2IDQxLjU3ODEyNSBDIDE2NS42MDU0NjkgNDIuMjE0ODQ0IDE2Ny44NDM3NSA0My4xMDE1NjIgMTY5LjU2MjUgNDEuMDMxMjUgQyAxNzEuMjU3ODEyIDM4Ljk5MjE4OCAxNzAuMzcxMDk0IDM2LjczMDQ2OSAxNjkuMzE2NDA2IDM0Ljc0NjA5NCBDIDE2Ny42ODM1OTQgMzEuNjc5Njg4IDE2NSAyOS42MjEwOTQgMTYyLjAxNTYyNSAyNy45NDkyMTkgQyAxNTQuOTY4NzUgMjMuOTk2MDk0IDE0Ny4zNzg5MDYgMjEuOTU3MDMxIDEzOS4zMjQyMTkgMjEuNjEzMjgxIEMgMTM4LjAzNTE1NiAyMS41NTg1OTQgMTM2Ljc0MjE4OCAyMS42NTIzNDQgMTM1LjA3NDIxOSAyMS42ODM1OTQgIj48L3BhdGg+CjwvZz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtMSkiPgo8cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMyQTY2QUIiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSAxNzAuNTExNzE5IDU3LjAxNTYyNSBDIDE2Ni43ODkwNjIgNTQuOTMzNTk0IDE2My4yMzA0NjkgNTIuNzY1NjI1IDE1OS44NjMyODEgNTAuMjYxNzE5IEMgMTU2LjE1MjM0NCA0Ny41IDE1Mi43OTY4NzUgNDQuMzMyMDMxIDE0OS4yNzczNDQgNDEuMzU5Mzc1IEMgMTQ3LjI1NzgxMiAzOS42NTIzNDQgMTQ1LjIxNDg0NCAzNy45NDkyMTkgMTQyLjY4MzU5NCAzNy4wMjczNDQgQyAxNDAuNTg5ODQ0IDM2LjI2OTUzMSAxMzguMzM1OTM4IDM1LjY0MDYyNSAxMzYuNTUwNzgxIDM3LjQ0NTMxMiBDIDEzNC43NzM0MzggMzkuMjM4MjgxIDEzNS40OTYwOTQgNDEuNDQ5MjE5IDEzNi40MDYyNSA0My40MTAxNTYgQyAxMzcuOTU3MDMxIDQ2Ljc0MjE4OCAxNDAuNzQyMTg4IDQ4LjkyOTY4OCAxNDMuODQ3NjU2IDUwLjY3NTc4MSBDIDE1MS44ODI4MTIgNTUuMTk1MzEyIDE2MC41NDY4NzUgNTcuMjgxMjUgMTY5Ljc1MzkwNiA1Ny4xMTcxODggQyAxNzAuMDA3ODEyIDU3LjExMzI4MSAxNzAuMjYxNzE5IDU3LjA1MDc4MSAxNzAuNTExNzE5IDU3LjAxNTYyNSAiPjwvcGF0aD4KPC9nPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcC0yKSI+CjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzJBNjZBQiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDU4LjU3NDIxOSAtMTUuODE2NDA2IEMgNjYuNTMxMjUgLTEyLjIzNDM3NSA3Mi44MjgxMjUgLTYuOTQxNDA2IDc4Ljk4NDM3NSAtMS40Mzc1IEMgODEuMzcxMDk0IDAuNjk5MjE5IDgzLjc1MzkwNiAyLjg5ODQzOCA4Ni44NjMyODEgNC4wMTU2MjUgQyA4Ni45MTAxNTYgNC4wMzUxNTYgODYuOTU3MDMxIDQuMDYyNSA4Ny4wMDM5MDYgNC4wNzgxMjUgQyA4OS4xMDU0NjkgNC43MTQ4NDQgOTEuMzQzNzUgNS42MDE1NjIgOTMuMDYyNSAzLjUzMTI1IEMgOTQuNzU3ODEyIDEuNDkyMTg4IDkzLjg3MTA5NCAtMC43Njk1MzEgOTIuODE2NDA2IC0yLjc1MzkwNiBDIDkxLjE4MzU5NCAtNS44MjAzMTIgODguNTAzOTA2IC03Ljg3ODkwNiA4NS41MTU2MjUgLTkuNTUwNzgxIEMgNzguNDY4NzUgLTEzLjUwMzkwNiA3MC44Nzg5MDYgLTE1LjU0Mjk2OSA2Mi44MjQyMTkgLTE1Ljg4NjcxOSBDIDYxLjUzNTE1NiAtMTUuOTQxNDA2IDYwLjI0MjE4OCAtMTUuODQ3NjU2IDU4LjU3NDIxOSAtMTUuODE2NDA2ICI+PC9wYXRoPgo8L2c+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwLTMpIj4KPHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjMkE2NkFCIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gOTQuMDExNzE5IDE5LjUxNTYyNSBDIDkwLjI4OTA2MiAxNy40MzM1OTQgODYuNzMwNDY5IDE1LjI2NTYyNSA4My4zNjMyODEgMTIuNzYxNzE5IEMgNzkuNjUyMzQ0IDEwIDc2LjI5Njg3NSA2LjgzMjAzMSA3Mi43NzczNDQgMy44NTkzNzUgQyA3MC43NTc4MTIgMi4xNTIzNDQgNjguNzE0ODQ0IDAuNDQ5MjE5IDY2LjE4MzU5NCAtMC40NzI2NTYgQyA2NC4wODk4NDQgLTEuMjMwNDY5IDYxLjgzNTkzOCAtMS44NjMyODEgNjAuMDUwNzgxIC0wLjA1NDY4NzUgQyA1OC4yNzM0MzggMS43MzgyODEgNTguOTk2MDk0IDMuOTQ5MjE5IDU5LjkwNjI1IDUuOTEwMTU2IEMgNjEuNDU3MDMxIDkuMjQyMTg4IDY0LjI0MjE4OCAxMS40Mjk2ODggNjcuMzQ3NjU2IDEzLjE3NTc4MSBDIDc1LjM4MjgxMiAxNy42OTUzMTIgODQuMDQ2ODc1IDE5Ljc3NzM0NCA5My4yNTM5MDYgMTkuNjE3MTg4IEMgOTMuNTA3ODEyIDE5LjYxMzI4MSA5My43NjE3MTkgMTkuNTUwNzgxIDk0LjAxMTcxOSAxOS41MTU2MjUgIj48L3BhdGg+CjwvZz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtNCkiPgo8cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMyQTY2QUIiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSAtMTcuOTI1NzgxIDIxLjY4MzU5NCBDIC05Ljk2ODc1IDI1LjI2NTYyNSAtMy42NzE4NzUgMzAuNTU4NTk0IDIuNDg0Mzc1IDM2LjA2MjUgQyA0Ljg3MTA5NCAzOC4xOTkyMTkgNy4yNTM5MDYgNDAuMzk4NDM4IDEwLjM2MzI4MSA0MS41MTU2MjUgQyAxMC40MTAxNTYgNDEuNTM1MTU2IDEwLjQ1NzAzMSA0MS41NjI1IDEwLjUwMzkwNiA0MS41NzgxMjUgQyAxMi42MDU0NjkgNDIuMjE0ODQ0IDE0Ljg0Mzc1IDQzLjEwMTU2MiAxNi41NjI1IDQxLjAzMTI1IEMgMTguMjU3ODEyIDM4Ljk5MjE4OCAxNy4zNzEwOTQgMzYuNzMwNDY5IDE2LjMxNjQwNiAzNC43NDYwOTQgQyAxNC42ODM1OTQgMzEuNjc5Njg4IDEyLjAwMzkwNiAyOS42MjEwOTQgOS4wMTU2MjUgMjcuOTQ5MjE5IEMgMS45Njg3NSAyMy45OTYwOTQgLTUuNjIxMDk0IDIxLjk1NzAzMSAtMTMuNjc1NzgxIDIxLjYxMzI4MSBDIC0xNC45NjQ4NDQgMjEuNTU4NTk0IC0xNi4yNTc4MTIgMjEuNjUyMzQ0IC0xNy45MjU3ODEgMjEuNjgzNTk0ICI+PC9wYXRoPgo8L2c+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwLTUpIj4KPHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjMkE2NkFCIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gMTcuNTExNzE5IDU3LjAxNTYyNSBDIDEzLjc4OTA2MiA1NC45MzM1OTQgMTAuMjMwNDY5IDUyLjc2NTYyNSA2Ljg2MzI4MSA1MC4yNjE3MTkgQyAzLjE1MjM0NCA0Ny41IC0wLjIwMzEyNSA0NC4zMzIwMzEgLTMuNzIyNjU2IDQxLjM1OTM3NSBDIC01Ljc0MjE4OCAzOS42NTIzNDQgLTcuNzg1MTU2IDM3Ljk0OTIxOSAtMTAuMzE2NDA2IDM3LjAyNzM0NCBDIC0xMi40MTAxNTYgMzYuMjY5NTMxIC0xNC42NjQwNjIgMzUuNjQwNjI1IC0xNi40NDkyMTkgMzcuNDQ1MzEyIEMgLTE4LjIyNjU2MiAzOS4yMzgyODEgLTE3LjUwMzkwNiA0MS40NDkyMTkgLTE2LjU5Mzc1IDQzLjQxMDE1NiBDIC0xNS4wNDI5NjkgNDYuNzQyMTg4IC0xMi4yNTc4MTIgNDguOTI5Njg4IC05LjE1MjM0NCA1MC42NzU3ODEgQyAtMS4xMTcxODggNTUuMTk1MzEyIDcuNTQ2ODc1IDU3LjI4MTI1IDE2Ljc1MzkwNiA1Ny4xMTcxODggQyAxNy4wMDc4MTIgNTcuMTEzMjgxIDE3LjI2MTcxOSA1Ny4wNTA3ODEgMTcuNTExNzE5IDU3LjAxNTYyNSAiPjwvcGF0aD4KPC9nPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcC02KSI+CjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzJBNjZBQiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDEzNS4wNzQyMTkgOTYuNjgzNTk0IEMgMTQzLjAzMTI1IDEwMC4yNjU2MjUgMTQ5LjMyODEyNSAxMDUuNTU4NTk0IDE1NS40ODQzNzUgMTExLjA2MjUgQyAxNTcuODcxMDk0IDExMy4xOTkyMTkgMTYwLjI1MzkwNiAxMTUuMzk4NDM4IDE2My4zNjMyODEgMTE2LjUxNTYyNSBDIDE2My40MTAxNTYgMTE2LjUzNTE1NiAxNjMuNDU3MDMxIDExNi41NjI1IDE2My41MDM5MDYgMTE2LjU3ODEyNSBDIDE2NS42MDU0NjkgMTE3LjIxODc1IDE2Ny44NDM3NSAxMTguMTAxNTYyIDE2OS41NjI1IDExNi4wMzEyNSBDIDE3MS4yNTc4MTIgMTEzLjk5MjE4OCAxNzAuMzcxMDk0IDExMS43MzA0NjkgMTY5LjMxNjQwNiAxMDkuNzUgQyAxNjcuNjgzNTk0IDEwNi42Nzk2ODggMTY1IDEwNC42MjEwOTQgMTYyLjAxNTYyNSAxMDIuOTQ5MjE5IEMgMTU0Ljk2ODc1IDk4Ljk5NjA5NCAxNDcuMzc4OTA2IDk2Ljk1NzAzMSAxMzkuMzI0MjE5IDk2LjYxMzI4MSBDIDEzOC4wMzUxNTYgOTYuNTU4NTk0IDEzNi43NDIxODggOTYuNjUyMzQ0IDEzNS4wNzQyMTkgOTYuNjgzNTk0ICI+PC9wYXRoPgo8L2c+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwLTcpIj4KPHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjMkE2NkFCIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0gMTcwLjUxMTcxOSAxMzIuMDE1NjI1IEMgMTY2Ljc4OTA2MiAxMjkuOTMzNTk0IDE2My4yMzA0NjkgMTI3Ljc2NTYyNSAxNTkuODYzMjgxIDEyNS4yNjE3MTkgQyAxNTYuMTUyMzQ0IDEyMi41IDE1Mi43OTY4NzUgMTE5LjMzNTkzOCAxNDkuMjc3MzQ0IDExNi4zNTkzNzUgQyAxNDcuMjU3ODEyIDExNC42NTIzNDQgMTQ1LjIxNDg0NCAxMTIuOTQ5MjE5IDE0Mi42ODM1OTQgMTEyLjAyNzM0NCBDIDE0MC41ODk4NDQgMTExLjI2OTUzMSAxMzguMzM1OTM4IDExMC42NDA2MjUgMTM2LjU1MDc4MSAxMTIuNDQ1MzEyIEMgMTM0Ljc3MzQzOCAxMTQuMjM4MjgxIDEzNS40OTYwOTQgMTE2LjQ0OTIxOSAxMzYuNDA2MjUgMTE4LjQxMDE1NiBDIDEzNy45NTcwMzEgMTIxLjc0MjE4OCAxNDAuNzQyMTg4IDEyMy45Mjk2ODggMTQzLjg0NzY1NiAxMjUuNjc1NzgxIEMgMTUxLjg4MjgxMiAxMzAuMTk1MzEyIDE2MC41NDY4NzUgMTMyLjI4MTI1IDE2OS43NTM5MDYgMTMyLjExNzE4OCBDIDE3MC4wMDc4MTIgMTMyLjExMzI4MSAxNzAuMjYxNzE5IDEzMi4wNTA3ODEgMTcwLjUxMTcxOSAxMzIuMDE1NjI1ICI+PC9wYXRoPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzJBNjZBQiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDU4LjU3NDIxOSA1OS4xODM1OTQgQyA2Ni41MzEyNSA2Mi43NjU2MjUgNzIuODI4MTI1IDY4LjA1ODU5NCA3OC45ODQzNzUgNzMuNTYyNSBDIDgxLjM3MTA5NCA3NS42OTkyMTkgODMuNzUzOTA2IDc3Ljg5ODQzOCA4Ni44NjMyODEgNzkuMDE1NjI1IEMgODYuOTEwMTU2IDc5LjAzNTE1NiA4Ni45NTcwMzEgNzkuMDYyNSA4Ny4wMDM5MDYgNzkuMDc4MTI1IEMgODkuMTA1NDY5IDc5LjcxODc1IDkxLjM0Mzc1IDgwLjYwMTU2MiA5My4wNjI1IDc4LjUzMTI1IEMgOTQuNzU3ODEyIDc2LjQ5MjE4OCA5My44NzEwOTQgNzQuMjMwNDY5IDkyLjgxNjQwNiA3Mi4yNSBDIDkxLjE4MzU5NCA2OS4xNzk2ODggODguNTAzOTA2IDY3LjEyMTA5NCA4NS41MTU2MjUgNjUuNDQ5MjE5IEMgNzguNDY4NzUgNjEuNDk2MDk0IDcwLjg3ODkwNiA1OS40NTcwMzEgNjIuODI0MjE5IDU5LjExMzI4MSBDIDYxLjUzNTE1NiA1OS4wNTg1OTQgNjAuMjQyMTg4IDU5LjE1MjM0NCA1OC41NzQyMTkgNTkuMTgzNTk0ICI+PC9wYXRoPgo8cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMyQTY2QUIiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSA5NC4wMTE3MTkgOTQuNTE1NjI1IEMgOTAuMjg5MDYyIDkyLjQzMzU5NCA4Ni43MzA0NjkgOTAuMjY1NjI1IDgzLjM2MzI4MSA4Ny43NjE3MTkgQyA3OS42NTIzNDQgODUgNzYuMjk2ODc1IDgxLjgzMjAzMSA3Mi43NzczNDQgNzguODU5Mzc1IEMgNzAuNzU3ODEyIDc3LjE1MjM0NCA2OC43MTQ4NDQgNzUuNDQ5MjE5IDY2LjE4MzU5NCA3NC41MjczNDQgQyA2NC4wODk4NDQgNzMuNzY5NTMxIDYxLjgzNTkzOCA3My4xNDA2MjUgNjAuMDUwNzgxIDc0Ljk0NTMxMiBDIDU4LjI3MzQzOCA3Ni43MzgyODEgNTguOTk2MDk0IDc4Ljk0OTIxOSA1OS45MDYyNSA4MC45MTAxNTYgQyA2MS40NTcwMzEgODQuMjQyMTg4IDY0LjI0MjE4OCA4Ni40Mjk2ODggNjcuMzQ3NjU2IDg4LjE3NTc4MSBDIDc1LjM4MjgxMiA5Mi42OTUzMTIgODQuMDQ2ODc1IDk0Ljc4MTI1IDkzLjI1MzkwNiA5NC42MTcxODggQyA5My41MDc4MTIgOTQuNjEzMjgxIDkzLjc2MTcxOSA5NC41NTA3ODEgOTQuMDExNzE5IDk0LjUxNTYyNSAiPjwvcGF0aD4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtOCkiPgo8cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMyQTY2QUIiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSAtMTcuOTI1NzgxIDk2LjY4MzU5NCBDIC05Ljk2ODc1IDEwMC4yNjU2MjUgLTMuNjcxODc1IDEwNS41NTg1OTQgMi40ODQzNzUgMTExLjA2MjUgQyA0Ljg3MTA5NCAxMTMuMTk5MjE5IDcuMjUzOTA2IDExNS4zOTg0MzggMTAuMzYzMjgxIDExNi41MTU2MjUgQyAxMC40MTAxNTYgMTE2LjUzNTE1NiAxMC40NTcwMzEgMTE2LjU2MjUgMTAuNTAzOTA2IDExNi41NzgxMjUgQyAxMi42MDU0NjkgMTE3LjIxODc1IDE0Ljg0Mzc1IDExOC4xMDE1NjIgMTYuNTYyNSAxMTYuMDMxMjUgQyAxOC4yNTc4MTIgMTEzLjk5MjE4OCAxNy4zNzEwOTQgMTExLjczMDQ2OSAxNi4zMTY0MDYgMTA5Ljc1IEMgMTQuNjgzNTk0IDEwNi42Nzk2ODggMTIuMDAzOTA2IDEwNC42MjEwOTQgOS4wMTU2MjUgMTAyLjk0OTIxOSBDIDEuOTY4NzUgOTguOTk2MDk0IC01LjYyMTA5NCA5Ni45NTcwMzEgLTEzLjY3NTc4MSA5Ni42MTMyODEgQyAtMTQuOTY0ODQ0IDk2LjU1ODU5NCAtMTYuMjU3ODEyIDk2LjY1MjM0NCAtMTcuOTI1NzgxIDk2LjY4MzU5NCAiPjwvcGF0aD4KPC9nPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcC05KSI+CjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzJBNjZBQiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDE3LjUxMTcxOSAxMzIuMDE1NjI1IEMgMTMuNzg5MDYyIDEyOS45MzM1OTQgMTAuMjMwNDY5IDEyNy43NjU2MjUgNi44NjMyODEgMTI1LjI2MTcxOSBDIDMuMTUyMzQ0IDEyMi41IC0wLjIwMzEyNSAxMTkuMzM1OTM4IC0zLjcyMjY1NiAxMTYuMzU5Mzc1IEMgLTUuNzQyMTg4IDExNC42NTIzNDQgLTcuNzg1MTU2IDExMi45NDkyMTkgLTEwLjMxNjQwNiAxMTIuMDI3MzQ0IEMgLTEyLjQxMDE1NiAxMTEuMjY5NTMxIC0xNC42NjQwNjIgMTEwLjY0MDYyNSAtMTYuNDQ5MjE5IDExMi40NDUzMTIgQyAtMTguMjI2NTYyIDExNC4yMzgyODEgLTE3LjUwMzkwNiAxMTYuNDQ5MjE5IC0xNi41OTM3NSAxMTguNDEwMTU2IEMgLTE1LjA0Mjk2OSAxMjEuNzQyMTg4IC0xMi4yNTc4MTIgMTIzLjkyOTY4OCAtOS4xNTIzNDQgMTI1LjY3NTc4MSBDIC0xLjExNzE4OCAxMzAuMTk1MzEyIDcuNTQ2ODc1IDEzMi4yODEyNSAxNi43NTM5MDYgMTMyLjExNzE4OCBDIDE3LjAwNzgxMiAxMzIuMTEzMjgxIDE3LjI2MTcxOSAxMzIuMDUwNzgxIDE3LjUxMTcxOSAxMzIuMDE1NjI1ICI+PC9wYXRoPgo8L2c+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwLTEwKSI+CjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzJBNjZBQiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNIDU4LjU3NDIxOSAxMzQuMTgzNTk0IEMgNjYuNTMxMjUgMTM3Ljc2NTYyNSA3Mi44MjgxMjUgMTQzLjA1ODU5NCA3OC45ODQzNzUgMTQ4LjU2MjUgQyA4MS4zNzEwOTQgMTUwLjY5OTIxOSA4My43NTM5MDYgMTUyLjg5ODQzOCA4Ni44NjMyODEgMTU0LjAxNTYyNSBDIDg2LjkxMDE1NiAxNTQuMDM1MTU2IDg2Ljk1NzAzMSAxNTQuMDYyNSA4Ny4wMDM5MDYgMTU0LjA3ODEyNSBDIDg5LjEwNTQ2OSAxNTQuNzE4NzUgOTEuMzQzNzUgMTU1LjYwMTU2MiA5My4wNjI1IDE1My41MzEyNSBDIDk0Ljc1NzgxMiAxNTEuNDkyMTg4IDkzLjg3MTA5NCAxNDkuMjMwNDY5IDkyLjgxNjQwNiAxNDcuMjUgQyA5MS4xODM1OTQgMTQ0LjE3OTY4OCA4OC41MDM5MDYgMTQyLjEyMTA5NCA4NS41MTU2MjUgMTQwLjQ0OTIxOSBDIDc4LjQ2ODc1IDEzNi40OTYwOTQgNzAuODc4OTA2IDEzNC40NTcwMzEgNjIuODI0MjE5IDEzNC4xMTMyODEgQyA2MS41MzUxNTYgMTM0LjA1ODU5NCA2MC4yNDIxODggMTM0LjE1MjM0NCA1OC41NzQyMTkgMTM0LjE4MzU5NCAiPjwvcGF0aD4KPC9nPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcC0xMSkiPgo8cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMyQTY2QUIiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTSA5NC4wMTE3MTkgMTY5LjUxNTYyNSBDIDkwLjI4OTA2MiAxNjcuNDMzNTk0IDg2LjczMDQ2OSAxNjUuMjY1NjI1IDgzLjM2MzI4MSAxNjIuNzYxNzE5IEMgNzkuNjUyMzQ0IDE2MCA3Ni4yOTY4NzUgMTU2LjgzNTkzOCA3Mi43NzczNDQgMTUzLjg1OTM3NSBDIDcwLjc1NzgxMiAxNTIuMTUyMzQ0IDY4LjcxNDg0NCAxNTAuNDQ5MjE5IDY2LjE4MzU5NCAxNDkuNTMxMjUgQyA2NC4wODk4NDQgMTQ4Ljc2OTUzMSA2MS44MzU5MzggMTQ4LjE0MDYyNSA2MC4wNTA3ODEgMTQ5Ljk0NTMxMiBDIDU4LjI3MzQzOCAxNTEuNzM4MjgxIDU4Ljk5NjA5NCAxNTMuOTQ5MjE5IDU5LjkwNjI1IDE1NS45MTAxNTYgQyA2MS40NTcwMzEgMTU5LjI0MjE4OCA2NC4yNDIxODggMTYxLjQyOTY4OCA2Ny4zNDc2NTYgMTYzLjE3NTc4MSBDIDc1LjM4MjgxMiAxNjcuNjk1MzEyIDg0LjA0Njg3NSAxNjkuNzgxMjUgOTMuMjUzOTA2IDE2OS42MTcxODggQyA5My41MDc4MTIgMTY5LjYxMzI4MSA5My43NjE3MTkgMTY5LjU1MDc4MSA5NC4wMTE3MTkgMTY5LjUxNTYyNSAiPjwvcGF0aD4KPC9nPgo8L2c+Cgo8L2c+PC9zdmc+")}
.sv{font-family:"Playfair Display",Georgia,serif}.fname,.fmark,.face.back b{font-family:"Playfair Display",Georgia,serif}
:root[data-theme="off-dark"] h1 em,:root[data-theme="off-dark"] h2 em{background:none}
@media (prefers-color-scheme:off){:root:not(*) h1 em,:root:not(*) h2 em{background:none}}
.mega .tplm{aspect-ratio:16/10;border-radius:16px;overflow:hidden}.mega .tplm .mk{aspect-ratio:auto;height:100%}
/* ===== Design studio ===== */
body.studio-on .topbar,body.studio-on header.site,body.studio-on footer.site,body.studio-on .wa{display:none}
body.studio-on{overflow:hidden}
.studio{position:fixed;inset:0;z-index:50;background:var(--paper);display:grid;grid-template-columns:76px 300px minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.st-top{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface);min-width:0}
.st-back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:600;font-size:.88rem;color:var(--brand);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.st-name{border:1px solid transparent;background:transparent;border-radius:var(--r);padding:7px 10px;font-weight:700;font-size:.95rem;min-width:0;width:220px}
.st-name:hover,.st-name:focus{border-color:var(--line);outline:none;background:var(--paper)}
.st-tools{display:flex;align-items:center;gap:4px;margin-inline:auto}
.st-ib{width:34px;height:34px;display:inline-grid;place-items:center;border:0;background:none;border-radius:var(--r);cursor:pointer;font-size:1.1rem;color:var(--ink)}
.st-ib:hover:not(:disabled){background:var(--soft)}
.st-ib:disabled{opacity:.35;cursor:default}
.st-zl{border:0;background:none;font-weight:600;font-size:.82rem;min-width:52px;cursor:pointer;color:var(--ink);font-variant-numeric:tabular-nums}
.st-sep{width:1px;height:22px;background:var(--line);margin-inline:6px}
.st-tg{display:inline-flex;gap:6px;align-items:center;font-size:.84rem;cursor:pointer}
.st-tg input{accent-color:var(--brand)}
.st-acts{display:flex;gap:8px}
.st-rail{grid-row:2;display:flex;flex-direction:column;gap:2px;padding:10px 6px;border-right:1px solid var(--line);background:var(--surface);overflow-y:auto}
.st-rail button{display:grid;justify-items:center;gap:4px;padding:10px 2px;border:0;background:none;border-radius:var(--r);cursor:pointer;font-size:.68rem;font-weight:600;color:var(--muted)}
.st-rail button:hover{color:var(--ink);background:var(--soft)}
.st-rail button.on{color:var(--brand);background:var(--sky)}
.st-panel{grid-row:2;border-right:1px solid var(--line);background:var(--surface);overflow-y:auto;padding:16px}
.sp-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.sp-h b{font-size:1.05rem}
.sp-x{display:none}
.st-panel h5,.st-insp h5{font-style:italic;font-weight:500;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brand);margin:18px 0 10px}
.sp-note{font-size:.8rem;color:var(--muted);line-height:1.5}
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sp-grid.g4{grid-template-columns:repeat(4,1fr);gap:6px}
.sp-tpl{display:grid;gap:6px;border:0;background:none;padding:0;cursor:pointer;text-align:left;font-size:.76rem;font-weight:600}
.sp-tpl .tplm{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--sky);transition:box-shadow .15s}
.sp-tpl:hover .tplm{box-shadow:0 0 0 2px var(--brand)}
.sp-stack{display:grid;gap:8px}
.sp-add{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:12px 14px;text-align:left;cursor:pointer;line-height:1.2;color:var(--ink)}
.sp-add:hover{border-color:var(--brand)}
.sp-drop{display:grid;gap:6px;border:1.5px dashed var(--border);border-radius:var(--r-lg);padding:20px 16px;text-align:center;cursor:pointer;background:var(--sky)}
.sp-drop span{font-size:.8rem;color:var(--muted)}
.sp-drop input{font-size:.78rem;justify-self:center}
.sp-up{border:1px solid var(--line);border-radius:10px;background:repeating-conic-gradient(#eef1f5 0 25%,#fff 0 50%) 50%/16px 16px;padding:6px;cursor:pointer;aspect-ratio:1}
.sp-up img{width:100%;height:100%;object-fit:contain}
.sp-el{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--brand);display:grid;place-items:center;cursor:pointer;padding:12px}
.sp-el:hover{border-color:var(--brand);background:var(--sky)}
.sp-el svg{width:100%;height:100%}
.sp-qr{display:grid;gap:8px}
.sp-qr select,.sp-qr input{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.sp-sw{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.sp-sw button{aspect-ratio:1;border-radius:50%;border:1px solid rgba(0,0,0,.15);cursor:pointer}
.sp-sw button.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--brand)}
.sp-cc{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:.86rem;font-weight:600}
.sp-cc input{width:44px;height:32px;border:1px solid var(--line);border-radius:6px;padding:2px;background:var(--surface)}
.sp-layers{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sp-layers li{display:flex;align-items:center;gap:4px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;font-size:.84rem;background:var(--surface)}
.sp-layers li.on{border-color:var(--brand);background:var(--sky)}
.sp-layers .lt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-layers button{border:0;background:none;width:26px;height:26px;border-radius:6px;cursor:pointer;color:var(--muted)}
.sp-layers button:hover{background:var(--soft);color:var(--ink)}

.st-main{grid-row:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:var(--sky)}
:root[data-theme="off-dark"] .st-main{background:#0A2A52}
@media (prefers-color-scheme:off){:root:not(*) .st-main{background:#0A2A52}}
.st-ctx{display:flex;align-items:center;gap:6px;padding:8px 14px;min-height:54px;background:var(--surface);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.ctx-hint{font-size:.86rem;color:var(--muted)}
.st-ctx select{padding:7px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);max-width:170px}
.cx-n{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:var(--r);padding:0 8px;height:36px;font-size:.78rem;color:var(--muted)}
.cx-n input[type=number]{width:58px;border:0;background:none;padding:6px 0;font-variant-numeric:tabular-nums;color:var(--ink)}
.cx-n input[type=range]{width:90px;accent-color:var(--brand)}
.cx-b{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:var(--r);background:none;cursor:pointer;color:var(--ink);flex:none}
.cx-b:hover{background:var(--soft)}
.cx-b.on{background:var(--sky);border-color:var(--brand);color:var(--brand)}
.cx-del:hover{color:var(--bad)}
.cx-c{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}
.cx-c input{width:36px;height:34px;border:1px solid var(--line);border-radius:var(--r);padding:2px;background:var(--surface);cursor:pointer}
.cx-t{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:8px 12px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;color:var(--ink)}
.cx-t:hover{border-color:var(--brand);color:var(--brand)}
.cx-q{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}
.cx-q input{width:220px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.cx-sp{flex:1;min-width:8px}
.st-stage{overflow:auto;display:grid;place-items:center;padding:32px;position:relative;touch-action:none}
.sheet{position:relative;flex:none;box-shadow:0 2px 6px rgba(12,51,99,.12),0 18px 44px rgba(12,51,99,.16);overflow:hidden;user-select:none;-webkit-user-select:none}
.sheet.circ{border-radius:50%}
.sheet .els{position:absolute;inset:0}
.el{position:absolute;cursor:move;touch-action:none}
.el.locked{cursor:default}
.el img,.el svg{display:block;width:100%;height:100%;pointer-events:none}
.el .tx{white-space:pre;outline:none}
.el .tx[contenteditable=true]{cursor:text;outline:1.5px dashed var(--brand);outline-offset:3px;user-select:text;-webkit-user-select:text}
.qrph{width:100%;height:100%;display:grid;place-items:center;background:#eee;font-weight:700}
.gd{position:absolute;inset:0;pointer-events:none}
.sheet:not(.guides) .gd{display:none}
.g-trim{position:absolute;outline:1px solid rgba(180,35,24,.55);box-shadow:0 0 0 9999px rgba(255,255,255,.38)}
.sheet.circ .g-trim,.sheet.circ .g-safe{border-radius:50%}
.g-safe{position:absolute;border:1px dashed rgba(19,84,157,.7)}
.g-print{position:absolute;border:1.5px dashed rgba(127,140,160,.8)}
.snap{position:absolute;pointer-events:none;background:#E5397A}
.snap.sx{top:0;bottom:0;width:1px}
.snap.sy{left:0;right:0;height:1px}
.selbox{position:absolute;outline:1.5px solid var(--brand);pointer-events:none;z-index:3}
:root[data-theme="off-dark"] .selbox{outline-color:#E7BE43}
.selbox i{position:absolute;width:12px;height:12px;background:#fff;border:1.5px solid #13549D;border-radius:3px;pointer-events:auto;touch-action:none}
.selbox i[data-h=nw]{left:-7px;top:-7px;cursor:nwse-resize}.selbox i[data-h=ne]{right:-7px;top:-7px;cursor:nesw-resize}
.selbox i[data-h=sw]{left:-7px;bottom:-7px;cursor:nesw-resize}.selbox i[data-h=se]{right:-7px;bottom:-7px;cursor:nwse-resize}
.selbox i[data-h=e]{right:-6px;top:50%;margin-top:-9px;width:8px;height:18px;border-radius:4px;cursor:ew-resize}
.selbox i[data-h=s]{bottom:-6px;left:50%;margin-left:-9px;height:8px;width:18px;border-radius:4px;cursor:ns-resize}
.selbox.t-text i[data-h=s]{display:none}
.selbox i[data-h=rot]{left:50%;top:-34px;margin-left:-8px;width:16px;height:16px;border-radius:50%;cursor:grab;background:#E7BE43;border-color:#0C3363}
.selbox i[data-h=rot]::after{content:"";position:absolute;left:6px;top:15px;width:1.5px;height:12px;background:#13549D}
.selbox.locked i{display:none}
.st-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;font-size:.78rem;color:var(--muted);flex-wrap:wrap}
.st-sides{display:flex;gap:4px;background:var(--surface);border-radius:999px;padding:3px;border:1px solid var(--line)}
.st-sides:empty{display:none}
.st-sides button{border:0;background:none;border-radius:999px;padding:6px 16px;font-weight:600;font-size:.8rem;cursor:pointer;color:var(--muted)}
.st-sides button.on{background:var(--accent);color:var(--accent-ink)}
.st-insp{grid-row:2;border-left:1px solid var(--line);background:var(--surface);overflow-y:auto;padding:4px 16px 20px}
.in-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.in-sides button{display:grid;gap:6px;border:1px solid var(--line);border-radius:12px;background:var(--sky);padding:10px;cursor:pointer;font-size:.76rem;font-weight:600;justify-items:center}
.in-sides button.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.in-sides img{max-width:100%;max-height:80px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.pf{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pf li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:.8rem;line-height:1.45;align-items:start}
.pf li[data-pf]{cursor:pointer}
.pf li[data-pf]:hover span{text-decoration:underline}
.pf i{width:16px;height:16px;border-radius:50%;margin-top:1px;position:relative}
.pf-good i{background:var(--good)}.pf-warn i{background:#D9A421}.pf-bad i{background:var(--bad)}.pf-info i{background:var(--border)}
.pf-good i::after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.pf-warn i::after,.pf-bad i::after{content:"!";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:800;font-size:.7rem}
.in-xfer{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.in-xfer button{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:6px;cursor:pointer;display:grid;gap:4px;font-size:.7rem;font-weight:600;color:var(--ink)}
.in-xfer button:hover{border-color:var(--brand)}
.in-sum{display:grid;gap:6px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.in-sum b{font-size:1.2rem;font-weight:800}
.st-mprev{display:none}

/* mockups */
.mk{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:var(--sky);border-radius:inherit}
.mk img{display:block}
.mk-card{perspective:900px}
.mk-card .mk-f,.mk-card .mk-b{position:absolute;width:62%;border-radius:2px;box-shadow:0 18px 30px rgba(12,51,99,.28),0 2px 4px rgba(12,51,99,.2)}
.mk-card .mk-f{transform:translate(6%,8%) rotateX(22deg) rotateZ(-8deg)}
.mk-card .mk-b{transform:translate(-12%,-14%) rotateX(22deg) rotateZ(-16deg);filter:brightness(.97)}
.mk-card .mk-f:only-child{transform:rotateX(22deg) rotateZ(-8deg)}
.mk-flat img{max-width:66%;max-height:80%;box-shadow:0 20px 34px rgba(12,51,99,.24),0 2px 4px rgba(12,51,99,.16);transform:rotate(-3deg)}
.mk-wall{background:linear-gradient(#EEF2F7 0 78%,#DCE3EC 78%)}
.mk-wall img{max-height:72%;max-width:60%;border:6px solid #fff;box-shadow:0 14px 28px rgba(0,0,0,.2);transform:translateY(-6%)}
.mk-stk img{width:58%;box-shadow:0 0 0 6px #fff,0 14px 26px rgba(12,51,99,.25);transform:rotate(-8deg)}
.mk-lbl .jar{width:56%;aspect-ratio:3/4;border-radius:18% 18% 10% 10%/12% 12% 6% 6%;background:linear-gradient(90deg,#C9D3DE,#F4F7FA 40%,#C9D3DE);display:grid;place-items:center;box-shadow:0 18px 30px rgba(12,51,99,.22)}
.mk-lbl .jar img{width:92%;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.mk-ban{background:linear-gradient(#E9EEF4 0 70%,#C9D1DB 70%)}
.mk-ban img{width:84%;box-shadow:0 12px 24px rgba(0,0,0,.2)}
.mk-roll img{max-height:80%;max-width:40%;box-shadow:0 12px 24px rgba(0,0,0,.22)}
.mk-roll b{position:absolute;bottom:8%;width:46%;height:4%;background:#2B2F36;border-radius:4px}
.mk-svg svg{width:92%;height:92%}
.mk.mini{aspect-ratio:1.15;border-radius:8px}
.mk.mini.mk-stk img{box-shadow:0 0 0 3px #fff,0 6px 10px rgba(0,0,0,.2)}
.tile.main.dz{display:block}
.tile.main.dz .mk{height:100%}

/* preview modal */
.modal.pv{max-width:1080px}
.pv-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}
.pv-main .mk{border-radius:18px}
.pv-side{display:grid;gap:14px}
.pv-side figure{margin:0;display:grid;gap:6px;justify-items:center;background:var(--sky);border-radius:14px;padding:14px}
.pv-side img{max-width:100%;max-height:200px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.pv-side figcaption{font-size:.76rem;color:var(--muted)}

/* templates page + product quick personalise */
.tpl-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:end;padding-bottom:36px}
.tpl-points{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tpl-points li{display:grid;padding:16px 18px;border-radius:var(--r-lg);background:var(--sky)}
.tpl-points b{font-weight:800}
.tpl-points span{font-size:.86rem;color:var(--muted)}
.tpl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px;margin-top:28px}
.tplc{display:grid;gap:8px;text-decoration:none;align-content:start}
.tplc .tplm{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:1;transition:transform .3s,box-shadow .3s}
.tplc:hover .tplm{transform:translateY(-3px);box-shadow:var(--shadow)}
.tplc b{font-weight:700}
.tplc span{font-size:.82rem;color:var(--muted)}
.tplc.blank .tplm{display:grid;place-items:center;border:1.5px dashed var(--border);background:transparent}
.tplc.blank .tplm span{font-size:3rem;color:var(--brand);font-weight:300}
.qp{display:grid;gap:14px;border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;background:var(--surface)}
.qp-h{display:grid;gap:2px}
.qp-h span{font-size:.84rem}
.qp-tpls{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.qp-tpls button{flex:none;width:76px;border:0;padding:0;background:none;cursor:pointer;border-radius:12px}
.qp-tpls .tplm{border-radius:12px;overflow:hidden;aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--line)}
.qp-tpls button.on .tplm{box-shadow:0 0 0 2px var(--brand)}
.qp-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qp-acts{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cthumb{aspect-ratio:1;border-radius:12px;overflow:hidden}
.cthumb .mk{height:100%}

@media (max-width:1200px){.studio{grid-template-columns:72px 270px minmax(0,1fr) 260px}.tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .studio{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
  .st-top{gap:6px;padding:8px 10px;flex-wrap:nowrap}
  .st-back span,.st-tg,.st-sep,#stZo,#stZi,#stSave,#stPreview{display:none}
  .st-name{width:auto;flex:1;font-size:.88rem}
  .st-tools{margin:0}
  .st-main{grid-row:2;grid-column:1}
  .st-rail{grid-row:3;grid-column:1;flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid var(--line);padding:4px}
  .st-rail button{flex:1;padding:8px 0}
  .st-panel{position:absolute;left:0;right:0;bottom:64px;max-height:52%;z-index:6;border-right:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 -12px 30px rgba(12,51,99,.18);display:none}
  .studio.panel-open .st-panel{display:block}
  .sp-x{display:inline-grid}
  .st-insp{display:none}
  .st-mprev{display:inline-flex;position:absolute;right:12px;bottom:76px;z-index:5}
  .studio.panel-open .st-mprev{display:none}
  .st-stage{padding:14px}
  .pv-grid{grid-template-columns:1fr}
  .tpl-hero{grid-template-columns:1fr;gap:24px}
  .tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .qp-fields{grid-template-columns:1fr}
}

/* ===== Redesign v6: light, brand-led (60 white / 25 blue / 10 gold / 5 ink) ===== */
:root{
  --paper:#FFFFFF; --surface:#FFFFFF; --ink:#161A22; --muted:#5B6472; --line:#E3E7EE; --soft:#F5F6F8; --border:#C3CAD5;
  --accent:#13549D; --accent-ink:#FFFFFF; --accent-hover:#0C3363; --accent-soft:#F5F6F8;
  --brand:#13549D; --brand-gold:#E7BE43; --cream:#FBF3DA; --sky:#E6EEF8; --mist:#F5F6F8;
  --shadow:0 1px 2px rgba(22,26,34,.05),0 12px 32px rgba(22,26,34,.07);
  --shadow-lift:0 2px 4px rgba(22,26,34,.05),0 22px 44px rgba(22,26,34,.11);
  color-scheme:light;
}
html,body{background:#FFFFFF;color:var(--ink)}
::selection{background:#FBF3DA;color:#161A22}

/* top strip: cream, ink text */
.topbar{background:var(--cream);color:var(--ink);border-bottom:1px solid #F0E4BC}
.topbar .tb-msg{color:var(--ink)}
.topbar .proto{background:#FFFFFF;color:var(--ink);border:1px solid #E9D9A6}
.topbar b.num{color:var(--brand);font-weight:700!important}

/* header */
header.site{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}
header.site.scrolled{box-shadow:0 6px 24px rgba(22,26,34,.06)}
.search input{background:var(--mist);border-color:transparent}
.search input:focus{background:#fff;border-color:var(--brand)}
nav.cats{border-top:1px solid var(--line)}
.cat-link{font-size:.9rem}

/* type rhythm */
section.block{padding-block:96px}
.sec-head{margin-bottom:40px}
.sec-head h2{font-size:clamp(1.9rem,3.4vw,2.75rem)}

/* hero */
.hero{padding-block:56px 40px}
.hero-grid{grid-template-columns:1fr 1.05fr;gap:64px}
.hero-h{font-size:clamp(3rem,6.4vw,5.6rem)!important;line-height:.98!important;letter-spacing:-.03em!important}
.hero p.lead{font-size:1.15rem;color:var(--muted);max-width:42ch}
.hero .ctas .btn{padding:15px 26px;font-size:1rem}
.hero .ctas .btn-primary{background:var(--brand-gold);color:#161A22;box-shadow:0 8px 20px rgba(231,190,67,.35)}
.hero .ctas .btn-primary:hover{background:#F0CE6A}
.hero .facts{border-top:1px solid var(--line);padding-top:24px;margin-top:40px}
.hero .facts b{color:var(--brand)}
.hero-artwrap{position:relative}
.hero-art{background:var(--cream);border-radius:28px;box-shadow:none}
.hero-art svg rect:first-child{fill:var(--cream)}
.hero-badge{position:absolute;left:-28px;bottom:36px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:var(--shadow-lift);display:flex;gap:12px;align-items:center;font-size:.86rem;z-index:2;animation:fadeUp .8s .5s both}
.hero-badge i{width:38px;height:38px;border-radius:50%;background:var(--sky);display:grid;place-items:center;color:var(--brand);flex:none}
.hero-badge b{display:block;font-size:.95rem}
.hero-badge span{color:var(--muted)}
.hero-badge.b2{left:auto;right:-18px;bottom:auto;top:28px;animation-delay:.75s}
.hero-badge.b2 i{background:var(--cream);color:#8A5300}

/* quick picks */
.qpicks{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;padding-block:8px 40px}
.qpick{display:grid;gap:10px;text-decoration:none;text-align:center;color:var(--ink)}
.qpick .tile{aspect-ratio:1/1;border-radius:20px;transition:transform .25s,box-shadow .25s}
.qpick:hover .tile{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.qpick b{font-weight:600;font-size:.86rem;line-height:1.3}
.qpick small{display:block;color:var(--muted);font-size:.76rem;font-weight:500}

/* promise strip */
.promise{border:0;background:var(--mist);border-radius:20px;padding:28px 32px;gap:28px}
.promise .ico{width:40px;height:40px;padding:9px;border-radius:12px;background:#fff;box-sizing:border-box;stroke-width:1.8}

/* product cards */
.grid{gap:48px 24px}
.pcard .tile,.ccard .tile,.svc .tile,.gcard .tile{border-radius:16px;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.pcard:hover .tile,.ccard:hover .tile,.svc:hover .tile{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.pcard h3{font-weight:700}
.pcard .meta b{color:var(--ink)}

/* studio promo: neutral panel, gold swoosh bullets */
.studio-promo{background:var(--mist);border-radius:28px}

/* finishes: cream band, no blue, no pattern */
.finishes{background:var(--cream)!important;color:var(--ink)!important;border-radius:32px;margin-inline:max(16px,calc((100vw - 1360px)/2))}
.finishes .eyebrow{color:var(--brand)!important}
.finishes h2 em{color:var(--brand)!important;background:linear-gradient(transparent 72%,rgba(231,190,67,.55) 72%,rgba(231,190,67,.55) 94%,transparent 94%)!important}
.finishes .muted,.finishes .sec-head p,.finishes .fs-note{color:var(--muted)!important}
.fs-list button{border-color:#EADBB0!important;color:var(--muted)!important;background:transparent}
.fs-list button b{color:var(--ink)!important}
.fs-list button.on{background:#fff;border-color:#fff!important;box-shadow:var(--shadow)}
.fs-list button.on b{color:var(--brand)!important}
#flipBtn{color:var(--ink)!important;border-color:var(--border)!important;background:#fff!important}
.finishes .btn-gold{background:var(--brand);color:#fff}
.finishes .btn-gold:hover{background:var(--accent-hover)}

/* how it works / misc panels */
.answer{background:var(--mist)}
.qtable tr.on td{background:var(--cream)}
.qtable th{background:var(--mist)}

/* newsletter: white card with gold swoosh, no blue ground */
.news{background:var(--cream)!important;color:var(--ink)!important;border-radius:28px}
.news .muted{color:var(--muted)!important}
.news h2 em{color:var(--brand)!important}
.news input{background:#fff!important;border-color:#E9D9A6!important;color:var(--ink)!important}
.news input::placeholder{color:#8A93A1!important}
.news .btn-primary{background:var(--brand)!important;color:#fff!important}
.news::after{background:var(--swoosh-g) no-repeat center/contain;opacity:.5}

/* footer: light neutral, colour logo */
footer.site{background:var(--mist)!important;color:var(--ink)!important;border-top:0;margin-top:120px;position:relative}
footer.site::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--brand) 0 72%,var(--brand-gold) 72% 100%)}
footer.site .muted,.fbase{color:var(--muted)!important}
footer.site .fgrid h4{color:var(--brand)!important}
footer.site a{color:var(--ink)}
footer.site a:hover{color:var(--brand)!important}
.fbase{border-color:var(--line)!important}
.paylogos span{border-color:var(--line)!important;color:var(--muted)!important;background:#fff}
.endorse{color:var(--muted)!important}

/* toast */
.toast{background:#161A22}
.toast button{color:#E7BE43}

/* product page: calmer selections, sticky gallery */
.choice span{border-radius:10px;border-color:var(--line);font-weight:500}
.choice span:hover{border-color:var(--brand)}
.choice input:checked+span{background:#fff!important;color:var(--brand)!important;border-color:var(--brand)!important;box-shadow:inset 0 0 0 1px var(--brand);font-weight:600}
.turn .tcard{border-radius:12px}
.turn input:checked+.tcard{background:#fff}
.chip.on{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.pricebox{border-radius:20px;border-color:var(--line);box-shadow:var(--shadow-lift)}
.pricebox .tot b{color:var(--ink)}
@media (min-width:981px){
  .pp>.gallery{position:sticky;top:150px;align-self:start}
}
.gallery .tile.main{border-radius:24px}

/* category page */
.cat-hero .tile{border-radius:24px}

/* mega menu */
.mega{box-shadow:0 30px 60px rgba(22,26,34,.12)}

/* studio bits that used deep blue */
.selbox i[data-h=rot]{border-color:#13549D}

@media (max-width:1100px){.qpicks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){
  .hero{padding-block:28px 24px}
  .hero-grid{gap:32px}
  .hero-badge{left:12px;bottom:12px;padding:10px 14px}
  .hero-badge.b2{display:none}
  section.block{padding-block:64px}
  .finishes{border-radius:20px}
  .promise{padding:22px;grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .qpicks{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .qpick b{font-size:.74rem}.qpick small{display:none}
  .qpick .tile{border-radius:14px}
  .promise{grid-template-columns:1fr}
}
/* finish demo card: ink stock, softer shadow on cream */
.fcard[data-f=foil] .front,.fcard[data-f=matt] .front{background:#161A22!important}
.fcard .face{box-shadow:0 26px 50px rgba(22,26,34,.28),0 4px 10px rgba(22,26,34,.18)}
.news{position:relative;overflow:hidden}
.news>*{position:relative;z-index:1}
.news::after{left:-30px;right:auto;bottom:-40px;width:170px;height:140px;opacity:.35;z-index:0}
footer.site{margin-top:64px}
/* neutral tile grounds (warm cream + soft neutrals, no blue wash) */
:root{--bd0:#F1F3F6;--bd2:#ECEFF3;--bd4:#F3F4F6}
/* studio: neutral work surfaces */
.st-main,.sp-tpl .tplm,.sp-drop,.mk,.in-sides button,.pv-side figure,.tpl-points li{background:var(--mist)}
.st-main{background:#EEF0F3}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.topbar .tb-msg{display:none}}

/*V8-CSS-BEGIN*/
/* ===== v8: MOO-style calm layout on Creaze brand v2.0 ===== */
:root{
  --ink:#161A22;--slate:#5B6472;--blue:#13549D;--deep:#0C3363;--gold:#E7BE43;--sky:#E6EEF8;--cream:#FBF3DA;
  --line:#E4E8EE;--mist:#F5F6F8;--wrap:1320px;
  --ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --shadow:0 1px 2px rgba(22,26,34,.05),0 10px 30px rgba(22,26,34,.07);
  --shadow-lift:0 2px 6px rgba(22,26,34,.06),0 24px 48px rgba(22,26,34,.12);
}
body{font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--wrap);padding-inline:32px}
h1,h2,h3{font-family:Montserrat,Arial,sans-serif;color:var(--ink);letter-spacing:-.01em}
h1 em,h2 em{color:var(--blue);background:none;font-style:normal;padding:0}
.eyebrow{font-style:italic;font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.muted{color:var(--slate)}

/* buttons */
.btn{border-radius:8px;font-weight:600;transition:transform .25s var(--ease),box-shadow .25s,background .25s,color .25s,border-color .25s}
.btn:not(.btn-sm):not(.st-mprev){font-size:15px;padding:13px 22px}
.sec8 .btn,.hero8 .btn,.pcfg .btn,.pricebox .btn{position:relative;overflow:hidden;isolation:isolate}
.btn-lg{padding:16px 28px;font-size:16px}
.btn-primary{background:var(--blue);color:#fff;border:0}
.btn-primary:hover{background:var(--deep);transform:translateY(-1px);box-shadow:0 10px 22px rgba(19,84,157,.28)}
.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid #C9D0DA}
.btn-ghost:hover{border-color:var(--ink);transform:translateY(-1px)}
.btn-gold{background:var(--gold);color:var(--ink);border:0}
.btn-gold:hover{background:#F0CE6A;transform:translateY(-1px);box-shadow:0 10px 22px rgba(231,190,67,.35)}
.btn-on-blue{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.btn-on-blue:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.sec8 .btn::after,.hero8 .btn::after,.pricebox .btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease)}
.sec8 .btn:hover::after,.hero8 .btn:hover::after,.pricebox .btn:hover::after{transform:translateX(120%)}
.link8{font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--ink);padding-bottom:2px;transition:color .2s,border-color .2s}
.link8:hover{color:var(--blue);border-color:var(--blue)}

/* announcement bar */
.topbar{background:var(--blue)!important;color:#fff!important;border:0!important;font-size:13px}
.tb8{display:flex;justify-content:center;padding-block:9px!important}
.tb8-rot{position:relative;height:20px;width:100%;text-align:center;overflow:hidden}
.tb8-rot span{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(100%);transition:opacity .5s,transform .6s var(--ease-out);font-weight:500;letter-spacing:.01em}
.tb8-rot span.on{opacity:1;transform:none}

/* header */
header.site{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--line)!important;transition:box-shadow .3s}
header.site.scrolled{box-shadow:0 8px 30px rgba(22,26,34,.07)!important}
.hrow{min-height:76px;gap:28px!important}
.search input{background:var(--mist)!important;border:1.5px solid transparent!important;border-radius:999px!important;height:44px;transition:border-color .2s,background .2s,box-shadow .2s}
.search input:focus{background:#fff!important;border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(19,84,157,.12)}
.hicons .icon-btn{font-weight:500;font-size:14px}
nav.cats{border-top:1px solid var(--line)!important}
#catNav{justify-content:center;gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}#catNav::-webkit-scrollbar{display:none}
.cat-item[data-cat=studio]{margin-left:8px;padding-left:8px;border-left:1px solid var(--line)}
.cat-link{font-size:14px!important;font-weight:500!important;padding:14px 12px!important;position:relative;border:0!important;color:var(--ink)!important}
.cat-link::after{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.cat-link:hover::after,.cat-item.open .cat-link::after{transform:scaleX(1)}
.cat-link.nav-studio{color:var(--blue)!important;font-weight:600!important}
.mega{border-top:1px solid var(--line);box-shadow:0 30px 60px rgba(22,26,34,.12)!important;animation:megaIn8 .35s var(--ease-out)}
@keyframes megaIn8{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* page transition */
#app.pg-in>*{animation:pgIn .55s var(--ease-out) both}
@keyframes pgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* reveal */
.m8 [data-rv],.m8 #app .reveal,.m8 #app .sec-head{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-out),transform .9s var(--ease-out);transition-delay:calc(var(--d,0)*70ms)}
.m8 [data-rv].in,.m8 #app .reveal.in,.m8 #app .sec-head.in{opacity:1;transform:none}
#app .reveal{animation:none!important}

/* hero */
.hero8{position:relative;margin:20px auto 0;max-width:calc(var(--wrap) - 32px);border-radius:24px;overflow:hidden;background:var(--sky);height:clamp(520px,72vh,680px)}
.h8-track{position:absolute;inset:0}
.h8-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s var(--ease),visibility 0s 1s}
.h8-slide.on{opacity:1;visibility:visible;transition:opacity 1s var(--ease),visibility 0s}
.h8-slide.out{visibility:visible}
.h8-img{position:absolute;inset:-20px;transform:translate3d(var(--mx,0),calc(var(--my,0) + var(--sy,0px)),0);transition:transform .9s var(--ease-out)}
.h8-img img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;transform:scale(1.04)}
.h8-slide.on .h8-img img{animation:kb 9s ease-out both}
@keyframes kb{from{transform:scale(1.14)}to{transform:scale(1.04)}}
.h8-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:var(--wrap);padding-inline:64px!important}
.h8-copy>*{max-width:520px}
.h8-h{font-size:clamp(40px,5.2vw,68px);font-weight:800;line-height:1.02;letter-spacing:-.025em;margin:16px 0 18px;position:relative}
.h8-h em{color:var(--blue);font-style:normal;position:relative}
.h8-copy p{font-size:18px;line-height:1.6;color:#3a4250;max-width:440px}
.h8-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.h8-slide .eyebrow,.h8-slide .h8-h,.h8-slide p,.h8-slide .h8-ctas{opacity:0;transform:translateY(22px)}
.h8-slide.on .eyebrow,.h8-slide.on .h8-h,.h8-slide.on p,.h8-slide.on .h8-ctas{animation:rise .9s var(--ease-out) both}
.h8-slide.on .h8-h{animation-delay:.12s}.h8-slide.on p{animation-delay:.24s}.h8-slide.on .h8-ctas{animation-delay:.36s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.swoosh-draw{position:absolute;width:.9em;height:.32em;left:calc(100% + .08em);bottom:.08em;overflow:visible}
.swoosh-draw path{fill:none;stroke:var(--gold);stroke-width:7;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140}
.h8-slide.on .swoosh-draw path{animation:draw 1.2s .7s var(--ease-out) forwards}.h8-slide.on .swoosh-draw path+path{animation-delay:.9s;stroke-width:5}
@keyframes draw{to{stroke-dashoffset:0}}
.h8-nav{position:absolute;left:0;right:0;bottom:26px;z-index:3;display:flex;justify-content:space-between;align-items:center;max-width:var(--wrap);padding-inline:64px!important}
.h8-dots{display:flex;gap:10px}
.h8-dots button{width:46px;height:4px;border-radius:4px;background:rgba(22,26,34,.15);overflow:hidden;padding:0;border:0;cursor:pointer}
.h8-dots button i{display:block;height:100%;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}
.h8-dots button.on i{animation:prog 6.5s linear forwards}
.hero8.paused .h8-dots button.on i{animation-play-state:paused}
@keyframes prog{to{transform:scaleX(1)}}
.h8-trust{display:flex;gap:22px;font-size:13px;font-weight:600;color:var(--ink)}
.h8-trust span{display:flex;align-items:center;gap:8px}
.h8-trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}

/* sections */
.sec8{padding-block:72px 8px}
.head8{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}
.head8 h2{font-size:clamp(26px,2.6vw,36px);font-weight:700;line-height:1.15;margin-top:10px}

/* category rail */
.rail-btns{display:flex;gap:8px}
.rbtn{width:44px;height:44px;border-radius:50%;border:1.5px solid #C9D0DA;background:#fff;display:grid;place-items:center;cursor:pointer;transition:border-color .2s,transform .2s,opacity .2s;color:var(--ink)}
.rbtn:hover:not(:disabled){border-color:var(--ink);transform:scale(1.05)}
.rbtn:disabled{opacity:.35;cursor:default}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*20px)/5);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;cursor:grab}
.rail::-webkit-scrollbar{display:none}
.rail.drag{cursor:grabbing;scroll-snap-type:none}.rail.drag a{pointer-events:none}
.ccard8{scroll-snap-align:start;text-decoration:none;color:var(--ink);display:grid;gap:4px}
.ccard8 b{font-weight:600;font-size:16px;margin-top:12px}
.ccard8>span{font-size:13px;color:var(--slate)}

/* photo frames */
.ph{position:relative;border-radius:16px;overflow:hidden;background:var(--mist);aspect-ratio:1/1;isolation:isolate}
.ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}
a:hover>.ph img,.ccard8:hover .ph img,.pcard:hover .ph img{transform:scale(1.05)}

/* product grid + cards */
.grid8,.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
.pcard{display:grid;gap:14px;text-decoration:none;color:var(--ink);align-content:start}
.pcard .ph{transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
.pcard:hover .ph{box-shadow:var(--shadow-lift);transform:translateY(-4px)}
.pcard .pbody{display:grid;gap:4px}
.pcard h3{font-size:16px;font-weight:600;line-height:1.35}
.pcard .spec{font-size:13px;color:var(--slate)}
.pcard .meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:14px}
.pcard .from{color:var(--slate)}.pcard .from b{color:var(--ink);font-weight:700}
.pill{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px;background:var(--mist);color:var(--ink)}
.pill.good{background:#E3F2EA;color:#1D6B45}

/* studio band (the blue moment) */
.band8{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;background:var(--blue);color:#fff;border-radius:24px;overflow:hidden;padding:0 0 0 64px;min-height:480px;position:relative}
.band8::before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:56px solid rgba(231,190,67,.14);pointer-events:none}
.band8 .eyebrow{color:var(--gold)}
.band8 h2{color:#fff;font-size:clamp(28px,3vw,42px);line-height:1.1;font-weight:800;margin:14px 0 16px}
.band8 h2 em{color:var(--gold)}
.band8 p{color:#DCE6F2;font-size:17px;line-height:1.6;max-width:46ch}
.band8 ul{list-style:none;padding:0;margin:20px 0 4px;display:grid;gap:10px}
.band8 li{display:flex;gap:10px;align-items:center;font-weight:500}
.band8 li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161A22' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat;flex:none}
.band8-img{align-self:stretch;position:relative;overflow:hidden;min-height:420px}
.band8-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08)}

/* finishes */
.fin8{border-radius:24px!important;max-width:calc(var(--wrap) - 64px);margin:72px auto 0!important;background:var(--cream)!important}

/* services */
.svc8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.svc8-card{text-decoration:none;color:var(--ink);display:grid;gap:8px;align-content:start}
.svc8-card .ph{aspect-ratio:4/3}
.sub8{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11px;font-weight:600;letter-spacing:.15em;color:var(--blue)}
.sub8 i{width:1.5px;height:12px;background:var(--gold)}
.svc8-card h3{font-size:18px;font-weight:700}
.svc8-card p{font-size:14px;color:var(--slate);line-height:1.55}

/* trust */
.trust8-wrap{padding-top:80px}
.trust8{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:36px}
.trust8>div{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:start}
.ic8{grid-row:span 2;width:44px;height:44px;border-radius:50%;background:var(--sky);color:var(--blue);display:grid;place-items:center}
.trust8 b{font-size:15px;font-weight:700}.trust8 span:not(.ic8){font-size:13px;color:var(--slate)}

/* newsletter */
.news8{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;background:var(--sky);border-radius:24px;padding:48px 56px}
.news8 h2{font-size:clamp(24px,2.4vw,32px);font-weight:800;margin:8px 0}
.news8 p{color:var(--slate)}
.news8 form{display:flex;gap:10px;flex-wrap:wrap}
.news8 input{flex:1;min-width:200px;height:54px;border-radius:8px;border:1.5px solid #C9D0DA;padding:0 18px;font:inherit;background:#fff}
.news8 input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(19,84,157,.12)}

/* product page */
.pp8 .crumbs{margin:22px 0 18px;font-size:13px}
.pp8-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:start}
.pgal{position:sticky;top:150px}
.pgal-main{position:relative;border-radius:20px;overflow:hidden;background:var(--mist);aspect-ratio:1/1;cursor:zoom-in}
.pgal-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .6s var(--ease),transform .9s var(--ease-out)}
.pgal-main>img.on{opacity:1;transform:none}
.pgal-main.zoom>img.on{transform:scale(1.7);transition:opacity .6s,transform .35s var(--ease-out)}
.pgal-size{position:absolute;inset:0;background:#fff;display:grid;place-items:center;padding:8%}
.pgal-size .tile{width:100%;height:auto;aspect-ratio:auto;background:none!important}
.pgal-arrow{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .3s,transform .3s}
.pgal-arrow.l{left:16px;transform:translateX(-6px)}.pgal-arrow.r{right:16px;transform:translateX(6px)}
.pgal-main:hover .pgal-arrow{opacity:1;transform:none}
.pgal-thumbs{display:flex;gap:12px;margin-top:14px}
.pgal-thumbs button{width:84px;height:84px;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0;background:var(--mist);cursor:pointer;transition:border-color .2s,transform .2s}
.pgal-thumbs button:hover{transform:translateY(-2px)}
.pgal-thumbs button.on{border-color:var(--blue)}
.pgal-thumbs img{width:100%;height:100%;object-fit:cover}
.pg-size span{font-size:11px;font-weight:600;line-height:1.2;color:var(--slate)}
.pgal-cap{font-size:12px;color:var(--slate);margin-top:10px}
.pcfg h1{font-size:clamp(28px,2.6vw,36px);font-weight:800;line-height:1.12;margin:10px 0 8px}
.pfrom{font-size:16px;color:var(--slate)}.pfrom b{color:var(--ink);font-size:20px;font-weight:800}.pfrom span{font-size:13px}
.pdesc{margin:14px 0 12px;color:#3a4250;font-size:16px;line-height:1.6}
.pcfg .specline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.pcfg .config{display:grid;gap:26px;margin-top:22px}
.pcfg .opt{border:0;padding:0;margin:0}
.pcfg .opt legend{font-weight:700;font-size:15px;margin-bottom:12px;padding:0}
.choices{display:flex;flex-wrap:wrap;gap:10px}
.choice span{display:inline-flex;align-items:center;min-height:46px;padding:10px 18px!important;border:1.5px solid #D5DCE6!important;border-radius:8px!important;background:#fff!important;font-size:14px!important;font-weight:500!important;color:var(--ink)!important;transition:border-color .2s,box-shadow .2s,background .2s,transform .15s!important}
.choice span:hover{border-color:var(--ink)!important}
.choice input:checked+span{border-color:var(--blue)!important;box-shadow:inset 0 0 0 1px var(--blue)!important;background:#F3F7FC!important;color:var(--blue)!important;font-weight:600!important}
.choice input:checked+span::before{content:"";width:16px;height:16px;margin-right:8px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/11px no-repeat;animation:pop8 .3s var(--ease-out)}
@keyframes pop8{from{transform:scale(0)}to{transform:scale(1)}}
.choice input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.qtable{border:1.5px solid #D5DCE6!important;border-radius:12px!important;font-size:14px!important}
.qtable th{background:#fff!important;font-style:normal!important;letter-spacing:.04em!important;text-transform:none!important;font-size:12px!important;color:var(--slate)!important;font-weight:600!important}
.qtable tr{cursor:pointer;transition:background .15s}
.qtable tbody tr:hover td{background:var(--mist)}
.qtable tr.on td{background:#F3F7FC!important;color:var(--blue);font-weight:600}
.qtable tr.on td:first-child{box-shadow:inset 3px 0 0 var(--blue)!important}
.turn .tcard{border:1.5px solid #D5DCE6!important;border-radius:10px!important;transition:border-color .2s,box-shadow .2s}
.turn .tcard:hover{border-color:var(--ink)!important}
.turn input:checked+.tcard{border-color:var(--blue)!important;box-shadow:inset 0 0 0 1px var(--blue)!important;background:#F3F7FC!important}
.pricebox{border:1.5px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow-lift)!important;padding:24px!important;position:relative!important;background:#fff!important}
.pricebox .tot b{font-size:32px!important;font-weight:800!important;color:var(--ink)!important;letter-spacing:-.02em}
.pricebox .btn-primary,#addCart{height:56px;font-size:16px;border-radius:10px}
.share{margin-top:22px;font-size:13px}
.ptabs,.tabs{margin-top:72px}
.qa{margin-top:56px!important}

/* footer */
footer.site{margin-top:96px!important}

/* motion: number pulse when price changes */
.bump{animation:bump8 .45s var(--ease-out)}
@keyframes bump8{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}

/* responsive */
@media (max-width:1100px){.rail{grid-auto-columns:calc((100% - 3*16px)/3.4)}.grid8,.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.svc8{grid-template-columns:repeat(2,1fr)}.band8{padding-left:40px}}
@media (max-width:860px){
  .wrap{padding-inline:16px}
  .hero8{margin:12px 12px 0;border-radius:20px;height:620px}
  .h8-img{inset:auto 0 0 0;height:290px;transform:none}
  .h8-img img{object-position:62% 50%}
  .h8-copy{justify-content:flex-start;padding:36px 22px 0!important;height:auto}
  .h8-h{font-size:40px}.h8-copy p{font-size:16px}
  .h8-ctas{gap:8px;margin-top:22px}.h8-ctas .btn-lg{padding:13px 16px;font-size:14px}
  .h8-nav{bottom:16px;padding-inline:22px!important}.h8-trust{display:none}
  .sec8{padding-top:52px}
  .head8 .rail-btns{display:none}
  .rail{grid-auto-columns:62%;gap:14px}
  .grid8,.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
  .band8{grid-template-columns:1fr;padding:40px 24px 0;gap:28px}.band8-img{min-height:300px;margin:0 -24px}
  .svc8{grid-template-columns:1fr 1fr;gap:16px}
  .trust8{grid-template-columns:1fr 1fr;gap:22px 14px}
  .news8{grid-template-columns:1fr;padding:32px 22px}
  .pp8-grid{grid-template-columns:1fr;gap:28px}
  .pgal{position:static}.pgal-arrow{opacity:1;transform:none}
  .fin8{margin:52px 12px 0!important}
  #catNav{justify-content:flex-start}
}
@media (max-width:520px){.svc8{grid-template-columns:1fr}.trust8{grid-template-columns:1fr}.pcard h3{font-size:14px}.pcard .meta{flex-wrap:wrap;gap:4px}}
@media (prefers-reduced-motion:reduce){
  .m8 [data-rv],.m8 #app .reveal,.m8 #app .sec-head{opacity:1!important;transform:none!important;transition:none!important}
  .h8-slide.on .h8-img img,#app.pg-in>*,.h8-slide.on .eyebrow,.h8-slide.on .h8-h,.h8-slide.on p,.h8-slide.on .h8-ctas{animation:none!important;opacity:1!important;transform:none!important}
  .swoosh-draw path{stroke-dashoffset:0!important;animation:none!important}
  .tb8-rot span{transition:none}
}
.cat8{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-bottom:40px}
.cat8 h1{font-size:clamp(32px,3.6vw,48px);font-weight:800;line-height:1.05;margin:12px 0 14px}
.cat8 p{color:var(--slate);font-size:17px;max-width:44ch;line-height:1.6}
.cat8-ph{aspect-ratio:16/10!important;border-radius:20px}
.chip{border-radius:999px;transition:background .2s,color .2s,border-color .2s}
@media (max-width:860px){.cat8{grid-template-columns:1fr;gap:20px}}
/* ===== Part 3: inner pages ===== */
.crumbs{font-size:13px;color:var(--slate);display:flex;gap:8px;flex-wrap:wrap;padding-top:20px}
.crumbs a{color:var(--slate);text-decoration:none}.crumbs a:hover{color:var(--blue)}
.pghead8{position:relative;padding:8px 0 40px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.pghead8 .crumbs{padding-top:20px;margin-bottom:28px}
.pghead8 h1,.svch8 h1,.ab8 h1,.cart8h h1,.empty8 h1,.nf8 h1{font-size:clamp(2.1rem,4.4vw,3.25rem)!important;font-weight:800;line-height:1.06;letter-spacing:-.025em;margin:10px 0 0!important;max-width:22ch}
.pghead8 p,.pghead8>.muted{margin-top:14px!important;font-size:1.08rem;color:var(--slate);max-width:58ch;line-height:1.6}
.pghead8::after{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:3px;border-radius:2px;background:var(--gold);transform-origin:left;animation:grow8 .9s .2s var(--ease-out) both}
@keyframes grow8{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pghead8>div:not(.crumbs){display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin:0!important}
.lab8{font-style:italic;font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.go8{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-weight:600;font-size:14px;color:var(--blue);margin-top:4px}
.go8 svg{width:16px;height:16px;transition:transform .3s var(--ease)}
a:hover .go8 svg{transform:translateX(4px)}
.ctas8{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.sugg8{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
/* forms */
.formcard,.summary,.ocard{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:28px!important;box-shadow:none;display:grid;gap:16px}
.formcard h3,.summary h3{font-size:18px;font-weight:700;letter-spacing:-.01em}
.field{display:grid;gap:6px}
.field label{font-size:13px;font-weight:600;color:var(--ink)}
.field input,.field select,.field textarea,#trIn,.promo8 input{font:inherit;font-size:15px;min-height:48px;padding:12px 14px!important;border:1px solid #CFD5DE!important;border-radius:8px!important;background:#fff!important;color:var(--ink);transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}
.field textarea{min-height:120px;resize:vertical}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#9AA4B2!important}
.field input:focus,.field select:focus,.field textarea:focus,#trIn:focus,.promo8 input:focus{outline:0;border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(19,84,157,.12)}
.field input[type=file]{padding:10px!important;min-height:0}
.row2,.row3{gap:16px!important}
#tr{gap:12px!important}
/* radio cards */
.radio-list{display:grid;gap:10px}
.radio-list label{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s;background:#fff}
.radio-list label:hover{border-color:#9AA4B2}
.radio-list label:has(input:checked){border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#FAFCFF}
.radio-list input{accent-color:var(--blue);width:18px;height:18px;flex:none}
.radio-list .rl{flex:1;display:grid;gap:2px}.radio-list .rl b{font-size:15px}.radio-list .rl span{font-size:13px;color:var(--slate)}
.radio-list .fee{font-weight:700;font-size:14px}
/* summary */
.summary{position:sticky;top:140px;align-self:start;gap:12px!important}
.summary .line{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.summary .line.total{border-top:1px solid var(--line);padding-top:14px;margin-top:4px;font-size:18px;font-weight:800}
.summary .btn-block{width:100%;justify-content:center}
.promo8{display:flex;gap:8px}.promo8 input{flex:1;min-width:0;min-height:42px}
.wa8{font-size:13px;color:var(--slate);text-align:center}
/* cart */
.cart8h{display:flex;align-items:baseline;gap:14px;margin:12px 0 28px}.cart8h span{color:var(--slate);font-weight:500}
.citem8{display:grid!important;grid-template-columns:112px 1fr auto;gap:20px;align-items:center;padding:20px 0!important;border-bottom:1px solid var(--line)}
.citem8:first-child{border-top:1px solid var(--line)}
.citem8>b:first-of-type{font-size:16px}
.citem8 .ph{width:112px;border-radius:12px}
.citem8 .cthumb{width:112px}
.citem8 .opts{font-size:13px;color:var(--slate);margin-top:4px;line-height:1.5}
.citem8 .acts{display:flex;gap:16px;margin-top:10px}
.citem8 .link{font-size:13px;font-weight:600;color:var(--blue);background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.citem8 .link:hover{text-decoration:underline}
.citem8 .cprice{font-size:17px;font-weight:700}
.assure8{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.assure8>div{background:var(--mist);border-radius:12px;padding:16px;display:grid;gap:2px}
.assure8 b{font-size:14px}.assure8 span{font-size:12.5px;color:var(--slate)}
.two{gap:48px!important}
/* empty, 404 */
.empty8{text-align:center;display:grid;justify-items:center;gap:12px;padding:72px 24px;margin-top:24px;background:var(--mist);border-radius:24px}
.empty8 h1,.empty8 h2{max-width:none;margin:0!important}
.empty8 h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800}
.empty8 p{color:var(--slate);max-width:46ch}.empty8 .btn{margin-top:8px}
.empty8-ico{width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--blue);box-shadow:var(--shadow)}
.empty8-s{margin-top:0}
.pop8h{font-size:22px;font-weight:700;margin:56px 0 20px}
.pop8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}
.pop8 a{text-decoration:none;color:var(--ink);display:grid;gap:10px;font-size:13px;text-align:center}
.pop8 .ph{border-radius:14px}
.nf8{position:relative;text-align:center;display:grid;justify-items:center;gap:10px;padding:80px 24px 64px;overflow:hidden}
.nf8 h1{max-width:none}.nf8 p{color:var(--slate);max-width:44ch}
.nf8-n{font-size:clamp(6rem,16vw,11rem);font-weight:800;line-height:.9;letter-spacing:-.05em;color:var(--blue);opacity:.12}
.nf8 .swoosh-draw{width:140px;margin-top:20px}
/* guides */
.guides8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.gcard8{text-decoration:none;color:var(--ink);display:grid;gap:10px;align-content:start}
.gcard8 .ph{aspect-ratio:16/10;transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
.gcard8:hover .ph{box-shadow:var(--shadow-lift);transform:translateY(-4px)}
.gcard8 .lab8{margin-top:6px}.gcard8 b{font-size:19px;line-height:1.3;font-weight:700}
.art8{max-width:820px;margin:0 auto}
.art8 .pghead8{border:0;margin-bottom:24px;padding-bottom:28px}
.art8-ph{aspect-ratio:16/8;border-radius:20px;margin-bottom:40px}
.article{max-width:none!important;font-size:17px;line-height:1.75}
.article h2{font-size:24px;font-weight:700;margin:44px 0 14px;letter-spacing:-.015em}
.article p,.article li{color:#2F3642}
.answer{background:var(--cream)!important;border:0!important;border-left:4px solid var(--gold)!important;border-radius:0 16px 16px 0!important;padding:24px 28px!important}
/* faq */
details.faq{border:0;border-bottom:1px solid var(--line);padding:0;background:none;border-radius:0}
details.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-weight:600;font-size:16px;position:relative}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease)}
details.faq[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details.faq p{padding:0 40px 22px 0;color:var(--slate);line-height:1.7;animation:rise .45s var(--ease-out) both}
.industries{display:flex;gap:8px;flex-wrap:wrap}
.chip{border-radius:999px!important;padding:9px 16px!important;font-size:14px;font-weight:600;border:1px solid var(--line)!important;background:#fff;color:var(--ink);text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.chip:hover{border-color:var(--ink)!important}
/* services */
.svc8-all{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
.svc8-card .go8{margin-top:2px}
.svch8{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;margin:28px 0 72px}
.svch8 p{margin-top:16px;font-size:1.12rem;color:var(--slate);line-height:1.6;max-width:48ch}
.svch8-ph{aspect-ratio:5/4;border-radius:24px}
.sublock{display:flex;align-items:center;gap:12px}.sublock img{height:26px;width:auto}.sublock i{width:1.5px;height:22px;background:var(--gold)}
.sublock span{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.sublock .lg-d{display:none}
.svc8body h2{font-size:24px;font-weight:700;margin-bottom:18px}
.does8{list-style:none;padding:0;margin:0;display:grid;gap:0}
.does8 li{padding:16px 0 16px 36px;border-bottom:1px solid var(--line);position:relative;font-weight:500}
.does8 li::before{content:"";position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:var(--sky) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' fill='none' stroke='%2313549D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.work8{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:180px 180px;gap:12px}
.work8 .ph{aspect-ratio:auto;height:100%}.work8 .ph:first-child{grid-row:span 2}
.svcform8{position:sticky;top:140px;align-self:start;scroll-margin-top:140px}
/* about */
.ab8{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;margin-bottom:56px}
.ab8 .crumbs{margin-bottom:28px}.ab8 h1{margin-top:12px!important}
.ab8 p{margin-top:18px;font-size:1.12rem;color:var(--slate);line-height:1.65;max-width:50ch}
.ab8-ph{aspect-ratio:5/4;border-radius:24px}
.stats8{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats8>div{padding:32px 24px;display:grid;gap:6px}.stats8>div+div{border-left:1px solid var(--line)}
.stats8 b{font-size:clamp(2rem,3.4vw,2.75rem);font-weight:800;color:var(--blue);letter-spacing:-.03em;line-height:1}
.stats8 span{font-size:14px;color:var(--slate)}
.ab8-note{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:var(--cream);border-radius:24px;padding:48px;margin-top:72px}
.ab8-note h2{font-size:28px;font-weight:800;margin-top:10px}.ab8-note p{margin-top:12px;color:var(--slate);line-height:1.65}
.ab8-contact{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ab8-contact div{display:grid;gap:2px}.ab8-contact span{font-style:italic;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-weight:500}
.ab8-contact b{font-size:16px}.ab8-contact small{color:var(--slate)}
/* account, track, done */
.acct{display:grid;grid-template-columns:240px 1fr;gap:40px}
.acct nav{display:grid;gap:4px;align-content:start;position:sticky;top:140px}
.acct nav button{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:8px;border:0;background:none;font:inherit;font-weight:600;font-size:14px;color:var(--slate);cursor:pointer;text-align:left;transition:background .2s,color .2s}
.acct nav button:hover{background:var(--mist);color:var(--ink)}
.acct nav button.on{background:var(--sky);color:var(--blue)}
.ocard .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.steps{display:flex;gap:0;margin:8px 0;counter-reset:s}
.steps .st{flex:1;display:grid;justify-items:center;gap:8px;font-size:11.5px;color:var(--slate);text-align:center;position:relative;font-weight:500}
.steps .st i{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #CFD5DE;position:relative;z-index:1}
.steps .st::before{content:"";position:absolute;top:6px;left:-50%;right:50%;height:2px;background:#E4E8EE}
.steps .st:first-child::before{display:none}
.steps .st.done i{background:var(--blue);border-color:var(--blue)}.steps .st.done::before,.steps .st.now::before{background:var(--blue)}
.steps .st.now i{border-color:var(--blue);box-shadow:0 0 0 5px rgba(19,84,157,.15);animation:pulse8 2s infinite}
.steps .st.now{color:var(--ink);font-weight:700}
@keyframes pulse8{50%{box-shadow:0 0 0 9px rgba(19,84,157,.05)}}
.pill{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px}
[data-route=done] #app>.wrap{padding-top:48px!important}
[data-route=done] h1{font-weight:800;letter-spacing:-.025em}
[data-route=done] .pill.good{animation:rise .6s var(--ease-out) both}
/* templates head */
[data-route=templates] .pghead8 h1{max-width:none}
@media (max-width:1100px){.pop8{grid-template-columns:repeat(4,1fr)}.svc8-all{grid-template-columns:repeat(2,1fr)}.guides8{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .svch8,.ab8,.ab8-note{grid-template-columns:1fr;gap:32px}
  .svch8-ph,.ab8-ph{order:-1;aspect-ratio:16/10}
  .ab8-note{padding:28px}
  .stats8{grid-template-columns:1fr 1fr}.stats8>div:nth-child(3){border-left:0}.stats8>div:nth-child(n+3){border-top:1px solid var(--line)}
  .acct{grid-template-columns:1fr;gap:20px}.acct nav{position:static;display:flex;overflow-x:auto}.acct nav button{white-space:nowrap;gap:8px}
  .summary,.svcform8{position:static}
  .two{gap:32px!important}
}
@media (max-width:600px){
  .pghead8{padding-bottom:28px;margin-bottom:28px}
  .guides8,.svc8-all{grid-template-columns:1fr}
  .citem8{grid-template-columns:80px 1fr;gap:14px}.citem8 .ph,.citem8 .cthumb{width:80px}.citem8 .cprice{grid-column:2}
  .assure8{grid-template-columns:1fr}
  .pop8{grid-template-columns:repeat(2,1fr)}
  .formcard,.summary,.ocard{padding:20px!important}
  .ab8-contact{grid-template-columns:1fr}
  .steps .st{font-size:0}.steps .st.now{font-size:11px}
  .empty8{padding:48px 20px}
}
@media (prefers-reduced-motion:reduce){.pghead8::after,details.faq p,.steps .st.now i{animation:none!important}}
/* accounts and payments */
.auth8{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;align-items:start}
.link8{background:none;border:0;padding:0;color:var(--blue);font-weight:600;font-size:13px;cursor:pointer;justify-self:start}
.err8{color:#B3261E;font-size:13px;min-height:1px}
.acct8tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.acts8{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.bank8{background:var(--mist);border-radius:12px;padding:16px;margin-top:16px;display:grid;gap:8px}
.bank8 h3{font-size:15px;font-weight:700}.bank8 pre{font:inherit;font-weight:600;white-space:pre-wrap;margin:0;background:#fff;border-radius:8px;padding:10px 12px;border:1px solid var(--line)}
.bankref{display:flex;gap:8px;flex-wrap:wrap}.bankref input{flex:1;min-width:200px;min-height:42px;padding:8px 12px;border:1px solid #CFD5DE;border-radius:8px;font:inherit}
.good8{color:#1F7A4D;font-weight:600;font-size:14px}
.radio-list label.off{opacity:.5;cursor:not-allowed}
.ocard+.ocard{margin-top:14px}
@media (max-width:860px){.auth8{grid-template-columns:1fr}}
.pghead8>.acct8tabs{justify-content:flex-start;align-items:center}

/* blog posts */
.article figure{margin:22px 0}.article img{max-width:100%;height:auto;border-radius:12px}.article blockquote{margin:18px 0;padding:6px 18px;border-left:3px solid var(--gold,#E7BE43);color:var(--slate,#5B6472)}
.article pre{background:#F3F5F9;padding:14px;border-radius:10px;overflow:auto;font-size:.9rem}.article code{background:#F3F5F9;padding:1px 5px;border-radius:5px;font-size:.92em}.article pre code{background:none;padding:0}
.chips8{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}

/* UI pass: hero legibility, mobile polish, upload box, gallery */
.h8-slide::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.94) 0,rgba(255,255,255,.82) 34%,rgba(255,255,255,0) 62%)}
.h8-img img{filter:none}
.swoosh-draw{left:auto;right:-.2em;bottom:-.28em;width:.8em}
.pgal-thumbs button{width:96px;height:96px}
.pg-size{display:grid;place-items:center;background:var(--sky)!important}
.pg-size span{font-size:12px}
.pcfg input[type=file]{font:inherit;font-size:14px;color:var(--slate);max-width:100%}
.pcfg input[type=file]::file-selector-button{font:inherit;font-weight:600;font-size:14px;margin-right:12px;padding:10px 18px;border:0;border-radius:8px;background:var(--blue);color:#fff;cursor:pointer;transition:background .2s}
.pcfg input[type=file]::file-selector-button:hover{background:var(--deep,#0C3363)}
@media (max-width:860px){
  .h8-slide::after{background:linear-gradient(180deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.9) 52%,rgba(255,255,255,0) 72%)}
  .swoosh-draw{display:none}
  .h8-img img{object-position:50% 50%}
  .hero8{height:600px}
  .h8-img{height:270px}
  .pgal-thumbs{gap:8px}.pgal-thumbs button{width:72px;height:72px}
  .pgal-cap{padding-right:64px}
}
@media (max-width:520px){
  .h8-h{font-size:36px}
  .h8-ctas .btn-lg{flex:1 1 100%;justify-content:center}
  .wa{width:46px;height:46px;right:12px;opacity:.95}
  .grid8,.grid{gap:12px}
}

.pnote{margin:0 0 12px;padding:10px 14px;background:var(--sky,#E6EEF8);border-radius:8px;color:#0C3363;font-size:14px;line-height:1.5}

/*V8-CSS-END*/