:root{--ink:#153c35;--muted:#63716b;--line:#dce3dc;--cream:#f6f6f0;--green:#dbe8ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ddab2e;outline-offset:4px}button{color:inherit}button:disabled{opacity:.4;cursor:default}.skip{position:absolute;top:-80px;z-index:10;background:#fff;padding:14px}.skip:focus{top:0}.preview{background:var(--ink);color:white;text-align:center;padding:9px 20px;font-size:10px;letter-spacing:1.4px}.preview span{letter-spacing:.3px;opacity:.8;margin-left:18px}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand b{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:6px}.logo{display:flex;gap:3px;align-items:flex-end}.logo i{display:block;width:9px;height:30px;background:#18a9bf;transform:skewY(-20deg)}.logo i:nth-child(2){background:#df457d;height:38px}.logo i:nth-child(3){background:#e9bb36;height:25px}nav{display:flex;gap:28px;font-size:12px}nav a:hover{text-decoration:underline}.cart-button{background:var(--cream);padding:12px 16px;border:1px solid var(--line);border-radius:5px;font-size:13px}.cart-button span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:var(--ink);color:white;margin-left:10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;background:var(--cream);min-height:510px}.hero-copy{padding:65px 8% 34px 9%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 22px}h1{font-size:clamp(45px,5.4vw,76px);line-height:1.04;letter-spacing:-4px;margin:0 0 24px;font-weight:500}h1 em{font-family:Georgia,serif;font-weight:normal}.lead{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--ink);padding:16px 22px;border-radius:4px;font-size:12px;font-weight:700;min-height:48px;background:transparent}.button:hover{background:#e8eee3}.button.primary{background:var(--ink);color:white}.button.primary:hover{background:#235b4e}.hero-facts{display:flex;gap:24px;font-size:10px;margin-top:40px}.hero-facts span:before{content:'•';color:#88a778;margin-right:8px}.hero-art{position:relative;overflow:hidden;min-height:470px;background:#dce7ce;background-image:linear-gradient(135deg,transparent 40%,#e6eddc 40%,#e6eddc 60%,transparent 60%)}.art-top,.art-bottom{position:absolute;left:28px;font-size:9px;letter-spacing:1.8px;z-index:3}.art-top{top:28px}.art-bottom{bottom:20px;font-size:7px}.paper{position:absolute;width:205px;height:260px;background:#fafbf7;left:36%;top:66px;transform:rotate(-8deg);box-shadow:10px 18px 30px #35543b16;padding:26px}.paper-logo{font-size:32px;font-weight:900}.paper-logo span{display:block;font-size:5px;letter-spacing:2px;margin-top:4px}.paper-bars{display:flex;margin-top:22px}.paper-bars i{height:60px;width:50px;background:#19adc0}.paper-bars i:nth-child(2){background:#db4a83}.paper-bars i:nth-child(3){background:#edbf37}.paper-lines{height:24px;margin-top:18px;background:repeating-linear-gradient(#b5beb3 0 1px,transparent 1px 7px)}.printer{position:absolute;width:70%;height:180px;left:12%;top:245px;transform:rotate(-8deg);filter:drop-shadow(15px 26px 17px #30482f30)}.printer-top{height:40px;background:#3e4c48;clip-path:polygon(10% 0,92% 0,100% 100%,0 100%)}.printer-face{height:130px;background:linear-gradient(120deg,#f7f8f2,#bcc8bc);border-radius:4px 4px 18px 18px;padding:27px}.printer-face b{font-size:10px;letter-spacing:1px}.printer-light{float:right;width:15px;height:6px;background:#298c7b;border-radius:3px}.printer-slot{height:35px;background:#253b34;border:6px solid #9eafa1;border-radius:4px;margin-top:16px}.round-label{position:absolute;bottom:64px;right:22px;background:#f7d95f;width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;line-height:1.8;transform:rotate(12deg)}.categories{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 5%;gap:28px;border-bottom:1px solid var(--line)}.categories>a{display:flex;align-items:center;gap:15px}.categories>a>span:last-child{margin-left:auto}.categories h2{font-size:14px;margin:0 0 7px}.categories p{font-size:11px;color:var(--muted);margin:0}.category-icon{display:grid;place-items:center;min-width:45px;height:48px;border-radius:8px;font-size:26px}.cyan{background:#e2f2f1}.pink{background:#fae7ed}.yellow{background:#faf1d8}.catalogue{padding:70px 5%}.section-title{display:flex;justify-content:space-between;align-items:end;gap:28px}.section-title h2,.how h2{font-size:36px;line-height:1.15;letter-spacing:-1.3px;font-weight:500;margin:0}.section-title>p{font-size:12px;line-height:1.9;color:var(--muted)}.filters{display:flex;justify-content:space-between;gap:25px;margin:35px 0 16px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs button{padding:12px 17px;border:1px solid var(--line);background:white;border-radius:30px;font-size:11px}.tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.search{border:1px solid var(--line);display:flex;align-items:center;border-radius:5px;padding:0 15px;gap:9px;min-height:42px}.search span{font-size:25px}.search input{border:0;background:transparent;font-size:12px;min-width:0;width:210px;color:var(--ink);outline-offset:0}.result-count{font-size:10px;color:var(--muted);margin:18px 0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{border:1px solid var(--line);border-radius:7px;overflow:hidden}.product-visual{height:210px;background:#f5f6f2;position:relative;display:flex;align-items:center;justify-content:center}.product-visual img{width:85%;height:165px;object-fit:contain;mix-blend-mode:multiply}.tag{position:absolute;top:14px;left:14px;font-size:8px;letter-spacing:.6px;background:white;border:1px solid #e4e8de;border-radius:3px;padding:6px 9px}.visual-caption{position:absolute;bottom:10px;font-size:7px;letter-spacing:.6px;color:#738074}.product-body{padding:22px}.product h3{margin:0 0 8px;font-size:19px;font-weight:500}.product p{font-size:11px;color:var(--muted);line-height:1.7;min-height:37px;margin-bottom:19px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-size:12px;font-weight:700}.price small{display:block;font-weight:400;font-size:9px;margin-top:6px;color:var(--muted)}.add{width:42px;height:42px;border:1px solid var(--ink);background:white;border-radius:50%;font-size:22px}.add:hover{color:white;background:var(--ink)}.device-icon{font-size:78px;line-height:1;color:#7f9c8e}.service-icon{font-size:110px;color:#7f9c8e}.empty{padding:40px;text-align:center;background:var(--cream)}[hidden]{display:none!important}.help{margin-top:32px;background:var(--cream);padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:6px}.help h3{font-size:17px;margin:0 0 10px}.help p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.help .button{flex-shrink:0}.how{padding:65px 5%;background:#f6f7f2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.steps article{border-top:1px solid #cdd8cb;padding-top:23px}.steps span{font-size:12px;color:#6b8870}.steps h3{font-size:16px;font-weight:500;margin:20px 0 12px}.steps p{font-size:12px;line-height:1.8;color:var(--muted);max-width:280px}.contact{margin:0;padding:65px 5%;display:grid;grid-template-columns:1.2fr 1fr;background:var(--ink);color:white;gap:30px}.contact h2{font-size:41px;font-weight:400;letter-spacing:-1.5px;line-height:1.15;margin:0 0 25px}.phone{font-size:20px}.address{border-left:1px solid #416257;padding:10px 0 10px 55px}.address>span{font-size:9px;letter-spacing:2px}.address p{font-size:17px;line-height:1.8;margin:20px 0}.address a{font-size:12px;text-decoration:underline;text-underline-offset:6px}footer{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:15px;gap:4px;letter-spacing:-.5px}footer p,footer>span{font-size:9px;line-height:1.7;color:var(--muted)}dialog{border:0;border-radius:10px;padding:28px;width:500px;max-width:calc(100% - 20px);max-height:90dvh;color:var(--ink);box-shadow:0 25px 80px #0004}dialog::backdrop{background:#0f271cc0}.cart-head{display:flex;justify-content:space-between;align-items:start}.cart-head .eyebrow{margin-bottom:9px}.cart-head h2{margin:0;font-size:30px;font-weight:500}.close{border:0;background:var(--cream);width:40px;height:40px;border-radius:50%;font-size:24px}.cart-row{padding:20px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.cart-row h3{font-size:14px;margin:0 0 7px}.cart-row small{font-size:10px;color:var(--muted)}.qty{display:flex;align-items:center;gap:11px;margin-top:12px}.qty button{border:1px solid var(--line);background:#fff;border-radius:4px;width:32px;height:32px}.remove{border:0;background:none;align-self:start;font-size:11px;text-decoration:underline}.cart-empty{padding:30px 0;line-height:1.7;font-size:14px}#cart-form{padding-top:22px}#cart-form label{font-size:11px;display:block;margin-bottom:9px}#cart-form label span{color:var(--muted)}textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:5px;padding:12px;font-size:12px;color:var(--ink)}.total{display:flex;justify-content:space-between;margin-top:22px;font-size:14px}.fine{font-size:10px;line-height:1.7;color:var(--muted)}details{font-size:11px;margin:20px 0}summary{cursor:pointer}pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:11px;line-height:1.7;background:var(--cream);padding:12px}#checkout{width:100%}.clear,.continue{border:0;background:none;font-size:11px;padding:10px;text-decoration:underline}.continue{display:block;margin:12px auto 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;border-radius:5px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:9;max-width:90%;text-align:center}#toast.show{opacity:1}@media(min-width:1500px){body{max-width:1600px;margin:auto;border-inline:1px solid var(--line)}}@media(max-width:900px){nav{gap:15px;font-size:10px}.brand{font-size:20px}.hero-copy{padding-top:48px}h1{letter-spacing:-2px}.hero-facts{gap:12px}.hero-art{min-height:460px}.paper{left:25%;width:185px}.round-label{right:12px;width:95px;height:95px}.categories{gap:18px}.categories h2{font-size:12px}.categories p{font-size:10px}.section-title>p{max-width:300px}.products{gap:15px}.product-body{padding:17px}.filters{gap:12px}.tabs button{padding:12px}.search input{width:170px}}@media(max-width:640px){html{scroll-padding-top:15px}.preview{font-size:8px;padding:8px}.preview span{margin-left:8px;font-size:8px}header{padding:19px 5%;flex-wrap:wrap;gap:18px}.brand{font-size:20px}.brand small{font-size:6px;letter-spacing:1.4px}.logo i{width:7px}nav{order:3;width:100%;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);padding-top:14px}.cart-button{padding:9px 11px;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 30px}.eyebrow{font-size:8px;margin-bottom:20px}h1{font-size:54px;letter-spacing:-2.6px}.lead{font-size:13px}.hero-facts{margin-top:25px;gap:23px}.hero-art{min-height:325px}.paper{width:170px;height:225px;left:40%;top:30px;padding:20px}.paper-bars i{height:45px}.printer{top:172px;height:130px;width:62%;left:15%}.printer-top{height:26px}.printer-face{height:95px;padding:18px}.printer-slot{height:26px;margin-top:11px}.printer-face b{font-size:7px}.round-label{width:86px;height:86px;font-size:8px;bottom:25px;right:16px}.art-top{font-size:6px;left:18px;top:18px}.art-bottom{font-size:5px;left:18px;bottom:10px}.categories{grid-template-columns:1fr;padding:12px 5%;gap:0}.categories>a{padding:16px 0;border-bottom:1px solid var(--line)}.categories>a:last-child{border:0}.categories h2{font-size:14px}.categories p{font-size:11px}.category-icon{min-width:42px;height:42px}.catalogue{padding:44px 5%}.section-title{display:block}.section-title h2,.how h2{font-size:30px}.section-title>p{max-width:none;font-size:11px;margin-top:20px}.filters{display:block;margin-top:25px}.tabs{gap:6px}.tabs button{font-size:10px;padding:11px 12px}.search{margin-top:15px;width:100%}.search input{width:100%}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-visual{height:145px}.product-visual img{height:110px;width:95%;margin-top:10px}.tag{font-size:6px;padding:5px;top:9px;left:9px}.visual-caption{font-size:5px}.product-body{padding:14px 12px}.product h3{font-size:16px}.product p{font-size:10px;min-height:50px;margin:8px 0 15px}.price{font-size:10px}.price small{font-size:8px}.add{width:34px;height:34px;font-size:20px;flex-shrink:0}.product-bottom{gap:4px}.device-icon{font-size:55px}.service-icon{font-size:74px}.help{padding:22px;display:block}.help .button{margin-top:18px;width:100%}.help h3{font-size:16px}.how{padding:42px 5%}.steps{grid-template-columns:1fr;gap:20px;margin-top:28px}.steps article{display:grid;grid-template-columns:30px 1fr;padding-top:20px;column-gap:12px}.steps h3{margin:0}.steps p{grid-column:2;max-width:none;margin-bottom:0}.contact{grid-template-columns:1fr;padding:42px 6%;gap:35px}.contact h2{font-size:35px}.address{border-left:0;border-top:1px solid #416257;padding:25px 0 0}.address p{font-size:15px}footer{flex-wrap:wrap;padding:24px 5%}footer p{order:3;width:100%;margin:0}dialog{padding:22px;max-height:94dvh}.hero-copy .button{width:100%;justify-content:space-between}}

/* Navigation extension: digital services */
header nav{flex-wrap:wrap;line-height:1.5;gap:12px 20px}header .brand{flex-shrink:0}.digital-teaser{margin:0 5% 50px}.digital-teaser .eyebrow{margin-bottom:14px}@media(max-width:1050px){header{flex-wrap:wrap}header nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:14px}header .cart-button{margin-left:auto}}@media(max-width:640px){header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 15px;align-items:center}header nav a:last-child{font-size:10px}.digital-teaser{margin-bottom:35px}}

