@font-face{font-family:Trail;src:local("Arial");font-display:swap}
:root{color-scheme:light;--paper:#f5f5ee;--ink:#203e31;--muted:#59695e;--line:#d7ddd2;--orange:#b54b23;--accent:#e18754}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Trail,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
a:hover{text-decoration:underline;text-underline-offset:5px}
svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-width{width:min(1360px,calc(100% - 112px));margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:16px;background:var(--ink);color:white;padding:14px;z-index:10}
.skip-link:focus{top:12px}
.header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:25px;letter-spacing:-1.1px;white-space:nowrap}
.brand-logo{display:block;object-fit:contain;flex-shrink:0}
.header nav{display:flex;gap:36px;align-items:center;font-size:14px;font-weight:600}
.nav-cta{border-bottom:1px solid var(--ink);padding-block:10px;display:flex;gap:24px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding-top:24px;padding-bottom:48px;align-items:stretch}
.hero-copy{padding-top:45px;padding-bottom:36px;align-self:center}
.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:12px;font-weight:700;line-height:1.6;margin:0 0 29px;display:flex;gap:10px;align-items:center}
.trail-mark{display:inline-block;width:10px;height:18px;background:var(--orange);transform:rotate(23deg);flex-shrink:0}
h1{font-size:clamp(3rem,5.05vw,5rem);line-height:1.09;letter-spacing:-3px;margin:0;font-weight:800}
.accent-word{display:inline-block;position:relative;color:var(--orange);white-space:nowrap}
.accent-word svg{position:absolute;left:0;bottom:-10px;width:100%;height:14px;stroke:var(--accent);stroke-width:3}
.hero-description{font-size:17px;line-height:1.75;color:var(--muted);max-width:435px;margin:35px 0 29px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:56px;padding:17px 23px;background:var(--ink);color:var(--paper);font-size:16px;font-weight:600;border:1px solid var(--ink);border-radius:3px;transition:background .18s,transform .18s}
.button span{font-size:23px;line-height:20px;font-weight:400}
.button:hover{background:#315640;text-decoration:none;transform:translateY(-2px)}
.hero-note{font-size:12px;letter-spacing:.2px;color:var(--muted);margin:17px 0 0;display:flex;gap:13px}
.hero-note span{color:#919c90}
.hero-visual{margin:0;position:relative;min-height:525px;overflow:hidden;border-radius:4px;background:#3e5549;color:white}
.hero-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:52% center}
.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,25,17,.28),transparent 35%,rgba(7,25,17,.06) 60%,rgba(7,25,17,.62))}
.photo-top{position:absolute;left:27px;right:27px;top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.4px}
.photo-top svg{height:34px;width:34px;flex-shrink:0;stroke-width:1}
figcaption{position:absolute;left:29px;right:29px;bottom:29px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.photo-label{font-size:25px;line-height:1.25;letter-spacing:-.4px;font-weight:500}
.photo-index{font-size:12px;letter-spacing:1.2px;white-space:nowrap}
.principle{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:27px;display:flex;gap:50px;align-items:center}
.principle-label{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:14px;font-weight:700}
.principle-label svg{width:24px;height:24px}
.principle p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.how{padding-block:66px 54px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.section-heading .eyebrow{color:var(--muted);margin-bottom:13px;font-size:12px}
h2{margin:0;font-size:clamp(1.6rem,2.45vw,2.2rem);letter-spacing:-1px;line-height:1.25}
.section-index{font-family:monospace;font-size:14px;color:var(--muted);padding-bottom:5px;white-space:nowrap}
.steps{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.steps li{border-top:1px solid var(--line);padding-top:22px}
.step-number{font-family:monospace;color:var(--orange);font-size:14px}
h3{font-size:20px;letter-spacing:-.4px;margin:20px 0 12px}
.steps p{font-size:15px;line-height:1.75;color:var(--muted);margin:0;max-width:340px}
.availability{font-size:13px;color:var(--muted);margin:33px 0 0;line-height:1.7}
.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:26px 32px;font-size:12px;color:var(--muted)}
.footer-brand{display:inline-flex;align-items:center;gap:8px;font-size:17px;letter-spacing:-.7px;font-weight:800;color:var(--ink)}
.footer>a:last-child{font-size:13px}
.fix-page{min-height:100svh;display:flex;flex-direction:column}
.fix-main{flex:1;padding-block:75px 90px;max-width:850px}
.fix-main h1{font-size:clamp(3.2rem,6vw,5.5rem)}
.fix-main h1 span{color:var(--orange)}
.fix-description{font-size:20px;line-height:1.65;max-width:610px;color:var(--muted);margin:30px 0}
.fix-status{display:flex;align-items:center;gap:15px;border-block:1px solid var(--line);padding-block:22px;font-size:14px;font-weight:600;max-width:610px}
.fix-cli{max-width:540px;color:var(--muted);font-size:16px;line-height:1.75;margin:30px 0 22px}
@media(min-width:1600px){.hero-visual{min-height:595px}.hero{gap:65px}}
@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.hero{gap:25px}.hero-copy{padding-top:20px}h1{letter-spacing:-2.2px;font-size:clamp(2.6rem,4.8vw,3.6rem)}.hero-description{font-size:16px}.hero-visual{min-height:490px}.principle{gap:25px}.photo-label{font-size:21px}.photo-index{display:none}}
@media(max-width:760px){.page-width{width:calc(100% - 40px)}.header{height:84px;gap:12px}.brand{font-size:21px;gap:6px}.brand .brand-logo{width:40px;height:28px}.header nav{gap:12px;font-size:13px}.nav-guide{display:none}.nav-cta{gap:10px}.hero{grid-template-columns:1fr;padding-top:10px;gap:32px;padding-bottom:30px}.hero-copy{padding:18px 0 0}.eyebrow{font-size:11px;letter-spacing:1.2px;margin-bottom:25px}h1{font-size:clamp(2.45rem,8.8vw,4.6rem);letter-spacing:-1.8px}.hero-description{max-width:490px;margin:30px 0 25px;font-size:17px}.hero-note{margin-top:16px}.hero-visual{min-height:380px}.hero-visual>img{object-position:center 55%}.photo-label{font-size:25px}.photo-index{display:block}.photo-top{left:23px;right:23px}.principle{display:block;padding-block:24px}.principle p{margin-top:14px}.desktop-break{display:none}.how{padding-block:42px 35px}.section-heading .eyebrow{font-size:10px;letter-spacing:1.2px}h2{font-size:27px;letter-spacing:-.8px}.section-index{display:none}.steps{grid-template-columns:1fr;gap:25px;margin-top:27px}.steps li{position:relative;padding:22px 0 0 42px}.step-number{position:absolute;left:0;top:24px}h3{margin:0 0 9px}.steps p{max-width:100%;font-size:16px}.availability{font-size:13px}.footer{flex-wrap:wrap;gap:15px;padding-block:23px}.footer>span{order:3;width:100%}.fix-main{padding-block:45px 65px}.fix-main h1{font-size:clamp(3rem,11vw,5rem)}.fix-description{font-size:18px}.fix-main .button{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

@media(max-width:360px){.brand{font-size:18px}.brand .brand-logo{width:34px;height:24px}.header nav{font-size:12px}.nav-cta{gap:6px}}