/* DonorAssured — shared stylesheet for every page.
   Tokens first, then components in page order. One breakpoint set: 1320 / 1120 / 640. */

/* ── Reset ────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--da-deeper)}
/* Clip on html as well as body: Android browsers still pan sideways to overflow when only body is clipped. `clip` keeps position:sticky working. */
html,body{overflow-x:hidden;overflow-x:clip}
body{font-family:"Inter",system-ui,-apple-system,sans-serif;font-weight:425;line-height:1.6;color:var(--da-ink);background:var(--da-white);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
::selection{background:rgba(47,211,154,.28)}

/* ── Design tokens ────────────────────────────────────── */
:root{
  --da-deep:      #0b2a22;   /* hero, statement, footer */
  --da-deeper:    #07201a;
  --da-primary:   #1f4a3d;
  --da-ink:       #1c2522;
  --da-stone:     #5e6b66;
  --da-border:    #d6dcd8;
  --da-surface:   #f1f5f2;
  --da-white:     #fafbf9;
  --da-paper:     #fffdf7;
  --da-green:     #2fd39a;   /* on dark grounds — the mark, the hero, the stamp */
  --da-green-ink: #0f6b4b;   /* on light grounds — labels, links; 5.6:1 on white */
  --da-green-soft:#cfeee0;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --serif:"DM Serif Display",Georgia,serif;
  --radius:.5rem;
  --radius-lg:.75rem;
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ── Typography ───────────────────────────────────────── */
h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.75rem,6vw,4.75rem);line-height:1.04;letter-spacing:-.015em;color:var(--da-white)}
h1 em{font-style:italic;color:var(--da-green)}
h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:-.012em;line-height:1.12;color:var(--da-deep)}
h3{font-family:var(--serif);font-size:1.375rem;font-weight:400;letter-spacing:-.005em;line-height:1.25;color:var(--da-deep)}
.label{font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--da-green-ink)}
.label::before{content:"";display:inline-block;width:1.5rem;height:1px;background:currentColor;vertical-align:middle;margin-right:.75rem;opacity:.7}
.body-lg{font-size:1.125rem;line-height:1.65;color:var(--da-stone)}
.container{max-width:1160px;margin:0 auto;padding:0 1.5rem}
.skip{position:absolute;left:-999px;top:0;background:var(--da-green);color:var(--da-deep);padding:.6rem 1rem;z-index:100;border-radius:0 0 var(--radius) 0;font-weight:500}
.skip:focus{left:0}
:focus-visible{outline:2px solid var(--da-green);outline-offset:3px}

