/* CustomPacka — "print-shop floor" design system
   ink navy · paper · kraft · signal orange · CMYK bars · registration marks · dielines */
@font-face{font-family:CPDisplay;src:url(/assets/fonts/heroscn-700.woff) format('woff');font-weight:700;font-display:swap}
@font-face{font-family:CPDisplay;src:url(/assets/fonts/heroscn-400.woff) format('woff');font-weight:400;font-display:swap}
@font-face{font-family:CPSans;src:url(/assets/fonts/inter-400.woff) format('woff');font-weight:400;font-display:swap}
@font-face{font-family:CPSans;src:url(/assets/fonts/inter-400i.woff) format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:CPSans;src:url(/assets/fonts/inter-600.woff) format('woff');font-weight:600;font-display:swap}
@font-face{font-family:CPSans;src:url(/assets/fonts/inter-700.woff) format('woff');font-weight:700;font-display:swap}
@font-face{font-family:CPSerif;src:url(/assets/fonts/lora-500i.woff) format('woff');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:CPSerif;src:url(/assets/fonts/lora-600i.woff) format('woff');font-weight:600;font-style:italic;font-display:swap}

:root{
  --ink:#0E1A2B;--ink-2:#1A2940;--ink-3:#2B3C57;--paper:#F6F5F1;--paper-2:#EDEAE2;--white:#fff;
  --kraft:#B98A5A;--kraft-d:#8E6639;--kraft-l:#E7D5BE;--accent:#FF4D12;--accent-d:#D93C06;--accent-l:#FFE4D9;
  --c:#00A3E0;--m:#E5007E;--y:#FFD400;--k:#0E1A2B;
  --text:#0E1A2B;--muted:#5B6472;--line:#DDD8CE;--line-2:#CFC8BA;
  --ok:#1F8A5B;--ok-l:#E3F4EB;--warn:#B76E00;--warn-l:#FFF3DC;--err:#C62828;--err-l:#FDE8E8;--info:#1F5FBF;--info-l:#E6EEFB;
  --f-disp:CPDisplay,'Arial Narrow',Impact,sans-serif;--f-sans:CPSans,Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--f-serif:CPSerif,Georgia,serif;
  --wrap:1240px;--wrap-text:780px;--head-h:68px;--r:14px;--r-sm:9px;--r-lg:22px;
  --sh-1:0 1px 2px rgba(14,26,43,.06),0 2px 8px rgba(14,26,43,.05);--sh-2:0 10px 30px -12px rgba(14,26,43,.25),0 2px 6px rgba(14,26,43,.06);--sh-3:0 30px 60px -25px rgba(14,26,43,.45);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 16px)}
