:root{color-scheme:light;--forest:#132c26;--wing:#176c58;--copper:#ce713d;--cream:#f7f3ea;--sage:#d4e5d8;--mint:#a4d2b9;--muted:#435950;--line:#cbd5cc}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--forest);font-family:"Segoe UI",Arial,sans-serif;line-height:1.55}
img{display:block;max-width:100%}
a{color:inherit}
a:focus-visible{outline:3px solid var(--copper);outline-offset:5px}
.skip{position:absolute;left:1rem;top:1rem;transform:translateY(-200%);z-index:2;background:var(--cream);color:var(--forest);padding:.65rem 1rem}
.skip:focus{transform:none}
.shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.header,.hero,.footer{background:var(--forest);color:var(--cream)}
.header{border-bottom:1px solid #ffffff26}
.bar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{width:172px;height:auto}
nav{display:flex;gap:clamp(16px,4vw,42px)}
nav a,.footer a{text-decoration:none}
nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(28px,6vw,86px);align-items:center;padding-block:80px 92px}
.eyebrow,.index,.art-label{display:flex;align-items:center;gap:9px;font-size:.72rem;font-weight:700;letter-spacing:.16em}
.eyebrow{margin:0 0 19px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--copper);flex:none}
h1,h2,h3{margin:0;line-height:1.05;letter-spacing:-.045em}
h1{font-size:clamp(3rem,6.2vw,5.4rem);font-weight:690}
h1 em{font-style:normal;color:var(--mint)}
.hero-copy>p:not(.eyebrow){max-width:43ch;color:#dbe7de;font-size:1.12rem;margin:24px 0 30px}
.button{display:inline-flex;align-items:center;gap:16px;width:fit-content;padding:.8rem 1.05rem;border-radius:8px;font-weight:650;text-decoration:none}
.primary{background:var(--mint);color:var(--forest)}
.primary:hover{background:var(--cream)}
.outline{border:1px solid var(--forest)}
.outline:hover{background:var(--forest);color:var(--cream)}
.hero-art{position:relative;display:grid;place-items:center;min-height:340px;isolation:isolate;border:1px solid #a4d2b948;border-radius:24px;overflow:hidden;background:#19372f}
.hero-art img{width:51%;height:auto;filter:drop-shadow(0 18px 18px #07191270)}
.art-grid{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 33px,#a4d2b922 34px 35px)}
.art-label{position:absolute;bottom:17px;left:19px;color:var(--mint)}
.products{padding-block:76px 84px}
h2{font-size:clamp(2.55rem,5vw,4rem)}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.tool-list{margin:14px 0 0;padding-inline-start:1.25rem;color:var(--muted)}
.tool-list li+li{margin-top:.35rem}
.product{border:1px solid var(--line);border-radius:18px;padding:27px;min-width:0}
.available{background:#e1ebe0}
.product-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.status{display:inline-flex;align-items:center;gap:7px;border:1px solid #647d6e;border-radius:999px;padding:4px 10px;font-size:.8rem}
.status .dot{background:var(--wing);width:6px;height:6px}
h3{font-size:clamp(1.7rem,3.1vw,2.6rem)}
.product p{color:var(--muted);margin:14px 0 22px}
.about{background:#ebe8dd;padding-block:72px}
.about-layout{display:grid;grid-template-columns:1fr 1.18fr;gap:clamp(28px,6vw,84px);align-items:center}
.about p:not(.eyebrow){color:var(--muted);max-width:45ch}
figure{margin:0}
figure img{width:100%;height:auto;border-radius:18px}
figcaption{font-size:.85rem;color:var(--muted);margin-top:9px}
.footer p,.footer a{font-size:.91rem}
@media(max-width:760px){
  .shell{width:calc(100% - 36px)}
  .hero-layout,.about-layout{grid-template-columns:1fr}
  .hero-layout{padding-block:49px 36px}
  .hero-art{min-height:235px}
  .hero-art img{width:136px}
  .products,.about{padding-block:53px}
  .product-grid{grid-template-columns:1fr}
}
@media(max-width:410px){
  .brand img{width:123px}
  .bar{gap:12px}
  nav{gap:12px;font-size:.88rem}
  .footer .bar{flex-wrap:wrap;padding-block:18px}
}