/* ── Buttons ──────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:var(--radius);font-size:.9375rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s,color .25s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-green{background:var(--da-green);color:var(--da-deep);border-color:var(--da-green)}
.btn-green:hover{background:#4fe0ad;box-shadow:0 8px 24px rgba(47,211,154,.28)}
.btn-outline{background:transparent;color:var(--da-white);border-color:rgba(255,255,255,.3)}
.btn-outline:hover{border-color:var(--da-green);color:var(--da-green)}
.btn-primary{background:var(--da-deep);color:var(--da-white);border-color:var(--da-deep)}
.btn-primary:hover{background:var(--da-primary);box-shadow:0 8px 24px rgba(11,42,34,.18)}
.btn-primary:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}
.btn .arrow{transition:transform .25s var(--ease)}
.btn:hover .arrow{transform:translateX(3px)}

/* ── Nav ──────────────────────────────────────────────── */
nav.site{position:fixed;top:0;left:0;right:0;z-index:50;padding:1rem 0;transition:background .3s,backdrop-filter .3s,box-shadow .3s,padding .3s}
nav.site.scrolled,nav.site.solid{background:rgba(11,42,34,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.06);padding:.65rem 0}
nav.site.solid{position:sticky}
nav.site .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nav-brand{display:flex;align-items:center;gap:.7rem}
.nav-logo{width:34px;height:34px}
.nav-name{font-family:var(--serif);font-size:1.45rem;letter-spacing:.01em;color:var(--da-white);line-height:1}
.nav-name .mark{color:var(--da-green)}
.nav-subtitle{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-top:.3rem}
.nav-links{display:flex;gap:2rem;font-size:.9rem;color:rgba(255,255,255,.72)}
.nav-links a{position:relative;padding:.25rem 0}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--da-green);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-links a:hover{color:var(--da-white)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:1rem}
.nav-cta{padding:.6rem 1.1rem;font-size:.875rem}
.nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);color:var(--da-white);width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer}
.nav-toggle svg{width:20px;height:20px}
.nav-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--da-deeper);z-index:49;padding:6rem 1.5rem 2rem;flex-direction:column;gap:1.5rem;font-size:1.25rem;color:var(--da-white)}
.nav-menu.open{display:flex}
.nav-menu a{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
body.menu-open{overflow:hidden}

/* ── Hero ─────────────────────────────────────────────── */
.hero{position:relative;background:var(--da-deep);color:var(--da-white);padding:9.5rem 0 6rem;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-bg .glow{position:absolute;width:70vw;height:70vw;max-width:900px;max-height:900px;border-radius:50%;filter:blur(80px);opacity:.55}
.hero-bg .glow-a{background:radial-gradient(circle,rgba(47,211,154,.22),transparent 60%);top:-20%;right:-10%;animation:drift 18s ease-in-out infinite alternate}
.hero-bg .glow-b{background:radial-gradient(circle,rgba(31,74,61,.95),transparent 60%);bottom:-30%;left:-15%;animation:drift 22s ease-in-out infinite alternate-reverse}
.hero-bg .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%)}
@keyframes drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-6%,8%,0)}}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.eyebrow{display:inline-flex;align-items:flex-start;gap:.6rem;line-height:1.6;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--da-green);margin-bottom:1.75rem}
.eyebrow .dot{flex:none;margin-top:.45em;width:6px;height:6px;border-radius:50%;background:var(--da-green);box-shadow:0 0 0 4px rgba(47,211,154,.18);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(47,211,154,.18)}50%{box-shadow:0 0 0 7px rgba(47,211,154,.06)}}
.hero h1{font-size:clamp(3rem,6.2vw,5.25rem);letter-spacing:-.02em}
.hero p.body-lg{color:rgba(255,255,255,.68);max-width:34rem;margin:1.75rem 0 2.25rem}
.hero-actions{display:flex;gap:.875rem;flex-wrap:wrap}
.hero-proof{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:rgba(255,255,255,.55);display:flex;gap:1.5rem;flex-wrap:wrap}
.hero-proof span{display:inline-flex;align-items:center;gap:.5rem}
.hero-proof svg{width:16px;height:16px;color:var(--da-green)}

