.an-page { --an-deep:#06291e; --an-green:#2f9816; --an-lime:#9bd76f; --an-ink:#10241d; --an-muted:#5d6c66; --an-cream:#f5f7f1; --an-line:#d8e0d7; min-height:100vh; background:var(--an-cream); color:var(--an-ink); }
.an-page * { box-sizing:border-box; }
.an-page a { color:inherit; text-decoration:none; }
.an-shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; position:relative; z-index:2; }
.an-header { min-height:82px; padding:0 max(24px,calc((100% - 1180px)/2)); background:rgba(255,255,255,.97); border-bottom:1px solid rgba(6,41,30,.12); display:flex; align-items:center; justify-content:space-between; gap:30px; position:sticky; top:0; z-index:80; box-shadow:0 8px 28px rgba(6,41,30,.08); backdrop-filter:blur(14px); }
.an-brand { display:flex; align-items:center; gap:13px; }
.an-brand img { width:56px; height:56px; border-radius:9px; object-fit:cover; }
.an-brand span { display:grid; gap:4px; }
.an-brand strong { color:var(--an-deep); font-size:15px; letter-spacing:.12em; }
.an-brand small { color:var(--an-green); font:800 9px/1 var(--font-geist-mono),monospace; letter-spacing:.13em; }
.an-header nav { display:flex; align-items:center; gap:28px; font-size:12px; font-weight:760; }
.an-header nav a:hover { color:var(--an-green); }
.an-header .an-nav-cta { padding:14px 18px; background:var(--an-green); color:#fff; font:850 9px/1 var(--font-geist-mono),monospace; letter-spacing:.08em; text-transform:uppercase; }
.an-hero { min-height:850px; color:#fff; background:var(--an-deep); position:relative; overflow:hidden; }
.an-hero-photo { position:absolute; inset:0; background:url('/assets/framing.jpg') 69% 50%/cover no-repeat; }
.an-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,31,22,.98) 0%,rgba(4,31,22,.92) 47%,rgba(4,31,22,.50) 72%,rgba(4,31,22,.25)),linear-gradient(0deg,rgba(4,31,22,.72),transparent 55%); }
.an-hero-grid { min-height:850px; padding:92px 0 78px; display:grid; grid-template-columns:1.35fr .65fr; align-items:center; gap:86px; }
.an-hero-copy { max-width:790px; }
.an-kicker,.an-eyebrow { margin:0 0 20px; color:var(--an-green); font:850 10px/1.35 var(--font-geist-mono),monospace; letter-spacing:.13em; text-transform:uppercase; }
.an-kicker { color:var(--an-lime); }
.an-hero h1 { margin:0 0 24px; color:#fff; font-size:clamp(62px,7vw,104px); line-height:.88; letter-spacing:-.065em; }
.an-hero h1 em { color:var(--an-lime); font-style:normal; font-weight:520; }
.an-hero h2 { margin:0 0 20px; color:#fff; font-size:clamp(24px,2.6vw,36px); line-height:1.1; }
.an-lede { max-width:760px; color:rgba(255,255,255,.80); font-size:18px; line-height:1.63; }
.an-standards { max-width:720px; margin:22px 0; padding-left:18px; border-left:4px solid var(--an-lime); color:#fff; font-size:15px; font-weight:760; line-height:1.55; }
.an-emphasis { color:var(--an-lime); font-size:15px; font-weight:800; }
.an-actions { margin-top:32px; display:flex; flex-wrap:wrap; gap:14px; }
.an-button { min-height:54px; padding:17px 23px; display:inline-flex; align-items:center; justify-content:center; font:850 10px/1.2 var(--font-geist-mono),monospace; letter-spacing:.07em; text-align:center; text-transform:uppercase; transition:transform .2s,background .2s; }
.an-button:hover { transform:translateY(-2px); }
.an-button-primary { background:var(--an-green); color:#fff!important; box-shadow:0 14px 36px rgba(47,152,22,.25); }
.an-button-primary:hover { background:#247a12; }
.an-button-outline { border:1px solid rgba(255,255,255,.55); color:#fff!important; }
.an-button-dark { background:var(--an-deep); color:#fff!important; }
.an-hero-card { align-self:end; margin-bottom:20px; padding:32px; background:rgba(255,255,255,.95); border-top:6px solid var(--an-green); color:var(--an-deep); box-shadow:0 25px 75px rgba(0,0,0,.28); }
.an-hero-card>span { color:var(--an-green); font:850 9px/1 var(--font-geist-mono),monospace; letter-spacing:.12em; }
.an-hero-card strong { margin:27px 0 8px; display:block; font-size:22px; }
.an-hero-card p { margin:0; color:var(--an-muted); font-size:13px; line-height:1.6; }
.an-section { padding:108px 0; }
.an-section h2,.an-supplier h2 { margin:0; font-size:clamp(44px,5vw,72px); line-height:.97; letter-spacing:-.055em; }
.an-copy-narrow { max-width:1000px; }
.an-problem { background:#fff; }
.an-problem h2 { max-width:900px; }
.an-problem p { max-width:900px; margin:28px 0 0; color:var(--an-muted); font-size:18px; line-height:1.72; }
.an-problem strong { margin-top:36px; padding:22px 26px; display:block; background:#e7f3e0; color:var(--an-deep); font-size:20px; }
.an-vince { background:linear-gradient(120deg,#e8f4e3,#f8faf6); }
.an-vince-grid { display:grid; grid-template-columns:.55fr 1.45fr; align-items:center; gap:90px; }
.an-vince-mark { min-height:330px; padding:40px; background:var(--an-deep); color:#fff; display:flex; flex-direction:column; justify-content:center; box-shadow:18px 18px 0 #8bc866; }
.an-vince-mark span { color:var(--an-lime); font-size:92px; font-weight:900; line-height:.9; letter-spacing:-.08em; }
.an-vince-mark small { max-width:190px; margin-top:24px; font:800 11px/1.55 var(--font-geist-mono),monospace; letter-spacing:.11em; }
.an-vince-grid p:not(.an-eyebrow) { color:var(--an-muted); font-size:17px; line-height:1.72; }
.an-section-head { max-width:900px; margin-bottom:52px; }
.an-section-head>p:last-child { max-width:820px; color:var(--an-muted); font-size:16px; line-height:1.7; }
.an-benefits { background:#fff; }
.an-benefit-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--an-line); border-left:1px solid var(--an-line); }
.an-benefit-grid article { min-height:300px; padding:30px; border-right:1px solid var(--an-line); border-bottom:1px solid var(--an-line); background:#fbfcfa; }
.an-benefit-grid span,.an-material-grid article>span { color:var(--an-green); font:850 10px/1 var(--font-geist-mono),monospace; }
.an-benefit-grid h3 { margin:78px 0 15px; font-size:26px; line-height:1.08; }
.an-benefit-grid p { color:var(--an-muted); font-size:14px; line-height:1.65; }
.an-section-close { margin:34px 0 0; color:var(--an-deep); font-size:18px; font-weight:800; }
.an-buying-power { padding-bottom:64px; background:var(--an-deep); color:#fff; overflow:hidden; }
.an-buying-power .an-eyebrow { color:var(--an-lime); }
.an-buying-power-head { display:grid; grid-template-columns:1.08fr .92fr; align-items:end; gap:82px; }
.an-buying-power-head h2 { color:#fff; }
.an-buying-power-head>p { margin:0; color:rgba(255,255,255,.72); font-size:16px; line-height:1.72; }
.an-volume-intro { margin-top:62px; padding-top:24px; border-top:1px solid rgba(255,255,255,.2); display:grid; grid-template-columns:.7fr 1.3fr; gap:30px; }
.an-volume-intro strong { color:#fff; font:850 11px/1.4 var(--font-geist-mono),monospace; letter-spacing:.11em; text-transform:uppercase; }
.an-volume-intro span { color:rgba(255,255,255,.65); font-size:14px; line-height:1.55; }
.an-volume-grid { max-width:900px; margin:25px auto 0; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.an-volume-card { min-width:0; background:#fff; color:var(--an-ink); border-top:6px solid var(--an-green); box-shadow:0 24px 60px rgba(0,0,0,.24); overflow:hidden; }
.an-volume-card:nth-child(2) { border-color:#75bc5e; }
.an-volume-card:nth-child(3) { border-color:var(--an-lime); }
.an-volume-card-head { min-height:132px; padding:26px 24px 20px; display:flex; align-items:center; gap:18px; }
.an-volume-card-head h3 { margin:0; color:var(--an-deep); font-size:31px; line-height:1; letter-spacing:-.04em; }
.an-volume-card-head p { margin:8px 0 0; color:var(--an-muted); font-size:13px; }
.an-volume-icon { width:64px; height:64px; flex:0 0 auto; border-radius:50%; background:#edf6e8; color:var(--an-green); display:grid; place-items:center; }
.an-volume-icon svg { width:42px; height:42px; fill:none; stroke:currentColor; stroke-width:4; stroke-linejoin:round; }
.an-volume-homes { margin:0 24px; padding:16px 0; border-top:1px solid var(--an-line); border-bottom:1px solid var(--an-line); display:block; color:var(--an-deep); font-size:17px; }
.an-volume-card dl { margin:0; padding:0 24px; }
.an-volume-card dl div { padding:16px 0; border-bottom:1px solid var(--an-line); display:flex; justify-content:space-between; gap:15px; }
.an-volume-card dt { color:var(--an-muted); font-size:13px; }
.an-volume-card dd { margin:0; color:var(--an-deep); font-size:14px; font-weight:850; text-align:right; }
.an-volume-total { margin-top:4px; padding:24px; background:#e3f0dd; display:grid; gap:5px; }
.an-volume-total strong { color:var(--an-deep); font-size:36px; line-height:1; letter-spacing:-.045em; }
.an-volume-total span { color:var(--an-muted); font-size:11px; text-transform:uppercase; letter-spacing:.07em; }
.an-volume-assumption { margin:17px 0 0; color:rgba(255,255,255,.54); font-size:11px; line-height:1.55; }
.an-package-band { margin-top:42px; padding:30px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.055); display:grid; grid-template-columns:1fr 1fr; gap:50px; }
.an-package-band article { display:grid; grid-template-columns:80px 1fr; align-items:center; gap:22px; }
.an-package-band h3 { margin:0 0 8px; color:#fff; font-size:21px; }
.an-package-band p { margin:0; color:rgba(255,255,255,.64); font-size:13px; line-height:1.55; }
.an-package-icon { height:64px; display:grid; gap:7px; align-content:center; transform:skewY(-4deg); }
.an-package-icon span { height:12px; border:2px solid var(--an-lime); background:rgba(155,215,111,.12); display:block; }
.an-door-icon { width:54px; height:70px; margin-left:10px; border:4px solid var(--an-lime); position:relative; }
.an-door-icon::before { content:""; position:absolute; inset:7px; border:2px solid rgba(155,215,111,.7); }
.an-door-icon span { width:5px; height:5px; border-radius:50%; background:var(--an-lime); position:absolute; right:8px; top:32px; }
.an-volume-benefits { margin-top:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.16); }
.an-volume-benefits article { min-height:225px; padding:28px; background:#0b3529; }
.an-volume-benefits span { color:var(--an-lime); font:850 10px/1 var(--font-geist-mono),monospace; }
.an-volume-benefits h3 { margin:42px 0 13px; color:#fff; font-size:23px; line-height:1.08; }
.an-volume-benefits p { margin:0; color:rgba(255,255,255,.63); font-size:13px; line-height:1.65; }
.an-volume-disclosure { max-width:980px; margin:28px 0 0; padding-left:18px; border-left:4px solid var(--an-lime); color:rgba(255,255,255,.67); font-size:12px; line-height:1.65; }
.an-volume-cta { margin-top:28px; }
.an-compare { padding-top:84px; border-top:1px solid rgba(255,255,255,.14); background:#0b3529; color:#fff; }
.an-compare-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:70px; }
.an-compare-grid>div>p:not(.an-eyebrow) { color:rgba(255,255,255,.68); font-size:16px; line-height:1.72; }
.an-compare-grid .an-button { margin-top:22px; }
.an-quote-card { margin:0; padding:24px; background:#fff; color:var(--an-ink); box-shadow:0 30px 80px rgba(0,0,0,.25); }
.an-quote-card figcaption { margin-bottom:18px; color:var(--an-muted); font:750 10px/1.4 var(--font-geist-mono),monospace; }
.an-quote-table { border:1px solid var(--an-line); }
.an-quote-row { padding:17px 16px; border-bottom:1px solid var(--an-line); display:grid; grid-template-columns:1.3fr .8fr .8fr 1fr; gap:12px; align-items:center; font-size:12px; }
.an-quote-row:last-child { border-bottom:0; }
.an-quote-labels { background:#eef5ea; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }
.an-quote-row em { color:var(--an-green); font-style:normal; font-weight:800; }
.an-samples { background:#edf4e9; }
.an-sample-card { margin:0; display:grid; grid-template-columns:1.3fr .7fr; background:#fff; border:1px solid var(--an-line); box-shadow:0 25px 70px rgba(6,41,30,.12); }
.an-sample-image { min-height:570px; overflow:hidden; background:#e8eee5; }
.an-sample-image img { width:100%; height:100%; display:block; object-fit:cover; object-position:top center; }
.an-sample-copy { padding:48px; display:flex; flex-direction:column; justify-content:center; }
.an-sample-copy>span { color:var(--an-green); font:850 10px/1.3 var(--font-geist-mono),monospace; letter-spacing:.1em; text-transform:uppercase; }
.an-sample-copy h3 { margin:22px 0 16px; font-size:34px; line-height:1.08; }
.an-sample-copy p { color:var(--an-muted); font-size:13px; line-height:1.65; }
.an-sample-copy .an-button { margin-top:20px; }
.an-process { background:var(--an-deep); color:#fff; }
.an-section-head-light .an-eyebrow { color:var(--an-lime); }
.an-step-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.an-step-grid article { min-height:300px; padding:30px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05); }
.an-step-grid span { color:var(--an-lime); font:850 9px/1 var(--font-geist-mono),monospace; letter-spacing:.1em; }
.an-step-grid h3 { margin:70px 0 16px; font-size:24px; line-height:1.12; }
.an-step-grid p { color:rgba(255,255,255,.66); font-size:14px; line-height:1.65; }
.an-materials { background:#fff; }
.an-material-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.an-material-grid article { min-height:430px; padding:38px; background:#f4f7f1; border:1px solid var(--an-line); position:relative; overflow:hidden; }
.an-material-grid article:first-child { padding-top:240px; }
.an-material-photo { height:210px; position:absolute; inset:0 0 auto; background:url('/assets/framing.jpg') center/cover no-repeat; }
.an-material-grid h3 { margin:24px 0 15px; font-size:35px; line-height:1.08; }
.an-material-grid p { color:var(--an-muted); line-height:1.7; }
.an-pricing-note { margin:18px 0 0; color:var(--an-muted); font-size:12px; }
.an-membership { background:linear-gradient(120deg,#dff0d7,#f4f9f1); }
.an-membership-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:90px; }
.an-membership-grid>div:first-child>strong,.an-membership-grid>div:first-child>em { margin-top:12px; display:block; font-style:normal; font-size:18px; }
.an-price { margin:34px 0 0; color:var(--an-green); font-size:88px; font-weight:900; line-height:.9; letter-spacing:-.07em; }
.an-price span { font-size:24px; letter-spacing:-.02em; }
.an-membership-details { padding:42px; background:#fff; border-top:6px solid var(--an-green); box-shadow:0 22px 60px rgba(6,41,30,.12); }
.an-membership-details p { color:var(--an-muted); font-size:16px; line-height:1.7; }
.an-membership-details small { display:block; color:var(--an-muted); }
.an-membership-details .an-button { margin-top:25px; }
.an-faq { background:#fff; }
.an-faq-grid { display:grid; grid-template-columns:.65fr 1.35fr; gap:90px; align-items:start; }
.an-faq-intro { position:sticky; top:122px; }
.an-faq-list details { border-top:1px solid var(--an-line); }
.an-faq-list details:last-child { border-bottom:1px solid var(--an-line); }
.an-faq-list summary { padding:22px 0; display:flex; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; font-size:18px; font-weight:770; }
.an-faq-list summary::-webkit-details-marker { display:none; }
.an-faq-list summary span { color:var(--an-green); }
.an-faq-list details[open] summary span { transform:rotate(45deg); }
.an-faq-list details p { margin:0 0 23px; color:var(--an-muted); line-height:1.65; }
.an-request { background:#eef5ea; }
.an-request-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:70px; align-items:start; }
.an-request-copy { position:sticky; top:120px; }
.an-request-copy>p:not(.an-eyebrow) { color:var(--an-muted); font-size:16px; line-height:1.7; }
.an-contact-card { margin-top:32px; padding:27px; background:var(--an-deep); color:#fff; display:grid; gap:11px; }
.an-contact-card span { color:var(--an-lime); font:800 9px/1 var(--font-geist-mono),monospace; letter-spacing:.11em; }
.an-contact-card a { font-size:18px; font-weight:800; }
.an-contact-card small { color:rgba(255,255,255,.58); }
.an-inquiry-form { padding:32px; background:#fff; border-top:6px solid var(--an-green); box-shadow:0 25px 70px rgba(6,41,30,.12); }
.an-form-heading span { color:var(--an-green); font:850 9px/1 var(--font-geist-mono),monospace; letter-spacing:.12em; }
.an-form-heading h3 { margin:14px 0 8px; font-size:30px; }
.an-form-heading p { color:var(--an-muted); font-size:12px; line-height:1.55; }
.an-ghl-form-frame { width:100%; min-height:850px; border:0; display:block; }
.an-form-note { margin:14px 0 0; color:var(--an-muted); font-size:10px; line-height:1.55; text-align:center; }
.an-supplier { padding:76px 0; background:#d8ebcf; }
.an-supplier-grid { display:grid; grid-template-columns:1fr auto; align-items:center; gap:70px; }
.an-supplier-grid p:last-child { max-width:820px; color:var(--an-muted); line-height:1.65; }
.an-footer { padding:58px 0 24px; background:#02170f; color:#fff; }
.an-footer-grid { padding-bottom:38px; display:grid; grid-template-columns:.8fr 1.1fr .6fr; align-items:center; gap:55px; }
.an-footer-grid img { width:min(290px,100%); padding:8px; background:#fff; border-radius:8px; }
.an-footer-grid p { color:rgba(255,255,255,.62); }
.an-footer-grid>div { display:grid; gap:10px; }
.an-footer-grid a { color:var(--an-lime); font-weight:750; }
.an-footer-bottom { padding-top:22px; border-top:1px solid rgba(255,255,255,.1); display:flex; justify-content:space-between; gap:28px; color:rgba(255,255,255,.42); font-size:9px; }
.an-mobile-cta { display:none; }

@media (max-width:980px) {
  .an-header nav a:not(.an-nav-cta) { display:none; }
  .an-hero-grid,.an-vince-grid,.an-buying-power-head,.an-compare-grid,.an-membership-grid,.an-faq-grid,.an-request-grid { grid-template-columns:1fr; gap:52px; }
  .an-hero-card { display:none; }
  .an-benefit-grid,.an-step-grid,.an-volume-benefits { grid-template-columns:1fr 1fr; }
  .an-volume-grid { grid-template-columns:1fr; }
  .an-sample-card { grid-template-columns:1fr; }
  .an-sample-image { min-height:500px; }
  .an-faq-intro,.an-request-copy { position:static; }
  .an-footer-grid { grid-template-columns:1fr 1fr; }
  .an-footer-grid p { grid-column:1/-1; grid-row:2; }
}

@media (max-width:650px) {
  .an-page { padding-bottom:66px; }
  .an-shell { width:min(100% - 30px,1180px); }
  .an-header { min-height:70px; padding:0 15px; }
  .an-header nav { display:none; }
  .an-brand img { width:47px; height:47px; }
  .an-brand strong { font-size:11px; }
  .an-brand small { font-size:7px; }
  .an-header .an-nav-cta { padding:12px 10px; font-size:7px; }
  .an-hero { min-height:auto; }
  .an-hero-grid { min-height:790px; padding:78px 0 62px; }
  .an-hero-shade { background:linear-gradient(90deg,rgba(4,31,22,.98),rgba(4,31,22,.78)); }
  .an-hero h1 { font-size:55px; }
  .an-hero h2 { font-size:25px; }
  .an-lede { font-size:16px; }
  .an-actions { align-items:stretch; flex-direction:column; }
  .an-button { width:100%; }
  .an-section { padding:76px 0; }
  .an-section h2,.an-supplier h2 { font-size:40px; }
  .an-problem p { font-size:16px; }
  .an-vince-mark { min-height:245px; }
  .an-vince-mark span { font-size:76px; }
  .an-benefit-grid,.an-step-grid,.an-material-grid { grid-template-columns:1fr; }
  .an-volume-intro,.an-package-band,.an-volume-benefits { grid-template-columns:1fr; }
  .an-volume-intro { margin-top:42px; gap:12px; }
  .an-volume-card-head { min-height:auto; }
  .an-volume-total strong { font-size:34px; }
  .an-package-band { padding:24px 20px; gap:32px; }
  .an-package-band article { grid-template-columns:66px 1fr; gap:17px; }
  .an-volume-cta { display:none; }
  .an-benefit-grid article,.an-step-grid article { min-height:240px; }
  .an-benefit-grid h3,.an-step-grid h3 { margin-top:52px; }
  .an-quote-card { padding:14px; overflow-x:auto; }
  .an-quote-table { min-width:560px; }
  .an-quote-row { padding:14px 11px; }
  .an-sample-image { min-height:360px; }
  .an-sample-copy { padding:30px 23px; }
  .an-material-grid article { min-height:auto; padding:30px 23px; }
  .an-material-grid article:first-child { padding-top:225px; }
  .an-membership-details { padding:30px 23px; }
  .an-price { font-size:72px; }
  .an-inquiry-form { padding:24px 15px; }
  .an-ghl-form-frame { min-height:980px; }
  .an-supplier-grid,.an-footer-grid { grid-template-columns:1fr; gap:28px; }
  .an-footer-grid p { grid-column:auto; grid-row:auto; }
  .an-footer-bottom { flex-direction:column; }
  .an-mobile-cta { min-height:56px; padding:14px 18px; position:fixed; z-index:100; left:9px; right:9px; bottom:8px; display:flex; align-items:center; justify-content:center; background:var(--an-green); color:#fff!important; box-shadow:0 12px 30px rgba(5,29,24,.35); font:850 9px/1.2 var(--font-geist-mono),monospace; letter-spacing:.08em; text-transform:uppercase; }
}