/* ============================================================================
   NewCo v2 — editorial + direct-response. CRM + lead tool for insurance agents.
   Warm canvas, cinematic hero video, big confident type, real photography.
   Built on the .um wrapper + master.js (reveal / faq / count-up).
   ========================================================================== */
@import url('https://api.fontshare.com/v2/css?f[]=clash-display@500,600,700&f[]=general-sans@400,500,600,700&f[]=boska@700&display=swap');

.um{
  --paper:#f7f4ee;--ink:#17140d;--muted:#6b6256;--line:#e6e0d3;--line2:#d8d1c2;
  --dark:#0f0d09;--dark2:#1a1710;--cream:#fbf9f4;--surface:#fff;--surface-2:#fbf9f4;--r-pill:100px;
  --accent:#1f44ff;--accent-ink:#1535d6;--accent-soft:#e9ecff;--warm:#e8721f;
  --disp:'Clash Display','General Sans',system-ui,sans-serif;
  --serif:'Boska',Georgia,serif;
  --sans:'General Sans',-apple-system,"Segoe UI",Roboto,sans-serif;
  --max:1400px;--wide:1620px;--gut:clamp(1.2rem,4vw,2.6rem);--sec:clamp(4.5rem,9vw,8rem);
  --r:18px;--r-sm:12px;--dur:.3s;--ease:cubic-bezier(.19,1,.22,1);
  --shadow:0 30px 80px -40px rgba(23,20,13,.4);--shadow-sm:0 2px 14px rgba(23,20,13,.07);
  background:var(--paper);color:var(--ink);font:1.0625rem/1.6 var(--sans);letter-spacing:-.012em;-webkit-font-smoothing:antialiased;
}
.um *{box-sizing:border-box}
.um h1,.um h2,.um h3,.um h4{font-family:var(--disp);font-weight:800;line-height:1;letter-spacing:-.03em;margin:0 0 .4em;color:var(--ink)}
.um h1{font-size:clamp(3rem,7vw,6.2rem)}
.um h2{font-size:clamp(2.3rem,5vw,4rem)}
.um h3{font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:700;letter-spacing:-.025em}
.um p{margin:0 0 1rem}
.um .lead{font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.5;color:var(--muted)}
.um a{color:inherit;text-decoration:none}
.um strong,.um b{font-weight:700}
.um .wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.um .wide{max-width:var(--wide);margin-inline:auto;padding-inline:var(--gut)}
.um section{padding-block:var(--sec)}
.um .cream{background:var(--cream)}
.um .inkbg{background:var(--dark);color:#efe9dd}
.um .inkbg h1,.um .inkbg h2,.um .inkbg h3{color:#fff}
.um .inkbg .lead,.um .inkbg p{color:#b4ab99}

/* eyebrow — editorial index label */
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--disp);font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 1.3rem}
.eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
.eyebrow .n{font-variant-numeric:tabular-nums;opacity:.5}
.inkbg .eyebrow{color:var(--warm)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;font-family:var(--disp);font-weight:800;font-size:1.12rem;letter-spacing:-.01em;line-height:1;padding:1.3rem 2.3rem;border-radius:100px;border:0;cursor:pointer;background:var(--accent);color:#fff;transition:transform var(--dur) var(--ease),box-shadow var(--dur),background var(--dur);box-shadow:0 12px 30px -12px rgba(31,68,255,.7)}
.btn:hover{transform:translateY(-3px);background:var(--accent-ink);box-shadow:0 20px 44px -14px rgba(31,68,255,.8)}
.btn .ar{transition:transform var(--dur) var(--ease)}.btn:hover .ar{transform:translateX(5px)}
.btn--lg{padding:1.55rem 2.9rem;font-size:1.25rem}
.btn--dark{background:var(--ink);box-shadow:none}.btn--dark:hover{background:#000}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.6px var(--line2)}
.btn--ghost:hover{background:var(--ink);color:#fff;box-shadow:none}
.inkbg .btn--ghost,.hero .btn--ghost{color:#fff;box-shadow:inset 0 0 0 1.6px rgba(255,255,255,.35)}
.inkbg .btn--ghost:hover,.hero .btn--ghost:hover{background:#fff;color:var(--ink)}
.btn--play{gap:.7rem}.btn--play .pi{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:.7rem}

/* nav */
.nav{position:absolute;top:0;left:0;right:0;z-index:40}
.nav.solid{position:sticky;background:rgba(15,13,9,.94);backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid #2a2619}
.nav .in{max-width:var(--wide);margin-inline:auto;padding:1.5rem var(--gut);display:flex;align-items:center;gap:2.2rem}
.logo{display:flex;align-items:center;gap:.65rem;font-family:var(--disp);font-weight:800;font-size:1.45rem;letter-spacing:-.04em;color:#fff}
.logo .m{width:36px;height:36px;border-radius:10px;background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:800}
.nav nav{display:flex;gap:1.9rem;margin-left:1rem}
.nav nav a{color:rgba(255,255,255,.82);font-weight:600;font-size:.98rem}.nav nav a:hover{color:#fff}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:1rem}
.nav .right .sign{color:#fff;font-family:var(--disp);font-weight:600;font-size:.98rem}
.nav .btn{padding:.9rem 1.6rem;font-size:1.02rem}
@media(max-width:920px){.nav nav,.nav .right .sign{display:none}}

/* HERO — full-bleed cinematic video */
.hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--dark);color:#fff}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:0}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,9,6,.55) 0%,rgba(10,9,6,.25) 30%,rgba(10,9,6,.4) 60%,rgba(10,9,6,.9) 100%)}
.hero .in{position:relative;z-index:2;max-width:var(--wide);margin-inline:auto;padding:0 var(--gut) clamp(3.5rem,7vw,6rem);width:100%}
.hero .tag{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--disp);font-weight:600;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#f3ede0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:.55rem 1.1rem;border-radius:100px;margin-bottom:1.5rem;backdrop-filter:blur(8px)}
.hero h1{color:#fff;font-size:clamp(2.9rem,7.2vw,6.4rem);line-height:.96;letter-spacing:-.035em;max-width:16ch;margin:0 0 1.3rem;text-shadow:0 4px 40px rgba(0,0,0,.4)}
.hero h1 em{font-style:normal;color:#8aa0ff}
.hero .lead{color:#e9e3d6;max-width:46ch;font-size:clamp(1.15rem,1.7vw,1.4rem);margin:0 0 2rem}
.hero .cta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
.hero .ticks{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:2rem;color:#d8d0c0;font-size:.95rem;font-weight:500}
.hero .ticks span{display:inline-flex;gap:.45rem;align-items:center}.hero .ticks b{color:#fff}
.hero .ticks .c{color:#8aa0ff;font-weight:800}

/* proof strip */
.proof{background:var(--ink);color:#efe9dd;padding:1.6rem 0}
.proof .in{max-width:var(--wide);margin-inline:auto;padding-inline:var(--gut);display:flex;align-items:center;gap:2.5rem;flex-wrap:wrap;justify-content:center;font-family:var(--disp);font-weight:600;font-size:.95rem;letter-spacing:.02em;color:#c3b9a6}
.proof .in b{color:#fff}.proof .in .dot{width:5px;height:5px;border-radius:50%;background:var(--warm)}

/* section head */
.head{max-width:860px}.head.center{margin-inline:auto;text-align:center}
.head.center .lead{margin-inline:auto}
.head .lead{max-width:60ch;margin-top:.3rem}

/* editorial split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5.5rem);align-items:center}
.split.wide-img{grid-template-columns:1fr 1.15fr}
.split.rev>.copy{order:2}
.split .copy h2{margin-bottom:.6rem}
.split .copy .lead{margin-bottom:1.4rem}
.fig{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);position:relative}
.fig img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.fig.tall{aspect-ratio:4/5}.fig.wide{aspect-ratio:16/11}
.fig .cap{position:absolute;left:1rem;bottom:1rem;background:rgba(15,13,9,.8);color:#fff;font-size:.82rem;font-weight:600;padding:.5rem .9rem;border-radius:100px;backdrop-filter:blur(6px)}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:2rem}.split.rev>.copy{order:0}}

/* checklist */
.ul{list-style:none;padding:0;margin:1.5rem 0 0}
.ul li{padding:.8rem 0 .8rem 2rem;position:relative;border-top:1px solid var(--line);font-size:1.02rem}
.ul li::before{content:"";position:absolute;left:0;top:1.25rem;width:13px;height:8px;border-left:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(-45deg)}
.inkbg .ul li{border-color:rgba(255,255,255,.14)}

/* product showcase — big framed screenshot */
.showcase{margin-top:3rem;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 50px 120px -50px rgba(23,20,13,.5)}
.showcase .bar{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#f0ece3;border-bottom:1px solid var(--line)}
.showcase .bar i{width:11px;height:11px;border-radius:50%;display:block}
.showcase .bar i:nth-child(1){background:#ff5f57}.showcase .bar i:nth-child(2){background:#febc2e}.showcase .bar i:nth-child(3){background:#28c840}
.showcase .bar .u{margin-left:.6rem;font-size:.74rem;color:#9a9280;background:#fff;border:1px solid var(--line);padding:3px 12px;border-radius:100px}
.showcase img{display:block;width:100%}

/* numbered steps — editorial rows */
.steps{display:grid;gap:clamp(2.5rem,5vw,5rem);margin-top:3.5rem}
.step{display:grid;grid-template-columns:1.1fr 1.25fr;gap:clamp(2rem,4vw,4.5rem);align-items:center}
.step.rev>.copy{order:2}
.step .num{font-family:var(--disp);font-weight:800;font-size:clamp(3rem,5vw,4.5rem);line-height:1;color:var(--line2);letter-spacing:-.04em;margin-bottom:.4rem}
.step h3{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;margin-bottom:.6rem}
.step .copy p{color:var(--muted);max-width:44ch}
@media(max-width:860px){.step{grid-template-columns:1fr;gap:1.5rem}.step.rev>.copy{order:0}}

/* value stack — big feature list, not uniform cards */
.stack{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:2.5rem;border-top:1px solid var(--line)}
.stack .row{display:grid;grid-template-columns:auto 1fr;gap:1.3rem;padding:1.8rem 1.5rem;border-bottom:1px solid var(--line);align-items:start}
.stack .row:nth-child(odd){border-right:1px solid var(--line)}
.stack .k{font-family:var(--disp);font-weight:800;font-size:1.3rem;color:var(--accent);min-width:1.4rem}
.stack h3{font-size:1.15rem;margin-bottom:.25rem}
.stack p{margin:0;color:var(--muted);font-size:.98rem}
@media(max-width:760px){.stack{grid-template-columns:1fr}.stack .row:nth-child(odd){border-right:0}}

/* pull-quote band over image */
.quote{position:relative;overflow:hidden;color:#fff;text-align:center}
.quote img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:0}
.quote::after{content:"";position:absolute;inset:0;background:rgba(12,10,7,.62);z-index:1}
.quote .in{position:relative;z-index:2;max-width:980px;margin-inline:auto;padding:clamp(5rem,10vw,9rem) var(--gut)}
.quote p{font-family:var(--serif);font-weight:700;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.08;letter-spacing:-.02em;color:#fff;margin:0}
.quote .by{margin-top:1.6rem;font-family:var(--disp);font-weight:600;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:#cfc6b4}

/* comparison */
.vs{max-width:1040px;margin:3rem auto 0;display:grid;grid-template-columns:1.1fr 1fr 1.1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.vs .col.us{background:var(--ink);color:#fff;transform:scale(1.04);border-radius:var(--r);z-index:2;box-shadow:var(--shadow)}
.vs .ch{padding:1.5rem 1.4rem;font-family:var(--disp);font-weight:800;font-size:1.1rem;text-align:center;border-bottom:1px solid var(--line)}
.vs .us .ch{border-color:rgba(255,255,255,.16);font-size:1.35rem}
.vs .cell{padding:1.1rem 1.4rem;font-size:.95rem;border-bottom:1px solid var(--line);min-height:64px;display:flex;align-items:center;gap:.6rem;font-weight:500}
.vs .us .cell{border-color:rgba(255,255,255,.12)}
.vs .cell:last-child{border-bottom:0}.vs .col:not(.us) .cell{color:var(--muted)}
.vs .yes::before{content:"✓";font-weight:800;color:var(--warm)}
.vs .no::before{content:"✕";font-weight:800;color:#bdb6a6}
@media(max-width:820px){.vs{grid-template-columns:1fr}.vs .col:not(.us){display:none}.vs .us{transform:none}}

/* diffs explainer */
.diffs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.6rem}
.diff{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:1.9rem}
.diff .big{font-family:var(--disp);font-weight:800;font-size:2rem;color:var(--accent);letter-spacing:-.03em;margin-bottom:.4rem}
.diff h3{font-size:1.15rem;margin-bottom:.4rem}.diff p{margin:0;color:var(--muted);font-size:.97rem;line-height:1.55}.diff p b{color:var(--ink)}
@media(max-width:860px){.diffs{grid-template-columns:1fr}}

/* website design gallery */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.8rem}
@media(max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.gallery{grid-template-columns:1fr}}
.tpl{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur)}
.tpl:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.tpl .thumb{aspect-ratio:4/5;overflow:hidden;border-bottom:1px solid var(--line)}.tpl .thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.tpl .label{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem}
.tpl .label b{font-family:var(--disp);font-weight:700}.tpl .label span{font-size:.82rem;color:var(--muted)}
.more{display:inline-flex;gap:.5rem;align-items:center;font-family:var(--disp);font-weight:700;color:var(--accent);font-size:1.05rem;margin-top:1.8rem}

/* pricing */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;max-width:900px;margin:3rem auto 0;align-items:stretch}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.9rem,3vw,2.8rem);display:flex;flex-direction:column;position:relative}
.plan.feat{border:2px solid var(--accent);box-shadow:var(--shadow)}
.plan.soon{background:var(--ink);color:#efe9dd;border-color:var(--ink)}
.plan .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-family:var(--disp);font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 15px;border-radius:100px;white-space:nowrap}
.plan.feat .badge{background:var(--accent);color:#fff}.plan.soon .badge{background:var(--warm);color:#fff}
.plan .pname{font-family:var(--disp);font-weight:800;font-size:1.2rem;margin-bottom:.2rem}.plan.soon .pname{color:#fff}
.plan .psub{color:var(--muted);font-size:.92rem;margin-bottom:1.1rem}.plan.soon .psub{color:#b4ab99}
.plan .amt{font-family:var(--disp);font-weight:800;font-size:3.5rem;letter-spacing:-.04em;line-height:1}.plan.soon .amt{color:#fff}
.plan .amt small{font-size:1rem;font-weight:600;color:var(--muted);margin-left:.3rem}.plan.soon .amt small{color:#b4ab99}
.plan .then{color:var(--muted);font-family:var(--disp);font-weight:500;font-size:.92rem;margin:.5rem 0 1.3rem}.plan.soon .then{color:#b4ab99}
.plan ul{list-style:none;padding:0;margin:0 0 1.5rem;flex:1}
.plan li{padding:.55rem 0 .55rem 1.7rem;position:relative;font-size:.96rem;border-top:1px solid var(--line)}.plan.soon li{border-color:rgba(255,255,255,.14)}
.plan li:first-child{border-top:0}
.plan li::before{content:"";position:absolute;left:0;top:.9rem;width:11px;height:7px;border-left:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(-45deg)}.plan.soon li::before{border-color:var(--warm)}
.plan .btn{width:100%}.plan.soon .btn{background:rgba(255,255,255,.12);box-shadow:none;border:1.5px solid rgba(255,255,255,.3)}.plan.soon .btn:hover{background:#fff;color:var(--ink)}
@media(max-width:720px){.plans{grid-template-columns:1fr}}
.addon{max-width:900px;margin:1.4rem auto 0;background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem 1.7rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.addon .tagx{font-family:var(--disp);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:4px 11px;border-radius:100px}
.addon .price-sm{margin-left:auto;font-family:var(--disp);font-weight:800;font-size:1.3rem;white-space:nowrap}.addon .price-sm span{font-size:.8rem;font-weight:500;color:var(--muted)}

/* faq */
.faq{max-width:840px;margin:2.5rem auto 0}
.faq details{border:1px solid var(--line);border-radius:14px;padding:1.3rem 1.6rem;margin-bottom:.9rem;background:#fff}
.faq summary{cursor:pointer;font-family:var(--disp);font-weight:700;font-size:1.12rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-weight:700;font-size:1.5rem;line-height:1}.faq details[open] summary::after{content:"–"}
.faq details>*:not(summary){margin:.9rem 0 0;color:var(--muted);line-height:1.6}

/* closing CTA over media */
.closer{position:relative;overflow:hidden;color:#fff;text-align:center}
.closer video,.closer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.closer::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,7,.72),rgba(12,10,7,.86));z-index:1}
.closer .in{position:relative;z-index:2;max-width:860px;margin-inline:auto;padding:clamp(5rem,10vw,9rem) var(--gut)}
.closer h2{color:#fff;font-size:clamp(2.6rem,6vw,5rem)}
.closer .lead{color:#e4ddce;margin:0 auto 2rem;max-width:40ch}
.closer .cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* footer */
.foot{background:var(--dark);color:#8f8676;padding:4.5rem var(--gut) 2.4rem}
.foot .in{max-width:var(--wide);margin-inline:auto}
.foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem}
.foot .logo{color:#fff;margin-bottom:.9rem}
.foot h4{color:#fff;font-family:var(--disp);font-weight:600;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem}
.foot a{display:block;padding:.35rem 0;color:#8f8676}.foot a:hover{color:#fff}
.foot .legal{border-top:1px solid #2a2619;margin-top:3rem;padding-top:1.6rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#6f685a}
@media(max-width:820px){.foot .cols{grid-template-columns:1fr 1fr}}

/* inner page hero + legal (reused by mu-plugin non-front pages) */
.um-legal{max-width:760px;margin:0 auto;padding:clamp(2.5rem,6vw,5rem) var(--gut)}
.um-legal h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:.4rem}
.um-legal .updated{color:var(--muted);font-weight:600;margin-bottom:2rem;display:block}
.um-legal h2{font-size:clamp(1.3rem,2.4vw,1.7rem);margin:2.4rem 0 .6rem}
.um-legal p,.um-legal li{color:#443f34;line-height:1.7}
.um-legal a{color:var(--accent);font-weight:600}

/* motion */
html.um-js .um [data-reveal]{opacity:0;transform:translateY(24px)}
html.um-js .um [data-reveal].is-in{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}
@media(prefers-reduced-motion:reduce){html.um-js .um [data-reveal]{opacity:1!important;transform:none!important}}
.um ::selection{background:var(--accent);color:#fff}

/* contact form */
.um-contact{max-width:640px;margin:2.5rem auto 0;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.6rem,4vw,2.6rem);box-shadow:var(--shadow-sm)}
.um-contact .row2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.um-field{margin-bottom:1.1rem;text-align:left}
.um-field label{display:block;font-family:var(--disp);font-weight:700;font-size:.86rem;color:var(--ink);margin-bottom:.4rem}
.um-field input,.um-field textarea{width:100%;font-family:var(--sans);font-size:1rem;color:var(--ink);background:var(--cream);border:1.5px solid var(--line);border-radius:12px;padding:.85rem 1rem;transition:border-color var(--dur),box-shadow var(--dur),background var(--dur)}
.um-field textarea{min-height:120px;resize:vertical}
.um-field input::placeholder,.um-field textarea::placeholder{color:#a69d8c}
.um-field input:focus,.um-field textarea:focus{outline:none;background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
.um-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.um-contact .btn{margin-top:.4rem}
.um-note{max-width:640px;margin:0 auto;border-radius:14px;padding:1.1rem 1.4rem;font-weight:600}
.um-note.ok{background:#e7f6ee;color:#12794a;border:1px solid #bce8d1}
@media(max-width:560px){.um-contact .row2{grid-template-columns:1fr}}

/* ===== bold modern mega-footer ===== */
.mfoot{background:var(--dark);color:#9a9080;overflow:hidden}
.mfoot .in{max-width:var(--wide);margin-inline:auto;padding-inline:var(--gut)}
.mfoot-cta{border-bottom:1px solid #2a2619;padding:clamp(3rem,6vw,5rem) 0;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.mfoot-cta h3{font-family:var(--disp);font-weight:800;font-size:clamp(2rem,4.5vw,3.4rem);letter-spacing:-.03em;color:#fff;margin:0;max-width:16ch;line-height:1}
.mfoot-cta .sub{color:#b4ab99;margin-top:.7rem;font-size:1.05rem}
.mfoot-menu{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:2.2rem;padding:clamp(3rem,6vw,4.5rem) 0}
.mfoot-menu .brandcol .logo{color:#fff;margin-bottom:1rem}
.mfoot-menu .brandcol p{color:#9a9080;max-width:28ch;margin:0 0 1.3rem}
.mfoot-menu .social{display:flex;gap:.7rem}
.mfoot-menu .social a{width:40px;height:40px;border-radius:10px;background:#1f1b12;display:grid;place-items:center;color:#cfc6b4;font-family:var(--disp);font-weight:700;font-size:.9rem;transition:background var(--dur),color var(--dur)}
.mfoot-menu .social a:hover{background:var(--accent);color:#fff}
.mfoot-menu h4{color:#fff;font-family:var(--disp);font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1.1rem}
.mfoot-menu a{display:block;padding:.4rem 0;color:#a79d8b;font-size:.98rem;font-weight:500}.mfoot-menu a:hover{color:#fff}
.mfoot-menu .tag{display:inline-block;margin-left:.5rem;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--warm);vertical-align:middle;border:1px solid #39311d;border-radius:100px;padding:1px 7px}
.mfoot-word{font-family:var(--disp);font-weight:800;font-size:clamp(5rem,22vw,20rem);line-height:.8;letter-spacing:-.05em;color:#1c1810;text-align:center;padding:1rem 0 0;user-select:none;margin-bottom:-.12em}
.mfoot-bottom{border-top:1px solid #2a2619;padding:1.6rem 0 2.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#6f685a}
@media(max-width:920px){.mfoot-menu{grid-template-columns:1fr 1fr}.mfoot-menu .brandcol{grid-column:1/-1}}
@media(max-width:520px){.mfoot-menu{grid-template-columns:1fr 1fr}}

/* ===== story / before-after ===== */
.shift h2{max-width:20ch}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:3rem}
.ba .card{border-radius:var(--r);padding:clamp(1.8rem,3vw,2.6rem)}
.ba .old{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.ba .new{background:#fff;color:var(--ink);box-shadow:var(--shadow)}
.ba .lab{font-family:var(--disp);font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.2rem}
.ba .old .lab{color:#b4ab99}.ba .new .lab{color:var(--accent)}
.ba ul{list-style:none;padding:0;margin:0}
.ba li{padding:.7rem 0 .7rem 1.9rem;position:relative;font-size:1.05rem;border-top:1px solid rgba(255,255,255,.1)}
.ba .new li{border-top-color:var(--line)}.ba li:first-child{border-top:0}
.ba .old li{color:#b4ab99}.ba .old li::before{content:"✕";position:absolute;left:0;top:.75rem;font-weight:800;color:#5e564a}
.ba .new li::before{content:"✓";position:absolute;left:0;top:.7rem;font-weight:800;color:var(--accent)}
@media(max-width:760px){.ba{grid-template-columns:1fr}}

/* ===== inner page hero (features/story/niche/legal/contact) ===== */
.page-hero{position:relative;background:linear-gradient(160deg,var(--dark),#1c1810);color:#fff;padding:clamp(3.5rem,7vw,6rem) var(--gut) clamp(3.5rem,6vw,5.5rem);text-align:center;overflow:hidden}
.page-hero .in{max-width:900px;margin-inline:auto;position:relative;z-index:1}
.page-hero .eyebrow{color:var(--warm);justify-content:center}
.page-hero h1{color:#fff;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1;margin:0 0 1rem}
.page-hero .lead{color:#cfc6b4;max-width:60ch;margin:0 auto;font-size:clamp(1.15rem,1.7vw,1.4rem)}
.page-hero .cta{margin-top:2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.um-legal{padding-top:clamp(2.5rem,5vw,4rem)}
/* nav solidifies look on inner pages where it sits over the dark page-hero (already transparent-over-dark, OK) */

/* ===== MEGA NAV ===== */
.meganav{display:flex;gap:2.2rem;align-items:center;margin-left:1.2rem}
.meganav .mi{position:relative}
.meganav .mt,.meganav .mt-link{font-family:var(--disp);font-weight:800;font-size:1.12rem;letter-spacing:-.01em;color:rgba(255,255,255,.92);background:none;border:0;cursor:pointer;padding:.5rem 0;display:inline-flex;align-items:center;gap:.4rem}
.meganav .mt:hover,.meganav .mt-link:hover,.meganav .mi:hover .mt{color:#fff}
.nav.solid .meganav .mt,.nav.solid .meganav .mt-link{color:#eadfce}
.meganav .chev{font-size:.62rem;transition:transform var(--dur)}
.meganav .mi:hover .chev{transform:rotate(180deg)}
.meganav .mega{position:absolute;top:calc(100% + 16px);left:-1.2rem;min-width:640px;background:#fff;color:var(--ink);border-radius:20px;box-shadow:0 50px 100px -30px rgba(0,0,0,.55);padding:1.8rem;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:1.6rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:60}
.meganav .mega.narrow{grid-template-columns:1fr;min-width:300px}
.meganav .mi:hover .mega,.meganav .mi:focus-within .mega{opacity:1;visibility:visible;transform:none}
.meganav .mega::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.meganav .mcol h5{font-family:var(--disp);font-weight:800;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem}
.meganav .mcol a{display:block;padding:.45rem 0;font-family:var(--disp);font-weight:700;font-size:1.08rem;color:var(--ink)}
.meganav .mcol a:hover{color:var(--accent)}
.meganav .mfeat{background:var(--ink);color:#fff;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:.3rem;text-decoration:none}
.meganav .mfeat .k{font-family:var(--disp);font-weight:800;font-size:1.5rem;color:#fff}
.meganav .mfeat .d{color:#b4ab99;font-size:1rem}
.meganav .mfeat .go{color:var(--warm);font-family:var(--disp);font-weight:800;margin-top:.6rem}
.meganav .mfeat:hover .go{text-decoration:underline}
@media(max-width:1020px){.meganav{display:none}}

/* ===== STRONG PASS — bigger, bolder everywhere ===== */
.um{font-size:1.12rem}
.um .eyebrow{font-size:1rem;font-weight:800;letter-spacing:.14em}
.um .eyebrow .n{opacity:.7}
.um .lead{font-weight:500}
.proof .in{font-size:1.12rem;font-weight:700}
.hero .tag{font-size:.98rem;font-weight:700}
.hero .ticks{font-size:1.08rem;font-weight:600}
.hero .ticks b{font-weight:800}
.step .num{font-size:clamp(3.6rem,6vw,5.5rem)}
.stack .k{font-size:2.2rem}
.stack h3{font-size:1.35rem}
.stack p{font-size:1.06rem;font-weight:500}
.diff .big{font-size:2.7rem}
.diff h3{font-size:1.35rem}
.diff p{font-size:1.06rem;font-weight:500}
.fig .cap{font-size:.98rem;font-weight:800;padding:.6rem 1.1rem}
.vs .ch{font-size:1.25rem}.vs .us .ch{font-size:1.55rem}
.vs .cell{font-size:1.06rem;font-weight:700}
.tpl .label b{font-size:1.15rem}.tpl .label span{font-size:.95rem;font-weight:600}
.plan .pname{font-size:1.35rem}
.plan .psub{font-size:1.02rem;font-weight:600}
.plan li{font-size:1.06rem;font-weight:600}
.plan .then{font-size:1.02rem;font-weight:700}
.addon{font-size:1.1rem}.addon b{font-weight:800}
.faq summary{font-size:1.28rem}
.faq details>*:not(summary){font-size:1.1rem;font-weight:500}
.mfoot-menu a{font-size:1.1rem;font-weight:700}
.mfoot-menu h4{font-size:.95rem}
.mfoot-menu .brandcol p{font-size:1.08rem;font-weight:500}
.mfoot-bottom{font-size:.95rem;font-weight:600}
.mfoot-cta .sub{font-size:1.2rem;font-weight:600}
.ba li{font-size:1.2rem;font-weight:700}
.ba .lab{font-size:.98rem}
.ul li{font-size:1.14rem;font-weight:600}
.showcase .bar .u{font-size:.9rem;font-weight:700}
.nav nav a{font-size:1.12rem;font-weight:800}
.nav .right .sign{font-size:1.08rem;font-weight:700}
.btn{font-weight:800}
.page-hero .eyebrow{font-size:1.05rem}

/* ============================================================================
   DEPTH + WIDTH + MOTION PASS (2026-11-06b)
   Wider layout · full-bleed sections · page heroes with imagery ·
   bolder scroll-fade · pricing polish · Clash Display / General Sans tuning
   ========================================================================== */

/* -- Smooth scrolling site-wide -- */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.um{scroll-padding-top:90px}

/* -- Clash Display runs a touch tighter; keep body crisp -- */
.um{font-size:1.09rem;-moz-osx-font-smoothing:grayscale}
.um h1,.um h2,.um h3,.um h4{letter-spacing:-.02em}
.um h1{font-weight:700}.um h2{font-weight:700}

/* -- Wider content containers -- */
.um .wrap{max-width:var(--max)}
.um .wide{max-width:var(--wide)}
.um .split{gap:clamp(3rem,6vw,7rem)}
.showcase{max-width:var(--wide);margin-left:auto;margin-right:auto}
.gallery{max-width:var(--wide);margin-left:auto;margin-right:auto}
.plans{max-width:1080px}.addon{max-width:1080px}
.head{max-width:980px}

/* -- Full-bleed sections: edge to edge, inner content optionally constrained -- */
.um .full{max-width:none;width:100%;padding-inline:clamp(1.5rem,5vw,5rem)}
.um .bleed{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw}

/* -- Bolder, smoother scroll-fade -- */
html.um-js .um [data-reveal]{opacity:0;transform:translateY(40px) scale(.985);filter:blur(6px)}
html.um-js .um [data-reveal].is-in{opacity:1;transform:none;filter:none;transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease)}
@media(prefers-reduced-motion:reduce){html.um-js .um [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}}

/* -- Page hero: cinematic image layer behind the dark gradient -- */
.page-hero{padding-block:clamp(5rem,10vw,9rem) clamp(4.5rem,8vw,7rem)}
.page-hero .ph-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:0;opacity:.72;filter:saturate(1.08) contrast(1.03);transform:scale(1.04)}
.page-hero::after{content:"";position:absolute;inset:0;z-index:1;background:
  radial-gradient(130% 100% at 50% 8%,rgba(15,13,9,.1),rgba(15,13,9,.62) 70%),
  linear-gradient(180deg,rgba(15,13,9,.3) 0%,rgba(15,13,9,.5) 55%,rgba(15,13,9,.82) 100%)}
.page-hero .in{position:relative;z-index:2;max-width:1000px;margin-inline:auto;text-align:center}
.page-hero .eyebrow,.page-hero .cta,.page-hero .trust{justify-content:center}
.page-hero .lead{margin-inline:auto}
.page-hero h1{font-size:clamp(2.9rem,6.4vw,5.4rem);line-height:.98;text-shadow:0 6px 50px rgba(0,0,0,.45)}
.page-hero .lead{color:#e4dccd;max-width:62ch;font-size:clamp(1.22rem,1.8vw,1.5rem)}
.page-hero .trust{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem;font-family:var(--disp);font-weight:600;font-size:.98rem;color:#cfc6b4}
.page-hero .trust span{display:inline-flex;align-items:center;gap:.5rem}
.page-hero .trust span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warm)}

/* -- Section intro band used on inner pages for extra depth -- */
.statband{background:var(--dark);color:#efe9dd}
.statband .in{max-width:var(--wide);margin-inline:auto;padding:clamp(3rem,6vw,4.5rem) var(--gut);display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
.statband .s .n{font-family:var(--disp);font-weight:700;font-size:clamp(2.6rem,5vw,4rem);color:#fff;letter-spacing:-.03em;line-height:1}
.statband .s .l{color:#b4ab99;font-weight:600;margin-top:.4rem;font-size:1.02rem}
.statband .s .n em{color:var(--warm);font-style:normal}
@media(max-width:820px){.statband .in{grid-template-columns:1fr 1fr;gap:2rem}}

/* -- Pricing polish -- */
.plans{gap:1.8rem}
.plan{padding:clamp(2.2rem,3.2vw,3.1rem);border-radius:24px;transition:transform var(--dur) var(--ease),box-shadow var(--dur)}
.plan.feat{border:2.5px solid var(--accent);box-shadow:0 50px 110px -45px rgba(31,68,255,.5);background:linear-gradient(180deg,#fff,#f7f8ff)}
.plan.feat:hover{transform:translateY(-6px)}
.plan.soon{background:linear-gradient(170deg,#181510,#0d0b07)}
.plan .amt{font-size:4.4rem}
.plan .amt small{font-size:1.05rem}
.plan .pname{font-size:1.5rem;letter-spacing:-.02em}
.plan .psub{font-size:1.04rem;font-weight:500}
.plan li{font-size:1.06rem;font-weight:500;padding-block:.7rem}
.plan li::before{top:1.05rem}
.addon{border-radius:20px;padding:1.6rem 2rem}
.addon .price-sm{font-size:1.6rem}