/* Dogs ’n’ CAD — sales site (dogsncad.com). One stylesheet, no external fonts or CDNs.
   Identity = the app's: slate ink, accent blue, the dog's tan and pencil yellow. The recurring device is the drawing
   dimension line (a thin blue line with architectural ticks and a label) — used where a real measurement-like fact sits. */
:root{
  --ink:#14171c; --ink-2:#1a1e25; --sheet:#1f242c; --rule:#2d343f; --rule-2:#3a4250;
  --text:#e9ecf1; --dim:#a2abba; --faint:#7d8696;
  --accent:#5b8cff; --accent-ink:#ffffff; --accent-soft:rgba(91,140,255,.14);
  --tan:#f0bd85; --brown:#b8763f; --pencil:#ffd34d; --ok:#4cc38a; --bad:#ff7a6e;
  --focus:#ffd34d;
  --grid:rgba(91,140,255,.07);
  --shadow:0 30px 60px -30px rgba(0,0,0,.65);
  --r-sm:6px; --r:10px; --r-lg:16px;
  --font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  --wrap:1180px; --gut:clamp(16px, 4vw, 40px);
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root{
    --ink:#f3f5f8; --ink-2:#e9edf2; --sheet:#ffffff; --rule:#d8dee7; --rule-2:#c3cbd7;
    --text:#161a21; --dim:#4f5968; --faint:#6b7483;
    --accent:#2f6df0; --accent-soft:rgba(47,109,240,.09);
    --ok:#17834f; --bad:#c2372b; --focus:#b07800;
    --grid:rgba(47,109,240,.07);
    --shadow:0 30px 60px -32px rgba(20,30,50,.35);
    color-scheme:light;
  }
}
*,*::before,*::after{ box-sizing:border-box; }
[hidden]{ display:none !important; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:84px; }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } *{ transition:none !important; animation:none !important; } }
body{ margin:0; background:var(--ink); color:var(--text); font:400 1.0625rem/1.6 var(--font); text-rendering:optimizeLegibility; overflow-x:hidden; }
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--accent); text-underline-offset:.18em; text-decoration-thickness:1px; }
a:hover{ text-decoration-thickness:2px; }
:focus-visible{ outline:2px solid var(--focus); outline-offset:3px; border-radius:3px; }
h1,h2,h3{ line-height:1.08; letter-spacing:-.022em; margin:0 0 .5em; font-weight:780; text-wrap:balance; }
h1{ font-size:clamp(2.4rem, 5.6vw, 4.6rem); font-weight:820; letter-spacing:-.034em; }
h2{ font-size:clamp(1.75rem, 3.2vw, 2.6rem); }
h3{ font-size:1.3rem; letter-spacing:-.012em; }
p{ margin:0 0 1em; }
code,kbd{ font-family:var(--mono); font-size:.86em; }
code{ background:var(--accent-soft); color:var(--text); padding:.08em .38em; border-radius:4px; white-space:nowrap; }
kbd{ border:1px solid var(--rule-2); border-bottom-width:2px; border-radius:4px; padding:.02em .4em; background:var(--sheet); white-space:nowrap; }
.wrap{ width:100%; max-width:calc(var(--wrap) + 2 * var(--gut)); margin:0 auto; padding:0 var(--gut); }
.lede{ font-size:clamp(1.1rem, 1.6vw, 1.28rem); color:var(--dim); max-width:38em; }
.fine{ font-size:.875rem; color:var(--faint); }
.skip{ position:absolute; left:-999px; top:8px; z-index:100; background:var(--sheet); padding:8px 14px; border-radius:var(--r-sm); }
.skip:focus{ left:8px; }
.anchor{ position:relative; top:-20px; }

/* ---- buttons ---- */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5em; min-height:48px; padding:.7em 1.35em; border-radius:var(--r);
  background:var(--accent); color:var(--accent-ink); font:inherit; font-weight:650; text-decoration:none; border:1px solid var(--accent); cursor:pointer;
  transition:background .15s, border-color .15s, transform .15s; }