/* Real product reference photography; no stock representation. */
.photo-hero{display:flex;align-items:center;justify-content:center;padding:48px 30px 105px}
.hero-printer-photo{width:65%;max-width:320px;position:relative}
.hero-printer-photo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.hero-printer-photo>span{display:block;font-size:9px;letter-spacing:2px;margin-top:10px;text-align:center}
.hero-toner-photo{position:absolute;bottom:48px;left:7%;width:57%;background:#fff;border:1px solid #d7e1d1;border-radius:8px;padding:16px 18px;box-shadow:0 12px 25px #153c3510;transform:rotate(-4deg)}
.hero-toner-photo img{width:100%;height:auto;display:block}
.hero-toner-photo>span{display:block;font-size:6px;letter-spacing:1px;margin-top:8px;text-align:center}
.category-photo{width:76px;min-width:76px;height:60px;background:#f5f6f2;border-radius:6px;display:grid;place-items:center;padding:6px}
.category-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.product-visual img{height:155px;max-height:calc(100% - 50px);margin-top:12px}
@media(max-width:640px){.photo-hero{min-height:345px;padding:35px 20px 95px}.hero-printer-photo{width:55%;max-width:210px;margin-left:55px}.hero-toner-photo{bottom:35px;left:6%;width:55%;padding:12px}.category-photo{width:76px;min-width:76px}.product-visual img{height:95px}.visual-caption{letter-spacing:.3px}}
@media(max-width:640px){.hero-copy{padding:26px 6% 24px}.hero-copy h1{font-size:44px;letter-spacing:-2px}.hero-copy .eyebrow{margin-bottom:14px}.hero-copy .lead{margin-bottom:20px}.hero-facts{margin-top:20px}.photo-hero{min-height:310px}.hero-printer-photo{max-width:185px}}
.product-body{display:flex;flex-direction:column}.product-bottom{margin-top:auto}.products>.product:only-child{max-width:440px}@media(max-width:640px){.products>.product:only-child{grid-column:1/-1}.products>.product:only-child .product-visual{height:200px}.products>.product:only-child .product-visual img{height:145px;width:85%}}

@media(min-width:901px){.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.categories h2{font-size:12px}.categories p{font-size:10px}.category-photo{min-width:55px;width:55px}}