/* The pack: certificates settling under a filed return */
.pack{position:relative;height:480px;perspective:1400px}
.sheet{position:absolute;left:50%;top:50%;width:270px;height:360px;margin:-180px 0 0 -135px;background:var(--da-paper);border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.45),0 2px 0 rgba(255,255,255,.6) inset;transform-style:preserve-3d;padding:1.5rem 1.4rem;color:var(--da-deep);opacity:0;transform:translate3d(var(--x,0),var(--y,0),0) rotate(var(--r0,0deg)) scale(.9);animation:settle 1.1s var(--ease) forwards;animation-delay:var(--d,0s)}
.sheet .ref{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;color:var(--da-green-ink);display:flex;justify-content:space-between}
.sheet .ref b{font-weight:500;color:var(--da-deep)}
.sheet .title{font-family:var(--serif);font-size:1.15rem;margin-top:.9rem;line-height:1.2}
.sheet .lines{margin-top:1rem;display:grid;gap:.5rem}
.sheet .lines i{display:block;height:6px;border-radius:3px;background:#e4e9e4}
.sheet .lines i:nth-child(2){width:85%}.sheet .lines i:nth-child(3){width:70%}.sheet .lines i:nth-child(5){width:60%}
.sheet .amount{margin-top:1.1rem;font-family:var(--mono);font-size:.78rem;color:var(--da-stone);display:flex;justify-content:space-between}
.sheet .amount b{color:var(--da-deep);font-weight:500}
.sheet .stamp{position:absolute;right:1.1rem;bottom:1.1rem;width:52px;height:52px;border-radius:50%;border:1.5px solid var(--da-green);display:flex;align-items:center;justify-content:center;opacity:.95;transform:rotate(-8deg)}
.sheet .stamp svg{width:24px;height:24px;color:var(--da-green-ink)}
.sheet:nth-child(1){--x:-180px;--y:120px;--r0:-18deg;--r:-16deg;--tx:-150px;--ty:14px;--d:.15s}
.sheet:nth-child(2){--x:160px;--y:140px;--r0:16deg;--r:-8deg;--tx:-78px;--ty:4px;--d:.3s}
.sheet:nth-child(3){--x:-120px;--y:-160px;--r0:-12deg;--r:0deg;--tx:0px;--ty:0px;--d:.45s}
.sheet:nth-child(4){--x:200px;--y:-120px;--r0:14deg;--r:8deg;--tx:78px;--ty:4px;--d:.6s}
.sheet:nth-child(5){--x:0;--y:200px;--r0:0deg;--r:16deg;--tx:150px;--ty:14px;--d:.75s}
.sheet.top{--x:0;--y:-240px;--r0:0deg;--r:0deg;--tx:0px;--ty:36px;--d:1s;box-shadow:0 40px 80px rgba(0,0,0,.5)}
@keyframes settle{to{opacity:1;transform:translate3d(var(--tx,0),var(--ty,0),0) rotate(var(--r)) scale(1)}}
.pack::after{content:"";position:absolute;left:50%;top:50%;width:360px;height:360px;margin:-180px 0 0 -180px;border-radius:50%;border:1px solid rgba(47,211,154,.2);z-index:-1;animation:ring 1.8s var(--ease) .2s both}
@keyframes ring{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.pack-caption{position:absolute;left:0;right:0;bottom:-.5rem;text-align:center;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.58);opacity:0;animation:fade 1s ease 1.4s forwards}
@keyframes fade{to{opacity:1}}
.pack .sheet{transition:transform .5s var(--ease)}
.pack:hover .sheet:nth-child(1){transform:translate3d(-176px,18px,0) rotate(-19deg) scale(1)}
.pack:hover .sheet:nth-child(2){transform:translate3d(-92px,6px,0) rotate(-10deg) scale(1)}
.pack:hover .sheet:nth-child(4){transform:translate3d(92px,6px,0) rotate(10deg) scale(1)}
.pack:hover .sheet:nth-child(5){transform:translate3d(176px,18px,0) rotate(19deg) scale(1)}
.pack:hover .sheet.top{transform:translate3d(0,22px,0) rotate(0) scale(1.02)}

/* ── Ticker ───────────────────────────────────────────── */
.ticker{background:var(--da-deeper);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden;padding:1rem 0;color:rgba(255,255,255,.5);font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ticker-track{display:flex;width:max-content;animation:ticker 48s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track span{padding:0 1.75rem;white-space:nowrap;display:flex;align-items:center;gap:1.75rem}
.ticker-track span::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--da-green);opacity:.7}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ── Sections ─────────────────────────────────────────── */
section{padding:7rem 0}
.section-header{max-width:44rem;margin-bottom:4rem}
.section-header .label{display:block;margin-bottom:1.25rem}
.section-header p{margin-top:1.25rem;font-size:1.0625rem;color:var(--da-stone);line-height:1.65}

/* What's included — the editorial grid */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--da-border);border-left:1px solid var(--da-border)}
.feature-card{position:relative;padding:2.5rem 2rem 2.75rem;border-right:1px solid var(--da-border);border-bottom:1px solid var(--da-border);background:var(--da-white);transition:background .35s}
.feature-card::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--da-green-ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.feature-card:hover{background:#fff}
.feature-card:hover::before{transform:scaleX(1)}
.feature-num{font-family:var(--serif);font-size:2.75rem;line-height:1;color:#7fa896;transition:color .35s;margin-bottom:1.5rem}
.feature-card:hover .feature-num{color:var(--da-green-ink)}
.feature-card h3{margin-bottom:.75rem}
.feature-card p{font-size:.9375rem;color:var(--da-stone);line-height:1.65}

/* How it works — the drawn timeline */
.process{background:var(--da-surface);position:relative}
.timeline{position:relative;display:grid;gap:0;max-width:52rem}
.timeline::before{content:"";position:absolute;left:35px;top:0;bottom:0;width:1px;background:var(--da-border)}
.timeline::after{content:"";position:absolute;left:35px;top:0;width:1px;height:var(--draw,0%);background:var(--da-green-ink);transition:height .8s var(--ease)}
.step{position:relative;display:grid;grid-template-columns:72px 1fr;gap:2rem;padding:0 0 3.5rem;align-items:start}
.step:last-child{padding-bottom:0}
.step-num{width:72px;height:72px;border-radius:50%;background:var(--da-white);border:1px solid var(--da-border);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.5rem;color:var(--da-primary);position:relative;z-index:1;transition:border-color .4s,box-shadow .4s,color .4s}
.step.on .step-num{border-color:var(--da-green-ink);color:var(--da-green-ink);box-shadow:0 0 0 6px rgba(15,107,75,.08)}
.step h4{font-family:var(--serif);font-weight:400;font-size:1.5rem;color:var(--da-deep);margin:.9rem 0 .5rem;line-height:1.2}
.step p{font-size:1rem;color:var(--da-stone);line-height:1.65;max-width:38rem}
.step .you{display:inline-block;margin-top:.75rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--da-green-ink);background:var(--da-green-soft);padding:.25rem .6rem;border-radius:999px}
.process-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:start}
.process-grid .section-header{margin-bottom:0;position:sticky;top:6.5rem}
.process-grid .section-header .aside{margin-top:2rem;padding:1.25rem 1.4rem;border-left:2px solid var(--da-green-ink);background:#fff;border-radius:0 var(--radius) var(--radius) 0;font-size:.95rem;color:var(--da-primary)}

/* Statement + stats */
.statement{background:var(--da-deep);color:var(--da-white);position:relative;overflow:hidden;padding:7rem 0}
.statement::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(47,211,154,.14),transparent 55%)}
.statement .container{position:relative}
.statement .big{font-family:var(--serif);font-size:clamp(2.25rem,5vw,4rem);line-height:1.08;letter-spacing:-.015em;max-width:16ch}
.statement .big em{font-style:italic;color:var(--da-green)}
.statement .sub{max-width:36rem;color:rgba(255,255,255,.66);font-size:1.0625rem;margin-top:1.5rem;line-height:1.65}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:5rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.1)}
.stat-value{font-family:var(--serif);font-size:clamp(3rem,6vw,4.5rem);color:var(--da-green);line-height:1;margin-bottom:.75rem;font-variant-numeric:tabular-nums}
.stat-label{font-size:.9rem;color:rgba(255,255,255,.6);line-height:1.55;max-width:22rem}
.trusted{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;font-size:.9rem;color:rgba(255,255,255,.6)}
.trusted .label{color:var(--da-green)}
.trusted b{font-family:var(--serif);font-weight:400;font-size:1.25rem;color:var(--da-white)}

