:root{--ink:#12263a;--ink2:#173955;--paper:#f3f7f8;--paper2:#e6eef1;--card:#fff;--acc:#087f8c;--acc2:#00a6a6;--soft:#d9f0f0;--muted:#637584;--line:rgba(18,38,58,.11);--line2:rgba(18,38,58,.18);--wa:#25d366;--wa-d:#19b956;--danger:#b84242;--font-display:'Manrope';--font-body:'DM Sans'}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body),system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}.wrap{max-width:1140px;margin:auto;padding-inline:22px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{background:var(--ink);color:rgba(255,255,255,.68);font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-block:8px}.topbar a{color:#fff}.nav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(243,247,248,.92);backdrop-filter:blur(12px)}.nav .wrap{height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{font:800 20px/1 var(--font-display);white-space:nowrap}.brand b{color:var(--acc)}.brand small{display:block;margin-top:4px;font:600 8px var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.nav-links{display:none;align-items:center;gap:17px}.nav-links a{font-size:13px;color:var(--muted)}.nav-links a:hover{color:var(--ink)}.nav-cta{display:none;padding:9px 15px;border-radius:999px;background:var(--wa);font-weight:700;font-size:13px}.burger{display:flex;flex-direction:column;gap:5px;padding:8px;border:0;background:none}.burger span{width:23px;height:2px;background:var(--ink)}.mobile{display:none;padding:7px 22px 15px;background:var(--paper);border-bottom:1px solid var(--line)}.mobile.open{display:block}.mobile a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(0,166,166,.12),transparent 30%),linear-gradient(145deg,#f7fafb,#e4eef0)}.hero .wrap{display:grid;grid-template-columns:1fr;align-items:center;gap:30px;padding-block:48px}.hero .wrap>*{min-width:0}.eyebrow,.section-eye{display:flex;align-items:center;gap:10px;margin-bottom:13px;color:var(--acc);font-weight:800;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.eyebrow::before,.section-eye::before{content:"";width:28px;height:2px;background:var(--acc2)}.hero h1{font:800 clamp(35px,5vw,57px)/1.02 var(--font-display);letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--acc)}.hero-copy{max-width:560px;margin-top:17px;color:var(--muted);font-size:clamp(15px,1.7vw,18px)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 21px;border:0;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s}.btn-primary{background:var(--acc);color:#fff}.btn-primary:hover{background:var(--ink);transform:translateY(-2px)}.btn-outline{border:1px solid var(--line2);background:rgba(255,255,255,.45)}.btn-outline:hover{background:#fff}.crumb{border-bottom:1px solid var(--line);background:var(--paper)}.crumb .wrap{display:flex;gap:8px;padding-block:11px;font-size:12px;color:var(--muted)}.crumb b{color:var(--ink)}
.bleed-hero,.dpi-hero{position:relative;min-height:330px;display:grid;place-items:center}.hero-art{position:relative;width:min(78%,330px);aspect-ratio:1.6;padding:25px;background:linear-gradient(145deg,var(--acc),var(--acc2));box-shadow:0 30px 65px rgba(18,38,58,.22);transform:rotate(-4deg)}.hero-trim{width:100%;height:100%;padding:20px;border:2px solid #fff;background:rgba(255,255,255,.13)}.hero-safe{width:100%;height:100%;display:grid;place-items:center;border:2px dashed rgba(255,255,255,.7);color:#fff;font:800 12px var(--font-display);letter-spacing:.2em}.hero-art>b{position:absolute;left:9px;top:8px;color:#fff;font:800 8px var(--font-display);letter-spacing:.1em}.corner{position:absolute;width:18px;height:18px}.c1{left:-7px;top:-7px;border-left:1px solid var(--ink);border-top:1px solid var(--ink)}.c2{right:-7px;top:-7px;border-right:1px solid var(--ink);border-top:1px solid var(--ink)}.c3{left:-7px;bottom:-7px;border-left:1px solid var(--ink);border-bottom:1px solid var(--ink)}.c4{right:-7px;bottom:-7px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.measure{position:absolute;padding:7px 10px;border-radius:7px;background:#fff;box-shadow:0 8px 20px rgba(18,38,58,.12);font:700 9px var(--font-body);letter-spacing:.07em;text-transform:uppercase}.measure-x{bottom:20px;right:5%}.measure-y{top:33px;left:3%;transform:rotate(-8deg)}
.pixel-image{position:relative;overflow:hidden;width:min(72%,300px);aspect-ratio:.78;border:12px solid #fff;border-radius:8px;background:linear-gradient(#b7e1e6 0 52%,#d6ba82 52%);box-shadow:0 30px 65px rgba(18,38,58,.22);transform:rotate(-5deg)}.pixel-image::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:10px 10px}.pixel-sun{position:absolute;right:25px;top:28px;width:42px;height:42px;border-radius:50%;background:#f5d67c}.pixel-mountain{position:absolute;bottom:0;clip-path:polygon(50% 0,100% 100%,0 100%)}.pixel-mountain.m1{left:-20px;width:105%;height:58%;background:#34767c}.pixel-mountain.m2{right:-35px;width:85%;height:45%;background:#1d4d59}.pixel-image span{position:absolute;z-index:2;left:13px;bottom:10px;color:#fff;font:800 8px var(--font-display);letter-spacing:.1em}.dpi-ring{position:absolute;right:5%;top:11%;z-index:3;display:grid;place-items:center;width:103px;height:103px;border:10px solid rgba(255,255,255,.8);border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 15px 35px rgba(18,38,58,.25)}.dpi-ring strong{font:800 26px/1 var(--font-display)}.dpi-ring span{margin-top:-20px;font:700 9px var(--font-body);letter-spacing:.15em}.dpi-scale{position:absolute;right:4%;bottom:12%;z-index:3;padding:9px 12px;border-radius:8px;background:#fff;box-shadow:0 10px 25px rgba(18,38,58,.16);font:800 9px var(--font-body);letter-spacing:.08em}
.calculator{padding:68px 0}.calculator h2,.guide h2,.faq h2,.related h2{font:800 clamp(27px,4vw,41px)/1.08 var(--font-display);letter-spacing:-.035em}.section-lead{max-width:690px;margin-top:11px;color:var(--muted);font-size:16px}.tool-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:34px}.tool-panel{min-width:0;padding:25px;border:1px solid var(--line2);border-radius:20px;background:var(--card);box-shadow:0 16px 45px rgba(18,38,58,.06)}.panel-head{display:flex;gap:13px;align-items:center;margin-bottom:22px}.panel-head>span{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--soft);color:var(--acc);font-weight:800}.panel-head h3{font:800 20px var(--font-display)}.panel-head p{font-size:13px;color:var(--muted)}.presets{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}.presets button,.copy-button,.text-button{border:1px solid var(--line2);background:var(--paper);color:var(--ink);cursor:pointer;font-weight:700}.presets button{padding:7px 10px;border-radius:999px;font-size:11px}.presets button:hover{border-color:var(--acc);color:var(--acc)}.field-grid{display:grid;grid-template-columns:1fr;gap:13px}.field-grid label>span,.preset-title{display:block;margin-bottom:6px;color:var(--muted);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.field-grid input,.field-grid select{width:100%;height:47px;padding:0 12px;border:1.5px solid var(--line2);border-radius:9px;background:#fbfcfc;color:var(--ink);outline:none}.field-grid input:focus,.field-grid select:focus{border-color:var(--acc);box-shadow:0 0 0 4px var(--soft)}.input-suffix{display:flex}.input-suffix input{border-radius:9px 0 0 9px}.input-suffix b{display:grid;place-items:center;min-width:44px;border:1.5px solid var(--line2);border-left:0;border-radius:0 9px 9px 0;background:var(--paper);font-size:11px;color:var(--muted)}.text-button{margin-top:10px;padding:7px 0;border:0;background:none;color:var(--acc);font-size:12px}.spacing-fields{margin-top:20px}.field-help{margin-top:10px;color:var(--muted);font-size:12px}.tool-error{margin-top:13px;padding:10px 12px;border-radius:8px;background:#fff0f0;color:var(--danger);font-size:13px;font-weight:600}.result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.result-kicker{display:block;color:var(--acc);font-weight:800;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.result-top strong{display:block;margin-top:5px;font:800 clamp(25px,4vw,36px) var(--font-display);letter-spacing:-.03em}.result-top small{display:block;color:var(--muted);font-size:12px}.copy-button{padding:9px 12px;border-radius:8px;font-size:11px}.copy-button:hover{background:var(--ink);color:#fff}.size-diagram{max-width:430px;margin:25px auto}.bleed-zone{padding:22px;background:repeating-linear-gradient(135deg,var(--acc),var(--acc) 7px,var(--acc2) 7px,var(--acc2) 14px);color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.trim-zone{margin-top:5px;padding:25px;background:#fff;color:var(--ink);border:2px solid var(--ink)}.safe-zone{height:90px;display:grid;place-items:center;border:2px dashed var(--acc);background:var(--soft);color:var(--acc)}.result-cards,.axis-results,.max-grid{display:grid;grid-template-columns:1fr;gap:8px}.result-cards>div,.axis-results>div,.max-grid>div{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.result-cards span,.axis-results span,.max-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.result-cards b,.axis-results b,.max-grid b{font:800 15px var(--font-display)}.formula{margin-top:13px;padding:11px;border-radius:8px;background:var(--ink);color:#fff;text-align:center;font:700 12px var(--font-body)}.production-note{display:flex;gap:13px;margin-top:18px;padding:18px 20px;border-left:4px solid var(--acc);border-radius:0 12px 12px 0;background:var(--soft)}.production-note b{white-space:nowrap}.production-note p{color:var(--muted);font-size:13px}
.file-drop{display:block;margin-bottom:20px;padding:19px;border:1.5px dashed var(--acc);border-radius:12px;background:var(--soft);cursor:pointer;text-align:center}.file-drop input{position:absolute;left:-9999px}.file-drop b,.file-drop span{display:block}.file-drop b{color:var(--acc)}.file-drop span{margin-top:3px;color:var(--muted);font-size:11px}.preset-title{margin-top:20px}.dpi-grade{padding:22px;border-radius:14px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff}.dpi-grade span,.dpi-grade b{display:block}.dpi-grade span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.78}.dpi-grade strong{display:block;margin:5px 0;font:800 39px/1 var(--font-display)}.dpi-grade b{font-size:13px}.dpi-grade.good{background:linear-gradient(135deg,#337d58,#55a66f)}.dpi-grade.borderline{background:linear-gradient(135deg,#a36b18,#d39a32)}.dpi-grade.low{background:linear-gradient(135deg,#9c3636,#d05858)}.axis-results{grid-template-columns:repeat(2,1fr);margin-top:10px}.aspect-alert{margin-top:12px;padding:12px 14px;border-radius:9px;background:#fff3dd;color:#80591a}.aspect-alert b,.aspect-alert span{display:block}.aspect-alert span{font-size:12px}.max-title{margin:22px 0 10px;font:800 16px var(--font-display)}.max-grid small{display:block;color:var(--muted);font-size:10px}.full-copy{width:100%;margin-top:13px}.guide{padding:68px 0;background:var(--paper2)}.guide-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:31px}.guide-grid article{padding:22px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72)}.guide-grid article>span{color:var(--acc);font-weight:800;font-size:11px}.guide-grid h3{margin:7px 0;font:800 17px var(--font-display)}.guide-grid p{color:var(--muted);font-size:13.5px}.faq{padding:68px 0}.faq details{border-bottom:1px solid var(--line2)}.faq details:first-of-type{margin-top:28px;border-top:1px solid var(--line2)}.faq summary{padding:18px 2px;cursor:pointer;list-style:none;font:800 16px var(--font-display)}.faq summary::after{content:"+";float:right;color:var(--acc)}.faq details[open] summary::after{content:"×"}.faq details p{max-width:780px;padding:0 2px 19px;color:var(--muted);font-size:14px}.related{padding:65px 0;background:var(--paper2)}.related-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:27px}.related-grid a{display:flex;justify-content:space-between;padding:17px 18px;border:1px solid var(--line2);border-radius:12px;background:#fff;font-weight:800}.related-grid a span{color:var(--acc)}.related-grid a:hover{background:var(--ink);color:#fff}.cta{padding:45px 0;background:linear-gradient(135deg,var(--ink),var(--ink2));color:#fff}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cta h2{font:800 27px var(--font-display)}.cta p{color:rgba(255,255,255,.65)}.cta .btn{background:var(--wa);color:#04130c}.foot{background:#0d1c2a;color:rgba(255,255,255,.65)}.foot>.wrap{padding-block:50px 0}.foot-grid{display:grid;grid-template-columns:1fr;gap:24px}.foot .brand{color:#fff}.foot h4{margin-bottom:10px;color:var(--acc2);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.foot a,.foot span{display:block;padding:4px 0;font-size:13px}.foot p{max-width:270px;margin-top:10px;font-size:13px}.foot-bar{margin-top:38px;padding:17px 0;border-top:1px solid rgba(255,255,255,.12);font-size:12px}.wa-float{position:fixed;z-index:70;right:18px;bottom:18px;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:var(--wa);box-shadow:0 12px 30px rgba(37,211,102,.4)}.wa-float svg{width:26px;fill:#fff}.toast{position:fixed;z-index:90;left:50%;bottom:24px;transform:translateX(-50%);padding:10px 15px;border-radius:8px;background:var(--ink);color:#fff;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
@media(min-width:620px){.field-grid.two{grid-template-columns:repeat(2,1fr)}.field-grid.three{grid-template-columns:1fr 1fr .75fr}.result-cards,.max-grid{grid-template-columns:repeat(3,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
@media(min-width:760px){.nav-cta{display:inline-flex}}
@media(min-width:920px){.nav-links{display:flex}.burger{display:none}.hero .wrap{grid-template-columns:1.03fr .97fr;padding-block:65px}.tool-grid{grid-template-columns:.88fr 1.12fr}.tool-panel{padding:30px}.guide-grid{grid-template-columns:repeat(3,1fr)}.related-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:440px){.hero-actions .btn{width:100%}.bleed-hero,.dpi-hero{min-height:280px}.tool-panel{padding:20px}.result-top{display:block}.copy-button{margin-top:10px}.production-note{display:block}.production-note p{margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Perfect-bound spine calculator. */
.spine-hero{position:relative;min-height:340px;display:grid;place-items:center;perspective:1100px}.book-back,.book-front,.book-spine{position:absolute;height:255px;box-shadow:0 28px 60px rgba(18,38,58,.22)}.book-back{width:205px;background:#dce9eb;transform:translateX(-88px) rotateY(24deg) rotate(-3deg);border-radius:7px 0 0 7px}.book-front{z-index:2;width:205px;padding:31px 28px;background:linear-gradient(145deg,var(--ink),#24526c);color:#fff;transform:translateX(91px) rotateY(-13deg) rotate(3deg);border-radius:0 7px 7px 0}.book-front small{font:700 7px var(--font-body);letter-spacing:.16em;color:rgba(255,255,255,.55)}.book-front strong{display:block;margin-top:25px;font:800 27px/1.03 var(--font-display)}.book-front i{position:absolute;bottom:25px;left:28px;color:var(--acc2);font:800 12px var(--font-display);font-style:normal}.book-spine{z-index:3;width:38px;display:flex;align-items:center;justify-content:center;background:var(--acc);color:#fff;transform:rotate(1deg)}.book-spine b{writing-mode:vertical-rl;transform:rotate(180deg);font:800 8px var(--font-display);letter-spacing:.1em}.book-spine span{position:absolute;top:-29px;left:50%;transform:translateX(-50%);padding:5px 7px;border-radius:5px;background:#fff;color:var(--ink);font:800 8px var(--font-body);white-space:nowrap}.spine-measure{position:absolute;bottom:14px;padding:7px 10px;border-radius:7px;background:#fff;box-shadow:0 8px 20px rgba(18,38,58,.13);font:800 9px var(--font-body);letter-spacing:.09em}.single-field{display:block;margin-top:14px}.single-field>span,.subhead{display:block;margin-bottom:6px;color:var(--muted);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.single-field .input-suffix{max-width:230px}.single-field input{width:100%;height:47px;padding:0 12px;border:1.5px solid var(--line2);border-radius:9px 0 0 9px;background:#fbfcfc;outline:none}.single-field input:focus{border-color:var(--acc);box-shadow:0 0 0 4px var(--soft)}.subhead{margin-top:25px;color:var(--ink);font-size:12px}.adjustment{margin-top:18px}.cover-diagram{display:grid;grid-template-columns:1fr minmax(45px,.16fr) 1fr;min-height:190px;margin:25px 0;border:10px solid var(--soft);box-shadow:0 15px 35px rgba(18,38,58,.08)}.cover-panel{display:grid;place-items:center;align-content:center;gap:6px;background:#f8fbfb;border:1px solid var(--line2)}.cover-panel span{font:800 9px var(--font-body);letter-spacing:.15em;color:var(--muted)}.cover-panel b{font:800 13px var(--font-display)}.cover-panel.spine{background:var(--acc);color:#fff}.cover-panel.spine span{color:rgba(255,255,255,.7);writing-mode:vertical-rl}.cover-panel.spine b{font-size:10px;writing-mode:vertical-rl}.result-caution{margin-top:12px;color:var(--muted);font-size:11.5px}

/* Educational guide layout and paper GSM visuals. */
.guide-main{padding:68px 0}.guide-intro{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}.guide-intro h2,.paper-chooser h2{font:800 clamp(27px,4vw,41px)/1.08 var(--font-display);letter-spacing:-.035em}.guide-intro p{margin-bottom:13px;color:var(--muted);font-size:15.5px}.guide-intro strong{color:var(--ink)}.gsm-table-wrap{margin-top:38px;overflow:auto;border:1px solid var(--line2);border-radius:16px;background:#fff;box-shadow:0 16px 45px rgba(18,38,58,.06)}.gsm-table{width:100%;min-width:800px;border-collapse:collapse;text-align:left}.gsm-table th,.gsm-table td{padding:16px 17px;border-bottom:1px solid var(--line);vertical-align:top;font-size:13px}.gsm-table thead th{background:var(--ink);color:#fff;font:800 11px var(--font-body);letter-spacing:.08em;text-transform:uppercase}.gsm-table tbody th{color:var(--acc);font:800 15px var(--font-display);white-space:nowrap}.gsm-table tbody tr:last-child th,.gsm-table tbody tr:last-child td{border-bottom:0}.gsm-table tbody tr:hover{background:var(--soft)}.paper-chooser{margin-top:55px}.chooser-grid{display:grid;grid-template-columns:1fr;gap:11px;margin-top:27px}.chooser-grid article{padding:22px;border:1px solid var(--line2);border-radius:14px;background:#fff}.chooser-grid span{color:var(--acc);font-size:9px;font-weight:800;letter-spacing:.14em}.chooser-grid h3{margin:5px 0;font:800 18px var(--font-display)}.chooser-grid b{display:block;color:var(--ink2);font:800 23px var(--font-display)}.chooser-grid p{margin-top:7px;color:var(--muted);font-size:13px}.chooser-note{margin-top:13px;padding:14px 16px;border-left:4px solid var(--acc);background:var(--soft);color:var(--muted);font-size:13px}.gsm-hero{position:relative;min-height:340px;display:grid;place-items:center}.paper-stack{position:relative;width:min(82%,360px);height:265px;perspective:1000px}.paper-sheet{position:absolute;left:50%;width:250px;height:150px;padding:22px;border:1px solid var(--line2);border-radius:7px;background:#fff;box-shadow:0 18px 42px rgba(18,38,58,.15);transform-origin:center bottom}.paper-sheet span{font:800 31px var(--font-display)}.paper-sheet small{display:block;color:var(--muted);font:800 9px var(--font-body);letter-spacing:.13em}.p80{top:0;transform:translateX(-62%) rotate(-9deg);background:#fff}.p150{top:28px;transform:translateX(-52%) rotate(-3deg);background:#edf7f6}.p300{top:58px;transform:translateX(-42%) rotate(4deg);background:#d5efed}.p400{top:90px;transform:translateX(-32%) rotate(10deg);background:linear-gradient(145deg,var(--ink),#24526c);color:#fff}.p400 small{color:rgba(255,255,255,.6)}.gsm-caption{position:absolute;bottom:9px;padding:8px 11px;border-radius:7px;background:#fff;box-shadow:0 9px 24px rgba(18,38,58,.13);font:800 9px var(--font-body);letter-spacing:.12em}
@media(min-width:760px){.guide-intro{grid-template-columns:.9fr 1.1fr}.chooser-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:920px){.chooser-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:440px){.spine-hero,.gsm-hero{min-height:290px}.book-back,.book-front,.book-spine{height:215px}.book-back,.book-front{width:170px}.book-back{transform:translateX(-72px) rotateY(24deg) rotate(-3deg)}.book-front{transform:translateX(75px) rotateY(-13deg) rotate(3deg);padding:24px 20px}.book-front strong{font-size:22px}.cover-diagram{min-height:145px}.paper-sheet{width:210px;height:126px}.gsm-table th,.gsm-table td{padding:13px}}

/* CMYK vs RGB guide. */
.colour-hero{position:relative;min-height:340px;display:grid;place-items:center;perspective:1100px}.rgb-screen,.cmyk-sheet{position:absolute;width:225px;height:235px;padding:24px;border-radius:10px;box-shadow:0 26px 58px rgba(18,38,58,.2)}.rgb-screen{left:11%;top:15%;overflow:hidden;background:#101827;color:#fff;transform:rotate(-7deg)}.rgb-screen span,.cmyk-sheet span{font:800 27px var(--font-display);letter-spacing:-.04em}.rgb-screen small,.cmyk-sheet small{position:absolute;left:24px;bottom:20px;font:800 8px var(--font-body);letter-spacing:.16em;opacity:.65}.rgb-screen i{position:absolute;width:105px;height:105px;border-radius:50%;mix-blend-mode:screen;opacity:.8}.rgb-screen .r{left:28px;top:72px;background:#f22}.rgb-screen .g{left:88px;top:72px;background:#1fd45b}.rgb-screen .b{left:58px;top:122px;background:#1688ff}.cmyk-sheet{z-index:2;right:9%;top:22%;background:#fff;transform:rotate(6deg);color:var(--ink)}.cmyk-sheet i{position:absolute;width:82px;height:82px;border-radius:50%;mix-blend-mode:multiply;opacity:.78}.cmyk-sheet .c{left:26px;top:76px;background:#00b7d4}.cmyk-sheet .m{right:26px;top:76px;background:#df1971}.cmyk-sheet .y{left:51px;top:127px;background:#f6d321}.cmyk-sheet .k{right:51px;top:127px;background:#28313a}.colour-bridge{position:absolute;z-index:4;bottom:18px;padding:8px 11px;border-radius:7px;background:#fff;box-shadow:0 9px 24px rgba(18,38,58,.13);font:800 9px var(--font-body);letter-spacing:.12em}.colour-workflow,.binding-chooser{margin-top:55px}.colour-workflow h2,.binding-chooser h2{font:800 clamp(27px,4vw,41px)/1.08 var(--font-display);letter-spacing:-.035em}.workflow-steps{display:grid;grid-template-columns:1fr;gap:11px;margin-top:27px}.workflow-steps article{padding:22px;border:1px solid var(--line2);border-radius:14px;background:#fff}.workflow-steps b{color:var(--acc);font:800 11px var(--font-display)}.workflow-steps h3{margin:7px 0;font:800 17px var(--font-display)}.workflow-steps p{color:var(--muted);font-size:13px}.colour-warning,.binding-callout{display:flex;gap:12px;margin-top:14px;padding:16px 18px;border-left:4px solid var(--acc);background:var(--soft);color:var(--muted);font-size:13px}.colour-warning b,.binding-callout b{color:var(--ink);white-space:nowrap}

/* Binding guide. */
.binding-hero{position:relative;min-height:340px;display:grid;place-items:center;perspective:1200px}.bind-book{position:absolute;width:185px;height:235px;padding:22px;border-radius:7px;box-shadow:0 25px 55px rgba(18,38,58,.2);font:800 11px var(--font-display);letter-spacing:.1em}.bind-book.saddle{left:7%;top:18%;background:#e4f0f1;transform:rotate(-10deg)}.bind-book.saddle::after{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed var(--acc)}.bind-book.saddle i{display:block;width:75%;height:7px;margin-top:24px;border-radius:5px;background:#bededf}.bind-book.saddle i+i{width:55%;margin-top:9px}.bind-book.perfect{z-index:2;left:34%;top:10%;background:linear-gradient(145deg,var(--ink),#24526c);color:#fff;transform:rotate(-1deg)}.bind-book.perfect b{position:absolute;left:-22px;top:91px;writing-mode:vertical-rl;color:var(--acc2);font-size:8px}.bind-book.wire{z-index:3;right:5%;top:22%;background:#fff;transform:rotate(9deg)}.wire-loops{position:absolute;left:-16px;top:19px;writing-mode:vertical-rl;color:var(--ink);font:800 18px/1 var(--font-body);letter-spacing:-.22em}.binding-caption{position:absolute;z-index:5;bottom:16px;padding:8px 11px;border-radius:7px;background:#fff;box-shadow:0 9px 24px rgba(18,38,58,.13);font:800 9px var(--font-body);letter-spacing:.12em}.binding-choice-grid article b{font-size:19px}
@media(min-width:760px){.workflow-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.colour-hero,.binding-hero{min-height:290px}.rgb-screen,.cmyk-sheet{width:175px;height:190px;padding:18px}.rgb-screen{left:3%}.cmyk-sheet{right:3%}.rgb-screen i{width:78px;height:78px}.rgb-screen .g{left:71px}.rgb-screen .b{left:48px;top:111px}.cmyk-sheet i{width:62px;height:62px}.cmyk-sheet .y{top:112px}.cmyk-sheet .k{top:112px}.bind-book{width:145px;height:195px;padding:17px}.bind-book.saddle{left:1%}.bind-book.perfect{left:30%}.bind-book.wire{right:1%}.colour-warning,.binding-callout{display:block}.colour-warning span,.binding-callout span{display:block;margin-top:5px}}

/* Print-ready PDF checklist. */
.pdf-hero{position:relative;min-height:340px;display:grid;place-items:center;perspective:1000px}.pdf-sheet{position:absolute;left:15%;top:10%;width:230px;height:285px;padding:27px;border-radius:7px;background:#fff;box-shadow:0 28px 60px rgba(18,38,58,.2);transform:rotate(-6deg)}.pdf-sheet::before{content:"";position:absolute;inset:14px;border:1px dashed var(--acc)}.pdf-sheet>span{position:relative;color:var(--acc);font:800 38px var(--font-display)}.pdf-sheet>b{position:relative;display:block;font:800 11px var(--font-display);letter-spacing:.15em}.pdf-line{position:relative;display:block;width:75%;height:7px;margin-top:19px;border-radius:5px;background:var(--paper2)}.pdf-line.l2{width:57%;margin-top:9px}.pdf-line.l3{width:67%;margin-top:9px}.pdf-tick{position:absolute;right:27px;bottom:28px;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--acc);color:#fff;font:800 30px var(--font-display)}.preflight-card{position:absolute;z-index:2;right:7%;top:27%;width:190px;padding:25px 21px;border-radius:10px;background:linear-gradient(145deg,var(--ink),#24526c);color:#fff;box-shadow:0 25px 55px rgba(18,38,58,.25);transform:rotate(7deg)}.preflight-card span,.preflight-card small{display:block;font:800 8px var(--font-body);letter-spacing:.15em;color:rgba(255,255,255,.62)}.preflight-card b{display:block;margin:14px 0;font:800 33px var(--font-display);color:var(--acc2)}.pdf-checklist,.sticker-selector{margin-top:55px}.checklist-head{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}.checklist-head h2,.sticker-selector h2{font:800 clamp(27px,4vw,41px)/1.08 var(--font-display);letter-spacing:-.035em}.checklist-head p{max-width:690px;margin-top:10px;color:var(--muted)}.checklist-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:27px}.checklist-grid label{display:flex;gap:13px;padding:17px;border:1px solid var(--line2);border-radius:12px;background:#fff}.checklist-grid i{flex:0 0 19px;width:19px;height:19px;margin-top:2px;border:2px solid var(--acc);border-radius:4px}.checklist-grid b{display:block;font:800 14px var(--font-display)}.checklist-grid span{color:var(--muted);font-size:12.5px}.checklist-note,.sticker-callout{display:flex;gap:12px;margin-top:14px;padding:16px 18px;border-left:4px solid var(--acc);background:var(--soft);color:var(--muted);font-size:13px}.checklist-note b,.sticker-callout b{color:var(--ink);white-space:nowrap}

/* Sticker material guide. */
.sticker-hero{position:relative;min-height:340px;display:grid;place-items:center}.sticker-roll{position:absolute;left:8%;top:18%;width:260px;height:185px;padding:20px;border-radius:50%;background:#fff;box-shadow:0 27px 60px rgba(18,38,58,.19);transform:rotate(-8deg)}.sticker-roll::after{content:"";position:absolute;inset:43px;border-radius:50%;background:var(--paper2);box-shadow:inset 0 0 0 15px #d3e3e6}.sticker-roll i{position:relative;z-index:2;display:inline-block;width:48px;height:48px;margin:4px;border-radius:50%;background:var(--soft);border:2px dashed var(--acc)}.sticker-sample{position:absolute;z-index:3;display:grid;place-items:center;width:118px;height:118px;border-radius:50%;box-shadow:0 18px 38px rgba(18,38,58,.18);font:800 10px var(--font-display);letter-spacing:.12em}.sticker-sample.paper{right:20%;top:8%;background:#d1aa74;color:#3d2c1b;transform:rotate(8deg)}.sticker-sample.clear{right:4%;top:36%;border:2px solid rgba(255,255,255,.9);background:rgba(255,255,255,.45);backdrop-filter:blur(4px);transform:rotate(-5deg)}.sticker-sample.vinyl{right:23%;bottom:3%;background:linear-gradient(145deg,var(--acc),var(--acc2));color:#fff;transform:rotate(6deg)}.sticker-caption{position:absolute;z-index:4;left:34%;bottom:14px;padding:8px 11px;border-radius:7px;background:#fff;box-shadow:0 9px 24px rgba(18,38,58,.13);font:800 9px var(--font-body);letter-spacing:.12em}.sticker-use-grid{display:grid;grid-template-columns:1fr;gap:11px;margin-top:27px}.sticker-use-grid article{padding:22px;border:1px solid var(--line2);border-radius:14px;background:#fff}.sticker-use-grid span{color:var(--acc);font-size:9px;font-weight:800;letter-spacing:.14em}.sticker-use-grid h3{margin:6px 0;font:800 18px var(--font-display)}.sticker-use-grid p{color:var(--muted);font-size:13px}
@media(min-width:760px){.checklist-grid,.sticker-use-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.pdf-hero,.sticker-hero{min-height:290px}.pdf-sheet{left:4%;width:185px;height:235px;padding:22px}.preflight-card{right:2%;width:145px;padding:20px 16px}.sticker-roll{left:-4%;width:220px;height:155px}.sticker-sample{width:92px;height:92px}.sticker-sample.paper{right:18%}.sticker-sample.clear{right:0}.sticker-sample.vinyl{right:21%}.checklist-note,.sticker-callout{display:block}.checklist-note span,.sticker-callout span{display:block;margin-top:5px}}
@media print{.topbar,.nav,.mobile,.hero,.crumb,.guide,.faq,.related,.cta,.foot,.wa-float,.print-checklist{display:none!important}.guide-main{padding:0}.guide-main>.wrap{max-width:none;padding:0}.guide-intro,.gsm-table-wrap{display:none}.pdf-checklist{margin:0}.checklist-head{display:block}.checklist-head h2{font-size:24px}.checklist-head p{font-size:12px}.checklist-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:15px}.checklist-grid label{break-inside:avoid;padding:10px}.checklist-note{margin-top:9px;padding:10px}.pdf-checklist-page{background:#fff}}