:root{--direct-ink:#18372b;--direct-dark:#133526;--direct-green:#2f7d38;--direct-bright:#49b947;--direct-pink:#d23887;--direct-pink-light:#f4a0c7;--direct-cream:#f5f1e8;--direct-paper:#fffdf9;--direct-line:#d9e1da}.direct-page h1,.direct-page h2,.direct-page h3{text-transform:none}.direct-eyebrow,.direct-eyebrow-dark,.direct-kicker{margin:0 0 .75rem;font-size:.71rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.direct-eyebrow{color:var(--direct-pink-light)}.direct-eyebrow-dark,.direct-kicker{color:var(--direct-green)}.direct-hero{display:grid;grid-template-columns:.88fr 1.12fr;min-height:600px;margin-bottom:1.25rem;overflow:hidden;border-radius:.5rem;background:var(--direct-dark)}.direct-hero-copy{display:flex;justify-content:center;flex-direction:column;padding:clamp(2.5rem,5vw,5rem);color:#fff}.direct-hero h1{margin:0 0 1.2rem;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,5.5vw,5.4rem);line-height:.96;letter-spacing:-.045em}.direct-hero-copy>p:not(.direct-eyebrow):not(.direct-shipping){max-width:610px;color:#e5eee8;font-size:1.14rem;line-height:1.65}.direct-hero-media{min-height:420px;overflow:hidden}.direct-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.direct-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;margin-top:1rem}.direct-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.2rem;border-radius:.28rem;font-weight:700}.direct-button-primary{background:var(--direct-pink);color:#fff}.direct-button-primary:hover{background:#b92e74;color:#fff;text-decoration:none}.direct-text-link{padding-bottom:.18rem;border-bottom:1px solid rgba(255,255,255,.62);color:#fff;font-weight:700}.direct-text-link:hover{color:#fff;text-decoration:none}.direct-shipping{margin:1.35rem 0 0;color:#c8d8ce;font-size:.82rem}.direct-shipping i{margin-right:.4rem;color:var(--direct-pink-light)}.direct-quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:4rem}.direct-quick-nav>a{display:flex;align-items:center;gap:1rem;padding:1.15rem;border:1px solid var(--direct-line);border-radius:.42rem;background:var(--direct-paper);color:var(--direct-ink)}.direct-quick-nav>a:hover{border-color:#b9ccbd;box-shadow:0 8px 22px rgba(20,50,36,.07);text-decoration:none}.direct-nav-icon,.direct-callout-icon,.direct-step-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:50px;height:50px;border-radius:50%;background:#e8f3e7;color:var(--direct-green)}.direct-quick-nav>a:nth-child(2) .direct-nav-icon,.direct-quick-nav>a:nth-child(4) .direct-nav-icon{background:#faeaf2;color:var(--direct-pink)}.direct-quick-nav strong,.direct-quick-nav small{display:block}.direct-quick-nav small{margin-top:.2rem;color:#68756d;font-size:.75rem}.direct-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,6vw,6rem);align-items:center;margin-bottom:4rem;padding:clamp(2rem,5vw,4rem);border-radius:.5rem;background:var(--direct-cream)}.direct-intro h2,.direct-section-header h2,.direct-compare h2,.direct-cta h2{margin:0 0 .9rem;color:var(--direct-ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,4vw,4rem);line-height:1.03;letter-spacing:-.035em}.direct-intro>div>p:last-child{margin:0;color:#536159;line-height:1.7}.direct-intro aside{display:flex;gap:1rem;padding:1.4rem;border:1px solid #d4ddd5;border-top:4px solid var(--direct-bright);border-radius:.42rem;background:rgba(255,255,255,.78)}.direct-intro h3{margin:0 0 .4rem;color:var(--direct-ink);font-family:Georgia,"Times New Roman",serif;font-size:1.55rem}.direct-intro aside p:last-child{margin:0;color:#66736b;font-size:.86rem;line-height:1.55}.direct-process,.direct-catalog{margin-bottom:4.5rem;scroll-margin-top:1rem}.direct-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--direct-line);border-image:linear-gradient(90deg,var(--direct-bright) 0 20%,var(--direct-pink) 20% 29%,var(--direct-line) 29%) 1}.direct-section-header h2{margin:0}.direct-section-header>p{max-width:510px;margin:0;color:#647168;line-height:1.6}.direct-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.direct-step-grid article{position:relative;padding:1.7rem;border:1px solid var(--direct-line);border-radius:.45rem;background:var(--direct-paper)}.direct-step-number{position:absolute;top:1.5rem;right:1.5rem;color:#d4ddd5;font-family:Georgia,"Times New Roman",serif;font-size:2.6rem}.direct-step-icon{margin-bottom:1.4rem}.direct-step-grid article:nth-child(2) .direct-step-icon{background:#faeaf2;color:var(--direct-pink)}.direct-step-grid h3{margin:0 0 .55rem;color:var(--direct-ink);font-family:Georgia,"Times New Roman",serif;font-size:1.65rem}.direct-step-grid p{margin:0;color:#5c6961;font-size:.9rem;line-height:1.6}.direct-text-link-green{color:var(--direct-green);font-weight:700;white-space:nowrap}.direct-text-link-green:hover{color:var(--direct-dark);text-decoration:none}.direct-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.direct-category-card{position:relative;min-height:330px;overflow:hidden;border-radius:.45rem;background:var(--direct-dark);color:#fff}.direct-category-card:after{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(8,30,20,.92));content:""}.direct-category-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.direct-category-card>span{position:absolute;z-index:1;right:0;bottom:0;left:0;padding:1.4rem}.direct-category-card strong,.direct-category-card small{display:block}.direct-category-card strong{font-family:Georgia,"Times New Roman",serif;font-size:1.9rem;font-weight:400}.direct-category-card small{margin-top:.25rem;color:#e5eee8}.direct-category-card:hover{color:#fff;text-decoration:none}.direct-category-card:hover img{transform:scale(1.035)}.direct-brand-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.direct-brand-links a{display:flex;align-items:center;justify-content:center;min-height:135px;padding:1rem;border:1px solid var(--direct-line);border-radius:.4rem;background:#f1f4f1}.direct-brand-links img{max-width:100%;max-height:110px;object-fit:contain}.direct-compare{margin-bottom:4.5rem;padding:clamp(2.2rem,5vw,4.5rem);border-radius:.5rem;background:var(--direct-dark);color:#e7efe9}.direct-compare>div:first-child{max-width:800px;margin-bottom:2rem}.direct-compare h2{color:#fff}.direct-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.direct-compare-grid article{padding:1.7rem;border:1px solid rgba(255,255,255,.17);border-radius:.42rem;background:rgba(255,255,255,.06)}.direct-kicker-light{color:var(--direct-pink-light)}.direct-compare-grid h3{margin:0 0 .7rem;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:1.85rem}.direct-compare-grid p:not(.direct-kicker){color:#dce8df;line-height:1.65}.direct-compare-grid a,.direct-compare-grid strong{color:#fff;font-weight:700}.direct-cta{display:flex;align-items:center;justify-content:space-between;gap:3rem;margin-bottom:1rem;padding:clamp(2.5rem,6vw,5rem);border-radius:.5rem;background:var(--direct-cream)}.direct-cta h2{margin-bottom:.6rem}.direct-cta p:last-child{margin:0;color:#5d6962}.direct-cta>a{flex:0 0 auto}@media(max-width:950px){.direct-hero{grid-template-columns:1fr}.direct-hero-media{order:-1;min-height:0;aspect-ratio:4/3}.direct-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direct-quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.direct-intro{grid-template-columns:1fr}.direct-step-grid{grid-template-columns:1fr}.direct-brand-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.direct-quick-nav,.direct-compare-grid{grid-template-columns:1fr}.direct-section-header{align-items:flex-start;flex-direction:column;gap:1rem}.direct-category-grid{grid-template-columns:1fr 1fr}.direct-category-card{min-height:260px}.direct-cta{align-items:flex-start;flex-direction:column}}@media(max-width:450px){.direct-hero-copy{padding:2rem 1.5rem}.direct-hero h1{font-size:3rem}.direct-hero-actions{align-items:flex-start;flex-direction:column}.direct-intro,.direct-compare{padding:1.5rem}.direct-category-grid{grid-template-columns:1fr}.direct-brand-links{grid-template-columns:1fr 1fr}.direct-eyebrow,.direct-eyebrow-dark,.direct-kicker{font-size:.64rem;letter-spacing:.11em}}