/* Customers */
.customers{background:var(--da-white);padding-top:0}
.customers-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.customer{display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;min-height:9rem;padding:1.5rem;border:1px solid var(--da-border);border-radius:var(--radius-lg);background:#fff;transition:border-color .3s,transform .3s var(--ease)}
.customer:hover{border-color:var(--da-green-ink);transform:translateY(-2px)}
.customer-name{font-family:var(--serif);font-size:1.2rem;line-height:1.25;color:var(--da-deep)}
.customer-tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--da-green-ink)}

/* Who it's for */
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.audience{padding:2rem;border:1px solid var(--da-border);border-radius:var(--radius-lg);background:#fff;transition:border-color .3s,transform .3s var(--ease)}
.audience:hover{border-color:var(--da-green-ink);transform:translateY(-2px)}
.audience svg{width:28px;height:28px;color:var(--da-green-ink);margin-bottom:1.25rem}
.audience h3{font-size:1.25rem;margin-bottom:.5rem}
.audience p{font-size:.9375rem;color:var(--da-stone);line-height:1.6}

/* FAQ */
.faq{background:var(--da-surface)}
.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:start}
.faq-grid .section-header{margin-bottom:0;position:sticky;top:6.5rem}
.faq-list{border-top:1px solid var(--da-border)}
.faq-item{border-bottom:1px solid var(--da-border)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;background:none;border:0;padding:1.4rem 0;cursor:pointer;font-family:var(--serif);font-size:1.25rem;color:var(--da-deep);line-height:1.3}
.faq-q svg{flex:none;width:20px;height:20px;color:var(--da-green-ink);transition:transform .35s var(--ease)}
.faq-q[aria-expanded="true"] svg{transform:rotate(45deg)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.faq-a>div{overflow:hidden}
.faq-a p{padding:0 0 1.5rem;color:var(--da-stone);font-size:1rem;line-height:1.65;max-width:40rem}
.faq-item.open .faq-a{grid-template-rows:1fr}

/* CTA + form */
.cta{background:var(--da-white);padding:7rem 0}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.cta h2{margin:1.25rem 0 1rem}
.cta .body-lg{max-width:30rem}
.cta-points{list-style:none;margin-top:2rem;display:grid;gap:.75rem;color:var(--da-primary);font-size:.95rem}
.cta-points li{display:flex;gap:.75rem;align-items:flex-start}
.cta-points svg{width:18px;height:18px;flex:none;color:var(--da-green-ink);margin-top:.15rem}
.cta-email{margin-top:2rem;font-size:.95rem;color:var(--da-stone)}
.cta-email a{color:var(--da-green-ink);text-decoration:underline;text-decoration-color:rgba(15,107,75,.35);text-underline-offset:3px}
.contact-form{background:#fff;border:1px solid var(--da-border);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:0 20px 50px rgba(11,42,34,.06)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{margin-bottom:1.25rem}
.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--da-primary);margin-bottom:.4rem}
.form-input{width:100%;padding:.8rem .95rem;border:1px solid var(--da-border);border-radius:var(--radius);font:inherit;font-size:.95rem;color:var(--da-deep);background:var(--da-white);transition:border-color .2s,box-shadow .2s}
.form-input::placeholder{color:#6f7a75}
.form-input:focus{outline:none;border-color:var(--da-green-ink);box-shadow:0 0 0 3px rgba(15,107,75,.14)}
.form-input[aria-invalid="true"]{border-color:#9b2c2c}
select.form-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235e6b66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.5rem}
.form-textarea{resize:vertical;min-height:120px}
.form-submit{width:100%;justify-content:center;padding:.95rem}
.form-error{display:none;font-size:.8125rem;color:#9b2c2c;margin-top:.4rem}
.form-error.visible{display:block}
.form-success{display:none;font-size:.9rem;color:#1f6b45;margin-top:1rem;text-align:center}
.form-success.visible{display:block}
.form-note{font-size:.78rem;color:var(--da-stone);text-align:center;margin-top:1rem}
.form-note a{color:var(--da-green-ink)}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}

/* ── Footer ───────────────────────────────────────────── */
footer.site{background:var(--da-deeper);color:rgba(255,255,255,.55);padding:4rem 0 2rem;font-size:.875rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand p{margin-top:1rem;max-width:22rem;line-height:1.6}
.footer-col h4{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--da-green);margin-bottom:1rem;font-weight:500}
.footer-col a{display:block;margin-bottom:.6rem;transition:color .2s}
.footer-col a:hover{color:var(--da-white)}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.5rem;font-size:.8rem;color:rgba(255,255,255,.55)}

/* ── Legal / simple pages ─────────────────────────────── */
.page-head{background:var(--da-deep);color:var(--da-white);padding:4.5rem 0 3.5rem;position:relative;overflow:hidden}
.page-head::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 0%,rgba(47,211,154,.14),transparent 55%)}
.page-head .container{position:relative}
.page-head .label{color:var(--da-green)}
.page-head h1{font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.08;letter-spacing:-.012em;margin:1rem 0 1rem}
.page-head p{color:rgba(255,255,255,.66);max-width:40rem}
.updated{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:1.5rem}
.layout{display:grid;grid-template-columns:230px 1fr;gap:4rem;padding:4rem 0 6rem}
.toc{position:sticky;top:5.5rem;align-self:start;font-size:.875rem}
.toc .label{display:block;margin-bottom:1rem}
.toc a{display:block;padding:.4rem 0 .4rem .9rem;border-left:1px solid var(--da-border);color:var(--da-stone);transition:color .2s,border-color .2s}
.toc a:hover,.toc a.on{color:var(--da-deep);border-left-color:var(--da-green-ink)}
article{max-width:46rem}
article h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.01em;color:var(--da-deep);margin-bottom:1.25rem}
article h3{font-family:var(--serif);font-weight:400;font-size:1.25rem;color:var(--da-deep);margin:2.25rem 0 .6rem;scroll-margin-top:5.5rem}
article h3 .n{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;color:var(--da-green-ink);margin-right:.75rem;vertical-align:middle}
article p,article li{color:#3a4440;font-size:1rem}
article p+p{margin-top:.9rem}
article ul{margin:.75rem 0 0 1.25rem}
article li{margin-bottom:.5rem}
article a{color:var(--da-green-ink);text-decoration:underline;text-decoration-color:rgba(15,107,75,.35);text-underline-offset:3px}
article a:hover{text-decoration-color:var(--da-green-ink)}
article table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9375rem}
article th,article td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--da-border);vertical-align:top}
article th{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--da-stone);font-weight:500}
.notfound{min-height:70vh;display:flex;align-items:center;background:var(--da-deep);color:var(--da-white)}
.notfound h1{margin:1rem 0}
.notfound p{color:rgba(255,255,255,.66);max-width:34rem;margin-bottom:2rem}