.btn:hover{ background:color-mix(in srgb, var(--accent) 86%, #fff); text-decoration:none; }
.btn:active{ transform:translateY(1px); }
.btn[disabled]{ opacity:.6; cursor:progress; }
.btnGhost{ background:transparent; color:var(--text); border-color:var(--rule-2); }
.btnGhost:hover{ background:var(--accent-soft); border-color:var(--accent); }
.btnSm{ min-height:40px; padding:.45em 1em; font-size:.95rem; }
.ctaRow{ display:flex; flex-wrap:wrap; gap:12px; margin:1.6em 0 .9em; }

/* ---- header ---- */
.top{ position:sticky; top:0; z-index:50; background:color-mix(in srgb, var(--ink) 86%, transparent); backdrop-filter:saturate(1.4) blur(10px);
  -webkit-backdrop-filter:saturate(1.4) blur(10px); border-bottom:1px solid var(--rule); }
.topIn{ display:flex; align-items:center; gap:20px; min-height:64px; }
.brand{ display:inline-flex; align-items:center; gap:10px; color:var(--text); text-decoration:none; font-weight:760; letter-spacing:-.01em; font-size:1.06rem; }
.brand .logo{ width:34px; height:34px; flex:none; }
.nav{ margin-left:auto; display:flex; align-items:center; gap:4px; }
.nav a:not(.btn){ color:var(--dim); text-decoration:none; padding:.5em .8em; border-radius:var(--r-sm); font-size:.97rem; }
.nav a:not(.btn):hover{ color:var(--text); background:var(--accent-soft); }
.nav .btn{ margin-left:8px; }
.navBtn{ display:none; margin-left:auto; font:inherit; font-size:.95rem; color:var(--text); background:transparent; border:1px solid var(--rule-2); border-radius:var(--r-sm); padding:.45em .9em; min-height:40px; cursor:pointer; }
@media (max-width: 860px){
  .navBtn{ display:inline-block; }
  .nav{ display:none; position:absolute; left:0; right:0; top:100%; flex-direction:column; align-items:stretch; gap:2px; padding:10px var(--gut) 18px;
    background:var(--ink); border-bottom:1px solid var(--rule); }
  .nav.open{ display:flex; }
  .nav a:not(.btn){ padding:.75em .6em; }
  .nav .btn{ margin:8px 0 0; }
}

/* ---- the dimension line: a horizontal line, extension lines and architectural ticks at both ends, a label above ---- */
.dimLine{ position:relative; height:30px; margin:0 6px 14px; color:var(--accent);
  --slash:linear-gradient(45deg, transparent calc(50% - .8px), currentColor calc(50% - .8px), currentColor calc(50% + .8px), transparent calc(50% + .8px)); }
.dimLine::before{ content:""; position:absolute; left:0; right:0; bottom:8px; border-top:1px solid currentColor; }
.dimLine::after{ content:""; position:absolute; left:-6px; right:-6px; bottom:0; height:18px;
  background:linear-gradient(currentColor,currentColor) 6px 0 / 1px 18px no-repeat, linear-gradient(currentColor,currentColor) calc(100% - 6px) 0 / 1px 18px no-repeat,
    var(--slash) 0 3px / 12px 12px no-repeat, var(--slash) 100% 3px / 12px 12px no-repeat; }
.dimLine span{ position:absolute; left:50%; bottom:12px; transform:translateX(-50%); font-size:.84rem; line-height:1.2; white-space:nowrap; letter-spacing:.01em; }
@media (max-width: 640px){ .dimLine{ height:46px; } .dimLine span{ white-space:normal; text-align:center; width:86%; } }

/* ---- hero ---- */
.hero{ position:relative; padding:clamp(48px, 9vw, 104px) 0 clamp(40px, 6vw, 72px); overflow:hidden; isolation:isolate; }
.hero::before{ content:""; position:absolute; inset:0; z-index:-1;
  background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size:48px 48px; background-position:center top;
  -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 55%, transparent 100%); mask-image:linear-gradient(180deg, #000 0%, #000 55%, transparent 100%); }
.heroText{ display:grid; grid-template-columns:minmax(0, 7fr) minmax(0, 5fr); gap:clamp(24px, 4vw, 56px); align-items:end; }
.heroText h1{ margin:0; }
.heroText .lede{ font-size:1.15rem; }
.heroText .ctaRow{ margin:1.2em 0 .8em; }
.heroText .fine{ margin:0; }
@media (max-width: 900px){ .heroText{ grid-template-columns:1fr; } .heroText h1{ max-width:14ch; } }
.heroShot{ margin-top:clamp(36px, 6vw, 64px); }
.appFrame{ margin:0; border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--rule-2); box-shadow:var(--shadow); background:#15181d; }
.appFrame img{ width:100%; aspect-ratio:2000/1200; }

/* ---- benefits ---- */
.benefits{ display:grid; grid-template-columns:repeat(3, 1fr); gap:clamp(24px, 4vw, 48px); padding-top:clamp(28px, 5vw, 56px); padding-bottom:clamp(56px, 9vw, 110px); }
.benefit{ border-top:2px solid var(--text); padding-top:18px; position:relative; }
.benefit::before{ content:""; position:absolute; top:-8px; left:0; width:2px; height:14px; background:var(--text); }
.benefit h2{ font-size:1.32rem; letter-spacing:-.014em; margin-bottom:.45em; }
.benefit p{ color:var(--dim); margin:0; }
@media (max-width: 820px){ .benefits{ grid-template-columns:1fr; } }

/* ---- features ---- */
.feature{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:clamp(28px, 5vw, 64px); align-items:center; padding-top:clamp(36px, 6vw, 64px); padding-bottom:clamp(36px, 6vw, 64px); }
.feature.flip .fText{ order:2; }
.fText p{ color:var(--dim); }
.shot{ margin:0; border-radius:var(--r); overflow:hidden; border:1px solid var(--rule-2); box-shadow:var(--shadow); }
.ticks{ list-style:none; margin:1.2em 0 0; padding:0; }
.ticks li{ position:relative; padding:.42em 0 .42em 1.75em; border-top:1px solid var(--rule); }
.ticks li:last-child{ border-bottom:1px solid var(--rule); }
.ticks li::before{ content:""; position:absolute; left:.15em; top:1.02em; width:.85em; height:1px; background:var(--accent); transform:rotate(-45deg); }
@media (max-width: 900px){ .feature{ grid-template-columns:1fr; } .feature.flip .fText{ order:0; } }

/* ---- also included ---- */
.more{ padding-top:clamp(40px, 6vw, 72px); padding-bottom:clamp(56px, 8vw, 100px); }
.moreList{ display:grid; grid-template-columns:repeat(3, 1fr); gap:0 clamp(24px, 4vw, 48px); margin:1.4em 0 0; }
.moreList div{ padding:18px 0 20px; border-top:1px solid var(--rule); }
.moreList dt{ font-weight:700; margin-bottom:.3em; }
.moreList dd{ margin:0; color:var(--dim); font-size:.98rem; }
@media (max-width: 900px){ .moreList{ grid-template-columns:1fr 1fr; } }
@media (max-width: 560px){ .moreList{ grid-template-columns:1fr; } }

/* ---- AutoCAD ---- */
.autocad{ background:var(--ink-2); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:clamp(56px, 8vw, 100px) 0; }
.acIn{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:clamp(28px, 5vw, 64px); align-items:start; }
.acText p{ color:var(--dim); }
.tableWrap{ overflow-x:auto; border:1px solid var(--rule); border-radius:var(--r); background:var(--sheet); }
.cmdTable{ width:100%; border-collapse:collapse; font-size:.95rem; }
.cmdTable th,.cmdTable td{ text-align:left; padding:.62em .9em; border-bottom:1px solid var(--rule); vertical-align:top; }
.cmdTable thead th{ font-size:.85rem; color:var(--dim); font-weight:600; background:var(--ink-2); }
.cmdTable tbody th{ font-weight:600; }
.cmdTable tbody tr:last-child > *{ border-bottom:0; }
.cmdTable td:last-child{ color:var(--text); }
.cmdTable code{ background:transparent; padding:0; color:var(--accent); font-weight:600; }
@media (max-width: 900px){ .acIn{ grid-template-columns:1fr; } }

/* ---- pricing ---- */
.pricing{ padding-top:clamp(64px, 9vw, 120px); padding-bottom:clamp(48px, 7vw, 90px); }
.priceGrid{ display:grid; grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); gap:clamp(28px, 5vw, 64px); align-items:start; margin-top:1.6em; }
.plan{ background:var(--sheet); border:1px solid var(--rule-2); border-radius:var(--r-lg); padding:clamp(22px, 4vw, 40px); box-shadow:var(--shadow); }
.planName{ font-weight:700; color:var(--dim); margin:0 0 .3em; }
.price{ margin:0 0 .4em; color:var(--dim); font-size:1.05rem; }
.price .amount{ display:block; font-size:clamp(3.2rem, 7vw, 4.6rem); font-weight:820; letter-spacing:-.04em; line-height:1; color:var(--text); margin-bottom:.12em; }
.plan .dimSm{ margin:20px 0 4px; }
.calc{ margin:1.6em 0 0; padding:18px; border-radius:var(--r); background:var(--accent-soft); display:grid; gap:10px; }
.calc label{ font-weight:650; }
.stepper{ display:flex; align-items:stretch; gap:0; max-width:220px; }
.stepper input{ width:100%; min-width:0; text-align:center; font:inherit; font-size:1.25rem; font-weight:700; border:1px solid var(--rule-2); border-left:0; border-right:0; background:var(--sheet); color:var(--text); -moz-appearance:textfield; appearance:textfield; }
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.step{ flex:none; width:48px; min-height:48px; font:inherit; font-size:1.3rem; border:1px solid var(--rule-2); background:var(--sheet); color:var(--text); cursor:pointer; }
.step:first-child{ border-radius:var(--r) 0 0 var(--r); } .step:last-child{ border-radius:0 var(--r) var(--r) 0; }
.step:hover{ background:var(--accent-soft); }
.calcOut{ margin:0; font-size:1.05rem; }
.calcOut strong{ font-size:1.3rem; }
.floatExplain p{ color:var(--dim); }
.floatExplain h3{ margin-top:.4em; }
.seats{ margin:1.6em 0; }
.seatRow{ display:grid; grid-template-columns:repeat(6, 1fr); gap:10px; max-width:360px; margin-bottom:14px; }
.seat{ aspect-ratio:1; border-radius:50%; border:1.5px solid var(--rule-2); display:grid; place-items:center; font-size:.78rem; font-weight:700; color:var(--faint); }
.seat.on{ background:var(--accent); border-color:var(--accent); color:#fff; }
.seats figcaption{ color:var(--dim); font-size:.95rem; }
.seats figcaption strong{ color:var(--text); }
@media (max-width: 900px){ .priceGrid{ grid-template-columns:1fr; } }

/* ---- FAQ ---- */
.faq{ padding-top:clamp(48px, 7vw, 90px); padding-bottom:clamp(64px, 9vw, 120px); }
.faqList{ max-width:52rem; margin-top:1.2em; border-top:1px solid var(--rule); }
.faqList details{ border-bottom:1px solid var(--rule); }
.faqList summary{ cursor:pointer; list-style:none; padding:1.05em 2.2em 1.05em 0; font-weight:650; font-size:1.08rem; position:relative; }
.faqList summary::-webkit-details-marker{ display:none; }
.faqList summary::after{ content:"+"; position:absolute; right:.2em; top:50%; transform:translateY(-50%); font-size:1.4rem; font-weight:400; color:var(--accent); }
.faqList details[open] summary::after{ content:"−"; }
.faqList details p{ color:var(--dim); margin:-.2em 0 1.2em; max-width:44em; }

/* ---- forms ---- */
.form{ display:grid; gap:14px; }
.field{ display:grid; gap:6px; align-content:start; }
.field label,.totalLabel{ font-weight:600; font-size:.95rem; }
.opt{ font-weight:400; color:var(--faint); }
input,select,textarea{ font:inherit; color:var(--text); background:var(--sheet); border:1px solid var(--rule-2); border-radius:var(--r-sm); padding:.68em .8em; min-height:48px; width:100%; }
textarea{ resize:vertical; min-height:90px; }
input:focus-visible,select:focus-visible,textarea:focus-visible{ outline:2px solid var(--focus); outline-offset:1px; border-color:var(--accent); }
.field.invalid input,.field.invalid select,.field.invalid textarea{ border-color:var(--bad); }
.err{ margin:0; color:var(--bad); font-size:.9rem; min-height:0; }
.err:empty{ display:none; }
.hp{ position:absolute !important; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.formMsg{ border-radius:var(--r); padding:0; }
.formMsg:empty{ display:none; }
.formMsg:not(:empty){ padding:16px 18px; border:1px solid var(--rule-2); background:var(--sheet); }
.formMsg.ok{ border-color:var(--ok); }
.formMsg.bad{ border-color:var(--bad); }
.formMsg h3{ font-size:1.15rem; margin:0 0 .35em; }
.formMsg p{ margin:0 0 .5em; color:var(--dim); }
.formMsg p:last-child{ margin-bottom:0; }
.formMsg .num{ font-family:var(--mono); color:var(--text); font-weight:700; }
.check{ grid-template-columns:auto 1fr; align-items:start; column-gap:10px; }
.check input{ width:22px; height:22px; min-height:0; margin:2px 0 0; accent-color:var(--accent); }
.check label{ font-weight:400; }
.check .err{ grid-column:1 / -1; }

/* ---- trial ---- */
.trial{ background:var(--sheet); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:clamp(56px, 8vw, 100px) 0; position:relative; isolation:isolate; overflow:hidden; }
.trial::before{ content:""; position:absolute; inset:0; z-index:-1; background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px); background-size:48px 48px; }
.trialIn{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:clamp(28px, 5vw, 64px); align-items:start; }
.trialText p{ color:var(--dim); }
.trialForm{ background:var(--ink); border:1px solid var(--rule-2); border-radius:var(--r-lg); padding:clamp(20px, 3vw, 32px); box-shadow:var(--shadow); }
@media (max-width: 860px){ .trialIn{ grid-template-columns:1fr; } }

/* ---- order ---- */
.order{ padding-top:clamp(64px, 9vw, 120px); padding-bottom:clamp(48px, 7vw, 90px); }
.orderGrid{ display:grid; grid-template-columns:minmax(0, 8fr) minmax(0, 4fr); gap:clamp(28px, 5vw, 64px); align-items:start; margin-top:1.6em; }
.orderForm{ gap:20px; }
.nextSteps{ position:sticky; top:96px; border-left:2px solid var(--accent); padding:4px 0 4px 22px; }
.nextSteps ol{ margin:0 0 1.2em; padding-left:1.2em; }
.nextSteps li{ color:var(--dim); margin-bottom:.8em; padding-left:.2em; }
.nextSteps li::marker{ color:var(--accent); font-weight:700; }
.nextSteps strong{ color:var(--text); }
@media (max-width: 900px){ .orderGrid{ grid-template-columns:1fr; } .nextSteps{ position:static; } }
.orderForm fieldset{ border:0; border-top:1px solid var(--rule); margin:0; padding:18px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:14px 18px; }
.orderForm legend{ float:left; width:100%; padding:0; margin:0 0 4px; font-weight:750; font-size:1.12rem; grid-column:1 / -1; }
.span2{ grid-column:1 / -1; }
.total{ background:var(--accent-soft); border-radius:var(--r); padding:12px 16px; }
.total strong{ font-size:1.6rem; letter-spacing:-.02em; line-height:1.1; }
@media (max-width: 640px){ .orderForm fieldset{ grid-template-columns:1fr; } }

/* ---- contact ---- */
.contact{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:clamp(28px, 5vw, 64px); padding-top:clamp(48px, 7vw, 90px); padding-bottom:clamp(64px, 9vw, 120px); }
.contactText p{ color:var(--dim); }
.contactMail{ align-self:center; }
.contact.hasForm .contactMail{ display:none; }
.contact:not(.hasForm) .mailLine{ display:none; }
@media (max-width: 860px){ .contact{ grid-template-columns:1fr; } }

/* ---- 19a: waitlist / get in touch (prelaunch) ---- */
.waitlist{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 6fr); gap:clamp(28px, 5vw, 64px); align-items:start; padding-top:clamp(56px, 8vw, 110px); padding-bottom:clamp(64px, 9vw, 120px); }
.wlText p{ color:var(--dim); }
.wlText .lede{ color:var(--text); }
.wlFacts{ margin:1.6em 0 0; display:grid; gap:0; }
.wlFacts div{ padding:14px 0; border-top:1px solid var(--rule); }
.wlFacts div:last-child{ border-bottom:1px solid var(--rule); }
.wlFacts dt{ font-weight:700; margin-bottom:.15em; }
.wlFacts dd{ margin:0; color:var(--dim); font-size:.98rem; }
.wlForm{ background:var(--sheet); border:1px solid var(--rule-2); border-radius:var(--r-lg); padding:clamp(20px, 3vw, 32px); box-shadow:var(--shadow); }
.wlRow{ display:grid; grid-template-columns:1fr 1fr; gap:14px 18px; }
.wlForm textarea::placeholder{ color:var(--faint); }
@media (max-width: 860px){ .waitlist{ grid-template-columns:1fr; } }
@media (max-width: 560px){ .wlRow{ grid-template-columns:1fr; } }

/* ---- footer ---- */
.foot{ border-top:1px solid var(--rule); background:var(--ink-2); padding:40px 0 28px; font-size:.95rem; }
.footIn{ display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:28px; }
.footBrand p{ color:var(--dim); margin:.6em 0 0; }
.footCo{ font-style:normal; color:var(--dim); line-height:1.7; }
.footCo strong{ color:var(--text); }
.footNav{ display:grid; grid-template-columns:1fr 1fr; gap:4px 18px; align-content:start; }
.footNav a{ color:var(--dim); text-decoration:none; padding:.2em 0; }
.footNav a:hover{ color:var(--text); text-decoration:underline; }
.footNote{ color:var(--faint); font-size:.85rem; margin:28px auto 0; }
@media (max-width: 760px){ .footIn{ grid-template-columns:1fr; } }

/* ---- legal pages ---- */
.legal{ padding-top:clamp(40px, 6vw, 72px); padding-bottom:clamp(56px, 8vw, 100px); }
.legal article{ max-width:46rem; }
.legal h1{ font-size:clamp(2rem, 4.2vw, 3rem); max-width:none; }
.legal h2{ font-size:1.35rem; margin-top:2em; letter-spacing:-.012em; }
.legal p,.legal li{ color:var(--dim); }
.legal strong{ color:var(--text); }
.legal ul{ padding-left:1.2em; }
.legal table{ border-collapse:collapse; width:100%; font-size:.95rem; margin:1em 0; }
.legal th,.legal td{ text-align:left; padding:.5em .7em; border-bottom:1px solid var(--rule); vertical-align:top; color:var(--dim); }
.legal th{ color:var(--text); }
.draftNote{ border:1px dashed var(--pencil); color:var(--text); background:color-mix(in srgb, var(--pencil) 12%, transparent); border-radius:var(--r); padding:12px 16px; font-size:.95rem; margin:0 0 1.6em; }
.notFound{ padding:clamp(64px, 12vw, 160px) 0; }