:root{--ink:#171416;--paper:#fffdf8;--blue:#173de6;--coral:#ff5a49;--lime:#d6f33c;--line:rgba(23,20,22,.18);font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,253,248,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:-.04em}.brand i{font-family:Georgia,serif;font-weight:400}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:white;font-size:.72rem;letter-spacing:-.03em}.site-header nav{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:600}.site-header nav a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{padding:12px 18px;background:var(--coral);border-radius:999px}.menu-button,.mobile-nav{display:none}.hero{min-height:720px;display:grid;grid-template-columns:46% 54%;padding:48px clamp(20px,4vw,64px) 64px;gap:clamp(30px,5vw,78px);align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:.75rem;margin:0 0 20px}.hero h1,.section-heading h2,.quote h2{font-family:Manrope,sans-serif;font-size:clamp(3.6rem,7vw,7.4rem);line-height:.88;letter-spacing:-.07em;margin:0;max-width:700px}.hero h1 span{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--blue)}.lede{font-size:clamp(1.05rem,1.4vw,1.28rem);line-height:1.55;max-width:550px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;justify-content:center;align-items:center;border:0;font:700 .92rem "DM Sans",sans-serif;padding:15px 22px;border-radius:4px;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 0 rgba(23,20,22,.14)}.button-dark{background:var(--ink);color:white}.text-link{font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:3px}.proof-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:44px}.proof-strip span{font-size:.76rem;font-weight:700;padding:7px 10px;border:1px solid var(--line);border-radius:999px}.hero-image-wrap{position:relative;height:min(66vw,650px);min-height:520px;overflow:hidden;background:var(--blue);border-radius:160px 18px 18px 18px}.hero-image-wrap img{width:100%;height:100%;object-fit:cover}.image-note{position:absolute;right:18px;bottom:18px;background:var(--lime);padding:15px 18px;font:700 .9rem/1.2 Manrope,sans-serif;transform:rotate(-2deg)}.marquee{background:var(--ink);color:white;overflow:hidden;white-space:nowrap;padding:16px 0;font:700 .85rem Manrope,sans-serif;letter-spacing:.12em}.marquee div{width:max-content;animation:scroll 22s linear infinite}.marquee b{color:var(--coral);padding:0 26px}@keyframes scroll{to{transform:translateX(-35%)}}.section{padding:120px clamp(20px,6vw,96px)}.section-heading{display:grid;grid-template-columns:.7fr 1.8fr 1fr;gap:30px;align-items:end;margin-bottom:56px}.section-heading h2,.quote h2{font-size:clamp(2.8rem,5vw,5.6rem)}.section-heading>p:last-child{font-size:1rem;line-height:1.6;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{min-height:380px;padding:28px;display:flex;flex-direction:column;border-radius:12px;color:white;transition:transform .25s}.product-card:hover{transform:translateY(-6px)}.product-card.cobalt{background:var(--blue)}.product-card.coral{background:var(--coral);color:var(--ink)}.product-card.ink{background:var(--ink)}.product-card>span{font:700 .82rem Manrope,sans-serif}.product-card h3{font:800 clamp(2.5rem,4vw,4.6rem)/.95 Manrope,sans-serif;letter-spacing:-.06em;margin:auto 0 20px}.product-card p{line-height:1.55;max-width:340px}.card-tags{display:flex;gap:7px;margin-top:22px}.card-tags em{font-style:normal;font-size:.72rem;padding:6px 9px;border:1px solid currentColor;border-radius:999px}.statement{padding:100px clamp(20px,6vw,96px);background:var(--lime);font:800 clamp(2.8rem,7vw,7.5rem)/.98 Manrope,sans-serif;letter-spacing:-.07em}.statement p{margin:0}.statement p:nth-child(2){text-align:center}.statement p:nth-child(3){text-align:right}.statement span{font-family:Georgia,serif;font-style:italic;font-weight:400}.section-heading.compact{grid-template-columns:.7fr 2.8fr}.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:80px 1fr;padding:32px 0;border-bottom:1px solid var(--line)}.steps b{color:var(--coral);font-family:Manrope,sans-serif}.steps h3{font:700 1.35rem Manrope,sans-serif;margin:0 0 8px}.steps p{margin:0;line-height:1.55;color:#5f585c;max-width:700px}.quote{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:110px clamp(20px,6vw,96px);background:var(--blue);color:white}.quote>div>p:last-child{max-width:480px;line-height:1.6;margin-top:26px}.quote form{background:var(--paper);color:var(--ink);padding:30px;border-radius:12px;box-shadow:12px 12px 0 var(--ink)}label{display:block;font-size:.78rem;font-weight:700;margin-bottom:16px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #c9c3c3;background:white;border-radius:4px;padding:12px;font:inherit;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(23,61,230,.25);border-color:var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button-coral{background:var(--coral);width:100%}.form-note{font-size:.72rem;text-align:center;color:#6c6568;margin:12px 0 0}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;padding:40px clamp(20px,4vw,64px);background:var(--ink);color:white}footer>p{text-align:center;font-size:.78rem}.copyright{text-align:right!important;color:#aaa}.footer-brand .brand-mark{background:var(--coral);color:var(--ink)}@media(max-width:860px){.site-header{height:70px}.site-header nav{display:none}.menu-button{display:block;border:1px solid var(--ink);background:transparent;padding:9px 13px;border-radius:999px;font-weight:700}.mobile-nav{position:fixed;z-index:19;top:70px;left:0;right:0;background:var(--paper);padding:20px;box-shadow:0 12px 25px rgba(0,0,0,.1)}.mobile-nav:not([hidden]){display:grid;gap:16px}.hero{grid-template-columns:1fr;padding-top:64px}.hero h1{font-size:clamp(3.5rem,15vw,6rem)}.hero-image-wrap{height:72vw;min-height:400px;border-radius:90px 12px 12px}.section-heading,.section-heading.compact{grid-template-columns:1fr;gap:14px}.product-grid{grid-template-columns:1fr}.product-card{min-height:310px}.quote{grid-template-columns:1fr}.quote form{box-shadow:7px 7px 0 var(--ink)}footer{grid-template-columns:1fr;text-align:center}.copyright{text-align:center!important}}@media(max-width:520px){.brand{font-size:.92rem}.brand-mark{width:32px;height:32px}.hero{min-height:auto}.hero-actions{align-items:flex-start;flex-direction:column}.proof-strip{margin-top:34px}.hero-image-wrap{min-height:330px}.section{padding:80px 20px}.statement{padding:72px 20px}.statement p{text-align:left!important}.form-row{grid-template-columns:1fr}.quote{padding:80px 20px}.quote form{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.button,.product-card{transition:none}}

/* Softer brand palette */
:root{--ink:#2c272b;--paper:#fffaf4;--blue:#7896d1;--powder:#c8dcef;--coral:#e89a8d;--lime:#f2df92;--line:rgba(44,39,43,.18)}
.site-header{background:rgba(255,250,244,.94)}
.hero-image-wrap{background:var(--powder)}
.product-card{color:var(--ink)}
.product-card.cobalt{background:var(--powder)}
.product-card.ink{color:white}
.quote{background:var(--powder);color:var(--ink)}
input:focus,select:focus,textarea:focus{outline-color:rgba(120,150,209,.3)}

/* Product detail pages */
.detail-body{background:var(--paper)}
.detail-main{overflow:hidden}
.detail-hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;padding:56px clamp(20px,6vw,96px) 72px;gap:6vw;align-items:center}
.detail-hero-copy h1{font:800 clamp(4rem,8vw,8rem)/.86 Manrope,sans-serif;letter-spacing:-.075em;margin:0}
.detail-hero-copy h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--blue)}
.detail-hero-copy .lede{max-width:590px}
.detail-visual{height:min(52vw,590px);min-height:420px;border-radius:20px 160px 20px 20px;overflow:hidden;background:var(--powder)}
.detail-visual img{width:100%;height:100%;object-fit:cover;object-position:72% center}
.detail-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}
.detail-nav a{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:700}
.detail-nav a[aria-current="page"]{background:var(--ink);color:white}
.detail-section{padding:100px clamp(20px,6vw,96px)}
.detail-intro{display:grid;grid-template-columns:1fr 2fr;gap:6vw;align-items:start}
.detail-intro h2,.detail-cta h2{font:800 clamp(2.8rem,5.6vw,6rem)/.94 Manrope,sans-serif;letter-spacing:-.065em;margin:0}
.detail-intro>div>p{font-size:1.08rem;line-height:1.7;max-width:750px;margin:0 0 34px}
.option-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.option{padding:24px;border:1px solid var(--line);border-radius:10px;background:white}
.option b{display:block;font:700 1.05rem Manrope,sans-serif;margin-bottom:8px}
.option p{font-size:.9rem;line-height:1.5;margin:0;color:#615a5e}
.uses{background:var(--powder)}
.uses-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.uses h2{font:800 clamp(2.6rem,5vw,5rem)/.98 Manrope,sans-serif;letter-spacing:-.06em;margin:0 0 26px}
.uses ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.uses li{padding:18px 0;border-bottom:1px solid var(--line);font-weight:700}
.detail-cta{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:end;background:var(--lime)}
.detail-cta .button{justify-self:end}
.detail-footer-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
@media(max-width:860px){.detail-hero,.detail-intro,.uses-grid,.detail-cta{grid-template-columns:1fr}.detail-visual{height:70vw;min-height:360px}.option-list{grid-template-columns:1fr}.detail-cta .button{justify-self:start}}