:root{--black:#000;--white:#fff;--cyan:#00aeef;--magenta:#ec008c;--yellow:#fff200;--paper:#fff;--paper-2:#f3f5f8;--ink:#0d0f12;--ink-2:#4a5160;--line:#dfe3ea;--cyan-dark:#0077a8;--accent:#0077a8;--font-display:"Baloo 2","Arial Rounded MT Bold",system-ui,sans-serif;--font-text:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:40px;--space-5:80px;--radius-md:10px;--radius-pill:999px;--max:1180px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121417;--paper-2:#1b1e23;--ink:#f1f3f6;--ink-2:#a9b0bc;--line:#2c3139;--accent:#00aeef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#121417;--paper-2:#1b1e23;--ink:#f1f3f6;--ink-2:#a9b0bc;--line:#2c3139;--accent:#00aeef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}body{background:var(--paper);color:var(--ink);font-family:var(--font-text);margin:0;font-size:17px;line-height:1.6}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:max(16px,4vw)}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:800;line-height:1.05}p{margin:0}a{color:var(--accent)}:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}.spec{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:12px;font-weight:500}.logo{height:auto;display:block}.logo .brand{fill:var(--ink)}.logo .arc-1{fill:var(--cyan)}.logo .arc-2{fill:var(--magenta)}.logo .arc-3{fill:var(--yellow)}.logo .slogan{fill:var(--cyan)}.btn{justify-content:center;align-items:center;gap:var(--space-1);font:800 16px/1 var(--font-text);border-radius:var(--radius-pill);cursor:pointer;border:2px solid #0000;padding:14px 22px;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-action{background:var(--cyan);color:var(--black)}.btn-action:hover{background:var(--cyan-dark);color:var(--white)}.btn-outline{color:var(--ink);border-color:var(--ink);background:0 0}.btn-outline:hover{background:var(--paper-2)}.btn-sm{padding:10px 16px;font-size:15px}.topbar{top:env(safe-area-inset-top,0px);z-index:10;background:var(--paper);border-bottom:1px solid var(--line);position:sticky}.topbar .wrap{align-items:center;gap:var(--space-3);padding-block:12px;display:flex}.topbar .logo{width:190px}.topbar nav{gap:var(--space-3);margin-left:auto;display:flex}.topbar nav a{color:var(--ink);font-weight:600;text-decoration:none}.topbar nav a:hover{color:var(--accent)}@media (width<=820px){.topbar nav{display:none}.topbar .btn{margin-left:auto}.topbar .logo{width:150px}}@media (width<=400px){.topbar .btn{padding:10px 12px;font-size:14px}.topbar .logo{width:128px}}.hero .wrap{gap:var(--space-4);padding-block:var(--space-5) var(--space-4);grid-template-columns:1.05fr .95fr;align-items:center;display:grid}.hero-text{gap:var(--space-3);min-width:0;display:grid}.hero h1{letter-spacing:-.01em;font-size:clamp(40px,6vw,68px);line-height:.98}.hero h1 em{color:var(--accent);font-style:normal}.hero .lead{color:var(--ink-2);max-width:34em;font-size:19px}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.facts{gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.facts li{align-items:center;gap:var(--space-1);font-size:15px;font-weight:600;display:flex}.facts li:before{content:"";background:var(--c,var(--cyan));width:10px;height:10px}.facts li:nth-child(2),.facts li:nth-child(3){--c:var(--cyan)}.hero-photo{min-width:0;position:relative}.hero-photo .slot{aspect-ratio:5/4}.arcs{pointer-events:none;width:38%;max-width:200px;position:absolute;bottom:-12px;right:-12px}@media (width<=860px){.hero .wrap{padding-block:var(--space-4);grid-template-columns:1fr}.arcs{bottom:-4px;right:-4px}}.slot{background:var(--paper-2);width:100%;max-width:100%;position:relative;overflow:visible}.slot img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.slot .empty{text-align:center;padding:var(--space-2);place-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:0}.slot .empty svg{width:40px;height:40px;stroke:var(--ink-2);fill:none;stroke-width:1.5px}.slot .empty .spec{overflow-wrap:anywhere;font-size:11px}.slot.has-photo .empty{display:none}.cut-mark{border-color:var(--ink-2);opacity:.7;border-style:solid;border-width:0;width:14px;height:14px;position:absolute}.cut-mark.a{border-top-width:1px;border-left-width:1px;top:-8px;left:-8px}.cut-mark.b{border-top-width:1px;border-right-width:1px;top:-8px;right:-8px}.cut-mark.c{border-bottom-width:1px;border-left-width:1px;bottom:-8px;left:-8px}.cut-mark.d{border-bottom-width:1px;border-right-width:1px;bottom:-8px;right:-8px}.cmyk-bar{grid-template-columns:repeat(4,1fr) 3fr;height:14px;display:grid}.cmyk-bar span:first-child{background:var(--cyan)}.cmyk-bar span:nth-child(2){background:var(--magenta)}.cmyk-bar span:nth-child(3){background:var(--yellow)}.cmyk-bar span:nth-child(4){background:var(--black)}.cmyk-bar span:nth-child(5){background:repeating-linear-gradient(90deg,var(--line) 0 12px,transparent 12px 24px)}section{scroll-margin-top:72px}.section{padding-block:var(--space-5)}.section-head{justify-content:space-between;align-items:end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.section-head h2{font-size:clamp(32px,4.4vw,44px)}.section-head p{color:var(--ink-2);max-width:36em;margin-top:var(--space-1)}.filters{gap:var(--space-1);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.chip{font:700 15px/1 var(--font-text);border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;padding:10px 16px}.chip:hover{border-color:var(--ink-2)}.chip[aria-pressed=true]{background:var(--cyan);color:var(--black);border-color:var(--cyan)}.chip .count{font-family:var(--font-mono);opacity:.7;margin-left:4px;font-size:11px}.search{flex:0 260px;min-width:0;margin-left:auto;position:relative}.search input{width:100%;font:16px var(--font-text);border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--paper);color:var(--ink);padding:10px 14px 10px 38px}.search input:focus{outline:3px solid var(--cyan);outline-offset:2px;border-color:var(--cyan)}.search svg{width:16px;height:16px;stroke:var(--ink-2);fill:none;stroke-width:2px;position:absolute;top:50%;left:13px;translate:0 -50%}@media (width<=700px){.search{flex:100%;order:-1;margin-left:0}}.grid{row-gap:var(--space-4);gap:var(--space-4) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.card{grid-row:span 4;grid-template-rows:subgrid;row-gap:var(--space-2);align-content:start;min-width:0;display:grid}.card .slot{aspect-ratio:4/3}.card .category{align-items:center;gap:6px;display:inline-flex}.card .category:before{content:"";background:var(--color);width:8px;height:8px}.card h3{font-size:23px;line-height:1.15}.card p.desc{color:var(--ink-2);font-size:15px;line-height:1.5}.card dl{align-self:start;gap:4px var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line);grid-template-columns:auto 1fr;margin:0;display:grid}.card dt{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding-top:2px;font-size:11px}.card dd{min-width:0;margin:0;font-size:14px;font-weight:600}.card .btn{place-self:end start}.card-body{gap:var(--space-1);flex-direction:column;display:flex}.custom-quote{background:var(--black);color:var(--white);padding:var(--space-3);justify-content:space-between;gap:var(--space-3);flex-direction:column;grid-row:span 4;min-height:280px;display:flex;position:relative;overflow:hidden}.custom-quote h3{color:var(--white);font-size:28px}.custom-quote p{color:#c9ced8;font-size:15px}.custom-quote .spec{color:#c9ced8}.custom-quote svg{width:160px;position:absolute;top:-30px;right:-30px}.empty-search{padding:var(--space-4);text-align:center;color:var(--ink-2);border:1.5px dashed var(--line);grid-column:1/-1}.process{background:var(--paper-2)}.steps{gap:var(--space-3);counter-reset:p;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:p;gap:var(--space-1);align-content:start;min-width:0;display:grid}.steps li:before{content:counter(p);font:800 52px/1 var(--font-display);color:var(--color)}.steps li:first-child{--color:var(--cyan)}.steps li:nth-child(2){--color:var(--magenta)}.steps li:nth-child(3){--color:var(--yellow)}.steps li:nth-child(4){--color:var(--ink)}.steps li:nth-child(3):before{-webkit-text-stroke:1.5px var(--ink)}.steps h3{font-size:22px}.steps p{color:var(--ink-2);font-size:15px}@media (width<=860px){.steps{grid-template-columns:1fr 1fr}}@media (width<=480px){.steps{grid-template-columns:1fr}}.contact{background:var(--black);color:var(--white);border-top:14px solid var(--cyan)}.contact .logo{width:220px}.contact .logo .brand{fill:var(--white)}.contact-grid{gap:var(--space-4);grid-template-columns:1.1fr 1fr;align-items:start;display:grid}.contact h2{color:var(--white);margin-block:var(--space-3) var(--space-2);font-size:clamp(32px,4.4vw,48px)}.contact .subtitle{color:#c9ced8;max-width:30em}.channels{gap:var(--space-2);margin:0;display:grid}.channel{align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid #2c3139;grid-template-columns:1fr auto;display:grid}.channel dt{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#a9b0bc;grid-column:1/-1;font-size:11px}.channel dd{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;min-width:0;margin:0;font-size:19px;font-weight:700}.copy-btn{font:700 13px/1 var(--font-text);color:var(--white);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:1.5px solid #4a5160;padding:8px 12px}.copy-btn:hover{border-color:var(--white)}.contact .btn-action{margin-top:var(--space-3)}@media (width<=860px){.contact-grid{grid-template-columns:1fr}}footer{background:var(--black);color:#a9b0bc;font-size:14px}footer .wrap{justify-content:space-between;gap:var(--space-2);padding-block:var(--space-3);border-top:1px solid #2c3139;flex-wrap:wrap;display:flex}
