:root {
  color-scheme:light;
  --navy:#0b1f35;
  --gold:#dfb35b;
  --text:#26384a;
  --muted:#596473;
  --line:#dedcd6;
  --paper:#faf8f4;
  --serif:Georgia,"Times New Roman",serif;
}
* { box-sizing:border-box }
html { scroll-padding-top:24px }
body { margin:0; background:var(--paper); color:var(--text); font:16px/1.7 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased }
a { color:inherit; text-decoration:none; text-underline-offset:5px }
a:hover { text-decoration:underline }
a:focus-visible { outline:3px solid #a76c12; outline-offset:5px }
h1,h2,h3,p { margin:0 }
h1,h2,h3 { color:var(--navy); font-family:var(--serif); font-weight:400; line-height:1.15 }
h2 { font-size:clamp(30px,3vw,40px); letter-spacing:-1px }
h3 { font-size:23px }
.landing-container { width:min(1184px,calc(100% - 64px)); margin-inline:auto }
.skip-link { position:fixed; top:12px; left:12px; z-index:20; transform:translateY(-180%); padding:10px 16px; background:var(--paper); color:var(--navy) }
.skip-link:focus { transform:translateY(0) }
.landing-header { border-bottom:1px solid var(--line) }
.header-inner { min-height:84px; display:flex; justify-content:space-between; align-items:center; gap:28px }
.landing-brand { display:flex; align-items:center; gap:12px; flex-shrink:0 }
.landing-brand:hover { text-decoration:none }
.landing-brand img { display:block; object-fit:contain }
.brand-name { display:grid; line-height:1.2 }
.brand-name strong { font:600 22px/1.2 var(--serif); color:var(--navy) }
.brand-name>span { margin-top:3px; font-size:10px; text-transform:uppercase; letter-spacing:2px; color:var(--muted) }
.product-name { margin-left:9px; padding-left:20px; border-left:1px solid #cac7bf; font:21px var(--serif); color:var(--navy) }
.landing-nav { display:flex; gap:30px; align-items:center; font-size:14px; font-weight:500 }
.sign-in { padding:10px 20px; border-radius:30px; background:var(--navy); color:var(--paper) }
.sign-in:hover { background:#233d55; text-decoration:none }
.hero { background:var(--navy); color:var(--paper); overflow:hidden }
.hero-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); align-items:center; gap:32px; padding-block:64px 70px }
.hero-visual { margin-right:-32px }
.hero-visual img { display:block; width:100%; height:auto }
.eyebrow { text-transform:uppercase; letter-spacing:1.8px; font-size:11px; font-weight:600; color:var(--muted); margin-bottom:20px }
.hero .eyebrow { color:var(--gold) }
h1 { color:var(--paper); font-size:clamp(42px,4.7vw,64px); letter-spacing:-2.3px; line-height:1.08 }
h1 em { color:var(--gold); font-weight:400 }
.hero-description { margin-top:27px; max-width:520px; font-size:17px; line-height:1.85; color:#c9cfd6 }
.hero-link { display:inline-flex; align-items:center; gap:20px; margin-top:32px; font-size:14px; color:var(--paper); border-bottom:1px solid #79828c; padding-bottom:5px }
.hero-link:hover { border-color:var(--gold); text-decoration:none }
.hero-copy a:focus-visible { outline-color:var(--gold) }
.landing-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:48px; padding:12px 23px; background:var(--navy); color:var(--paper); border:1px solid var(--navy); border-radius:28px; font-size:14px; font-weight:600; line-height:1.5 }
.landing-button:hover { background:#233d55; text-decoration:none }
.workflow { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:100px; padding-block:88px }
.section-intro>p:not(.eyebrow) { max-width:360px; margin-top:20px; color:var(--muted) }
.text-link { display:inline-flex; align-items:center; gap:15px; font-size:14px; font-weight:600 }
.section-intro .text-link { margin-top:25px }
.workflow-steps { list-style:none; counter-reset:step; padding:0; margin:0 }
.workflow-steps li { position:relative; padding:0 0 24px 48px; counter-increment:step }
.workflow-steps li+li { border-top:1px solid var(--line); padding-top:24px }
.workflow-steps li:last-child { padding-bottom:0 }
.workflow-steps li:before { content:counter(step,decimal-leading-zero); position:absolute; left:0; font-size:12px; line-height:27px; color:#8b682a }
.workflow-steps p { margin-top:9px; color:var(--muted); font-size:15px }
.collection-details { background:#f0eee8; border-block:1px solid var(--line) }
.details-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:100px; padding-block:65px }
.details-list article { display:grid; grid-template-columns:125px minmax(0,1fr); gap:22px; padding-block:23px; border-bottom:1px solid #d7d4cc }
.details-list article:first-child { padding-top:0 }
.details-list article:last-child { padding-bottom:0; border-bottom:0 }
.details-list h3 { font-size:21px }
.details-list p { color:var(--muted); font-size:14px }
.contact-section { display:flex; justify-content:space-between; align-items:center; gap:50px; padding-block:65px }
.contact-section p:not(.eyebrow) { margin-top:17px; color:var(--muted); font-size:15px; max-width:450px }
.contact-actions { display:flex; flex-direction:column; align-items:center; gap:17px; flex-shrink:0 }
.contact-actions .text-link { color:var(--muted); font-size:13px; font-weight:400 }
.landing-footer { background:var(--navy); color:#c9cfd6 }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:35px; padding-block:34px }
.footer-brand { font:23px var(--serif); color:var(--paper) }
.landing-footer p { margin-top:8px; font-size:12px }
.landing-footer nav { display:flex; flex-wrap:wrap; gap:24px; font-size:12px }
@media(max-width:1000px) {
  .hero-inner { padding-block:64px }
  h1 { font-size:clamp(39px,5vw,51px) }
  .hero-description { font-size:16px }
  .workflow,.details-inner { gap:50px }
  .details-list article { grid-template-columns:1fr; gap:10px }
}
@media(max-width:760px) {
  .landing-container { width:calc(100% - 40px) }
  .header-inner { min-height:78px; gap:12px }
  .landing-brand { gap:8px }
  .landing-brand img { width:36px; height:36px }
  .brand-name strong { font-size:20px }
  .brand-name>span { font-size:9px; letter-spacing:1.5px }
  .product-name { margin-left:3px; padding-left:12px; font-size:19px }
  .landing-nav { gap:0; font-size:12px }
  .section-nav { display:none }
  .sign-in { padding:9px 13px }
  .hero-inner { grid-template-columns:1fr; gap:36px; padding-block:47px 32px }
  .hero-visual { width:100%; max-width:600px; margin-inline:auto }
  h1 { font-size:clamp(37px,7.5vw,56px); letter-spacing:-1.5px }
  .hero-description { max-width:540px }
  .hero-link { margin-top:24px }
  .workflow,.details-inner { grid-template-columns:1fr; gap:35px; padding-block:48px }
  .section-intro>p:not(.eyebrow) { max-width:520px }
  .details-list article { grid-template-columns:105px minmax(0,1fr); gap:20px }
  .contact-section { flex-direction:column; align-items:flex-start; gap:28px; padding-block:48px }
  .contact-actions { align-items:flex-start }
  .footer-inner { flex-direction:column; align-items:flex-start; gap:23px }
  .landing-footer nav { gap:20px }
}
@media(max-width:400px) {
  .landing-container { width:calc(100% - 32px) }
  .landing-brand img { width:30px; height:30px }
  .brand-name strong { font-size:18px }
  .brand-name>span { font-size:8px }
  .product-name { padding-left:8px; font-size:17px }
  .sign-in { max-width:100px; text-align:center; line-height:1.4; padding:8px 12px }
  h1 { font-size:36px }
  .details-list article { grid-template-columns:1fr; gap:10px }
}