body{margin:0;font-family:var(--f-sans);font-size:17px;line-height:1.65;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video,canvas{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent-d)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--f-disp);font-weight:700;line-height:1.02;letter-spacing:-.005em;margin:0 0 .5em;text-transform:uppercase}
h1{font-size:clamp(2.6rem,1.6rem + 4.4vw,5.4rem)}
h2{font-size:clamp(2rem,1.4rem + 2.3vw,3.3rem)}
h3{font-size:clamp(1.35rem,1.15rem + .6vw,1.7rem)}
h1 em,h2 em,h3 em,.em{font-family:var(--f-serif);font-style:italic;font-weight:500;text-transform:none;color:var(--accent);letter-spacing:-.02em}
p{margin:0 0 1em}
small{font-size:.82em}
hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
.sr-only{position:absolute!important;left:0;top:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}
.skip:focus{left:8px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}
.wrap--text{max-width:var(--wrap-text)}
.center{text-align:center}
.muted{color:var(--muted)}
.muted-light{color:rgba(246,245,241,.72)}
.fine{font-size:.8rem;color:var(--muted);line-height:1.5}
.ico{width:22px;height:22px;flex:none}
.ico--sm{width:16px;height:16px}
.eyebrow{font-family:var(--f-sans);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-d);margin:0 0 .9rem;display:inline-flex;align-items:center;gap:.5rem}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
.eyebrow--light{color:#FFB08F}
.lead{font-size:clamp(1.07rem,1rem + .35vw,1.28rem);line-height:1.6;color:var(--ink-3);max-width:62ch}
.meta-line{font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.linkish{background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px;font:inherit;cursor:pointer}
.pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .65rem;border-radius:99px;background:var(--accent);color:#fff}
.pill--dark{background:var(--ink);color:#fff}
.pill--ok{background:var(--ok-l);color:var(--ok)}
.dot-live{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(31,138,91,.18);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(31,138,91,0)}}
.eyebrow .dot-live{margin-right:.2rem}
.eyebrow:has(.dot-live)::before{display:none}

/* ---------------------------------------------------------------- buttons */
.btn{--bg:var(--ink);--fg:#fff;--bd:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.35rem;border-radius:99px;border:2px solid var(--bd);background:var(--bg);color:var(--fg);font-weight:700;font-size:.95rem;line-height:1.2;text-decoration:none;transition:transform .15s var(--ease),background .2s,box-shadow .2s,color .2s;white-space:nowrap;position:relative}
.btn:hover{transform:translateY(-2px);color:var(--fg);box-shadow:var(--sh-2)}
.btn:active{transform:translateY(0)}
.btn--accent{--bg:var(--accent);--bd:var(--accent);--fg:#fff;box-shadow:0 6px 18px -8px rgba(255,77,18,.8)}
.btn--accent:hover{--bg:var(--accent-d);--bd:var(--accent-d)}
.btn--dark{--bg:var(--ink);--bd:var(--ink)}
.btn--ghost{--bg:transparent;--fg:var(--ink);--bd:var(--ink)}
.btn--ghost:hover{--bg:var(--ink);--fg:#fff}
.btn--ghost-light{--bg:transparent;--fg:#fff;--bd:rgba(255,255,255,.5)}
.btn--ghost-light:hover{--bg:#fff;--fg:var(--ink);--bd:#fff}
.btn--sm{padding:.55rem 1rem;font-size:.86rem}
.btn--lg{padding:1rem 1.7rem;font-size:1.02rem}
.btn--block{width:100%}
.btn[disabled],.btn.is-loading{opacity:.6;pointer-events:none}
.btn.is-loading::after{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.6rem 0}
.btn-row--tight{margin:1rem 0 0;gap:.5rem}
.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:inherit;transition:background .2s}
.icon-btn:hover{background:rgba(14,26,43,.07)}
.icon-btn--accent{background:var(--accent);color:#fff}
.icon-btn--accent:hover{background:var(--accent-d)}
.ticks{list-style:none;padding:0;margin:1rem 0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.9rem;font-weight:600}
.ticks li{display:flex;align-items:center;gap:.45rem}
.ticks li::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4L18 8' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.ticks--light{color:#fff}
.ticks--sm{font-size:.84rem;flex-direction:column;gap:.45rem}
.plan .ticks,.sample-opt .ticks{flex-direction:column}

/* ---------------------------------------------------------------- announce + header */
.announce{background:var(--ink);color:#fff;font-size:.82rem}
.announce__in{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:36px;text-align:center;padding-top:.3rem;padding-bottom:.3rem}
.announce a{color:#FFB08F;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}
.announce__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.head{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(14,26,43,.08)}
.head__in{display:flex;align-items:center;gap:1.4rem;height:var(--head-h)}
.logo{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);flex:none}
.logo__mark{width:34px;height:34px;color:var(--ink)}
.logo__word{font-family:var(--f-disp);font-size:1.55rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase;line-height:1}
.logo__word b{color:var(--accent)}
.logo--light,.logo--light .logo__mark{color:#fff}
.nav{flex:1}
.nav__list{list-style:none;margin:0;padding:0;display:flex;gap:.15rem}
.nav__link{white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem;padding:.55rem .75rem;border-radius:8px;background:none;border:0;font-weight:600;font-size:.93rem;text-decoration:none;color:var(--ink);transition:background .15s}
.nav__link:hover,.nav__item.is-open>.nav__link{background:rgba(14,26,43,.06);color:var(--ink)}
.nav__item.is-open .nav__link .ico{transform:rotate(180deg)}
.nav__link .ico{transition:transform .2s}
.head__actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}
.burger{display:none}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:var(--sh-3);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
.nav__item.is-open .mega{opacity:1;visibility:visible;transform:none}
.mega__in{display:grid;grid-template-columns:repeat(4,1fr) 1.25fr;gap:2rem;padding-top:2rem;padding-bottom:2.2rem}
.mega__in--wide{grid-template-columns:repeat(4,1fr) 1.3fr}
.mega__in--tools{grid-template-columns:repeat(4,1fr);gap:.6rem}
.mega__col a{display:block;padding:.28rem 0;font-size:.92rem;text-decoration:none;color:var(--ink-3)}
.mega__col a:hover{color:var(--accent-d)}
.mega__col--2{grid-column:span 2;columns:2;column-gap:2rem}
.mega__h{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;padding-bottom:.4rem;border-bottom:1px dashed var(--line-2)}
.mega__col .mega__h:not(:first-child){margin-top:1.1rem}
.mega__all{font-weight:700;color:var(--accent-d)!important;margin-top:.4rem}
.mega__feature{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:1rem;border-radius:var(--r);background:var(--paper) url(/assets/img/tex/paper.webp);text-decoration:none;font-size:.88rem;color:var(--muted);overflow:hidden}
.mega__feature img{border-radius:10px;margin-bottom:.4rem;aspect-ratio:16/9;object-fit:contain;background:#fff;padding:.4rem}
.mega__feature strong{font-family:var(--f-disp);text-transform:uppercase;font-size:1.25rem;color:var(--ink)}
.mega__tag{position:absolute;top:14px;left:14px;background:var(--accent);color:#fff;font-size:.68rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.08em}
.mega__tool{display:flex;gap:.8rem;padding:.85rem;border-radius:12px;text-decoration:none;transition:background .15s}
.mega__tool:hover{background:var(--paper)}
.mega__tool .ico{width:38px;height:38px;padding:8px;border-radius:10px;background:var(--ink);color:#fff}
.mega__tool strong{display:block;font-size:.93rem}
.mega__tool small{color:var(--muted);line-height:1.4;display:block}

/* drawer */
.drawer{position:fixed;inset:0;z-index:100;background:rgba(14,26,43,.5)}
.drawer__panel{position:absolute;right:0;top:0;bottom:0;width:min(420px,92vw);background:#fff;overflow-y:auto;padding:1rem 1.25rem 6rem;animation:slidein .25s var(--ease)}
@keyframes slidein{from{transform:translateX(30px);opacity:0}}
.drawer__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.drawer__search{display:flex;align-items:center;gap:.5rem;border:1.5px solid var(--line-2);border-radius:12px;padding:0 .8rem;margin-bottom:1rem}
.drawer__search input{border:0;outline:0;padding:.75rem 0;width:100%;background:none}
.drawer__group{border-bottom:1px solid var(--line)}
.drawer__group summary{list-style:none;padding:.9rem 0;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}
.drawer__group summary::-webkit-details-marker{display:none}
.drawer__group summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--accent)}
.drawer__group[open] summary::after{content:"–"}
.drawer__links{display:grid;grid-template-columns:1fr 1fr;gap:.1rem .8rem;padding-bottom:1rem}
.drawer__links a{padding:.35rem 0;font-size:.92rem;text-decoration:none;color:var(--ink-3)}
.drawer__all{font-weight:700;color:var(--accent-d)!important}
.drawer__flat{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.2rem 0}
.drawer__flat a{padding:.45rem .85rem;border-radius:99px;background:var(--paper);text-decoration:none;font-size:.9rem;font-weight:600}
.drawer__cta{display:grid;gap:.6rem}

/* ---------------------------------------------------------------- art layer: surfaces */
.section{padding:clamp(4rem,3rem + 4vw,7rem) 0;position:relative}
.section--paper{background:var(--paper) url(/assets/img/tex/paper.webp)}
.section--kraft{background:var(--kraft-l) url(/assets/img/tex/kraft-light.webp);}
.section--ink{background:var(--ink) url(/assets/img/tex/ink.webp);color:#fff}
.section--ink h2,.section--ink h3{color:#fff}
.section--ink a:not(.btn):hover{color:#FFB08F}
.section--paper::before,.section--kraft::before{content:"";position:absolute;inset:0;background:url(/assets/img/tex/dieline-light.svg) right -60px top 40px/520px no-repeat;opacity:.55;pointer-events:none}
.section--ink::before{content:"";position:absolute;inset:0;background:url(/assets/img/tex/dieline-dark.svg) left -80px bottom -40px/560px no-repeat;opacity:.5;pointer-events:none}
.section>.wrap{position:relative}
.bg-blueprint{background-color:#F3F6FA;background-image:linear-gradient(rgba(31,95,191,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,95,191,.07) 1px,transparent 1px),linear-gradient(rgba(31,95,191,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,95,191,.035) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px}
.cmyk{display:flex;height:6px}
.cmyk i{flex:1}
.cmyk i:nth-child(1){background:var(--c)}.cmyk i:nth-child(2){background:var(--m)}.cmyk i:nth-child(3){background:var(--y)}.cmyk i:nth-child(4){background:var(--k)}
.cmyk--edge{position:absolute;left:0;right:0;bottom:0;height:5px}
.cmyk--foot{margin-top:2rem;max-width:180px;height:5px;border-radius:3px;overflow:hidden}
.section--ink .cmyk i:nth-child(4){background:#fff}
.cta-band .cmyk{position:absolute;left:0;right:0;bottom:0}
.crop{position:absolute;width:28px;height:28px;pointer-events:none;opacity:.5}
.crop::before,.crop::after{content:"";position:absolute;background:var(--ink)}
.crop--tl{top:18px;left:18px}.crop--br{bottom:18px;right:18px}
.crop--tl::before{left:0;top:10px;width:18px;height:1px}.crop--tl::after{left:10px;top:0;width:1px;height:18px}
.crop--br::before{right:0;bottom:10px;width:18px;height:1px}.crop--br::after{right:10px;bottom:0;width:1px;height:18px}
.sticker{position:absolute;display:grid;place-items:center;text-align:center;width:104px;height:104px;border-radius:50%;font-family:var(--f-disp);font-size:.85rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-12deg);box-shadow:var(--sh-2)}
.sticker b{font-size:2.3rem;display:block;letter-spacing:0}
.sticker--kraft{background:var(--kraft) url(/assets/img/tex/kraft.webp);color:var(--ink);border:2px dashed rgba(14,26,43,.35);outline:5px solid var(--kraft);}
.sticker--orange{background:var(--accent);color:#fff;font-size:1.25rem;outline:5px solid var(--accent);border:2px dashed rgba(255,255,255,.55)}
.spec-pin{position:absolute;left:var(--x);top:var(--y);display:inline-flex;gap:.35rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:99px;padding:.32rem .7rem .32rem .45rem;font-size:.75rem;color:var(--muted);box-shadow:var(--sh-2);white-space:nowrap;z-index:2;animation:float 6s ease-in-out infinite}
.spec-pin::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-l)}
.spec-pin b{color:var(--ink)}
.spec-pin--r{animation-delay:-2s}
@keyframes float{50%{transform:translateY(-6px)}}
.ticker{background:var(--accent);color:#fff;overflow:hidden;white-space:nowrap;border-block:2px solid var(--ink)}
.ticker__track{display:inline-flex;gap:2rem;padding:.85rem 0;animation:marquee 40s linear infinite;font-family:var(--f-disp);font-size:1.35rem;text-transform:uppercase;letter-spacing:.04em}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------------------------------------------------------------- hero */
.hero{position:relative;overflow:hidden;background:var(--paper) url(/assets/img/tex/paper.webp);padding:clamp(2.5rem,2rem + 3vw,5rem) 0 clamp(3rem,2rem + 3vw,4.5rem)}
.hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 72% 45%,rgba(255,255,255,.95),transparent 70%),url(/assets/img/tex/dieline-light.svg) right -40px top -20px/640px no-repeat;opacity:1}
.hero__word{position:absolute;left:50%;bottom:-.18em;transform:translateX(-50%);font-family:var(--f-disp);font-weight:700;font-size:clamp(7rem,20vw,22rem);line-height:.8;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px rgba(14,26,43,.08);white-space:nowrap;pointer-events:none;user-select:none}
.hero__in{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:2rem;align-items:center}
.hero__text h1{font-size:clamp(2.8rem,1.6rem + 4.6vw,5.6rem)}
.hero__art{position:relative}
.hero__art{padding:3rem 0 2rem}
.hero__art img{width:112%;max-width:none;margin-left:-6%;filter:drop-shadow(0 30px 40px rgba(14,26,43,.12))}
.hero__sticker{right:6%;bottom:6%}

.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust__in{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:1.4rem;padding-bottom:1.4rem}
.trust__in>div{display:flex;gap:.8rem;align-items:center;font-size:.84rem;color:var(--muted);line-height:1.35}
.trust__in .ico{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-l);color:var(--accent-d)}
.trust__in b{display:block;color:var(--ink);font-size:.93rem}

/* section heads */
.sec-head{display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:end;margin-bottom:2.6rem}
.sec-head__num{font-family:var(--f-disp);font-size:clamp(4rem,3rem + 4vw,7.5rem);line-height:.75;color:transparent;-webkit-text-stroke:1.5px var(--accent);opacity:.9}
.section--ink .sec-head__num{-webkit-text-stroke-color:#FF8A5E}
.sec-head h2{margin-bottom:.25em}
.sec-head__text{color:var(--muted);max-width:60ch;margin:0}
.section--ink .sec-head__text{color:rgba(246,245,241,.7)}
.sec-head__link{font-weight:700;text-decoration:none;display:inline-flex;gap:.35rem;align-items:center;white-space:nowrap;padding-bottom:.4rem;border-bottom:2px solid var(--accent)}

/* bento tiles */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(260px,auto);gap:1rem;grid-auto-flow:dense}
.tile--wide{grid-column:span 2}
.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--r-lg);overflow:hidden;background:#fff;text-decoration:none;border:1px solid var(--line);transition:transform .25s var(--ease),box-shadow .25s}
.tile:hover{transform:translateY(-4px);box-shadow:var(--sh-3);color:inherit}
.tile--big{grid-column:span 2;grid-row:span 2}
.tile__img{flex:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#fff,var(--paper-2));overflow:hidden}
.tile__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.tile:hover .tile__img img{transform:scale(1.05)}
.tile__body{padding:1rem 1.2rem 1.15rem;display:flex;flex-direction:column;gap:.2rem;background:#fff;border-top:1px dashed var(--line-2)}
.tile__body strong{font-family:var(--f-disp);text-transform:uppercase;font-size:1.3rem;line-height:1.05}
.tile--big .tile__body strong{font-size:1.9rem}
.tile__body span{font-size:.85rem;color:var(--muted);line-height:1.45}
.tile:not(.tile--big) .tile__body>span:not(.tile__price){display:none}
.tile__price{position:absolute;top:14px;right:14px;background:var(--ink);color:#fff!important;padding:.3rem .65rem;border-radius:99px;font-size:.75rem!important}
.tile__price b{color:#FFB08F}

/* estimator band + qbox */
.est-band__in{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.qbox{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.3rem;box-shadow:var(--sh-2);position:relative}
.qbox::before{content:"";position:absolute;inset:-8px;border:1.5px dashed var(--line-2);border-radius:28px;pointer-events:none}
.qbox--dark{background:var(--ink-2);border-color:rgba(255,255,255,.1);color:#fff}
.qbox--dark::before{border-color:rgba(255,255,255,.15)}
.qbox__h{font-weight:700;display:flex;gap:.4rem;align-items:center;margin-bottom:.8rem;font-size:.92rem}
.qbox__row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.qbox__row:has(> :only-child){grid-template-columns:1fr}
.qbox__dims{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.qbox__out{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 .4rem;padding:1rem;border-radius:12px;background:var(--paper)}
.qbox--dark .qbox__out{background:rgba(255,255,255,.06)}
.qbox__label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.qbox--dark .qbox__label{color:rgba(255,255,255,.6)}
.qbox__price{font-family:var(--f-disp);font-size:2.6rem;line-height:1;color:var(--accent-d)}
.qbox--dark .qbox__price{color:#FF8A5E}
.qbox__total{font-family:var(--f-disp);font-size:1.7rem;line-height:1.3}
.qbox__note{font-size:.78rem;color:var(--muted);min-height:1.2em;margin:.2rem 0 .8rem}
.qbox--dark .qbox__note{color:rgba(255,255,255,.6)}
.qbox .btn--ghost{--fg:var(--ink);--bd:var(--ink)}

/* forms */
.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.95rem;min-width:0}
.field>span,.field>summary{font-size:.8rem;font-weight:700;color:var(--ink-3)}
.field small{font-weight:400;color:var(--muted)}
.field--light>span{color:rgba(255,255,255,.8)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{width:100%;border:1.5px solid var(--line-2);border-radius:10px;padding:.7rem .85rem;background:#fff;font-size:1rem;transition:border-color .15s,box-shadow .15s;min-height:46px}
textarea{resize:vertical;min-height:90px}
select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%230E1A2B' stroke-width='2'/%3E%3C/svg%3E") right .7rem center/16px no-repeat;padding-right:2.2rem}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,77,18,.15)}
.field--light input,.field--light select{background-color:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.18)!important;color:#fff}
.field--light select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")!important}
.field--light select option{color:var(--ink)}
.is-invalid{border-color:var(--err)!important;box-shadow:0 0 0 3px var(--err-l)!important}
.field-err{font-size:.78rem;color:var(--err);font-weight:600}
.hint{font-size:.78rem;color:var(--muted)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 .9rem}
.dims{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.dims input{flex:1;min-width:64px}
.dims>span{color:var(--muted);font-weight:700}
.qty-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.seg{display:inline-flex;flex-wrap:wrap;gap:.3rem;padding:.25rem;background:var(--paper-2);border-radius:12px}
.seg label{position:relative}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:block;padding:.5rem .9rem;border-radius:9px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;color:var(--ink-3)}
.seg input:checked+span{background:var(--ink);color:#fff;box-shadow:var(--sh-1)}
.seg input:focus-visible+span{outline:3px solid var(--accent)}
.seg--sm span{padding:.4rem .6rem;font-size:.8rem}
.seg--block{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:none;padding:0;gap:.6rem;margin-bottom:1rem;width:100%}
.seg--block span{border:1.5px solid var(--line-2);background:#fff;border-radius:12px;padding:.8rem;font-weight:400;font-size:.82rem;color:var(--muted);height:100%}
.seg--block span b{display:block;color:var(--ink);font-size:.95rem}
.seg--block input:checked+span{border-color:var(--ink);background:var(--ink);color:rgba(255,255,255,.75)}
.seg--block input:checked+span b{color:#fff}
.seg--wrap{background:none;padding:0;gap:.45rem}
.seg--wrap span{border:1.5px solid var(--line-2);background:#fff}
.checks{display:flex;flex-wrap:wrap;gap:.5rem}
.check{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}
.checks .check{border:1.5px solid var(--line-2);border-radius:99px;padding:.4rem .85rem;background:#fff}
.checks .check:has(input:checked){border-color:var(--ink);background:var(--ink);color:#fff}
.check input{width:18px;height:18px;accent-color:var(--accent)}
.checks .check input{position:absolute;opacity:0;width:1px}
.check--block{display:flex;margin:.4rem 0 1rem}
.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.6rem;margin-bottom:1.3rem}
.choice{position:relative}
.choice input{position:absolute;opacity:0}
.choice__in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:.6rem .5rem .75rem;border:1.5px solid var(--line-2);border-radius:14px;background:#fff;font-size:.78rem;line-height:1.2;cursor:pointer;height:100%;transition:border-color .15s,box-shadow .15s}
.choice__in img{width:76px;height:76px;object-fit:cover;border-radius:10px}
.choice__in--other{justify-content:center}
.choice__in--other .ico{width:40px;height:40px;color:var(--accent)}
.choice input:checked+.choice__in{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-l)}
.choice input:focus-visible+.choice__in{outline:3px solid var(--accent)}
.drop{border:2px dashed var(--line-2);border-radius:var(--r);padding:1.4rem;text-align:center;background:#fff;transition:border-color .15s,background .15s;margin-bottom:1rem}
.drop label{display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer}
.drop .ico{width:34px;height:34px;color:var(--accent)}
.drop small{color:var(--muted)}
.drop.is-over{border-color:var(--accent);background:var(--accent-l)}
.drop--sm{padding:.9rem}
.drop--sm label{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:.5rem}
.drop--sm .ico{width:24px;height:24px}
.files{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.35rem;text-align:left}
.files li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--paper);border-radius:8px;padding:.4rem .7rem;font-size:.83rem}
.files button{background:none;border:0;color:var(--err);font-weight:700}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem;box-shadow:var(--sh-2)}
.form-card--lg{padding:clamp(1.3rem,1rem + 1.5vw,2.2rem)}
.form-card__h{font-family:var(--f-disp);font-size:1.6rem;text-transform:uppercase;line-height:1.05;margin-bottom:1rem}
.form-note{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:.35rem;margin:.7rem 0 0;justify-content:center;text-align:center;flex-wrap:wrap}
.form-msg:empty{display:none}
.form-msg{margin-top:.9rem}
.alert{padding:.85rem 1rem;border-radius:10px;font-size:.92rem;border:1px solid}
.alert--ok{background:var(--ok-l);border-color:#BFE3CF;color:#13583A}
.alert--err{background:var(--err-l);border-color:#F3C1C1;color:#8E1B1B}
.alert--info{background:var(--info-l);border-color:#C5D6F4;color:#163F80}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ---------------------------------------------------------------- page hero */
.page-hero{position:relative;overflow:hidden;background:var(--paper) url(/assets/img/tex/paper.webp);padding:clamp(1.5rem,1rem + 2vw,2.5rem) 0 clamp(2.5rem,2rem + 2vw,4rem);border-bottom:1px solid var(--line)}
.page-hero__bg{position:absolute;inset:0;background:url(/assets/img/tex/dieline-light.svg) right -80px top -40px/560px no-repeat;opacity:.8}
.page-hero__in{position:relative;display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}
.page-hero:has(.page-hero__art) .page-hero__in{grid-template-columns:1.05fr 1fr}
.page-hero h1{font-size:clamp(2.4rem,1.6rem + 3.4vw,4.6rem);max-width:16ch}
.page-hero__art img{width:100%;filter:drop-shadow(0 26px 30px rgba(14,26,43,.14))}
.page-hero--slim{padding-bottom:2rem}
.page-hero--guide h1{font-size:clamp(2.1rem,1.4rem + 2.8vw,3.9rem);max-width:20ch}
.crumbs ol{list-style:none;padding:0;margin:0 0 1.4rem;display:flex;flex-wrap:wrap;gap:.35rem;font-size:.8rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:.35rem;color:var(--line-2)}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}

/* ---------------------------------------------------------------- cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem}
.cards--inline{margin:1.4rem 0 2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s;height:100%}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh-2);color:inherit}
.card__img{display:block;aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#fff,var(--paper-2));overflow:hidden}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}
.card:hover .card__img img{transform:scale(1.05)}
.card__body{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.05rem 1.15rem;flex:1}
.card__kind{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-d)}
.card__title{font-family:var(--f-disp);text-transform:uppercase;font-size:1.25rem;line-height:1.05}
.card__text{font-size:.85rem;color:var(--muted);line-height:1.45}
.card__price{font-size:.82rem;color:var(--muted);margin-top:auto;padding-top:.4rem}
.card__price b{color:var(--ink);font-size:1rem}
.card__go{font-size:.82rem;font-weight:700;display:inline-flex;gap:.3rem;align-items:center;color:var(--accent-d)}
.prose .cards--inline .card{color:inherit}
.prose .cards--inline .card__img img{margin:0;border-radius:0}

.ind-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem}
.ind{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1rem .6rem;border-radius:var(--r);background:var(--paper);text-decoration:none;font-weight:700;font-size:.88rem;transition:background .2s,transform .2s}
.ind:hover{background:var(--accent-l);transform:translateY(-3px);color:var(--ink)}
.ind img{width:100%;max-width:120px;aspect-ratio:1;object-fit:cover;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:var(--sh-1)}

.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;counter-reset:s}
.steps li{position:relative;background:#fff;border-radius:var(--r);padding:1.4rem 1.2rem;border:1px solid var(--line)}
.steps li:not(:last-child)::after{content:"";position:absolute;top:2.35rem;right:-1rem;width:1rem;border-top:2px dashed var(--kraft-d)}
.steps__n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--f-disp);font-size:1.4rem;margin-bottom:.8rem}
.steps strong{display:block;font-family:var(--f-disp);text-transform:uppercase;font-size:1.2rem;margin-bottom:.3rem}
.steps p{font-size:.86rem;color:var(--muted);margin:0}
.steps--compact{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:1.5rem 0 2rem}
.prose .steps li{margin:0}

.split-3d__in{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}
.split-3d__art{position:relative;background:var(--paper) url(/assets/img/tex/paper.webp);border-radius:var(--r-lg);padding:1rem;border:1px solid var(--line)}
.split-3d .sec-head{grid-template-columns:auto 1fr;margin-bottom:1.2rem}
.feature-list{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.7rem}
.feature-list li{display:flex;gap:.7rem;align-items:center;font-weight:600}
.feature-list .ico{width:36px;height:36px;padding:8px;border-radius:10px;background:var(--accent-l);color:var(--accent-d)}
.fin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.fin{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);padding-bottom:1rem;transition:transform .2s}
.fin:hover{transform:translateY(-3px);color:inherit}
.fin img{aspect-ratio:1;object-fit:cover;margin-bottom:.6rem}
.fin strong,.fin span{padding:0 1rem}
.fin strong{font-family:var(--f-disp);text-transform:uppercase;font-size:1.25rem}
.fin span{font-size:.84rem;color:var(--muted);line-height:1.45}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.feature{padding:1.6rem;border-radius:var(--r-lg);background:var(--paper);position:relative;overflow:hidden}
.feature .ico{width:48px;height:48px;padding:11px;border-radius:14px;background:var(--ink);color:#fff;margin-bottom:1rem}
.feature h3{font-size:1.4rem}
.feature p{font-size:.92rem;color:var(--muted);margin:0}
.feature:nth-child(2) .ico,.feature:nth-child(5) .ico{background:var(--accent)}
.feature:nth-child(3) .ico,.feature:nth-child(6) .ico{background:var(--kraft-d)}
.strip{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:thin}
.strip__item{flex:0 0 240px;scroll-snap-align:start;background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink)!important}
.strip__item img{aspect-ratio:1;object-fit:cover}
.strip__item span{display:block;padding:.7rem .9rem;font-weight:700;font-size:.88rem}
.gal-band__pin{margin-top:1.5rem}
.tcards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.tcard{display:flex;flex-direction:column;gap:.4rem;padding:1.3rem;border-radius:var(--r);border:1px solid var(--line);background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}
.tcard:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--ink);color:inherit}
.tcard__ico .ico{width:48px;height:48px;padding:11px;border-radius:14px;background:var(--paper);color:var(--ink);border:1.5px dashed var(--line-2);margin-bottom:.4rem}
.tcard:hover .tcard__ico .ico{background:var(--accent);color:#fff;border-color:var(--accent)}
.tcard strong{font-family:var(--f-disp);text-transform:uppercase;font-size:1.2rem;line-height:1.1}
.tcard>span:not(.tcard__ico):not(.tcard__go){font-size:.85rem;color:var(--muted);line-height:1.45}
.tcard__go{margin-top:auto;font-size:.82rem;font-weight:700;color:var(--accent-d);display:inline-flex;gap:.3rem;align-items:center}
.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.gcard{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);text-decoration:none;height:100%;transition:transform .2s,box-shadow .2s}
.gcard:hover{transform:translateY(-3px);box-shadow:var(--sh-2);color:inherit}
.gcard__img{aspect-ratio:16/10;background:radial-gradient(circle at 50% 40%,#fff,var(--paper-2));overflow:hidden;display:block}
.gcard__img img{width:100%;height:100%;object-fit:cover}
.gcard__body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.4rem}
.gcard__cat{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-d)}
.gcard strong{font-family:var(--f-disp);text-transform:uppercase;font-size:1.35rem;line-height:1.08}
.gcard__text{font-size:.86rem;color:var(--muted);line-height:1.5}
.gcard--big{grid-row:span 2}
.gcard--big strong{font-size:1.9rem}
.gcards--hub{grid-template-columns:repeat(3,1fr)}
.gcards--hub>div{display:contents}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.trio__card{position:relative;padding:2rem;border-radius:var(--r-lg);text-decoration:none;display:flex;flex-direction:column;gap:.3rem;min-height:290px;overflow:hidden;transition:transform .2s}
.trio__card:hover{transform:translateY(-4px)}
.trio__card>.ico{width:46px;height:46px;margin-bottom:1.2rem}
.trio__card h3{font-size:1.6rem}
.trio__card p{font-size:.92rem;margin:0}
.trio__go{margin-top:auto;padding-top:1rem;font-weight:700}
.trio__card--ink{background:var(--ink) url(/assets/img/tex/ink.webp);color:#fff}
.trio__card--ink:hover,.trio__card--accent:hover{color:#fff}
.trio__card--kraft{background:var(--kraft) url(/assets/img/tex/kraft.webp);color:var(--ink)}
.trio__card--accent{background:var(--accent);color:#fff}
.trio__card--accent .eyebrow{color:#fff}
.home-prose h2{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.4rem)}

/* cta band */
.cta-band{position:relative;overflow:hidden;padding:clamp(3.5rem,3rem + 3vw,6rem) 0}
.cta-band__in{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.cta-band h2{font-size:clamp(2.2rem,1.5rem + 3vw,4.2rem)}
.cta-band p{color:rgba(246,245,241,.78);max-width:52ch}
.cta-band__art{position:relative}
.cta-band__art img{width:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.4))}
.cta-band__art .sticker{right:4%;top:4%}

/* ---------------------------------------------------------------- PDP */
.pdp{position:relative;background:var(--paper) url(/assets/img/tex/paper.webp);padding:1.5rem 0 3.5rem;overflow:hidden}
.pdp__bg{position:absolute;inset:0;background:url(/assets/img/tex/dieline-light.svg) left -120px bottom -80px/600px no-repeat;opacity:.6}
.pdp .wrap{position:relative}
.pdp__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:start}
.pdp__info h1{font-size:clamp(2.4rem,1.6rem + 3vw,4.3rem)}
.gallery{position:sticky;top:calc(var(--head-h) + 16px)}
.gallery__main{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#fff;border:1px solid var(--line);aspect-ratio:1}
.gallery__main img{width:100%;height:100%;object-fit:cover}
.gallery__main--shop{aspect-ratio:4/3}
.gallery__badge{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.9);border:1px solid var(--line);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .6rem;border-radius:99px}
.gallery__zoom{position:absolute;right:12px;bottom:12px;background:#fff;box-shadow:var(--sh-1)}
.pin-btn{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;gap:.3rem;background:#E60023;color:#fff;text-decoration:none;font-size:.8rem;font-weight:700;padding:.4rem .75rem;border-radius:99px;opacity:0;transition:opacity .2s}
.gallery__main:hover .pin-btn,.pin-btn:focus{opacity:1;color:#fff}
.gallery__thumbs{display:flex;gap:.6rem;margin-top:.8rem}
.gallery__thumbs button{width:84px;height:84px;padding:0;border-radius:12px;overflow:hidden;border:2px solid transparent;background:#fff}
.gallery__thumbs button.is-active{border-color:var(--accent)}
.gallery__thumbs img{width:100%;height:100%;object-fit:cover}
.badges{list-style:none;padding:0;margin:1.2rem 0 1.4rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.badges li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.55rem .7rem;font-size:.78rem;line-height:1.3}
.badges span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.badges b{font-size:.86rem}

/* article */
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(2rem,1rem + 4vw,5rem);padding-top:clamp(2.5rem,2rem + 2vw,4rem);padding-bottom:clamp(3rem,2rem + 3vw,5rem)}
.article-grid--legal .prose{max-width:760px}
.article-side{position:relative}
.article-side>*{position:sticky;top:calc(var(--head-h) + 20px)}
.article-side>*+*{position:static;margin-top:1.2rem}
.toc{border-left:2px solid var(--line);padding-left:1rem;font-size:.86rem;max-height:calc(100vh - 140px);overflow-y:auto}
.toc__h{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:0;padding:0;font:inherit;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;cursor:default;text-align:left}
.toc__h .ico,.toc__n{display:none}
.table tr.is-current th,.table tr.is-current td{background:var(--paper)}
.table--data th small,.table th[scope=row] small{display:block;font-weight:400;color:var(--muted);font-size:.78rem;margin-top:.1rem}
.toc ol{list-style:none;padding:0;margin:0;display:grid;gap:.15rem}
.toc a{display:block;padding:.25rem 0;text-decoration:none;color:var(--muted);line-height:1.35;border-left:2px solid transparent;margin-left:calc(-1rem - 2px);padding-left:calc(1rem)}
.toc a.is-active{color:var(--ink);border-left-color:var(--accent);font-weight:600}
.side-cta{background:var(--paper);border-radius:var(--r);padding:1.2rem;font-size:.9rem;display:grid;gap:.55rem}
.side-cta p{margin:0}
.side-cta .eyebrow{margin:0}
.side-link{display:flex;gap:.5rem;align-items:center;text-decoration:none;font-size:.88rem;padding:.25rem 0}
.prose{font-size:1.06rem;line-height:1.75;min-width:0}
.prose h2{font-size:clamp(1.8rem,1.4rem + 1.4vw,2.5rem);margin:2.6rem 0 .9rem;padding-top:.6rem;position:relative}
.prose h2::before{content:"";display:block;width:44px;height:4px;background:var(--accent);margin-bottom:1rem}
.prose h3{font-size:1.4rem;margin:2rem 0 .6rem;text-transform:none;font-family:var(--f-sans);font-weight:700;letter-spacing:-.01em;line-height:1.3}
.prose h4{font-family:var(--f-sans);text-transform:none;font-size:1.08rem;margin:1.5rem 0 .4rem}
.prose>*:first-child{margin-top:0}
.prose ul,.prose ol{padding-left:1.3rem;margin:0 0 1.2rem}
.prose li{margin:.35rem 0}
.prose li::marker{color:var(--accent-d);font-weight:700}
.prose a{color:var(--accent-d);font-weight:600}
.prose img{border-radius:var(--r)}
.prose strong{color:var(--ink)}
.prose code{background:var(--paper-2);padding:.1rem .35rem;border-radius:5px;font-size:.9em}
.prose .table-wrap{margin:1.4rem 0 1.8rem}
.prose .fig{margin:2rem 0}
.prose figcaption,.fig figcaption{font-size:.82rem;color:var(--muted);margin-top:.6rem;text-align:center}
.answer{border:2px solid var(--ink);border-radius:var(--r);padding:1.2rem 1.4rem;background:#fff;position:relative;margin-bottom:2rem;box-shadow:6px 6px 0 var(--accent)}
.answer__h{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-d);margin-bottom:.4rem}
.answer p:last-child{margin:0}
.takeaways{background:var(--ink) url(/assets/img/tex/ink.webp);color:#fff;border-radius:var(--r-lg);padding:1.5rem 1.7rem;margin-bottom:2.4rem}
.takeaways__h{font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#FFB08F;display:flex;gap:.4rem;align-items:center}
.takeaways ul{margin:0;padding-left:1.2rem}
.takeaways li{margin:.5rem 0}
.takeaways li::marker{color:var(--accent)}
.callout{border-radius:var(--r);padding:1.1rem 1.3rem;margin:1.6rem 0;border-left:4px solid var(--accent);background:var(--accent-l)}
.callout p:last-child{margin:0}
.callout--tip{border-left-color:var(--ok);background:var(--ok-l)}
.callout--warn{border-left-color:var(--warn);background:var(--warn-l)}
.callout--example{border-left-color:var(--info);background:var(--info-l)}
.callout--answer{border:2px solid var(--ink);background:#fff;box-shadow:5px 5px 0 var(--accent)}
.callout--quote{border-left-color:var(--kraft-d);background:var(--paper);font-family:var(--f-serif);font-style:italic;font-size:1.15rem}
.callout--tool,.callout--cta{display:flex;align-items:center;gap:1rem;border:1.5px dashed var(--line-2);border-left:4px solid var(--ink);background:#fff}
.callout--tool .ico{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--ink);color:#fff}
.callout--tool>div,.callout--cta>div{flex:1}
.callout--tool p,.callout--cta p{margin:0;font-size:.9rem;color:var(--muted)}
.callout--cta{background:var(--paper);border-left-color:var(--accent)}
.prose .callout .btn{color:#fff}
.infographic{margin:2.2rem 0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:.6rem;box-shadow:var(--sh-1)}
.infographic svg{width:100%;height:auto}
.infographic figcaption{padding:.4rem .6rem .5rem}
.byline{font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;margin-top:2.5rem}
.share{display:flex;align-items:center;gap:.5rem;margin:2.4rem 0 1.4rem;flex-wrap:wrap;font-weight:700;font-size:.88rem}
.share a,.share button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper);border:0;text-decoration:none;font-weight:700;color:var(--ink)!important}
.share a:hover,.share button:hover{background:var(--ink);color:#fff!important}
.author-box{display:flex;gap:1rem;padding:1.3rem;border-radius:var(--r);background:var(--paper);font-size:.92rem}
.author-box p{margin:.2rem 0 0;color:var(--muted)}
.avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700;font-size:.8rem;flex:none;overflow:hidden}
.avatar--lg{width:54px;height:54px;font-size:1.2rem}
.avatar--brand{background:var(--paper-2);color:var(--ink)}
.avatar--brand .ico{width:70%;height:70%}

.terms-box{margin:3rem 0 1rem;padding:1.6rem;border-radius:var(--r-lg);background:var(--paper) url(/assets/img/tex/paper.webp);border:1px solid var(--line)}
.terms-box h2{margin-top:0}
.terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem 1.4rem;margin:0}
.terms dt{font-weight:700;font-size:.95rem}
.terms dt a{color:var(--ink)!important;text-decoration:none;border-bottom:2px solid var(--accent-l)}
.terms dd{margin:.15rem 0 0;font-size:.88rem;color:var(--ink-3);line-height:1.55}
/* tables */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.table caption{text-align:left;padding:.85rem 1rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:var(--paper)}
.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fff}
.table tbody tr:last-child>*{border-bottom:0}
.table tbody tr:hover{background:#FBFAF7}
.table--spec th{width:34%;font-weight:700;background:#FCFBF8}
.table--spec{min-width:0}
.table--price td b{font-family:var(--f-disp);font-size:1.2rem}
.table--mini{min-width:0;font-size:.85rem}
.table--mini th,.table--mini td{padding:.5rem .6rem}
.table--compare th small{display:block;font-weight:400;color:var(--muted);font-size:.78rem}
.table--pricing td{font-variant-numeric:tabular-nums}
.save{display:inline-block;background:var(--ok-l);color:var(--ok);font-weight:700;padding:.1rem .45rem;border-radius:6px;font-size:.82rem}
.price-table{margin:1.4rem 0 2rem}
.price-table .fine{margin-top:.7rem}
.bar-chart{display:flex;align-items:flex-end;gap:.6rem;height:220px;padding:1.2rem 1rem .6rem;background:var(--paper) url(/assets/img/tex/paper.webp);border-radius:var(--r);margin:1.4rem 0;border:1px solid var(--line)}
.bar-chart__col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.3rem;min-width:0}
.bar-chart__bar{width:100%;max-width:56px;background:linear-gradient(var(--accent),var(--accent-d));border-radius:8px 8px 2px 2px;min-height:6px;transform-origin:bottom;animation:grow .8s var(--ease) both}
.bar-chart__col:nth-child(n+3) .bar-chart__bar{background:linear-gradient(var(--ink-3),var(--ink))}
@keyframes grow{from{transform:scaleY(0)}}
.bar-chart__val{font-size:.75rem;font-weight:700;white-space:nowrap}
.bar-chart__lbl{font-size:.72rem;color:var(--muted)}
.opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem;margin:1.2rem 0 2rem}
.opt{padding:1rem 1.1rem;border-radius:12px;border:1px solid var(--line);background:#fff}
.opt strong{display:block;margin-bottom:.2rem}
.opt p{font-size:.86rem;color:var(--muted);margin:0;line-height:1.5}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1rem 0 1.6rem}
.chips li{margin:0}
.chip,.chips a{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .95rem;border-radius:99px;border:1.5px solid var(--line-2);background:#fff;font-size:.86rem;font-weight:600;text-decoration:none;color:var(--ink)!important;cursor:pointer}
.chip:hover,.chips a:hover{border-color:var(--ink)}
.chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff!important}
.chips--filter{margin:0 0 1.8rem}
.chips--center{justify-content:center}
.faq{margin:3rem 0 1rem}
.faq__list{border-top:2px solid var(--ink)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;cursor:pointer;font-weight:700;font-size:1.05rem;line-height:1.4}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary .ico{transition:transform .2s;color:var(--accent-d)}
.faq__item[open] summary .ico{transform:rotate(180deg)}
.faq__a{padding:0 0 1.2rem;color:var(--ink-3);font-size:1rem}
.faq__a p:last-child{margin:0}
.reviews-block{margin-top:3rem}
.hub-group{margin-bottom:3.5rem}
.hub-group__h{display:flex;align-items:baseline;gap:.9rem;font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);border-bottom:2px solid var(--ink);padding-bottom:.6rem;margin-bottom:1.4rem}
.hub-group__h span{font-size:.9rem;font-family:var(--f-sans);color:var(--accent-d);letter-spacing:.1em}
.cards--items{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}

/* quote wizard */
.quote-hero{background:var(--ink) url(/assets/img/tex/ink.webp);color:#fff;padding:1.5rem 0 2.5rem;position:relative;overflow:hidden}
.quote-hero::before{content:"";position:absolute;inset:0;background:url(/assets/img/tex/dieline-dark.svg) right -60px top -40px/520px no-repeat;opacity:.6}
.quote-hero .wrap{position:relative}
.quote-hero .crumbs ol{color:rgba(255,255,255,.6)}
.quote-hero h1{color:#fff;font-size:clamp(2.4rem,1.6rem + 3vw,4.2rem)}
.quote-hero .lead{color:rgba(246,245,241,.78)}
.quote-hero__in{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:end}
.quote-hero__ticks{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.quote-hero__ticks li{display:flex;gap:.7rem;align-items:center;font-weight:600;background:rgba(255,255,255,.06);padding:.75rem 1rem;border-radius:12px}
.quote-hero__ticks .ico{color:#FF8A5E}
.quote-sec{padding-top:2.5rem}
.quote-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:2rem;align-items:start}
.wizard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.2rem,1rem + 1.5vw,2.2rem);box-shadow:var(--sh-2)}
.wizard__steps{list-style:none;padding:0;margin:0 0 1.8rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;counter-reset:w}
.wizard__steps li{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:var(--muted);padding-bottom:.7rem;border-bottom:3px solid var(--line)}
.wizard__steps span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--paper-2);font-size:.78rem}
.wizard__steps li.is-active{color:var(--ink);border-color:var(--accent)}
.wizard__steps li.is-active span{background:var(--accent);color:#fff}
.wizard__steps li.is-done{color:var(--ink);border-color:var(--ink)}
.wizard__steps li.is-done span{background:var(--ink);color:#fff}
.wizard__step{border:0;padding:0;margin:0;min-width:0}
.wizard__step legend{font-family:var(--f-disp);font-size:1.9rem;text-transform:uppercase;margin-bottom:1.2rem;padding:0}
.wizard__nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px dashed var(--line-2)}
.review{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.2rem;background:var(--paper);border-radius:var(--r);padding:1.2rem;font-size:.92rem;margin:0 0 1rem}
.review dt{font-weight:700;color:var(--muted)}
.review dd{margin:0}
.summary{position:sticky;top:calc(var(--head-h) + 16px)}
.summary__card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.2rem;box-shadow:var(--sh-2)}
.summary__img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:var(--paper);margin-bottom:.8rem}
.summary__title{font-family:var(--f-disp);font-size:1.5rem;text-transform:uppercase;margin:0}
.summary__spec{font-size:.84rem;color:var(--muted);margin:.2rem 0 .8rem}
.summary__help{font-size:.86rem;padding:1rem 1.2rem;color:var(--muted)}

/* contact, samples, reviews */
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:start}
.contact-side{display:grid;gap:.8rem}
.contact-card{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 1.2rem;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.contact-card .ico{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--accent-l);color:var(--accent-d)}
.contact-card strong{display:block}
.contact-card small{display:block;color:var(--muted)}
.contact-card a,.contact-card .linkish{font-weight:600;color:var(--accent-d)}
.contact-card--ink{background:var(--ink);color:#fff;border-color:var(--ink)}
.contact-card--ink .ico{background:rgba(255,255,255,.1);color:#FF8A5E}
.contact-card--ink a{color:#FFB08F}
.contact-card--ink small{color:rgba(255,255,255,.6)}
.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.sample-opts{display:grid;gap:1rem}
.sample-opt{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.5rem;position:relative}
.sample-opt h2{font-size:1.7rem;margin-top:.3rem}
.sample-opt .pill{position:absolute;top:1.2rem;right:1.2rem}
.reviews-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:start}
.rev-summary{display:flex;gap:1.2rem;align-items:center;margin-bottom:1.5rem}
.big-stat{font-family:var(--f-disp);font-size:4.5rem;line-height:1;margin:0}
.stars{display:flex;gap:2px;color:#F5A524}
.stars .ico{width:18px;height:18px}
.stars .off{color:var(--line-2)}
.rev{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem;margin-bottom:.9rem}
.rev__head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.4rem}
.rev__who{font-size:.84rem;color:var(--muted)}
.rev__ver{color:var(--ok);font-weight:700;font-size:.78rem}
.rev h3{font-family:var(--f-sans);text-transform:none;font-size:1.05rem;margin:.3rem 0}
.rev p{margin:.3rem 0;font-size:.95rem}
.rev img{border-radius:10px;max-width:220px;margin-top:.5rem}
.rev__reply{margin-top:.8rem;padding:.8rem 1rem;background:var(--paper);border-radius:10px;font-size:.9rem}
.honesty{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.3rem;border-radius:var(--r);border:1.5px dashed var(--line-2);margin:2rem 0;font-size:.9rem}
.honesty .ico{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--ink);color:#fff}
.honesty p{margin:.2rem 0 0;color:var(--muted)}
.rate{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:.2rem}
.rate input{position:absolute;opacity:0}
.rate label{cursor:pointer;color:var(--line-2)}
.rate label .ico{width:32px;height:32px}
.rate input:checked~label,.rate label:hover,.rate label:hover~label{color:#F5A524}
.rate input:focus-visible+label{outline:3px solid var(--accent);border-radius:4px}

/* gallery masonry + lightbox */
.masonry{columns:4 240px;column-gap:1rem}
.masonry__item{break-inside:avoid;margin:0 0 1rem;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.masonry__btn{display:block;width:100%;padding:0;border:0;background:radial-gradient(circle at 50% 40%,#fff,var(--paper-2));cursor:zoom-in}
.masonry__btn img{width:100%;transition:transform .4s var(--ease)}
.masonry__btn:hover img{transform:scale(1.04)}
.masonry figcaption{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;font-size:.84rem;font-weight:700}
.masonry figcaption a{text-decoration:none}
.pin-mini{color:#E60023!important}
.lightbox{position:fixed;inset:0;z-index:120;background:rgba(9,15,25,.94);display:grid;place-items:center;padding:3rem 4rem}
.lightbox figure{margin:0;max-width:min(1100px,100%);text-align:center}
.lightbox img{max-height:80vh;width:auto;margin:0 auto;border-radius:12px;background:#fff}
.lightbox figcaption{color:#fff;margin-top:.8rem;font-size:.92rem}
.lightbox__x{position:absolute;top:1rem;right:1rem;color:#fff;background:rgba(255,255,255,.1)}
.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;background:rgba(255,255,255,.1);width:52px;height:52px}
.lightbox__prev{left:1rem}.lightbox__next{right:1rem}
[data-filter-items] [hidden]{display:none!important}

/* plans + shop */
.bill-toggle{display:flex;width:max-content;margin:0 auto 2rem}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:3rem;align-items:stretch}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.8rem;display:flex;flex-direction:column;gap:.6rem;position:relative}
.plan--hot{background:var(--ink) url(/assets/img/tex/ink.webp);color:#fff;border-color:var(--ink);transform:translateY(-10px);box-shadow:var(--sh-3)}
.plan--hot .plan__name{color:#fff}
.plan--hot .ticks{color:#fff}
.plan__label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-d);margin:0}
.plan--hot .plan__label{color:#FF8A5E}
.plan__name{font-size:2.1rem;margin:0}
.plan__price{font-family:var(--f-disp);font-size:3.4rem;line-height:1;margin:.2rem 0}
.plan__price small{font-family:var(--f-sans);font-size:.9rem;color:var(--muted)}
.plan--hot .plan__price small{color:rgba(255,255,255,.6)}
.plan__blurb{font-size:.9rem;color:var(--muted);min-height:3em}
.plan--hot .plan__blurb{color:rgba(255,255,255,.72)}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.shop-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}
.shop-card:hover{transform:translateY(-3px);box-shadow:var(--sh-2);color:inherit}
.shop-card__img{aspect-ratio:4/3;background:var(--paper);overflow:hidden;display:block}
.shop-card__img img{width:100%;height:100%;object-fit:cover}
.shop-card__body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.shop-card__kind{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-d)}
.shop-card strong{font-family:var(--f-disp);text-transform:uppercase;font-size:1.4rem;line-height:1.05}
.shop-card__body>span:not(.shop-card__kind):not(.price-tag){font-size:.86rem;color:var(--muted)}
.shop-card--wide{grid-column:span 2;flex-direction:row}
.shop-card--wide .shop-card__img{flex:1.1;aspect-ratio:auto}
.shop-card--wide .shop-card__body{flex:1;justify-content:center;padding:2rem}
.price-tag{display:flex;align-items:baseline;gap:.5rem;margin-top:auto;padding-top:.5rem}
.price-tag b{font-family:var(--f-disp);font-size:1.7rem;color:var(--ink)}
.price-tag s{color:var(--muted)}
.price-tag--lg b{font-size:3rem}
.pro-strip{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;background:var(--ink) url(/assets/img/tex/ink.webp);color:#fff;border-radius:var(--r-lg);padding:1.6rem 2rem;margin-top:2rem}
.pro-strip h3{color:#fff;margin:0;font-size:1.6rem}
.buy-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.3rem;box-shadow:var(--sh-2)}

/* glossary, search, sitemap, thanks */
.gloss-tools{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;position:sticky;top:var(--head-h);z-index:5;background:var(--paper);padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid var(--line)}
.search-field{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid var(--line-2);border-radius:12px;padding:0 .9rem;min-width:min(340px,100%)}
.search-field input{border:0!important;box-shadow:none!important;padding-left:0!important}
.az{display:flex;flex-wrap:wrap;gap:.2rem}
.az a{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.85rem;background:#fff}
.az a:hover{background:var(--ink);color:#fff}
.gloss__letter{display:grid;grid-template-columns:90px 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}
.gloss__letter h2{font-size:3.4rem;color:var(--accent);margin:0;position:sticky;top:calc(var(--head-h) + 80px);align-self:start}
.gloss__letter dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.8rem}
.gloss__item{background:#fff;border-radius:12px;padding:.9rem 1rem;border:1px solid var(--line)}
.gloss__item:target{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-l)}
.gloss__item dt{font-weight:700;margin-bottom:.2rem}
.gloss__item dd{margin:0;font-size:.9rem;color:var(--ink-3);line-height:1.55}
.search-big{display:flex;align-items:center;gap:.6rem;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:.35rem .35rem .35rem 1.1rem;max-width:640px;margin:1rem 0}
.search-big input{border:0!important;box-shadow:none!important;padding-left:0!important;min-height:44px}
.thanks .search-big{margin:1.5rem auto}
.search-results{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.search-results a{display:block;padding:1rem 1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none}
.search-results a:hover{border-color:var(--ink)}
.search-results strong{display:block;font-size:1.05rem}
.search-results small{color:var(--accent-d);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}
.search-results span{font-size:.88rem;color:var(--muted)}
mark{background:var(--accent-l);color:inherit;padding:0 .1em;border-radius:3px}
.sitemap{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem}
.sitemap h2{font-size:1.4rem;border-bottom:2px solid var(--ink);padding-bottom:.4rem}
.sitemap h2 a{text-decoration:none}
.sitemap ul{list-style:none;padding:0;margin:0;font-size:.92rem}
.sitemap li{padding:.2rem 0}
.sitemap li a{text-decoration:none;color:var(--ink-3)}
.thanks{padding:clamp(3rem,2rem + 4vw,6rem) 0;background:var(--paper) url(/assets/img/tex/paper.webp)}
.thanks__ico{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--ok);color:#fff;margin-bottom:1.2rem;box-shadow:0 0 0 10px var(--ok-l)}
.thanks__ico .ico{width:42px;height:42px}
.thanks .lead{margin-left:auto;margin-right:auto}
.thanks__next{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.4rem 0;text-align:left}
.ref{font-size:1.05rem}
.big-404{font-family:var(--f-disp);font-size:clamp(7rem,20vw,13rem);line-height:.9;margin:0;color:var(--ink)}
.big-404 span{color:var(--accent)}

/* tools */
.tool-hero{background:#fff;padding:1.4rem 0 1.8rem;border-bottom:1px solid var(--line)}
.tool-hero__head{display:flex;gap:1.2rem;align-items:center}
.tool-hero__ico .ico{width:72px;height:72px;padding:16px;border-radius:20px;background:var(--ink);color:#fff;box-shadow:6px 6px 0 var(--accent)}
.tool-hero h1{font-size:clamp(2.1rem,1.5rem + 2.4vw,3.6rem);margin-bottom:.15em}
.tool-hero .lead{margin:0}
.tool-wrap{padding:2rem 0 3rem}
.tool{display:grid;grid-template-columns:380px minmax(0,1fr);gap:1.4rem;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.3rem;box-shadow:var(--sh-1);position:sticky;top:calc(var(--head-h) + 12px)}
.result{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.1rem,1rem + 1vw,1.8rem);box-shadow:var(--sh-1);min-width:0}
.result__h{font-family:var(--f-disp);font-size:1.6rem;margin-bottom:.8rem}
.result--canvas{padding:.8rem;background:#fff}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-bottom:1.2rem}
.kpi{background:var(--paper);border-radius:12px;padding:.9rem 1rem}
.kpi span{display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kpi b{font-family:var(--f-disp);font-size:2rem;line-height:1.1;display:block}
.kpi small{color:var(--muted)}
.kpi--hot{background:var(--ink);color:#fff}
.kpi--hot span,.kpi--hot small{color:rgba(255,255,255,.65)}
.kpi--hot b{color:#FF8A5E}
.kpi--ok{background:var(--ok-l)}.kpi--ok b{color:var(--ok)}
.kpi--warn{background:var(--warn-l)}.kpi--warn b{color:var(--warn)}
.kpi--err{background:var(--err-l)}.kpi--err b{color:var(--err)}
.verdict{display:flex;gap:.8rem;align-items:center;padding:1rem 1.2rem;border-radius:12px;font-weight:600;margin-bottom:1.2rem}
.verdict .ico{width:30px;height:30px}
.verdict--ok{background:var(--ok-l);color:#13583A}
.verdict--warn{background:var(--warn-l);color:#7A4A00}
.verdict--err{background:var(--err-l);color:#8E1B1B}
.svg-out svg{width:100%;height:auto;max-height:72vh}
.legend{list-style:none;padding:0;margin:1rem 0 .5rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.8rem}
.legend li{display:flex;align-items:center;gap:.4rem}
.legend i{width:22px;height:0;border-top:2px solid}
.lg-cut{border-color:#0E1A2B!important}.lg-crease{border-color:#E5007E!important;border-top-style:dashed!important}.lg-bleed{border-color:#00A3E0!important;border-top-style:dotted!important}.lg-safe{border-color:#1F8A5B!important;border-top-style:dashed!important}
.empty{text-align:center;padding:3rem 1rem;color:var(--muted)}
.empty .ico{width:54px;height:54px;margin:0 auto 1rem;color:var(--line-2)}
.tool-feature{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;background:#fff;border-radius:var(--r-lg);border:1px solid var(--line);padding:1.5rem;text-decoration:none;margin-bottom:1.4rem;box-shadow:var(--sh-2)}
.tool-feature:hover{color:inherit}
.tool-feature__body{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}
.tool-feature__body strong{font-family:var(--f-disp);font-size:2.6rem;text-transform:uppercase;line-height:1}
.tool-feature__body>span:not(.pill):not(.btn){color:var(--muted)}
.tcards--hub{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.builder{display:grid;grid-template-columns:minmax(0,1.5fr) 400px;gap:1.2rem;align-items:start}
.builder__stage{position:relative;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#EEEBE4 70%);border:1px solid var(--line);aspect-ratio:4/3.2;box-shadow:var(--sh-2)}
.stage3d{width:100%!important;height:100%!important;touch-action:none;cursor:grab}
.stage3d:active{cursor:grabbing}
.builder__hud{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;pointer-events:none}
.builder__hud>*{pointer-events:auto}
.builder__views{display:flex;gap:.25rem;background:rgba(255,255,255,.9);border-radius:99px;padding:.2rem;box-shadow:var(--sh-1)}
.builder__views button{border:0;background:none;border-radius:99px;padding:.35rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:.25rem}
.builder__views button.is-active{background:var(--ink);color:#fff}
.builder__open{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.9);border-radius:99px;padding:.35rem .9rem;font-size:.78rem;font-weight:700;box-shadow:var(--sh-1)}
.builder__open input{accent-color:var(--accent);width:140px}
.builder__hint{position:absolute;right:14px;bottom:10px;font-size:.72rem;color:var(--muted);margin:0}
.builder__fallback{position:absolute;inset:0;display:grid;place-items:center;padding:2rem;text-align:center;background:var(--paper)}
.builder__panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.1rem;box-shadow:var(--sh-1)}
.builder__price{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:.9rem;background:var(--paper);border-radius:12px;margin-top:.6rem}
.tabs{display:flex;gap:.3rem;border-bottom:1px solid var(--line);margin-bottom:1rem;overflow-x:auto}
.tabs button{border:0;background:none;padding:.65rem .8rem;font-weight:700;font-size:.9rem;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none}
.tabs a{padding:.65rem .8rem;font-weight:700;font-size:.9rem;color:var(--muted);border-bottom:3px solid transparent;text-decoration:none;white-space:nowrap}
.tabs .is-active{color:var(--ink);border-bottom-color:var(--accent)}
.tabs--sm button{padding:.55rem .6rem;font-size:.84rem}
.swatch-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.field--color input{width:100%;height:44px;border:1.5px solid var(--line-2);border-radius:10px;padding:3px;background:#fff;cursor:pointer}
.palettes{display:flex;flex-wrap:wrap;gap:.4rem}
.palettes button{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line-2);background:linear-gradient(135deg,var(--a) 50%,var(--b) 50%)}
.palettes button:hover{transform:scale(1.1)}
.costcalc{display:grid;gap:1.2rem}
.costcalc__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.cc-col{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.1rem;border-top:5px solid var(--cc)}
.cc-col__h{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-disp);font-size:1.4rem;text-transform:uppercase;margin-bottom:.6rem}
.cc-col__price{font-family:var(--f-disp);font-size:2.4rem;line-height:1;color:var(--cc)}
.linechart svg{width:100%;height:auto}
.pallet-svg{background:var(--paper);border-radius:12px;padding:.6rem}

/* community + account (PHP apps) */
.app-hero{background:var(--ink) url(/assets/img/tex/ink.webp);color:#fff;padding:1.6rem 0 2rem;position:relative;overflow:hidden}
.app-hero::before{content:"";position:absolute;inset:0;background:url(/assets/img/tex/dieline-dark.svg) right -60px top -60px/460px no-repeat;opacity:.55}
.app-hero .wrap{position:relative}
.app-hero h1{color:#fff;font-size:clamp(2.2rem,1.6rem + 2.4vw,3.8rem);margin-bottom:.2em}
.app-hero p{color:rgba(246,245,241,.75);margin:0}
.app-hero .crumbs ol{color:rgba(255,255,255,.6)}
.app-hero__row{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}
.forum{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1.6rem;padding:2rem 0 4rem;align-items:start}
.forum__side{position:sticky;top:calc(var(--head-h) + 16px);display:grid;gap:1rem}
.forum__cats{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.6rem}
.forum__cats a{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .7rem;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600}
.forum__cats a.is-active,.forum__cats a:hover{background:var(--paper)}
.forum__cats small{color:var(--muted);font-weight:400}
.cat-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.5rem;vertical-align:middle}
.forum__bar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}
.forum__bar form{display:flex;gap:.5rem;flex:1;max-width:380px}
.threads{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.thread-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line);align-items:center;text-decoration:none}
.thread-row:last-child{border-bottom:0}
.thread-row:hover{background:#FBFAF7;color:inherit}
.thread-row__title{font-weight:700;font-size:1.02rem;line-height:1.35;display:block}
.thread-row__meta{font-size:.8rem;color:var(--muted);display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:.2rem}
.thread-row__stats{display:flex;gap:1rem;font-size:.8rem;color:var(--muted);text-align:center}
.thread-row__stats b{display:block;font-size:1.05rem;color:var(--ink)}
.tag{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:6px;background:var(--paper-2);color:var(--ink-3)}
.tag--ok{background:var(--ok-l);color:var(--ok)}
.tag--pin{background:var(--accent-l);color:var(--accent-d)}
.tag--pro{background:var(--ink);color:#FFB08F}
.tag--staff{background:var(--accent);color:#fff}
.post{display:grid;grid-template-columns:56px minmax(0,1fr);gap:1rem;padding:1.4rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:1rem}
.post--accepted{border:2px solid var(--ok)}
.post__votes{display:flex;flex-direction:column;align-items:center;gap:.2rem}
.post__votes button{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line-2);background:#fff;display:grid;place-items:center}
.post__votes button.is-on{background:var(--accent);border-color:var(--accent);color:#fff}
.post__votes b{font-size:1.1rem}
.post__head{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font-size:.86rem;color:var(--muted);margin-bottom:.6rem}
.post__head a{font-weight:700;color:var(--ink);text-decoration:none}
.post__body{font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.post__body p{margin:0 0 .8em}
.post__body pre{background:var(--paper);padding:.8rem;border-radius:8px;overflow-x:auto}
.post__actions{display:flex;gap:.3rem;margin-top:.8rem;flex-wrap:wrap}
.post__actions button,.post__actions a{display:inline-flex;align-items:center;gap:.3rem;border:0;background:none;padding:.35rem .6rem;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--muted);text-decoration:none}
.post__actions button:hover,.post__actions a:hover{background:var(--paper);color:var(--ink)}
.auth{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - var(--head-h));background:var(--paper) url(/assets/img/tex/paper.webp)}
.auth__art{position:relative;background:var(--ink) url(/assets/img/tex/ink.webp);color:#fff;padding:clamp(2rem,1rem + 4vw,5rem);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.auth__art::before{content:"";position:absolute;inset:0;background:url(/assets/img/tex/dieline-dark.svg) right -100px bottom -60px/620px no-repeat;opacity:.6}
.auth__art>*{position:relative}
.auth__art h1{color:#fff;font-size:clamp(2.4rem,1.6rem + 3vw,4.4rem)}
.auth__art img{max-width:480px;margin-top:1.5rem;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.auth__form{display:flex;align-items:center;justify-content:center;padding:2rem 1.2rem}
.auth__card{width:100%;max-width:440px}
.dash{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.6rem;padding:2rem 0 4rem;align-items:start}
.dash__nav{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.6rem;position:sticky;top:calc(var(--head-h) + 16px)}
.dash__nav a,.dash__nav button{display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.92rem;width:100%;border:0;background:none;text-align:left}
.dash__nav a.is-active,.dash__nav a:hover{background:var(--paper)}
.panel-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem;margin-bottom:1.2rem}
.panel-box h2{font-size:1.7rem}
.list-rows{display:grid;gap:.6rem}
.list-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px;flex-wrap:wrap}
.pager{display:flex;gap:.4rem;justify-content:center;margin-top:1.4rem}
.pager a,.pager span{min-width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:#fff;text-decoration:none;font-weight:700;padding:0 .7rem}
.pager .is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.editor-help{font-size:.78rem;color:var(--muted)}

/* ---------------------------------------------------------------- footer */
.foot{padding:4rem 0 6rem;position:relative;overflow:hidden}
.foot__news{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:3rem}
.foot__title{font-size:clamp(2rem,1.5rem + 2vw,3.2rem)}
.news-form{display:grid;grid-template-columns:1fr auto;gap:.6rem;background:rgba(255,255,255,.06);padding:.6rem;border-radius:18px;border:1px solid rgba(255,255,255,.12)}
.news-form input[type=email]{background:transparent!important;border:0!important;color:#fff;box-shadow:none!important}
.news-form input::placeholder{color:rgba(255,255,255,.5)}
.news-form .form-note,.news-form .form-msg{grid-column:1/-1;color:rgba(255,255,255,.6);margin:0}
.foot__grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:2rem}
.foot__grid a{display:block;color:rgba(246,245,241,.75);text-decoration:none;font-size:.9rem;padding:.22rem 0}
.foot__grid a:hover{color:#fff}
.foot__h{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#FF8A5E;margin-bottom:.8rem}
.foot__brand p{color:rgba(246,245,241,.7);font-size:.9rem;margin:1rem 0}
.foot__contact a{display:inline-flex!important;align-items:center;gap:.45rem;color:#fff!important}
.foot__contact{display:grid;gap:.2rem}
.foot__hours{font-size:.8rem!important}
.socials{display:flex;gap:.5rem}
.socials a{display:grid!important;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);padding:0!important}
.socials a:hover{background:var(--accent)}
.foot__legal{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;color:rgba(246,245,241,.55)}
.foot__legal p{margin:0;max-width:60ch}
.foot__legal nav{display:flex;flex-wrap:wrap;gap:.3rem 1rem}
.foot__legal a,.foot__legal .linkish{color:rgba(246,245,241,.7);text-decoration:none;font-size:.8rem}

/* mobile bar, chat, consent, toast */
.mbar{display:none}
.chat-fab{position:fixed;right:20px;bottom:20px;z-index:70;display:inline-flex;align-items:center;gap:.5rem;background:var(--ink);color:#fff;border:0;border-radius:99px;padding:.85rem 1.2rem .85rem 1rem;font-weight:700;box-shadow:var(--sh-3);transition:transform .2s}
.chat-fab:hover{transform:translateY(-3px)}
.chat-fab .ico{color:#FF8A5E}
.chat{position:fixed;right:20px;bottom:20px;z-index:90;width:min(400px,calc(100vw - 24px));height:min(620px,calc(100vh - 40px));background:#fff;border-radius:22px;box-shadow:0 30px 80px -20px rgba(14,26,43,.55);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);animation:pop .22s var(--ease)}
@keyframes pop{from{transform:translateY(16px) scale(.98);opacity:0}}
.chat__head{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;background:var(--ink) url(/assets/img/tex/ink.webp);color:#fff}
.chat__head small{display:block;color:rgba(255,255,255,.6);font-size:.74rem}
.chat__head .icon-btn{margin-left:auto;color:#fff}
.chat__head .icon-btn:hover{background:rgba(255,255,255,.1)}
.chat__avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent)}
.chat__log{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.7rem;background:var(--paper) url(/assets/img/tex/paper.webp)}
.msg{max-width:86%;padding:.7rem .9rem;border-radius:16px;font-size:.92rem;line-height:1.55;overflow-wrap:anywhere}
.msg p{margin:0 0 .5em}.msg p:last-child{margin:0}
.msg ul{margin:.3rem 0;padding-left:1.1rem}
.msg a{color:var(--accent-d);font-weight:600}
.msg--bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}
.msg--me{background:var(--ink);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.msg--typing{display:flex;gap:4px;padding:.9rem}
.msg--typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite}
.msg--typing i:nth-child(2){animation-delay:.2s}.msg--typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{50%{opacity:.25}}
.chat__chips{display:flex;gap:.4rem;overflow-x:auto;padding:.5rem .8rem;border-top:1px solid var(--line);background:#fff}
.chat__chips:empty{display:none}
.chat__chips button{flex:none;border:1.5px solid var(--line-2);background:#fff;border-radius:99px;padding:.35rem .75rem;font-size:.8rem;font-weight:600}
.chat__chips button:hover{border-color:var(--ink)}
.chat__form{display:flex;gap:.5rem;padding:.7rem .8rem;border-top:1px solid var(--line);align-items:flex-end}
.chat__form textarea{min-height:44px!important;max-height:120px;resize:none;border-radius:22px!important;padding:.65rem 1rem!important}
.chat__fine{font-size:.68rem;color:var(--muted);text-align:center;margin:0;padding:0 .8rem .6rem}
.consent{position:fixed;left:20px;bottom:20px;z-index:80;max-width:420px;background:#fff;border-radius:18px;box-shadow:var(--sh-3);padding:1.1rem 1.2rem;font-size:.86rem;border:1px solid var(--line)}
.consent p{margin:0 0 .8rem}
.consent__btns{display:flex;gap:.5rem;justify-content:flex-end}
.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:.75rem 1.2rem;border-radius:99px;font-size:.9rem;font-weight:600;opacity:0;pointer-events:none;transition:all .25s;z-index:130;box-shadow:var(--sh-3)}
.toast.is-on{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* ---------------------------------------------------------------- responsive */
@media (max-width:1320px){.head__builder{display:none}}
@media (max-width:1180px){
  .nav__link{padding:.55rem .5rem;font-size:.86rem}
  .tcards{grid-template-columns:repeat(2,1fr)}
  .builder{grid-template-columns:1fr}
}
@media (max-width:1024px){
  :root{--head-h:62px}
  .nav,.head__actions .icon-btn[href="/search/"]{display:none}
  .burger{display:inline-grid}
  .hero__in,.page-hero:has(.page-hero__art) .page-hero__in,.est-band__in,.split-3d__in,.cta-band__in,.pdp__grid,.quote-hero__in,.contact-grid,.sample-grid,.reviews-grid,.foot__news,.tool-feature{grid-template-columns:1fr}
  .hero__art{max-width:680px;margin:0 auto}
  .gallery{position:static}
  .bento{grid-template-columns:repeat(2,1fr)}
  .ind-grid{grid-template-columns:repeat(4,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps li::after{display:none}
  .features,.fin-grid{grid-template-columns:repeat(2,1fr)}
  .gcards,.gcards--hub,.trio,.shop-grid,.plans{grid-template-columns:repeat(2,1fr)}
  .article-grid{grid-template-columns:1fr}
  .article-side{order:-1}
  .article-side>*{position:static}
  .article-side .side-cta{display:none}
  .toc{max-height:none;border:1px solid var(--line);border-radius:var(--r);padding:.9rem 1.2rem;background:var(--paper)}
  .toc__h{cursor:pointer;margin:0;color:var(--ink)}
  .toc__h .ico{display:block;margin-left:auto;transition:transform .2s}
  .toc__n{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;border-radius:99px;background:var(--ink);color:#fff;font-size:.66rem;letter-spacing:0}
  .toc.is-open .toc__h{margin-bottom:.6rem}
  .toc.is-open .toc__h .ico{transform:rotate(180deg)}
  .toc:not(.is-open) ol{display:none}
  .toc a{margin-left:0;padding-left:0;border-left:0}
  .quote-grid{grid-template-columns:1fr}
  .summary{position:static;order:-1}
  .summary__img{display:none}
  .tool{grid-template-columns:1fr}
  .panel{position:static}
  .costcalc__cols{grid-template-columns:1fr}
  .foot__grid{grid-template-columns:repeat(2,1fr)}
  .foot__brand{grid-column:1/-1}
  .forum,.dash{grid-template-columns:1fr}
  .forum__side,.dash__nav{position:static}
  .auth{grid-template-columns:1fr}
  .auth__art{padding:2rem 1.5rem}
  .auth__art img{display:none}
  .plan--hot{transform:none}
  .mega{display:none}
  .cta-band__art{max-width:460px}
}
@media (max-width:760px){
  body{font-size:16px;padding-bottom:64px}
  .wrap{padding:0 16px}
  .announce{font-size:.74rem}
  .announce a{display:none}
  .announce [data-announce-text]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .announce__in{gap:.5rem}
  .head__actions .btn--accent{display:none}
  .logo__word{font-size:1.35rem}
  .sec-head{grid-template-columns:1fr;gap:.4rem}
  .sec-head__num{font-size:3.2rem}
  .sec-head__link{justify-self:start}
  .trust__in{grid-template-columns:1fr 1fr}
  .bento{grid-auto-rows:minmax(200px,auto)}
  .tile--big{grid-column:span 2;grid-row:span 1}
  .ind-grid{grid-template-columns:repeat(3,1fr)}
  .steps,.features,.gcards,.gcards--hub,.trio,.shop-grid,.plans,.thanks__next,.tcards,.fin-grid{grid-template-columns:1fr}
  .fin-grid{grid-template-columns:1fr 1fr}
  .shop-card--wide{grid-column:auto;flex-direction:column}
  .gcard--big{grid-row:auto}
  .badges{grid-template-columns:1fr 1fr}
  .grid-2,.qbox__row{grid-template-columns:1fr}
  .wizard__steps li{font-size:0;gap:0;justify-content:center}
  .wizard__steps span{font-size:.78rem}
  .gloss__letter{grid-template-columns:1fr}
  .gloss__letter h2{position:static}
  .gloss__letter dl{grid-template-columns:1fr}
  .hero__word{display:none}
  .spec-pin{font-size:.66rem;padding:.25rem .55rem .25rem .4rem}
  .hero__sticker{width:84px;height:84px;font-size:.7rem}
  .hero__sticker b{font-size:1.7rem}
  .foot__grid{grid-template-columns:1fr 1fr;gap:1.5rem}
  .news-form{grid-template-columns:1fr}
  .chat-fab{display:none}
  .chat{right:0;bottom:0;width:100vw;height:100%;max-height:100dvh;border-radius:0}
  .consent{left:12px;right:12px;bottom:76px}
  .mbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:75;background:#fff;border-top:1px solid var(--line);padding:.3rem .3rem calc(.3rem + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(14,26,43,.08)}
  .mbar a,.mbar button{display:flex;flex-direction:column;align-items:center;gap:.1rem;font-size:.66rem;font-weight:700;text-decoration:none;border:0;background:none;padding:.3rem 0;color:var(--ink)}
  .mbar .ico{width:20px;height:20px}
  .mbar .mbar__main{background:var(--accent);color:#fff;border-radius:14px;margin:0 .1rem}
  .lightbox{padding:3.5rem .6rem}
  .lightbox__nav{top:auto;bottom:1rem;transform:none}
  .thread-row{grid-template-columns:36px minmax(0,1fr)}
  .thread-row__stats{display:none}
  .post{grid-template-columns:1fr;padding:1rem}
  .post__votes{flex-direction:row}
  .builder__open input{width:90px}
  .builder__hint{display:none}
  .table{font-size:.86rem}
  .toast{bottom:84px}
}
@media print{.head,.announce,.foot,.mbar,.chat-fab,.chat,.consent,.cta-band,.article-side{display:none!important}.section--ink{background:#fff;color:#000}}

/* ================================================================ social layer */
.btn--light{background:#fff;color:var(--ink);border:1px solid #fff}.btn--light:hover{background:var(--paper);color:var(--ink)}
.social-band{position:relative;padding:clamp(3.5rem,7vw,6rem) 0;background:var(--paper);overflow:hidden;isolation:isolate}
.social-band::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(14,26,43,.1) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000 10%,transparent 90%);mask-image:linear-gradient(180deg,#000 10%,transparent 90%)}
.social-band--white{background:#fff}
.social-band__deco{position:absolute;right:-60px;top:40px;width:260px;height:260px;border-radius:50%;border:2px dashed var(--line-2);z-index:-1;animation:socspin 60s linear infinite}
@keyframes socspin{to{transform:rotate(360deg)}}
.social-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.2rem 2rem;flex-wrap:wrap;margin-bottom:1.6rem}
.social-head h2{margin:0}.social-head p{margin:.6rem 0 0;color:var(--muted);max-width:60ch}
.social-handles{display:flex;gap:.5rem;flex-wrap:wrap}
.handle-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .95rem;border-radius:99px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:.86rem;text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s}
.handle-pill:hover{transform:translateY(-2px);box-shadow:var(--sh-2);color:inherit}
.handle-pill--instagram .ico{color:#D62976}.handle-pill--pinterest .ico{color:#E60023}.handle-pill--x .ico{color:#0F1419}.handle-pill--quora .ico,.handle-pill--quora_profile .ico{color:#B92B27}.handle-pill--facebook .ico{color:#1877F2}
/* stories */
.sw-stories{display:flex;gap:1.05rem;overflow-x:auto;padding:.5rem .3rem 1.3rem;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -.3rem}
.sw-stories::-webkit-scrollbar{display:none}
.sw-story{flex:0 0 auto;display:grid;justify-items:center;gap:.4rem;background:none;border:0;padding:0;scroll-snap-align:start;color:inherit}
.sw-story__ring{display:block;width:80px;height:80px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,var(--y),var(--accent),var(--m),var(--c),var(--y));transition:transform .35s var(--ease)}
.sw-story__ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--paper)}
.social-band--white .sw-story__ring img{border-color:#fff}
.sw-story:hover .sw-story__ring,.sw-story:focus-visible .sw-story__ring{transform:rotate(-10deg) scale(1.07)}
.sw-story small{font-size:.72rem;max-width:86px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
/* chips */
.sw-chips{display:flex;gap:.45rem;flex-wrap:wrap;margin:0 0 1.6rem}
.sw-chips button{border:1px solid var(--line-2);background:#fff;border-radius:99px;padding:.45rem 1rem;font-size:.86rem;font-weight:600;display:inline-flex;gap:.4rem;align-items:center;transition:background .2s,color .2s}
.sw-chips button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
/* pinboard grid */
.sw-grid{display:flex;gap:clamp(.9rem,2vw,1.5rem);align-items:flex-start;padding-top:.6rem}
.sw-col{flex:1 1 0;min-width:0}
.sw-grid--strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,232px);gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1.1rem .4rem 1.6rem;scrollbar-width:thin}
.sw-grid--strip .sw-tile{margin:0;scroll-snap-align:start}
.sw-tile{display:block;width:100%;break-inside:avoid;margin:0 0 1.8rem;padding:10px 10px 0;background:#fff;border:0;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 14px 26px -16px rgba(14,26,43,.45);transform:rotate(var(--rot,0deg));transition:transform .4s var(--ease),box-shadow .4s;position:relative;text-align:left;color:var(--ink)}
.sw-tile:hover,.sw-tile:focus-visible{transform:rotate(0) translateY(-7px) scale(1.02);box-shadow:var(--sh-3);z-index:2}
.sw-tape{position:absolute;top:-10px;left:50%;width:78px;height:22px;transform:translateX(-50%) rotate(calc(var(--rot,0deg) * -2.5));background:rgba(231,213,190,.88);box-shadow:0 1px 2px rgba(0,0,0,.08);clip-path:polygon(4% 0,96% 6%,100% 52%,95% 100%,3% 94%,0 48%);z-index:1}
.sw-tile:nth-child(3n) .sw-tape{background:rgba(0,163,224,.28)}.sw-tile:nth-child(4n) .sw-tape{background:rgba(229,0,126,.22)}
.sw-img{display:block;position:relative;overflow:hidden;border-radius:2px;background:var(--paper-2);aspect-ratio:1/var(--ar,1.25)}
.sw-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.sw-tile:hover .sw-img img{transform:scale(1.06)}
.sw-play{position:absolute;left:10px;bottom:10px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center}
.sw-meta{display:flex;align-items:center;gap:.55rem;padding:.65rem .15rem .8rem;font-size:.8rem}
.sw-badge{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--ink)}
.sw-tile--instagram .sw-badge{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.sw-tile--pinterest .sw-badge{background:#E60023}
.sw-cap{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--f-serif);font-style:italic;font-size:.9rem}
.sw-meta time{color:var(--muted);font-size:.72rem;white-space:nowrap}
.sw-morewrap{text-align:center;margin:.4rem 0 0}
/* follow cards */
.sw-follow{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}
.sw-fcard{position:relative;display:grid;gap:.15rem;padding:1.4rem 1.3rem 1.2rem;border-radius:var(--r-lg);color:#fff;text-decoration:none;min-height:180px;align-content:end;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s;isolation:isolate}
.sw-fcard:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:var(--sh-3);color:#fff}
.sw-fcard::after{content:"";position:absolute;right:-34px;bottom:-34px;width:150px;height:150px;border:2px solid rgba(255,255,255,.28);border-radius:50%;z-index:-1;transition:transform .5s var(--ease)}
.sw-fcard:hover::after{transform:scale(1.25)}
.sw-fcard__ico{position:absolute;top:1.1rem;left:1.2rem;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center}
.sw-fcard b{font-family:var(--f-disp);text-transform:uppercase;font-size:1.55rem;line-height:1}
.sw-fcard small{opacity:.85;font-size:.82rem}
.sw-fcard__cta{margin-top:.7rem;font-weight:600;font-size:.84rem;display:inline-flex;gap:.35rem;align-items:center}
.sw-fcard--instagram{background:linear-gradient(135deg,#feda75 0,#fa7e1e 22%,#d62976 52%,#962fbf 78%,#4f5bd5 100%)}
.sw-fcard--pinterest{background:#E60023}.sw-fcard--x{background:#0F1419}.sw-fcard--facebook{background:#1877F2}.sw-fcard--quora,.sw-fcard--quora_profile{background:#B92B27}
/* conversations */
.st-grid{columns:2 330px;column-gap:1.4rem}
.st-card{break-inside:avoid;margin:0 0 1.4rem;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.35rem 1.4rem 1.15rem;cursor:pointer;transition:box-shadow .3s,transform .3s var(--ease);position:relative;overflow:hidden}
.st-card::before{content:"";position:absolute;top:0;left:1.4rem;right:1.4rem;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--c) 0 25%,var(--m) 25% 50%,var(--y) 50% 75%,var(--k) 75%)}
.st-card--quora::before{background:#B92B27}
.st-card:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.st-card header{display:flex;align-items:center;gap:.7rem;margin-bottom:.85rem}
.st-plat{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.3rem .65rem;border-radius:99px;background:#FBEAEA;color:#B92B27}
.st-plat--icon{margin-left:auto;background:none;color:#0F1419;padding:0}
.st-card header time{margin-left:auto;font-size:.78rem;color:var(--muted)}
.st-who time{margin:0!important}
.st-q{font-family:var(--f-sans);text-transform:none;font-size:1.17rem;line-height:1.32;font-weight:600;letter-spacing:0;margin:0 0 .85rem}
.st-q a{text-decoration:none}.st-q a:hover{text-decoration:underline}
.st-ans{border-left:3px solid #B92B27;padding-left:.95rem}
.st-by{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted);margin-bottom:.35rem}
.st-ans p{font-family:var(--f-serif);font-size:1.03rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.st-card footer{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:1rem;padding-top:.8rem;border-top:1px dashed var(--line-2);font-size:.84rem}
.st-link{font-weight:600;display:inline-flex;gap:.3rem;align-items:center;text-decoration:none;color:var(--accent-d)}
.st-m{color:var(--muted)}
.st-av{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.st-who{display:grid;line-height:1.25}.st-who span{font-size:.8rem;color:var(--muted)}
.st-text{font-size:1rem;line-height:1.55;margin:0 0 .85rem;overflow-wrap:anywhere}
.st-text a{color:var(--info);text-decoration:none}.st-text a:hover{text-decoration:underline}
.st-media{display:block;padding:0;border:0;border-radius:14px;overflow:hidden;width:100%;margin:0 0 .3rem;background:var(--paper)}
.st-media img{width:100%;aspect-ratio:16/10;object-fit:cover}
.st-acts{display:flex;gap:1.2rem}
.st-acts a{display:inline-flex;gap:.35rem;align-items:center;color:var(--muted);text-decoration:none}
.st-acts a:hover{color:var(--accent-d)}
.st-acts b{font-weight:600;font-size:.82rem}
.st-replies{margin-top:.8rem;font-size:.88rem}
.st-replies summary{cursor:pointer;font-weight:600;color:var(--info)}
.st-reply{padding:.6rem 0 .1rem .85rem;border-left:2px solid var(--line);margin-top:.5rem}
.st-reply span{color:var(--muted);font-size:.8rem}.st-reply p{margin:.2rem 0 0}
.talk-ctas{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}
/* viewer */
html.sv-open{overflow:hidden}
.sv{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:clamp(.5rem,3vw,2.5rem)}
.sv__bg{position:absolute;inset:0;background:rgba(9,15,25,.84);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:svfade .25s}
.sv__card{position:relative;width:min(1140px,100%);max-height:calc(100vh - 2rem);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);background:var(--paper);border-radius:20px;overflow:hidden;box-shadow:0 40px 120px -30px rgba(0,0,0,.65);animation:svin .4s var(--ease)}
.sv__media{margin:0;position:relative;background:#0B111B;display:grid;place-items:center;min-height:360px;max-height:calc(100vh - 2rem);overflow:hidden}
.sv__media>img{max-width:100%;max-height:calc(100vh - 2rem);width:auto;height:auto;object-fit:contain}
.sv__reg{position:absolute;width:28px;height:28px;border:solid rgba(255,255,255,.5);pointer-events:none;z-index:2}
.sv__reg--tl{top:14px;left:14px;border-width:2px 0 0 2px}.sv__reg--br{right:14px;bottom:14px;border-width:0 2px 2px 0}
.sv__nomedia{display:grid;gap:1rem;place-items:center;text-align:center;padding:3rem 2.4rem;color:#fff;max-width:540px}
.sv__nomedia p{font-family:var(--f-serif);font-size:clamp(1.3rem,1rem + 1.2vw,2rem);line-height:1.3;margin:0}
.sv__bigq{font-family:var(--f-serif);font-style:italic;font-size:6rem;line-height:.9;color:var(--accent)}
.sv__bigq .ico{width:70px;height:70px}
.sv--quora .sv__media{background:radial-gradient(circle at 30% 20%,#5a1a17,#1d0807)}
.sv--x .sv__media{background:radial-gradient(circle at 30% 20%,#273340,#0F1419)}
.sv__embed{width:100%;height:100%;overflow:auto;padding:1rem;background:#fff;align-self:stretch}
.sv__loading{text-align:center;color:var(--muted);padding:2rem 0}
.sv__side{padding:1.7rem 1.6rem 1.4rem;overflow:auto;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;gap:.95rem}
.sv__head{display:flex;gap:.8rem;align-items:center;padding-right:2.6rem}
.sv__head div{display:grid;line-height:1.25}.sv__head time{font-size:.8rem;color:var(--muted)}
.sv__plat{display:inline-flex;gap:.35rem;align-items:center;padding:.38rem .75rem;border-radius:99px;color:#fff;font-weight:700;font-size:.76rem;background:var(--ink)}
.sv--instagram .sv__plat{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888)}.sv--pinterest .sv__plat{background:#E60023}.sv--quora .sv__plat{background:#B92B27}.sv--facebook .sv__plat{background:#1877F2}
.sv__title{font-family:var(--f-sans);text-transform:none;font-size:1.25rem;line-height:1.3;letter-spacing:0;margin:0}
.sv__text{font-size:.98rem;line-height:1.62;overflow-wrap:anywhere}
.sv__text a{color:var(--info);text-decoration:none}
.sv__metrics{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}
.sv__metrics span{display:inline-flex;gap:.3rem;align-items:center}.sv__metrics b{color:var(--ink)}
.sv__acts{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.4rem}
.sv__rh{font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;margin:.3rem 0 0;color:var(--muted)}
.sv__reply{border-left:2px solid var(--line-2);padding:.15rem 0 .1rem .8rem;font-size:.88rem}.sv__reply span{color:var(--muted);font-size:.78rem}.sv__reply p{margin:.15rem 0 0}
.sv__note{font-size:.74rem;color:var(--muted);margin:0}
.sv__nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--ink);display:grid;place-items:center;box-shadow:var(--sh-2);z-index:3;transition:transform .2s}
.sv__nav:hover{transform:translateY(-50%) scale(1.08)}
.sv__nav--prev{left:12px}.sv__nav--prev .ico{transform:rotate(90deg)}
.sv__nav--next{right:calc(min(42%,420px) + 12px)}.sv__nav--next .ico{transform:rotate(-90deg)}
.sv__close{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:0;background:var(--ink);color:#fff;z-index:4;display:grid;place-items:center}
.sv__count{position:absolute;left:16px;bottom:14px;color:#fff;font-size:.76rem;font-weight:600;background:rgba(0,0,0,.5);padding:.25rem .65rem;border-radius:99px;z-index:3}
.sv--text .sv__count{display:none}
@media (max-width:860px){.sv__card{grid-template-columns:1fr;max-height:calc(100vh - 1rem);overflow:auto}.sv__media{min-height:0;max-height:58vh}.sv__media>img{max-height:58vh}.sv__side{max-height:none;overflow:visible}.sv__nav{top:29vh}.sv__nav--next{right:12px}.sv--text .sv__nav{top:120px}}
@keyframes svin{from{opacity:0;transform:translateY(26px) scale(.98)}}
@keyframes svfade{from{opacity:0}}
/* stories */
.ss{position:fixed;inset:0;z-index:135;display:grid;place-items:center}
.ss__bg{position:absolute;inset:0;background:rgba(5,8,14,.93)}
.ss__frame{position:relative;z-index:1;width:min(420px,100vw);height:min(746px,100vh);background:#000;border-radius:20px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.6);animation:svin .35s var(--ease);touch-action:manipulation}
.ss__frame>img{width:100%;height:100%;object-fit:cover}
.ss__bars{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:3}
.ss__bars i{flex:1;height:3px;background:rgba(255,255,255,.35);border-radius:3px;overflow:hidden}.ss__bars b{display:block;height:100%;background:#fff}
.ss__head{position:absolute;top:22px;left:12px;right:8px;display:flex;align-items:center;gap:.55rem;color:#fff;z-index:3;text-shadow:0 1px 3px rgba(0,0,0,.5);font-size:.9rem}
.ss__av{width:34px;height:34px;border-radius:50%;background:var(--accent);display:grid;place-items:center}
.ss__head time{opacity:.8;font-size:.8rem}
.ss__x{margin-left:auto;background:none;border:0;color:#fff;width:40px;height:40px;display:grid;place-items:center}
.ss__tap{position:absolute;top:70px;bottom:120px;width:42%;background:none;border:0;z-index:2}
.ss__tap--l{left:0}.ss__tap--r{right:0}
.ss__foot{position:absolute;left:0;right:0;bottom:0;padding:3.2rem 1rem 1.1rem;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;z-index:3;display:grid;gap:.7rem;justify-items:start}
.ss__foot p{margin:0;font-size:.92rem;line-height:1.45}
@media (max-width:480px){.ss__frame{border-radius:0;width:100vw;height:100dvh}}
/* pop-in */
.speek{position:fixed;left:20px;bottom:20px;z-index:78;width:340px;background:#fff;border-radius:18px;box-shadow:var(--sh-3);border:1px solid var(--line);overflow:hidden;transform:translateY(140%) rotate(-5deg);opacity:0;transition:transform .7s var(--ease),opacity .45s}
.speek.is-in{transform:none;opacity:1}
.speek__card{display:flex;gap:.9rem;align-items:center;width:100%;padding:.8rem 2.2rem .9rem .8rem;background:none;border:0;text-align:left;color:inherit}
.speek__img{flex:0 0 78px;height:78px;border-radius:12px;overflow:hidden;transform:rotate(-4deg);box-shadow:0 8px 16px -8px rgba(0,0,0,.5);border:3px solid #fff;transition:transform .4s var(--ease)}
.speek__card:hover .speek__img{transform:rotate(2deg) scale(1.05)}
.speek__img img{width:100%;height:100%;object-fit:cover}
.speek__txt{display:grid;gap:.15rem;min-width:0}
.speek__txt small{display:inline-flex;gap:.3rem;align-items:center;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--accent-d)}
.speek__txt b{font-size:.93rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.speek__txt em{font-style:normal;font-size:.8rem;color:var(--muted)}
.speek__x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:0;background:var(--paper);display:grid;place-items:center;z-index:2}
.speek__bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--c),var(--m),var(--y));transform-origin:left;animation:speekbar 13s linear forwards}
.speek.is-hold .speek__bar{animation-play-state:paused}
@keyframes speekbar{to{transform:scaleX(0)}}
/* save to pinterest on hover */
.pinhover{position:absolute;z-index:60;display:inline-flex;align-items:center;gap:.35rem;background:#E60023;color:#fff;font-weight:700;font-size:.8rem;padding:.42rem .8rem;border-radius:99px;text-decoration:none;box-shadow:0 6px 16px -6px rgba(230,0,35,.65);animation:svfade .15s}
.pinhover:hover{color:#fff;background:#C4001D}
/* social hub page */
.soc-hero{position:relative;background:var(--ink);color:#fff;padding:clamp(3rem,6vw,5.5rem) 0 clamp(3.5rem,7vw,6rem);overflow:hidden;isolation:isolate}
.soc-hero::after{content:"";position:absolute;inset:auto -10% -40% auto;width:620px;height:620px;border-radius:50%;background:conic-gradient(from 90deg,var(--c),var(--m),var(--y),var(--accent),var(--c));filter:blur(90px);opacity:.35;z-index:-1}
.soc-hero h1{color:#fff;max-width:14ch}
.soc-hero .lead{color:rgba(255,255,255,.82);max-width:58ch}
.soc-hero .crumbs a,.soc-hero .crumbs{color:rgba(255,255,255,.7)}
.soc-collage{position:absolute;right:max(2rem,calc((100vw - var(--wrap))/2));top:50%;transform:translateY(-50%);width:min(380px,34vw);height:300px;z-index:-1}
.soc-collage span{position:absolute;width:150px;height:150px;border-radius:18px;display:grid;place-items:center;color:#fff;box-shadow:0 20px 40px -18px rgba(0,0,0,.7);animation:socfloat 7s ease-in-out infinite}
.soc-collage span .ico{width:56px;height:56px}
.soc-collage span:nth-child(1){left:0;top:10px;background:linear-gradient(135deg,#feda75,#fa7e1e 25%,#d62976 55%,#962fbf 80%,#4f5bd5);transform:rotate(-8deg)}
.soc-collage span:nth-child(2){left:120px;top:90px;background:#E60023;transform:rotate(6deg);animation-delay:-2s}
.soc-collage span:nth-child(3){left:230px;top:0;background:#0F1419;width:120px;height:120px;transform:rotate(-4deg);animation-delay:-4s}
.soc-collage span:nth-child(4){left:40px;top:170px;background:#B92B27;width:120px;height:120px;transform:rotate(9deg);animation-delay:-1s}
.soc-collage span:nth-child(5){left:250px;top:150px;background:#1877F2;width:110px;height:110px;transform:rotate(-10deg);animation-delay:-3s}
@keyframes socfloat{50%{translate:0 -12px}}
@media (max-width:900px){.soc-collage{display:none}}
.soc-profiles{margin-top:-3rem;position:relative;z-index:2}
.soc-profiles .sw-follow{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
@media (prefers-reduced-motion:reduce){.speek{transition:opacity .2s}.sw-tile,.sw-tile:hover{transform:none}.social-band__deco,.soc-collage span{animation:none}}
.socials{flex-wrap:wrap}
.socials a.socials__all{width:auto;border-radius:99px;padding:0 .95rem!important;font-size:.8rem;font-weight:600;white-space:nowrap}
.soc-inline{margin:3rem 0 2rem;padding-top:2rem;border-top:1px solid var(--line)}
.soc-inline .st-grid{columns:1}
.soc-inline .talk-ctas{margin-top:.2rem}
.contact-socials{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0}
.contact-socials a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);transition:background .2s,color .2s}
.contact-socials a:hover{background:var(--accent);color:#fff}
.sw-fcard__what{font-size:.82rem;line-height:1.4;opacity:.92;margin-top:.35rem}
.soc-hero .talk-ctas{margin-top:1.4rem}
.soc-profiles .sw-fcard{padding-top:4.8rem;min-height:230px}
@media (max-width:860px){.sv__count{top:16px;bottom:auto;left:50%;transform:translateX(-50%)}}

/* ================================================================ US packaging calendar + news */
.ev-strip{background:var(--y);color:var(--ink);font-size:.9rem;border-bottom:1px solid rgba(14,26,43,.12)}
.ev-strip__in{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding-top:.7rem;padding-bottom:.7rem}
.ev-strip__in em{font-style:normal;font-weight:600;color:var(--accent-d)}
.ev-strip__in a{margin-left:auto;font-weight:700;text-decoration:none;white-space:nowrap}
.ev-strip__dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(255,77,18,.6);animation:evpulse 2s infinite}
@keyframes evpulse{70%{box-shadow:0 0 0 10px rgba(255,77,18,0)}100%{box-shadow:0 0 0 0 rgba(255,77,18,0)}}
.ev-next{display:grid;grid-template-columns:auto 1fr auto;gap:1.6rem;align-items:center;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:1.6rem 1.8rem;margin-bottom:2rem;position:relative;overflow:hidden;isolation:isolate}
.ev-next::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:conic-gradient(var(--c),var(--m),var(--y),var(--c));opacity:.25;filter:blur(30px);z-index:-1}
.ev-next h2{color:#fff;margin:.2rem 0;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem)}
.ev-next p{margin:0;color:rgba(255,255,255,.85)}
.ev-next .eyebrow{color:#FFB08F}
.ev-next__count{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;border:3px solid var(--accent);text-align:center;line-height:1}
.ev-next__count b{font-family:var(--f-disp);font-size:2.8rem}
.ev-next__count span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.ev-next__btns{display:flex;gap:.5rem;flex-wrap:wrap}
@media (max-width:760px){.ev-next{grid-template-columns:1fr;text-align:left}.ev-next__count{width:84px;height:84px}.ev-next__count b{font-size:2rem}}
.ev-filters{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1.6rem}
.ev-filters button{border:1px solid var(--line-2);background:#fff;border-radius:99px;padding:.45rem 1rem;font-size:.86rem;font-weight:600}
.ev-filters button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.ev-month{position:relative;padding-left:1.6rem;border-left:2px dashed var(--line-2);margin-left:.4rem;padding-bottom:1.2rem}
.ev-month__h{font-size:1.4rem;margin:0 0 1rem;position:relative}
.ev-month__h::before{content:"";position:absolute;left:calc(-1.6rem - 8px);top:.35em;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--paper)}
.ev-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:1.1rem}
.ev-card{display:grid;grid-template-columns:72px 1fr;gap:1.1rem;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.2rem 1.3rem;box-shadow:var(--sh-1);scroll-margin-top:calc(var(--head-h) + 30px);transition:box-shadow .3s,transform .3s var(--ease)}
.ev-card:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.ev-card:target{outline:3px solid var(--accent);outline-offset:3px}
.ev-date{display:grid;place-items:center;align-content:center;height:72px;border-radius:14px;background:var(--paper);text-align:center;line-height:1}
.ev-date b{font-family:var(--f-disp);font-size:2rem}
.ev-date span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--muted)}
.ev-card--gifting .ev-date{background:#FDE7F1}.ev-card--shopping .ev-date{background:var(--accent-l)}.ev-card--trade .ev-date{background:var(--info-l)}.ev-card--seasonal .ev-date{background:#FFF6CC}.ev-card--retail .ev-date{background:var(--ok-l)}.ev-card--business .ev-date{background:var(--paper-2)}
.ev-body h3{margin:.1rem 0 .2rem;font-size:1.35rem}
.ev-kind{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-d)}
.ev-when{margin:0 0 .5rem;color:var(--muted);font-size:.88rem}
.ev-body>p{font-size:.95rem}
.ev-deadlines{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;margin:.3rem 0 .6rem;font-size:.86rem}
.ev-dl{display:inline-flex;gap:.35rem;align-items:center}
.ev-dl--order b{color:var(--accent-d)}
.ev-status{font-size:.78rem;font-weight:700;padding:.2rem .6rem;border-radius:99px}
.ev-status.is-ok{background:var(--ok-l);color:var(--ok)}.ev-status.is-soon{background:var(--warn-l);color:var(--warn)}.ev-status.is-late{background:var(--err-l);color:var(--err)}
.ev-more{font-size:.92rem;margin-bottom:.6rem}.ev-more summary{cursor:pointer;font-weight:600}.ev-more ul{margin:.5rem 0}
.ev-links{display:flex;flex-wrap:wrap;gap:.35rem}
.ev-actions{display:flex;gap:.5rem;flex-wrap:wrap}
@media (max-width:520px){.ev-card{grid-template-columns:1fr}.ev-date{width:72px}}
.news-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.2rem}
.news-card{display:grid;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .3s,transform .3s var(--ease)}
.news-card:hover{box-shadow:var(--sh-2);transform:translateY(-3px);color:inherit}
.news-card__img img{width:100%;aspect-ratio:16/9;object-fit:cover}
.news-card__body{display:grid;gap:.35rem;padding:1.1rem 1.2rem 1.3rem}
.news-card__body small{color:var(--muted)}.news-card__body b{font-size:1.1rem;line-height:1.3}.news-card__body span{color:var(--muted);font-size:.92rem}
.news-article{max-width:var(--wrap-text);margin:0 auto;padding:2.5rem 0 4rem}
.news-article .meta-line{color:var(--muted);font-size:.9rem}
.news-article img.news-hero{width:100%;border-radius:var(--r-lg);margin:1.2rem 0}

/* ---------------- shop: look inside */
.look{background:var(--paper)}
.look-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}
.look-item{all:unset;cursor:zoom-in;display:flex;flex-direction:column;gap:.45rem;border-radius:var(--r-md,12px);transition:transform .2s}
.look-item:hover{transform:translateY(-3px)}
.look-item:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.look-item__img{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.5rem;box-shadow:0 10px 24px rgba(14,26,43,.08);overflow:hidden}
.look-item__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.look-item__cap{font-size:.78rem;color:var(--muted);line-height:1.3}
.look-jump{margin:.2rem 0 1rem}
.shop-card__look{font-style:normal;font-size:.72rem;font-weight:700;color:var(--muted);margin-left:.6rem;letter-spacing:.04em}
.shop-grid [hidden]{display:none!important}
@media (max-width:600px){.look-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}}
.sw-grid--strip,.sw-stories,.strip{position:relative}
.prose code{overflow-wrap:anywhere;word-break:break-word}

/* ---------------- news layout */
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;align-items:start}
.news-layout .news-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.news-aside{display:flex;flex-direction:column;gap:1rem;position:sticky;top:90px}
.news-aside .panel-box{margin:0}
.news-dl,.news-gl{list-style:none;padding:0;margin:.4rem 0 1rem}
.news-dl li a{display:grid;gap:.1rem;padding:.6rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.news-dl b{font-size:.95rem}.news-dl span{font-size:.82rem;color:var(--muted)}.news-dl small{font-size:.78rem;font-weight:700;color:var(--accent-d)}.news-dl small.late{color:var(--muted)}
.news-gl li{padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.92rem}
.news-card__img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--paper)}.news-card__img img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.news-layout{grid-template-columns:1fr}.news-aside{position:static}}

.community-guides{margin-top:2rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.community-guides h2{font-size:1.6rem;margin:.2rem 0 1rem}
.cg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem;margin-bottom:1rem}
.cg-item{display:flex;gap:.5rem;align-items:center;padding:.7rem .8rem;border-radius:10px;background:var(--paper);text-decoration:none;color:inherit;font-weight:600;font-size:.92rem}
.cg-item:hover{background:var(--accent-l,#FFE4D9)}
.cg-item .ico{color:var(--accent);flex:none}
/* accessibility (WCAG AA): white text sits on a deeper orange; orange text uses a darker shade */
:root{--accent-ink:#D93C06;--accent-d:#C93A06}
.btn--accent{--bg:var(--accent-ink);--bd:var(--accent-ink)}
.btn--accent:hover{--bg:#B93805;--bd:#B93805}
.pill,.icon-btn--accent,.mega__tag,.ticker,.trio__card--accent,.wizard__steps li.is-active span,.tag--staff,.post__votes button.is-on,.tcard:hover .tcard__ico .ico{background:var(--accent-ink)}
.post__votes button.is-on,.tcard:hover .tcard__ico .ico{border-color:var(--accent-ink)}
.icon-btn--accent:hover{background:#B93805}
.socials a:hover,.contact-socials a:hover{background:var(--accent-ink)}
@media (max-width:760px){.mbar .mbar__main{background:var(--accent-ink)}}
.pro-strip h2{color:#fff;margin:0;font-size:1.6rem}

@media (max-width:720px){.crop{display:none}}

/* footer payment methods (v6) */
.foot__pay{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:2.5rem;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.03)}
.foot__pay-h{margin:0;display:flex;align-items:center;gap:.45rem;font-weight:700;font-size:.9rem;color:#F6F5F1}
.paychips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.paychips li{padding:.3rem .7rem;border-radius:999px;background:#F6F5F1;color:#0E1A2B;font-size:.8rem;font-weight:700;letter-spacing:.01em}
.foot__pay-note{margin:0;flex:1 1 280px;font-size:.78rem;color:rgba(246,245,241,.7)}