/* ── Reveal on scroll ─────────────────────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.1s}.reveal[data-delay="2"]{transition-delay:.2s}.reveal[data-delay="3"]{transition-delay:.3s}.reveal[data-delay="4"]{transition-delay:.4s}.reveal[data-delay="5"]{transition-delay:.5s}

/* ── Responsive ───────────────────────────────────────── */
@media(max-width:1320px) and (min-width:1121px){
  .pack{transform:scale(.78);transform-origin:center center}
  .hero-grid{gap:2rem;grid-template-columns:1fr 1fr}
  .hero h1{font-size:clamp(2.75rem,5.5vw,4.75rem)}
}
@media(max-width:1120px){
  .hero-grid{grid-template-columns:1fr;gap:3.5rem}
  .pack{height:400px}
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid,.faq-grid{grid-template-columns:1fr;gap:3rem}
  .process-grid .section-header,.faq-grid .section-header{position:static}
  .cta-grid{grid-template-columns:1fr;gap:3rem}
  .audience-grid{grid-template-columns:1fr}
  .customers-grid{grid-template-columns:repeat(2,1fr)}
  .nav-links{display:none}
  .nav-toggle{display:inline-flex}
  .layout{grid-template-columns:1fr;gap:2rem}
  .toc{position:static}
}
@media(max-width:640px){
  section,.statement,.cta{padding:4.5rem 0}
  .hero{padding:7rem 0 4rem}
  .pack{height:400px}
  .pack .sheet{top:44%}
  .pack-caption{font-size:.62rem;letter-spacing:.1em;padding:0 1rem;bottom:0}
  .sheet{width:210px;height:280px;margin:-140px 0 0 -105px;padding:1.1rem 1rem}
  .sheet .title{font-size:1rem}
  .pack::after{width:280px;height:280px;margin:-140px 0 0 -140px}
  .sheet:nth-child(1){--x:-110px;--y:80px;--tx:-96px;--ty:10px}.sheet:nth-child(2){--x:100px;--y:90px;--tx:-50px;--ty:3px}.sheet:nth-child(3){--x:-80px;--y:-100px}.sheet:nth-child(4){--x:120px;--y:-80px;--tx:50px;--ty:3px}.sheet:nth-child(5){--y:130px;--tx:96px;--ty:10px}.sheet.top{--y:-160px;--ty:26px}
  .features-grid{grid-template-columns:1fr}
  .customers-grid{grid-template-columns:1fr}
  .feature-card{padding:2rem 1.5rem}
  .step{grid-template-columns:56px 1fr;gap:1.25rem;padding-bottom:2.5rem}
  .step-num{width:56px;height:56px;font-size:1.25rem}
  .timeline::before,.timeline::after{left:27px}
  .stats-grid{grid-template-columns:1fr;gap:2.25rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .contact-form{padding:1.5rem}
  .form-row{grid-template-columns:1fr}
  .nav-subtitle{display:none}
  .nav-cta{display:none}
  .faq-q{font-size:1.1rem}
  article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .sheet{opacity:1;transform:translate3d(var(--tx,0),var(--ty,0),0) rotate(var(--r))}
  .pack-caption{opacity:1}
  .reveal{opacity:1;transform:none}
  .timeline::after{height:100%}
}