:root{color-scheme:light;--paper:#f4f5ef;--ink:#243d34;--accent:#c7ed86;--muted:#626e63;--line:#d9dfd3;--gutter:clamp(24px,5vw,80px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #608c36;outline-offset:6px}::selection{background:var(--accent)}
.skip-link{position:absolute;top:-80px;left:24px;z-index:5;padding:16px;background:var(--accent)}.skip-link:focus{top:12px}
.site-header{height:100px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:28px;font-weight:700;letter-spacing:-1.3px}
.brand-mark{display:inline-block;position:relative;width:28px;height:26px;flex-shrink:0}.brand-mark:before{content:"";position:absolute;left:3px;bottom:0;width:8px;height:18px;background:currentColor}.brand-mark:after{content:"";position:absolute;left:7px;top:6px;width:25px;height:4px;background:currentColor;transform:rotate(-28deg);transform-origin:2px center}
.nav-link{display:flex;gap:25px;align-items:center;min-height:44px;font-size:14px}.nav-link span,.button span{transition:transform .2s}.nav-link:hover span,.button:hover span{transform:translate(3px,-3px)}
.hero{min-height:min(780px,calc(100svh - 100px));position:relative;overflow:hidden;background:#e8eddf;padding:62px var(--gutter) 94px;display:flex;align-items:center}
.hero-copy{position:relative;z-index:2;animation:arrive .65s ease-out both}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:10px;margin:0 0 30px}
.status-dot{width:7px;height:7px;background:#527742;display:inline-block;border-radius:50%;flex-shrink:0}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(70px,8vw,120px);line-height:.98;letter-spacing:-.075em;font-weight:500;margin-bottom:24px}.hero-subtitle{display:block;font-size:clamp(38px,4.8vw,68px);line-height:1.04;letter-spacing:-.055em;margin-top:22px}
.lead{font-size:17px;line-height:1.65;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:18px 22px;min-height:54px;background:var(--ink);color:var(--paper);font-size:14px;border:1px solid var(--ink);transition:background .2s}.button:hover{background:#365b47}.button-outline{background:transparent;color:var(--ink)}.button-outline:hover{background:var(--line)}
.barrier-art{position:absolute;right:3%;top:0;height:100%;width:47%;pointer-events:none;display:flex;align-items:center;animation:arrive .9s ease-out both}.barrier-art img{display:block;width:100%;height:auto}
.hero-bottom{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:1.5px}
.intro{padding:90px var(--gutter) 80px}.intro .eyebrow{color:var(--muted)}h2{font-size:clamp(30px,3.5vw,46px);line-height:1.13;font-weight:400;letter-spacing:-1.8px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.feature-list article{border-top:1px solid var(--line);padding-top:22px}.feature-number{color:var(--muted);font-size:11px;display:block;margin-bottom:28px}.feature-list h3{font-size:20px;font-weight:400;margin-bottom:10px}.feature-list p{font-size:14px;line-height:1.6;color:var(--muted);max-width:260px;margin-bottom:0}
.site-footer{margin:0 var(--gutter);padding:26px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px}
.cabinet-page{min-height:100svh;display:flex;flex-direction:column}.cabinet-main{flex:1;padding:45px var(--gutter) 25px}.cabinet-heading{border-bottom:1px solid var(--line);padding-bottom:26px}.cabinet-heading .eyebrow{margin-bottom:14px;color:var(--muted)}.cabinet-heading h1{font-size:32px;font-weight:400;letter-spacing:-1px;margin:0}.empty-state{text-align:center;padding:65px 15px 55px;animation:arrive .6s ease-out both}.empty-mark{display:inline-flex;background:#e6eddc;padding:24px;margin-bottom:28px}.empty-mark .brand-mark{transform:scale(1.2)}.empty-state .eyebrow{justify-content:center;margin-bottom:16px}.empty-state h2{font-size:clamp(27px,3.5vw,40px);margin-bottom:18px}.empty-state p{font-size:15px;line-height:1.7;color:var(--muted)}.empty-state p.muted{font-size:12px;margin:22px 0 28px}.cabinet-note{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.barrier-art{right:6%;width:44%}}
@media(max-width:760px){.site-header{height:80px}.wordmark{font-size:23px}.nav-link{font-size:12px;gap:12px}.hero{min-height:max(720px,calc(100svh - 80px));padding-top:42px;padding-bottom:260px;align-items:flex-start}.hero h1{font-size:78px}.hero-subtitle{font-size:47px}.lead{font-size:15px}.barrier-art{right:var(--gutter);top:auto;bottom:40px;width:250px;height:240px;opacity:1}.hero-bottom{font-size:8px;letter-spacing:.7px}.intro{padding-top:55px;padding-bottom:50px}.feature-list{grid-template-columns:1fr;gap:25px;margin-top:35px}.feature-list article{display:grid;grid-template-columns:32px 1fr;column-gap:15px;padding-top:20px}.feature-number{grid-row:1/3;margin-top:5px}.feature-list h3{margin-bottom:7px}.feature-list p{grid-column:2;max-width:none}.site-footer{font-size:10px}.cabinet-main{padding-top:32px}.empty-state{padding:44px 0}.cabinet-heading h1{font-size:28px}.desktop-break{display:none}}
@media(max-width:380px){.hero h1{font-size:65px}.hero-subtitle{font-size:40px}.hero-bottom span:first-child{max-width:160px;line-height:1.5}.nav-link{gap:6px}.wordmark{gap:8px}.site-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
