@import"https://fonts.googleapis.com/css2?family=Inter:wght@600;700;800;900&family=Noto+Sans+HK:wght@400;500;700;900&family=Noto+Serif+TC:wght@700;900&display=swap";:root{--ink: #0b0b0a;--paper: #f3f2ed;--white: #ffffff;--muted: #666a62;--line: #d9d7ce;--black: #080808;--green: #12824a;--green-deep: #0b5e36;--green-soft: #e6f2eb;--cyan-soft: #e8f7fa;--yellow-soft: #f8f1cf;--magenta-soft: #f8e6ef;--font-body: "Noto Sans HK", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-display: "Noto Serif TC", "Noto Sans HK", serif;--font-ui: "Inter", "Noto Sans HK", "Microsoft JhengHei", sans-serif;font-family:var(--font-body)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{margin:0;min-width:320px;font-size:16px;line-height:1.65;letter-spacing:0;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}.skip-link{position:absolute;left:16px;top:-48px;z-index:50;background:var(--black);color:var(--white);padding:8px 12px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:#f3f2edf0;border-bottom:1px solid rgba(9,9,9,.08);backdrop-filter:blur(16px)}.nav-shell,.section-inner{width:min(1180px,calc(100% - 32px));margin:0 auto}.nav-shell{display:grid;grid-template-columns:minmax(300px,auto) 1fr auto;align-items:center;gap:18px;min-height:66px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:min(450px,42vw);height:auto;max-height:81px;object-fit:contain;object-position:left center}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--black);color:var(--white);font-family:var(--font-ui);font-weight:900}.brand strong,.brand small{display:block;line-height:1.12}.brand strong{font-size:1rem}.brand small{color:var(--muted);font-size:.8rem;font-weight:700}.nav-links{display:flex;justify-content:center;gap:18px;color:#222;font-family:var(--font-ui);font-size:.9rem;font-weight:800}.nav-links a{padding:8px 0;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a:focus-visible{border-color:var(--green);outline:0}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;font-family:var(--font-ui);font-weight:900;line-height:1.1;white-space:nowrap}.nav-cta{padding:10px 17px;background:var(--black);color:var(--white)}.hero{display:grid;grid-template-columns:minmax(560px,1.16fr) minmax(360px,.84fr);gap:34px;min-height:calc(88vh - 66px);padding:34px max(16px,calc((100vw - 1180px)/2)) 24px;overflow:hidden}.hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:22px 0 30px}.eyebrow{margin-bottom:12px;color:var(--green);font-family:var(--font-ui);font-size:.86rem;font-weight:900}.eyebrow.light{color:#91f0b8}h1,h2{font-family:var(--font-display);font-weight:900}h1{max-width:760px;margin-bottom:18px;font-size:4.15rem;line-height:1.05;letter-spacing:0}h2{margin-bottom:18px;font-size:3.45rem;line-height:1.08;letter-spacing:0}h3{font-weight:900}.hero-lede,.section-lede{max-width:660px;color:#30322e;font-size:1.04rem}.light{color:#ffffffc7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 26px}.button{padding:12px 20px;border:2px solid var(--black)}.button-dark{background:var(--black);color:var(--white)}.button-light{background:transparent;color:var(--black)}.button-white{border-color:var(--white);background:var(--white);color:var(--black)}.button:hover,.button:focus-visible,.nav-cta:hover,.nav-cta:focus-visible{transform:translateY(-1px);outline:3px solid rgba(18,130,74,.18);outline-offset:3px}.hero-points{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.hero-points li{border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:#ffffff9e;color:#252721;font-family:var(--font-ui);font-size:.86rem;font-weight:800}.hero-media{position:relative;display:flex;align-items:center;min-width:0}.hero-media img{width:100%;height:min(66vh,640px);min-height:430px;object-fit:cover;object-position:center;border-radius:8px;border:2px solid var(--black);box-shadow:18px 18px 0 var(--black)}.hero-collage{display:block;min-height:min(62vh,600px);border:2px solid var(--black);border-radius:8px;background:#f8f7f1;box-shadow:18px 18px 0 var(--black);overflow:hidden}.hero-collage img{width:auto;height:auto;min-height:0;border:0;border-radius:0;box-shadow:none}.collage-bg{position:absolute;inset:0;background:linear-gradient(135deg,#fffffff5,#ffffffb3 54%,#e6f2ebe6),radial-gradient(circle at 22% 20%,rgba(18,130,74,.12),transparent 34%)}.hero-product,.hero-mascot{position:absolute;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.16))}.hero-hp-150a{left:8%;top:10%;width:53%;transform:rotate(-2deg)}.hero-hp-ce278{left:24%;top:31%;width:61%;transform:rotate(2deg)}.hero-canon-067{left:5%;bottom:9%;width:31%;transform:rotate(-8deg)}.hero-canon-exv{left:30%;bottom:7%;width:41%;transform:rotate(-4deg)}.hero-hp-ink{right:8%;top:16%;width:20%;transform:rotate(5deg)}.hero-xerox{right:4%;bottom:8%;width:31%;transform:rotate(4deg)}.hero-mascot{left:50%;top:50%;width:min(82%,500px);transform:translate(-50%,-50%);z-index:3}.generated-mascot{border-radius:8px}.mini-card{position:absolute;right:24px;bottom:42px;width:min(220px,44%);border:2px solid var(--black);border-radius:8px;background:var(--white);padding:16px}.mini-card span,.mini-card strong{display:block}.mini-card span{color:var(--muted);font-family:var(--font-ui);font-size:.8rem;font-weight:800}.mini-card strong{font-size:1.25rem;line-height:1.12}.marquee{overflow:hidden;gap:0;border-top:2px solid var(--black);border-bottom:2px solid var(--black);background:#0a1110;color:var(--white);padding:0;font-family:var(--font-ui);font-size:1.14rem;font-weight:900;line-height:1;white-space:nowrap}.eco-tape{position:relative;height:52px;background:linear-gradient(135deg,rgba(255,255,255,.08) 25%,transparent 25% 50%,rgba(255,255,255,.08) 50% 75%,transparent 75%) 0 0 / 38px 38px,#08120f}.eco-pattern{width:200%;height:100%;background:radial-gradient(ellipse 16px 9px at 24px 14px,rgba(144,238,184,.95) 0 58%,transparent 60%),radial-gradient(ellipse 14px 8px at 58px 34px,rgba(255,255,255,.84) 0 56%,transparent 58%),radial-gradient(circle at 96px 26px,rgba(18,130,74,.95) 0 7px,transparent 8px),linear-gradient(45deg,transparent 0 42px,rgba(255,255,255,.18) 43px 45px,transparent 46px 96px);background-size:128px 52px;transform:skew(-10deg)}.section,.black-section,.final-cta{padding:84px 0}.intro-grid,.reason-grid,.faq-grid,.final-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:start}.intro-copy{max-width:720px;color:var(--muted);font-size:1.08rem}.black-section{background:var(--black);color:var(--white)}.product-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.product-photo img,.process-image{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px}.product-photo img{border:1px solid rgba(255,255,255,.16)}.product-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-showcase img{width:100%;aspect-ratio:1 / 1;object-fit:contain;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#fff;padding:14px}.section-heading-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:end;margin-bottom:28px}.section-heading-row p:last-child{color:var(--muted);margin-bottom:10px}.mascot-section{background:var(--paper)}.mascot-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mascot-card{overflow:hidden;border:2px solid var(--black);border-radius:8px;background:var(--white);padding:16px}.mascot-stage{position:relative;display:grid;place-items:center;min-height:0;margin-bottom:14px;border-radius:8px;background:linear-gradient(180deg,#f8f7f1,#e9f4ee)}.mascot-generated{width:100%;aspect-ratio:1 / 1;border-radius:6px;object-fit:cover}.mascot-card span{display:inline-flex;margin-bottom:6px;color:var(--green);font-family:var(--font-ui);font-weight:900}.mascot-card h3{margin-bottom:0}.item-stack{display:grid;gap:12px;margin-top:28px}.item-row{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:18px 0;border-top:1px solid rgba(255,255,255,.16)}.item-row h3{margin:0;font-size:1.16rem}.item-row p{margin:0;color:#ffffffb8}.reason-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}.reason-list li{min-height:92px;border:2px solid var(--black);border-radius:8px;background:var(--white);padding:18px;font-size:1.08rem;font-weight:900}.reason-list li:nth-child(2){background:var(--green-soft)}.reason-list li:nth-child(3){background:var(--yellow-soft)}.reason-list li:nth-child(4){background:var(--cyan-soft)}.reason-list li:nth-child(5){grid-column:span 2;background:var(--magenta-soft)}.soft-section{background:var(--white)}.process-layout{display:grid;grid-template-columns:.92fr 1.08fr;grid-template-areas:"heading image" "steps image";gap:24px 48px;align-items:start}.process-heading{grid-area:heading}.process-image{grid-area:image;aspect-ratio:5 / 4;border:2px solid var(--black)}.steps{grid-area:steps;display:grid;grid-template-columns:1fr;gap:12px;padding:0;margin:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;position:relative;min-height:132px;border:2px solid var(--black);border-radius:8px;background:var(--paper);padding:18px 18px 18px 76px}.steps li:before{content:counter(step);position:absolute;left:18px;top:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--black);color:var(--white);font-family:var(--font-ui);font-weight:900}.steps strong,.steps span{display:block}.steps strong{margin-bottom:6px;font-size:1.08rem}.steps span,.faq-list p{color:var(--muted)}.faq-list{display:grid;gap:10px}.faq-list details{border-top:2px solid var(--black);padding:18px 0}.faq-list details:last-child{border-bottom:2px solid var(--black)}.faq-list summary{cursor:pointer;font-size:1.12rem;font-weight:900}.faq-list p{margin:12px 0 0}.final-cta{background:var(--green-deep);color:var(--white)}.final-grid{align-items:center}.final-grid h2{margin-bottom:12px}.final-grid p{max-width:660px;margin-bottom:0;color:#ffffffc7}.final-grid .button{justify-self:end;min-width:250px}.final-mascot{display:flex;align-items:center;justify-content:flex-end;gap:18px}.final-mascot img{width:126px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.24))}.site-footer{background:var(--black);color:var(--white);padding:44px 0 104px}.footer-grid{display:grid;grid-template-columns:1fr minmax(280px,380px);gap:28px;align-items:center}.footer-copy p{max-width:560px;margin:8px 0 0;color:#ffffffb3}.contact-card{border:1px solid rgba(255,255,255,.22);border-radius:8px;background:linear-gradient(135deg,#ffffff1a,#ffffff08),#101713;padding:20px;box-shadow:0 18px 42px #00000042}.contact-label{display:block;margin-bottom:8px;color:#91f0b8;font-family:var(--font-ui);font-size:.82rem;font-weight:900}.contact-primary,.contact-email{display:block}.contact-primary{font-family:var(--font-ui);font-size:1.55rem;font-weight:900;line-height:1.15}.contact-email{margin-top:8px;color:#ffffffc2;overflow-wrap:anywhere}.social-row{display:flex;gap:9px;margin-top:16px}.social-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.34);border-radius:50%;color:var(--white);font-family:var(--font-ui);font-size:.86rem;font-weight:900}.contact-float{position:fixed;right:22px;bottom:22px;z-index:30;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 20px;border:2px solid var(--white);border-radius:999px;background:#1faf61;color:var(--white);box-shadow:0 10px 30px #0000002e;font-family:var(--font-ui);font-weight:900}.contact-dot{width:12px;height:12px;border-radius:50%;background:var(--white)}@media(max-width:1080px){h1{font-size:3.45rem}h2{font-size:2.85rem}}@media(max-width:920px){.nav-shell{grid-template-columns:1fr auto}.nav-links{display:none}.hero,.intro-grid,.product-grid,.reason-grid,.process-layout,.faq-grid,.final-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:0;gap:24px}.hero-media img{height:auto;min-height:0;aspect-ratio:4 / 3;box-shadow:10px 10px 0 var(--black)}.hero-collage{min-height:520px}.hero-collage img{height:auto;aspect-ratio:auto}.hero-mascot{width:min(88%,520px)}.process-layout{grid-template-areas:"heading" "image" "steps"}.final-grid .button{justify-self:start}.section-heading-row{grid-template-columns:1fr}.mascot-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-mascot{justify-content:flex-start}}@media(max-width:640px){.nav-shell{min-height:66px;gap:8px}.brand small{max-width:132px}.brand-logo{width:min(185px,46vw);max-height:56px}.nav-cta{width:44px;min-width:44px;max-width:44px;padding:0;overflow:hidden;border-radius:50%;font-size:0}.nav-cta:before{content:"問";font-size:.78rem}.hero{padding-top:22px}h1{font-size:2.35rem;line-height:1.08}h2{font-size:2.25rem;line-height:1.12}.section,.black-section,.final-cta{padding:58px 0}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.mini-card{position:static;width:100%;margin-top:12px}.hero-collage{min-height:430px}.hero-hp-150a{left:4%;top:10%;width:68%}.hero-hp-ce278{left:17%;top:35%;width:72%}.hero-canon-067{width:39%}.hero-canon-exv{left:26%;width:47%}.hero-hp-ink{right:5%;width:24%}.hero-xerox{width:39%}.hero-mascot{width:86%}.eco-tape{height:42px}.item-row{grid-template-columns:1fr;gap:6px}.reason-list{grid-template-columns:1fr}.reason-list li:nth-child(5){grid-column:auto}.product-showcase{grid-template-columns:1fr 1fr}.mascot-card-grid{grid-template-columns:1fr}.final-mascot{display:grid;justify-items:start}.steps li{min-height:0;padding:16px 16px 16px 68px}.contact-float{right:50%;transform:translate(50%);min-width:min(260px,calc(100vw - 32px));justify-content:center}}