@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#173d35;--muted:#53655d;--paper:#f8f7f1;--lime:#dbed8b;--line:#d4dcd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.13;letter-spacing:-.05em;margin:0}h1{font-size:clamp(50px,6.1vw,88px);font-weight:600}h2{font-size:clamp(32px,3.6vw,52px);font-weight:600}h3{font-size:25px;line-height:1.25;letter-spacing:-.035em}em{font-style:normal;color:#658249}p{color:var(--muted)}header{display:flex;align-items:center;justify-content:space-between;padding:28px 5.5%;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:12px;line-height:1.15;letter-spacing:.22em}.brand b{font-size:17px;letter-spacing:-.04em}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:13px;font-weight:600}.button{display:inline-block;border:0;background:var(--ink);color:white;padding:16px 25px;text-decoration:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px}.button:hover{background:#2b594b}.small{padding:11px 17px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:5%;padding:64px 5.5% 55px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;color:var(--ink);margin:0 0 25px}.hero p:not(.eyebrow){max-width:490px}.lead{font-size:21px;line-height:1.5;margin-bottom:12px}.hero-copy>.button{margin-top:18px}.hero-tags{font-size:9px;letter-spacing:.13em;margin-top:32px;font-weight:700}.hero-tags span{margin:0 9px}figure{margin:0}.hero-image{padding:22px;background:#edf0e7;border-radius:160px 160px 7px 7px;overflow:hidden}.hero-image img{display:block;width:100%;height:auto;mix-blend-mode:multiply;border-radius:140px 140px 3px 3px}figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:17px}.hero-image figcaption{font-size:8px;letter-spacing:.09em;text-align:center}.statement{padding:25px 5.5%;background:var(--lime);font-size:23px;letter-spacing:-.03em}.section{padding:85px 5.5%}.section-head{margin-bottom:45px}.programs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.programs article{padding:30px 30px 0 0}.programs article+article{border-left:1px solid var(--line);padding-left:30px}.number{font-size:12px;display:block;margin-bottom:32px;color:#6b7f65}.programs p{font-size:15px}.programs ul{padding-left:17px;color:var(--muted);font-size:13px;line-height:1.9}.details{display:grid;grid-template-columns:1fr .85fr;gap:9%;background:#edf0e7;align-items:center}.details img{width:100%;height:auto;border-radius:5px}.intro{max-width:540px}.details dl{margin:30px 0}.details dl div{padding:14px 0;border-bottom:1px solid #cbd6c8;display:grid;grid-template-columns:125px 1fr;gap:15px}dt{font-weight:700;font-size:14px}dd{margin:0;color:var(--muted);font-size:14px}.note{font-size:11px;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:42px 0 25px}.steps b{font-size:14px;width:35px;height:35px;display:grid;place-items:center;background:var(--lime);border-radius:50%;margin-bottom:22px}.steps h3{font-size:20px}.steps p{font-size:14px}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:16px;font-weight:600}details p{font-size:14px}.quote{background:var(--ink);color:white;display:grid;grid-template-columns:.9fr 1fr;gap:9%}.quote p{color:#c2d1c6}.quote .eyebrow{color:var(--lime)}.quote em{color:var(--lime)}.quote a{display:block;margin:35px 0 20px;font-size:18px}.quote label{display:block;font-size:12px;margin-bottom:16px;color:#dde8df}.quote input,.quote textarea,.quote select{width:100%;display:block;margin-top:6px;border:1px solid #648276;background:#264e42;color:white;border-radius:3px;padding:11px 12px;min-width:0;font-size:13px}.quote input::placeholder,.quote textarea::placeholder{color:#b8cbbf}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote .button{background:var(--lime);color:var(--ink)}.copy{border:0;background:none;color:white;text-decoration:underline;padding:12px;cursor:pointer}.quote #status{font-size:12px}footer{padding:43px 5.5%;display:flex;justify-content:space-between;gap:30px;font-size:12px}.footer-brand{font-weight:700;letter-spacing:.1em}.footer-brand p{font-size:11px;letter-spacing:0;font-weight:400}footer p{margin:0}footer a{text-decoration:none}.skip{position:absolute;top:-60px;left:10px;background:white;padding:10px;z-index:10}.skip:focus{top:5px}:focus-visible{outline:3px solid #b4ca54;outline-offset:4px}@media(max-width:760px){header{padding:22px 6%}nav>a:not(.button){display:none}nav{gap:0}.small{font-size:11px}.hero{grid-template-columns:1fr;padding:40px 6%;gap:35px}.hero h1{font-size:58px}.hero-image{max-width:500px}.hero-tags{font-size:8px}.section{padding:55px 6%}.statement{font-size:19px;padding:24px 6%}.programs{grid-template-columns:1fr}.programs article,.programs article+article{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}.number{margin-bottom:15px}.details,.faq,.quote{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr 1fr;gap:25px}.details dl div{grid-template-columns:100px 1fr}.two{grid-template-columns:1fr}footer{flex-direction:column;padding:30px 6%}h2{font-size:35px}.lead{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.photo-grid,.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.photo-card{border:1px solid var(--line);border-radius:8px;overflow:hidden}.photo-card>div{padding:25px}.photo-open{display:block;padding:0;border:0;width:100%;background:#f3f2ec;cursor:zoom-in;text-align:left;color:inherit}.photo-open img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.photo-open span{display:block;padding:10px 20px;font-size:12px}.materials{background:#edece3}.material-grid article{background:#fff;padding:26px;border-radius:6px}.material-grid p{font-size:14px;line-height:1.65}.material-label{font-size:11px;letter-spacing:.12em;color:#42694e}.choose-material{padding:12px 14px;background:#204b3c;color:white;border:0;border-radius:4px;cursor:pointer}.select-ref[aria-pressed=true],.choose-material[aria-pressed=true]{outline:3px solid #8fab4d;outline-offset:3px}.source-notes{margin-top:25px;border-top:1px solid #c3c8bd;padding-top:18px}.source-notes summary{cursor:pointer}.source-notes p{font-size:13px;max-width:850px;line-height:1.65}#photo-dialog{max-width:min(90vw,780px);max-height:92vh;padding:18px;border:0;border-radius:8px}#photo-dialog::backdrop{background:#13251bdd}#large-photo{display:block;max-width:100%;max-height:72vh;margin:auto}#close-photo{display:block;margin-left:auto;margin-bottom:10px;border:0;padding:10px 15px;background:#204b3c;color:white;cursor:pointer}#photo-caption{font-size:13px}@media(max-width:600px){.photo-grid,.material-grid{grid-template-columns:1fr}.photo-card>div{padding:20px}.material-grid article{padding:22px}}
.quick-start{padding:42px 5.5%;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.quick-start h2{font-size:32px}.quick-start .eyebrow{margin-bottom:12px}.quick-start p{font-size:14px}.use-cases{display:grid;grid-template-columns:1fr 1fr;gap:12px}.use-cases button{padding:20px;text-align:left;border:1px solid var(--line);background:white;color:var(--ink);cursor:pointer;border-radius:5px;font-weight:700}.use-cases span{display:block;font-size:12px;font-weight:400;margin-top:7px}.use-cases button:hover,.use-cases button[aria-pressed=true]{background:var(--lime)}.style-filter{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.style-filter button{border:1px solid #9caf9e;border-radius:30px;padding:9px 17px;background:transparent;color:var(--ink);cursor:pointer;font-size:13px}.style-filter button[aria-pressed=true]{background:var(--ink);color:white}.photo-card[hidden]{display:none}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.brand-grid article{border-top:2px solid var(--ink);padding-top:22px}.brand-grid p{font-size:14px}.brand-grid .number{margin-bottom:16px}.buyer-check{background:#edf0e7;padding:28px;margin-top:30px;border-radius:5px}.buyer-check ul{padding-left:20px;color:var(--muted);font-size:14px;line-height:1.9}.brief-summary{padding:16px 20px;background:#315f50;border-radius:5px;margin:18px 0;font-size:13px}.brief-summary p{margin:5px 0}.floating-brief{position:fixed;bottom:20px;right:20px;z-index:4;background:var(--lime);color:var(--ink);padding:12px 20px;border-radius:30px;box-shadow:0 3px 18px #173d3526;text-decoration:none;font-weight:700;font-size:13px}footer{padding-bottom:85px}@media(max-width:760px){.quick-start{grid-template-columns:1fr;gap:15px;padding:35px 6%}.brand-grid{grid-template-columns:1fr}.use-cases button{padding:15px;font-size:14px}.floating-brief{bottom:12px;right:12px;padding:10px 16px}.buyer-check{padding:20px}}
/* Bright, independent B2B visual system */
:root{--ink:#152847;--muted:#4d5d73;--paper:#fff;--lime:#ffd75d;--line:#dbe3ee;--blue:#2157d5;--blue-light:#edf3ff;--orange:#ff8754}
body{background:#fff}header{border-bottom:0;background:white;padding-top:24px;padding-bottom:24px}.brand{color:var(--blue)}.brand b{font-size:19px}.button{background:var(--blue);border-radius:8px;box-shadow:0 5px 16px #2157d51c}.button:hover{background:#163fa4}nav a:hover{color:var(--blue)}nav .button:hover{color:white}.hero{background:linear-gradient(118deg,#f4f8ff 0%,#eef4ff 63%,#e3eeff 100%);padding-top:65px;padding-bottom:65px;position:relative}.hero h1{font-weight:800;letter-spacing:-.06em}.hero em{color:var(--blue)}.hero .eyebrow{display:inline-block;background:white;color:var(--blue);border:1px solid #d3e0fb;padding:7px 13px;border-radius:30px;letter-spacing:.1em}.hero-image{background:#fff7dd;border-radius:24px;padding:22px;transform:rotate(2deg);box-shadow:10px 13px 0 #ffd75d}.hero-image img{border-radius:16px;mix-blend-mode:normal}.hero-image figcaption{color:#4d4c43}.hero-tags{color:#344f7d}.statement{background:#2157d5;color:#fff;padding:22px 5.5%}.statement strong{color:#ffe18b}.eyebrow{color:var(--blue)}.quick-start{background:white}.quick-start h2{font-weight:700}.use-cases button{border:1px solid #d8e2f1;border-radius:12px;box-shadow:0 4px 14px #163c7210}.use-cases button:hover,.use-cases button[aria-pressed=true]{background:#fff4ca;border-color:#e1b94a}.use-cases button:nth-child(2){border-top:4px solid #ff8754}.use-cases button:nth-child(1){border-top:4px solid #2157d5}.use-cases button:nth-child(3){border-top:4px solid #36a58a}.use-cases button:nth-child(4){border-top:4px solid #925acd}.programs{gap:20px;border:0}.programs article,.programs article+article{border:0;border-radius:14px;background:#f1f6ff;padding:28px}.programs article:nth-child(2){background:#fff2e9}.programs article:nth-child(3){background:#edf8f4}.number{color:var(--blue)}.section h2{font-weight:750}.photo-card{background:white;border:1px solid #dbe3ee;border-radius:14px;box-shadow:0 5px 16px #163c720b}.photo-open{background:#f5f7fc}.photo-open span{background:#edf3ff;color:#254a8d;font-weight:600}.photo-card .button{box-shadow:none}.style-filter button{border-color:#c6d5eb}.style-filter button[aria-pressed=true]{background:var(--blue)}.materials{background:#f0f5ff}.material-grid article{border:1px solid #dce6f7;border-radius:14px}.material-grid article:nth-child(1){border-top:5px solid #e6b83c}.material-grid article:nth-child(2){border-top:5px solid #2157d5}.material-grid article:nth-child(3){border-top:5px solid #e48465}.material-grid article:nth-child(4){border-top:5px solid #3b9d86}.material-label{color:#395f95}.choose-material{background:var(--blue);border-radius:7px}.select-ref[aria-pressed=true],.choose-material[aria-pressed=true]{outline-color:#e9ad20}.source-notes{border-color:#c7d6ee}.details{background:#fff7e4}.details dl div{border-color:#e5d9b9}.details .eyebrow{color:#87580d}.brand-grid article{border-top-color:var(--blue)}.brand-grid article:nth-child(2){border-top-color:#ed8259}.brand-grid article:nth-child(3){border-top-color:#36a58a}.buyer-check{background:#edf3ff;border-left:5px solid var(--blue)}.process{background:#f5f8fd}.steps b{background:var(--blue);color:white}.quote{background:#152847}.quote .eyebrow{color:#ffd75d}.quote em{color:#ffd75d}.quote p{color:#d2dced}.quote label{color:#eef3fb}.quote input,.quote textarea,.quote select{background:#223a60;border-color:#7990b0;border-radius:7px;color:white}.quote input::placeholder,.quote textarea::placeholder{color:#c6d4e8}.quote .button{background:#ffd75d;color:#152847}.brief-summary{background:#253e67;border-left:4px solid #ffd75d}.floating-brief{background:#2157d5;color:white;box-shadow:0 5px 20px #2157d547}footer{background:#f3f6fb}.footer-brand{color:var(--blue)}:focus-visible{outline-color:#d38b00}.quote :focus-visible{outline-color:#ffd75d}#close-photo{background:var(--blue)}@media(max-width:760px){.hero{padding-top:38px;padding-bottom:48px}.hero h1{font-size:clamp(44px,12.4vw,64px)}.hero-image{transform:none;box-shadow:6px 7px 0 #ffd75d}.programs{gap:14px}.programs article,.programs article+article{padding:24px}.brand b{font-size:17px}}
/* Light, casual revision: no dark background sections */
:root{--ink:#303e52;--muted:#536174;--paper:#fffefd;--blue:#3264ae;--lime:#fff0a8;--line:#e4e6eb}body{background:#fffefd}.hero{background:linear-gradient(115deg,#fffdf4,#f4faff 70%,#f1f9f5)}.hero h1{font-weight:700}.hero em{color:#46769e}.hero .eyebrow{background:#eaf5ff;border:0;color:#345b82}.hero-image{background:#fff7e5;box-shadow:8px 10px 0 #ffe7c2}.statement{background:#fff0b9;color:#3f4b59}.statement strong{color:#725714}.button,.button:hover{background:#ffdf90;color:#3c4351;box-shadow:none;border:1px solid #efc975}.button:hover{background:#ffeaaf}nav .button:hover{color:#3c4351}.brand{color:#3c6890}.quick-start{background:#fffefd}.use-cases button{background:#fff;border-color:#e3e5e9;box-shadow:none}.use-cases button:nth-child(1){border-top-color:#bad7f5}.use-cases button:nth-child(2){border-top-color:#f4c9ad}.use-cases button:nth-child(3){border-top-color:#b8dfce}.use-cases button:nth-child(4){border-top-color:#dac9ee}.use-cases button:hover,.use-cases button[aria-pressed=true]{background:#fff8dd;border-color:#d7bd6d}.programs article{background:#f0f7ff}.programs article:nth-child(2){background:#fff5ec}.programs article:nth-child(3){background:#f0faf5}.style-filter button[aria-pressed=true]{background:#dcecff;color:#294d76;border-color:#adc8e9}.photo-card{box-shadow:none}.photo-open{background:#fafbfc}.photo-open span{background:#f1f7fc;color:#416485}.materials{background:#f5f8fe}.material-grid article{border-color:#e3e7ee}.material-grid article:nth-child(1){border-top-color:#f2d88d}.material-grid article:nth-child(2){border-top-color:#bed8f4}.material-grid article:nth-child(3){border-top-color:#f3c4b0}.material-grid article:nth-child(4){border-top-color:#b9decf}.choose-material{background:#e1eefb;color:#304f74;border:1px solid #bfd3ec}.details{background:#fffbef}.brand-grid article{border-top-color:#bed8f4}.brand-grid article:nth-child(2){border-top-color:#f3c4b0}.brand-grid article:nth-child(3){border-top-color:#b9decf}.buyer-check{background:#f2f8ff;border-color:#bad7f5}.process{background:#fffdf6}.steps b{background:#ffedb0;color:#4c4a3c}.quote{background:#f4f1fb;color:#303e52;border-top:1px solid #e4dfed}.quote p{color:#536174}.quote .eyebrow{color:#66528c}.quote em{color:#716194}.quote a{color:#365f92}.quote label{color:#3e4a5b}.quote input,.quote textarea,.quote select{background:#fff;color:#303e52;border:1px solid #abb3c2}.quote input::placeholder,.quote textarea::placeholder{color:#657184}.quote .button{background:#ffdf90;color:#3c4351}.quote .copy{color:#465d81}.brief-summary{background:#fff;border-left:4px solid #c8b8e5}.floating-brief{background:#ffdf90;color:#3c4351;box-shadow:0 4px 14px #826b3126;border:1px solid #e8c77d}footer{background:#fafbfe}.logo-help{padding:24px;border:1px solid #dcd4ea;background:#fff;border-radius:14px;margin-top:25px}.logo-help h3{font-size:23px}.logo-help ol{padding-left:20px;color:#536174;font-size:14px}.logo-help li{padding-bottom:10px}.logo-help p{font-size:13px}.logo-help .note{font-size:12px}.quote :focus-visible{outline-color:#876bad}#close-photo{background:#e1eefb;color:#304f74}#photo-dialog::backdrop{background:#68788eaa}@media(max-width:760px){.hero-image{box-shadow:5px 7px 0 #ffe7c2}.logo-help{padding:20px}}
.production-guide{background:#fbfdf9}.guide-panel{background:white;border:1px solid #dfe7dc;border-radius:15px;padding:28px;margin-top:24px}.guide-panel h3{font-size:24px}.guide-panel p,.guide-panel li{font-size:14px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-panel dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e6ebe4;padding:10px 0}.guide-panel ul{padding-left:20px;line-height:1.8;color:var(--muted)}.length-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;margin-top:30px}.length-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;background:#f4f9ff;border:1px solid #d9e6f3;border-radius:12px;min-height:185px;padding:14px 7px;color:#3b526e;cursor:pointer}.length-choice strong{font-size:13px}.length-choice>span:last-child{font-size:11px}.length-bar{display:block;width:28px;background:#b9d5ef;border-radius:4px 4px 11px 4px;margin-bottom:7px}.length-choice:nth-child(2n) .length-bar{background:#d0ddbc}.length-choice:nth-child(3n) .length-bar{background:#f1d0b9}.length-choice[aria-pressed=true]{outline:3px solid #9ebad7}.pack-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.pack-options button{background:#fffbef;border:1px solid #ece0bc;border-radius:10px;padding:20px;text-align:left;cursor:pointer;color:#4f5762}.pack-options strong,.pack-options span{display:block}.pack-options span{font-size:13px;line-height:1.6;margin-top:8px}@media(max-width:900px){.length-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.guide-columns,.pack-options{grid-template-columns:1fr}.guide-panel{padding:20px}.length-options{grid-template-columns:repeat(2,minmax(0,1fr))}.length-choice{min-height:150px}}

[hidden]{display:none!important}
/* Native-resolution-aware image presentation */
.hero-image{width:100%;max-width:380px;justify-self:center;transform:none;padding:16px}.hero-image img{width:100%;max-width:340px;margin:auto}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo-open img{width:100%;max-width:280px;height:auto;aspect-ratio:1;object-fit:contain;margin:16px auto 0}.photo-open img[src$='category-2-1-0.webp'],.photo-open img[src$='category-2-3-0.webp']{max-width:240px}.photo-open span{font-size:11px;padding:10px 14px}.photo-card>div{padding:20px}.photo-card h3{font-size:22px}.details figure{width:100%;max-width:340px;justify-self:center}.details img{max-width:340px;margin:auto;display:block}.details .photo-open img{max-width:280px}.hero-image figcaption{font-size:10px}#large-photo{width:auto;height:auto;max-width:min(100%,600px);max-height:65vh}#large-photo[src$='category-2-1-0.webp'],#large-photo[src$='category-2-3-0.webp']{max-width:min(100%,300px)}#large-photo[src$='supplier-160.png']{max-width:min(100%,500px)}@media(max-width:1000px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.photo-grid{grid-template-columns:1fr}.photo-card{max-width:380px;width:100%;margin-inline:auto}.hero-image{max-width:300px}.hero-image img{max-width:268px}.details figure{max-width:300px}.photo-open img{max-width:260px}.photo-open img[src$='category-2-1-0.webp'],.photo-open img[src$='category-2-3-0.webp']{max-width:220px}#photo-dialog{padding:12px}}