:root{--bg: #faf8f5;--bg-alt: #f2eee7;--ink: #0a0a0a;--ink-soft: #3a3530;--ink-mute: #6e655d;--line: #d8d0c4;--line-soft: #e8e2d6;--brand: #97080f;--brand-soft: #c44b51;--after: #2d4a3e;--after-soft: #5a7b6d;--warn: #b8651a;--before: #8a8580;--paper: #ffffff;--shadow: 0 1px 0 rgba(10,10,10,.04), 0 8px 24px -12px rgba(10,10,10,.08);--serif: "Fraunces", "Georgia", serif;--sans: "Geist", -apple-system, system-ui, sans-serif;--mono: "JetBrains Mono", "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(circle at 20% 10%,rgba(151,8,15,.03) 0%,transparent 40%),radial-gradient(circle at 80% 60%,rgba(45,74,62,.025) 0%,transparent 50%)}.container{max-width:1280px;margin:0 auto;padding:0 40px}.doc-header{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:50;backdrop-filter:blur(20px);background:#ffffffeb}.doc-header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.doc-mark{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:12px}.doc-mark:before{content:"";width:26px;height:26px;background:var(--brand);border-radius:4px;display:inline-block;position:relative}.doc-meta{display:flex;gap:28px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute)}.doc-meta span strong{color:var(--ink);font-weight:500}.hero{padding:100px 0 80px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"BRIEF / 001";position:absolute;top:40px;right:40px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--ink-mute)}.hero-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin-bottom:28px;display:flex;align-items:center;gap:14px}.hero-eyebrow:after{content:"";flex:1;height:1px;background:var(--line);max-width:200px}.hero h1{font-family:var(--serif);font-size:clamp(48px,6.5vw,88px);font-weight:400;line-height:.98;letter-spacing:-.035em;color:var(--ink);margin-bottom:32px;max-width:18ch}.hero h1 em{font-style:italic;color:var(--brand);font-weight:300}.hero-lede{font-family:var(--serif);font-size:22px;line-height:1.45;font-weight:300;color:var(--ink-soft);max-width:62ch;margin-bottom:56px}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-top:40px;border-top:1px solid var(--line)}.hero-stat-num{font-family:var(--serif);font-size:42px;font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--ink);margin-bottom:8px}.hero-stat-num.before{color:var(--before)}.hero-stat-num.after{color:var(--after)}.hero-stat-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}section{padding:80px 0;border-bottom:1px solid var(--line)}.section-header{display:grid;grid-template-columns:200px 1fr;gap:60px;margin-bottom:56px}.section-num{font-family:var(--mono);font-size:12px;letter-spacing:.15em;color:var(--brand);text-transform:uppercase;padding-top:18px;border-top:2px solid var(--brand);align-self:start}.section-title{font-family:var(--serif);font-size:42px;font-weight:400;line-height:1.05;letter-spacing:-.025em;color:var(--ink);max-width:22ch}.section-intro{font-family:var(--serif);font-size:18px;line-height:1.55;font-weight:300;color:var(--ink-soft);max-width:65ch;margin-top:18px}.scorecard{background:var(--paper);border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:var(--shadow)}.score-row{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1.5fr;align-items:center;padding:22px 28px;border-bottom:1px solid var(--line-soft);gap:24px}.score-row:last-child{border-bottom:none}.score-row.header{background:var(--bg-alt);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);padding:16px 28px}.score-metric{font-family:var(--serif);font-size:17px;font-weight:500;color:var(--ink)}.score-metric small{display:block;font-family:var(--sans);font-size:12px;color:var(--ink-mute);font-weight:400;margin-top:4px}.score-val{font-family:var(--mono);font-size:16px;font-weight:500}.score-val.before{color:var(--before)}.score-val.after{color:var(--after);font-weight:600}.score-val.target{color:var(--ink-mute)}.score-delta{font-family:var(--mono);font-size:12px;color:var(--after);padding:6px 10px;background:#2d4a3e14;border-radius:3px;display:inline-block}.score-delta.neg{color:var(--brand);background:#97080f14}.mockup-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.mockup{background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:var(--shadow);position:relative}.mockup-label{position:absolute;top:16px;left:16px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:3px;z-index:5}.mockup-label.before{background:#8a858026;color:var(--before);border:1px solid rgba(138,133,128,.3)}.mockup-label.after{background:#2d4a3e1a;color:var(--after);border:1px solid rgba(45,74,62,.25)}.browser-bar{background:var(--bg-alt);padding:14px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;color:var(--ink-mute)}.browser-dots{display:flex;gap:5px}.browser-dots span{width:9px;height:9px;border-radius:50%;background:var(--line)}.browser-url{flex:1;padding:4px 10px;background:var(--paper);border-radius:3px;border:1px solid var(--line-soft);font-size:10px;color:var(--ink-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-body{padding:0}.mock-before-hero{padding:40px 28px;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);color:#fff;min-height:280px;display:flex;flex-direction:column;justify-content:center}.mock-before-hero h2{font-family:var(--sans);font-size:24px;font-weight:600;margin-bottom:12px;letter-spacing:-.01em}.mock-before-hero p{font-size:12px;color:#ccc;margin-bottom:20px}.mock-before-hero .btn-row{display:flex;gap:8px}.mock-before-hero .btn{padding:7px 14px;background:var(--brand);color:#fff;border-radius:2px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mock-before-hero .btn.outline{background:transparent;border:1px solid #555;color:#ccc}.mock-before-body{padding:24px 28px}.mock-section-h{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);margin:18px 0 10px}.mock-section-h:first-child{margin-top:0}.mock-tired{font-size:11px;color:var(--ink-mute);line-height:1.65}.mock-tired li{margin:4px 0}.mock-generic-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.mock-icon-card{text-align:center;padding:14px 8px;background:var(--bg-alt);border-radius:3px}.mock-icon-card .ic{width:22px;height:22px;background:var(--brand);border-radius:50%;margin:0 auto 8px;opacity:.7}.mock-icon-card .lbl{font-size:9px;font-weight:600;color:var(--ink)}.mock-footer-faq{padding:18px 28px;background:var(--bg-alt);font-size:10px;color:var(--ink-mute);border-top:1px solid var(--line-soft)}.mock-footer-faq strong{color:var(--ink-soft);font-weight:500}.mock-after-hero{background:linear-gradient(135deg,#0d0d0d,#1a1a1a 60%,#2a1a1c);color:#fff;padding:0;position:relative;overflow:hidden}.mock-after-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(151,8,15,.4) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(45,74,62,.2) 0%,transparent 50%);pointer-events:none}.mock-after-hero-inner{position:relative;padding:36px 28px 32px;z-index:2}.mock-storefront{width:100%;aspect-ratio:16/7;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 100%),linear-gradient(135deg,#4a3528,#2a1f15 60%,#1a1410);border-radius:3px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0006}.mock-storefront:before{content:"STOREFRONT — 626 WARREN AVE";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:#fff6}.mock-storefront:after{content:"";position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px #97080f4d}.mock-after-hero h2{font-family:var(--serif);font-size:28px;font-weight:500;line-height:1.05;margin-bottom:14px;letter-spacing:-.02em}.mock-after-hero .bluf{font-size:11px;line-height:1.55;color:#ffffffc7;margin-bottom:18px;max-width:95%}.mock-nap-block{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:3px;margin-bottom:16px}.mock-nap-block .nap-row{font-family:var(--mono);font-size:10px;color:#ffffffd9;line-height:1.5}.mock-nap-block .nap-row strong{display:block;color:#ffffff80;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-weight:500}.mock-trust-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.mock-trust-pill{font-size:9.5px;padding:7px 10px;background:#ffffff12;border-left:2px solid var(--brand);color:#ffffffe0;line-height:1.4}.mock-after-body{padding:24px 28px}.mock-team-row{display:flex;gap:12px;align-items:center;padding:14px;background:var(--bg-alt);border-radius:3px;margin:16px 0}.mock-team-photo{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#c4b59a,#6e5d4a);flex-shrink:0;position:relative}.mock-team-photo:after{content:"★ NAVY VET";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:var(--after);color:#fff;font-family:var(--mono);font-size:6px;padding:2px 5px;border-radius:2px;letter-spacing:.06em;white-space:nowrap}.mock-team-info{font-size:11px;line-height:1.5}.mock-team-info strong{font-weight:600;color:var(--ink);display:block}.mock-team-info span{color:var(--ink-mute);font-size:10px}.mock-drive-table{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-family:var(--mono);font-size:10px;color:var(--ink-soft);margin:12px 0 18px}.mock-drive-table div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dotted var(--line-soft)}.mock-drive-table strong{color:var(--ink);font-weight:500}.gap-table{background:var(--paper);border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:var(--shadow)}.gap-row{display:grid;grid-template-columns:40px 2fr 1fr 1fr 2fr;align-items:start;padding:18px 24px;border-bottom:1px solid var(--line-soft);gap:20px}.gap-row:last-child{border-bottom:none}.gap-row.header{background:var(--bg-alt);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);padding:14px 24px}.gap-num{font-family:var(--mono);font-size:12px;color:var(--ink-mute)}.gap-section{font-family:var(--serif);font-size:15px;font-weight:500;color:var(--ink);line-height:1.35}.gap-section small{display:block;font-family:var(--sans);font-size:11px;color:var(--ink-mute);margin-top:4px;font-weight:400}.gap-status{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:3px;display:inline-block;font-weight:500}.gap-status.missing{background:#97080f14;color:var(--brand);border:1px solid rgba(151,8,15,.2)}.gap-status.partial{background:#b8651a14;color:var(--warn);border:1px solid rgba(184,101,26,.2)}.gap-status.present{background:#2d4a3e14;color:var(--after);border:1px solid rgba(45,74,62,.2)}.gap-fix{font-size:12px;color:var(--ink-soft);line-height:1.5}.copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.copy-card{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:32px;box-shadow:var(--shadow);position:relative}.copy-card.before-card{border-left:3px solid var(--before);opacity:.92}.copy-card.after-card{border-left:3px solid var(--brand)}.copy-card-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:14px;display:flex;align-items:center;gap:10px}.copy-card-label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--before)}.copy-card.after-card .copy-card-label:before{background:var(--brand)}.copy-card.after-card .copy-card-label{color:var(--brand)}.copy-card h3{font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.15;margin-bottom:16px;letter-spacing:-.02em}.copy-card .copy-body{font-family:var(--serif);font-size:15px;line-height:1.55;color:var(--ink-soft);font-weight:300}.copy-card .copy-body p{margin-bottom:12px}.copy-card .copy-meta{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-soft);display:flex;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.06em}.copy-meta-tag{padding:3px 7px;background:var(--bg-alt);border-radius:2px}.copy-meta-tag.good{background:#2d4a3e1a;color:var(--after)}.copy-meta-tag.bad{background:#97080f14;color:var(--brand)}.callout{background:var(--ink);color:#f5f1ea;padding:32px 36px;border-radius:4px;margin:40px 0;position:relative;overflow:hidden}.callout:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brand)}.callout-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-soft);margin-bottom:14px}.callout h3{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.2;margin-bottom:14px;letter-spacing:-.02em;color:#faf8f5}.callout p{font-size:15px;line-height:1.55;color:#f5f1eac7;max-width:70ch}.callout p+p{margin-top:12px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:32px}.detail-card{background:var(--paper);border:1px solid var(--line);padding:28px;border-radius:4px;box-shadow:var(--shadow)}.detail-card h4{font-family:var(--serif);font-size:20px;font-weight:500;letter-spacing:-.015em;margin-bottom:14px;color:var(--ink);display:flex;align-items:center;gap:12px}.detail-card h4 .num{font-family:var(--mono);font-size:11px;color:var(--brand);padding:3px 7px;background:#97080f14;border-radius:2px;letter-spacing:.08em}.detail-card ul{list-style:none;padding-left:0}.detail-card li{padding:8px 0 8px 22px;position:relative;font-size:14px;line-height:1.55;color:var(--ink-soft);border-bottom:1px dotted var(--line-soft)}.detail-card li:last-child{border-bottom:none}.detail-card li:before{content:"";position:absolute;left:0;top:14px;width:10px;height:1px;background:var(--brand)}.detail-card li strong{color:var(--ink);font-weight:600}.detail-card .mono-strong{font-family:var(--mono);color:var(--brand);font-weight:500;font-size:12.5px}.schema-diff{background:#0d0d0d;border-radius:4px;overflow:hidden;margin-top:32px}.schema-diff-header{padding:14px 24px;background:#1a1a1a;color:#999;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between}.schema-diff pre{padding:24px;overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.65;color:#ddd}.schema-diff .add{color:#7fd1a8}.schema-diff .add:before{content:"+ "}.schema-diff .same{color:#888}.schema-diff .key{color:#f0c47e}.schema-diff .str{color:#a8d2f0}.schema-diff .com{color:#555;font-style:italic}.faq-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.faq-col h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.faq-col.before h4{color:var(--before)}.faq-col.after h4{color:var(--brand)}.faq-item{padding:14px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px;line-height:1.5}.faq-item:last-child{border-bottom:none}.faq-item .q{font-weight:500;color:var(--ink);margin-bottom:4px}.faq-item.bad .q{color:var(--ink-mute);text-decoration:line-through;text-decoration-color:#8a858066}.faq-item .why{font-size:11.5px;color:var(--ink-mute);font-style:italic}.warn-box{background:#fff8ed;border:1px solid #e8d4a8;border-left:3px solid var(--warn);border-radius:3px;padding:20px 24px;margin:28px 0}.warn-box .warn-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--warn);margin-bottom:8px;font-weight:600}.warn-box h4{font-family:var(--serif);font-size:17px;font-weight:500;color:var(--ink);margin-bottom:8px}.warn-box p{font-size:13px;color:var(--ink-soft);line-height:1.55}.checklist{background:var(--paper);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow);overflow:hidden}.check-section{border-bottom:1px solid var(--line)}.check-section:last-child{border-bottom:none}.check-section-head{padding:18px 28px;background:var(--bg-alt);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;display:flex;justify-content:space-between;align-items:center}.check-section-head .owner{font-family:var(--sans);text-transform:none;letter-spacing:0;font-weight:500;color:var(--brand);font-size:11px}.check-item{display:grid;grid-template-columns:24px 1fr 100px;gap:16px;padding:14px 28px;border-bottom:1px dotted var(--line-soft);align-items:start;font-size:13.5px}.check-item:last-child{border-bottom:none}.check-item .box{width:14px;height:14px;border:1.5px solid var(--ink-mute);border-radius:2px;margin-top:3px}.check-item .task{color:var(--ink-soft);line-height:1.5}.check-item .task strong{color:var(--ink)}.check-item .priority{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-align:right;padding-top:4px}.priority.p0{color:var(--brand)}.priority.p1{color:var(--warn)}.priority.p2{color:var(--after-soft)}footer{padding:60px 0 80px;background:var(--ink);color:#f5f1ea99}footer .container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}footer h5{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-soft);margin-bottom:18px}footer p,footer li{font-size:13px;line-height:1.6;margin-bottom:6px}footer ul{list-style:none}footer .doc-id{font-family:var(--mono);font-size:11px;color:#f5f1ea66;margin-top:24px}@media(max-width:1024px){.container{padding:0 28px}.mockup-grid,.copy-grid,.faq-compare,.detail-grid,footer .container{grid-template-columns:1fr}.section-header{grid-template-columns:1fr;gap:24px}.hero-grid{grid-template-columns:repeat(2,1fr)}.gap-row{grid-template-columns:28px 1fr}.gap-row .gap-status,.gap-row .gap-fix,.gap-row :nth-child(4){grid-column:2}.gap-row.header{display:none}.score-row{grid-template-columns:1.5fr 1fr 1fr;font-size:13px;gap:12px}.score-row :nth-child(4),.score-row :nth-child(5){display:none}.score-row.header{display:none}}
