:root{--ink:#080808;--paper:#f2eee4;--gold:#d7ad43;--gold2:#f2cf70;--navy:#071a2d;--muted:#8c8a83;--line:rgba(242,238,228,.17);--green:#74e2a4;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 56px));margin:auto}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}
.header{height:78px;display:flex;align-items:center;position:relative;z-index:20;background:#080808;border-bottom:1px solid var(--line)}.headerin{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:900;letter-spacing:.08em}.monogram{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d7ad4380;color:var(--gold);font:700 20px Georgia;transform:rotate(-2deg)}.nav{display:flex;align-items:center;gap:28px;color:#b9b6ae;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.nav a:hover{color:var(--gold2)}.headercta{display:inline-flex;align-items:center;gap:10px;padding:13px 16px;background:var(--gold);color:#111;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.hamb{display:none}
.hero{position:relative;min-height:850px;overflow:hidden;background:#080808;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.95%,#ffffff0d 50%,transparent 50.05%),linear-gradient(#ffffff09 1px,transparent 1px);background-size:100% 100%,100% 90px;pointer-events:none}.hero:after{content:"";position:absolute;width:760px;height:760px;border:1px solid #d7ad4329;border-radius:50%;right:-330px;top:-300px;box-shadow:0 0 0 90px #d7ad4308,0 0 0 180px #d7ad4305;pointer-events:none}.heroGrid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;min-height:850px}.heroCopy{padding:92px 64px 78px 0;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.eyebrow{display:flex;align-items:center;gap:12px;color:#bdb9b0;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.eyebrow i{width:34px;height:2px;background:var(--gold);display:block}.hero h1{font-size:clamp(64px,7.2vw,110px);line-height:.88;letter-spacing:-.062em;margin:30px 0;max-width:820px}.hero h1 .line{display:block}.hero h1 em{display:block;color:var(--gold);font-style:italic;font-weight:700}.heroDeck{max-width:690px;font:700 clamp(22px,2.1vw,31px)/1.28 Georgia;color:#f3efe5;margin:0 0 18px}.heroText{max-width:650px;color:#a9a69e;font-size:15px;line-height:1.75;margin:0}.heroActions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 22px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;transition:.2s}.btn.gold{background:var(--gold);color:#111}.btn.gold:hover{background:var(--gold2);transform:translateY(-2px)}.btn.line{border-color:#ffffff3a}.btn.line:hover{border-color:var(--gold);color:var(--gold2)}.heroMeta{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#77766f;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.heroMeta span{display:flex;align-items:center;gap:8px}.heroMeta span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green)}
.heroVisual{position:relative;display:flex;align-items:center;justify-content:center;padding:60px 0 60px 62px}.visualLabel{position:absolute;top:86px;right:0;color:#6f6d66;font-size:9px;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl}.screen{position:relative;width:100%;max-width:620px;aspect-ratio:1.18;border:1px solid #ffffff2c;background:var(--paper);color:#111;box-shadow:0 55px 120px #000;transform:rotate(1.2deg)}.screenTop{height:46px;background:#0a1722;color:#707b83;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:8px}.traffic{letter-spacing:3px;color:#b78e38}.screenUrl{padding:6px 26px;border-radius:999px;background:#ffffff0e}.screenBody{position:absolute;inset:46px 0 0;padding:30px;background:linear-gradient(145deg,#f4eee2,#ddd1bd);overflow:hidden}.screenBody:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-150px;bottom:-170px;border:1px solid #b58a3650;box-shadow:0 0 0 55px #b58a3610}.miniNav{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.08em}.miniNav b{font-size:11px}.miniNav span{color:#6c6c67}.miniEyebrow{margin-top:66px;color:#98732e;font-size:8px;font-weight:900;letter-spacing:.16em}.miniTitle{font:800 clamp(32px,3.1vw,46px)/.98 Georgia;margin-top:10px;letter-spacing:-.035em}.miniTitle em{display:block;color:#98732e}.miniCopy{max-width:370px;color:#62645f;font-size:10px;line-height:1.55;margin-top:12px}.miniActions{display:flex;gap:8px;margin-top:18px}.miniActions span{padding:9px 12px;background:#102437;color:#fff;font-size:7px;font-weight:900}.miniActions span+span{background:transparent;color:#102437;border:1px solid #9d9588}.miniProof{position:absolute;left:30px;right:30px;bottom:24px;border-top:1px solid #c5b9a6;display:grid;grid-template-columns:repeat(3,1fr);padding-top:14px}.miniProof b{display:block;font-size:9px}.miniProof small{color:#767870;font-size:7px}.phone{position:absolute;width:165px;right:-28px;bottom:-26px;border:7px solid #071522;border-radius:27px;background:#f3eee4;color:#111;padding:13px 10px 14px;z-index:4;box-shadow:0 28px 80px #000a;transform:rotate(-3deg)}.notch{width:48px;height:5px;background:#13283a;border-radius:9px;margin:0 auto 13px}.pbrand{font-size:7px;font-weight:900;letter-spacing:.14em}.pimg{height:88px;margin:10px 0;background:linear-gradient(145deg,#0d263c,#b58a36);position:relative;overflow:hidden}.pimg:after{content:"";position:absolute;width:110px;height:110px;border:1px solid #f5d57488;border-radius:50%;right:-45px;top:-35px}.phone h3{font-size:17px;line-height:1.02;margin:9px 0 6px}.phone p{font-size:7px;color:#74746f;line-height:1.45}.pbtn{padding:9px;background:#b98d38;color:#fff;text-align:center;font-size:7px;font-weight:900;margin-top:9px}.floatBadge{position:absolute;left:28px;bottom:92px;background:#07131df5;border:1px solid #ffffff20;padding:13px 15px;display:grid;grid-template-columns:10px 1fr;gap:3px 9px;z-index:5;box-shadow:0 20px 50px #0008}.floatBadge i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #74e2a412;margin-top:2px}.floatBadge b{font-size:10px}.floatBadge small{color:#7f909d;font-size:8px}
.marquee{overflow:hidden;border-bottom:1px solid var(--line);background:var(--gold);color:#111}.marqueeTrack{display:flex;width:max-content;animation:move 28s linear infinite}.marquee span{padding:17px 28px;font:900 10px Arial;letter-spacing:.12em;text-transform:uppercase}.marquee span:after{content:"✦";margin-left:28px}@keyframes move{to{transform:translateX(-50%)}}
.section{padding:118px 0;border-bottom:1px solid var(--line)}.overline{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.19em;text-transform:uppercase;margin-bottom:16px}.sectionTitle{max-width:1050px;font-size:clamp(44px,5.6vw,76px);line-height:.98;letter-spacing:-.045em;margin:0}.sectionTitle em{color:var(--gold);font-style:italic}.sectionIntro{max-width:760px;color:#a4a29b;font-size:15px;line-height:1.75;margin:24px 0 0}
.systemRows{margin-top:62px;border-top:1px solid var(--line)}.systemRow{display:grid;grid-template-columns:90px 1fr 260px 50px;align-items:center;gap:26px;min-height:150px;border-bottom:1px solid var(--line);transition:.25s}.systemRow:hover{background:#d7ad4308;padding-left:18px}.systemRow .num{font:700 28px Georgia;color:var(--gold)}.systemRow h3{font-size:32px;margin:0 0 7px}.systemRow p{margin:0;color:#8f8d86;font-size:13px;line-height:1.55;max-width:660px}.systemRow .tag{text-align:right;color:#b9b5ac;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.systemRow .arrow{font-size:25px;color:var(--gold);text-align:right}
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.sticky{position:sticky;top:110px}.sticky .sectionTitle{font-size:clamp(42px,4.6vw,64px)}.specs{border-top:1px solid var(--line)}.spec{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.spec .num{font:700 18px Georgia;color:var(--gold)}.spec h3{font-size:24px;margin:0 0 8px}.spec p{margin:0;color:#94928b;font-size:13px;line-height:1.65}

.trades{background:var(--paper);color:#111}.trades .overline{color:#8c6924}.trades .sectionTitle em{color:#9d7629}.trades .sectionIntro{color:#6c6a64}.tradeList{margin-top:60px;border-top:1px solid #1112}.trade{display:grid;grid-template-columns:80px 1fr 1fr 60px;align-items:center;gap:22px;min-height:110px;border-bottom:1px solid #1112;transition:.2s}.trade:hover{padding-left:15px;background:#d7ad4317}.trade .num{font:700 20px Georgia;color:#9d7629}.trade b{font:700 28px Georgia}.trade span{color:#6c6a64;font-size:12px}.trade i{font-style:normal;font-size:24px;color:#9d7629;text-align:right}
.local{background:linear-gradient(135deg,#06111d,#0b2238)}.localGrid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.local .sectionTitle{font-size:clamp(42px,4.8vw,66px)}.localText{color:#a4b0ba;line-height:1.75;font-size:14px}.cityline{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.cityline span{border:1px solid var(--line);padding:8px 11px;font-size:9px;color:#c0c9d0}.entity{border:1px solid #d7ad4340;padding:28px;background:#020b12aa;box-shadow:0 35px 90px #0005}.entityHead{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line);font-size:8px;font-weight:900;letter-spacing:.15em;color:var(--gold)}.node{border:1px solid var(--line);padding:18px;margin-top:18px}.node small{display:block;color:#6f8291;font-size:7px;letter-spacing:.14em;margin-bottom:5px}.node b{display:block;font:700 20px Georgia}.node span{color:#8798a5;font-size:9px}.node.primary{border-color:#d7ad434a}.connector{height:30px;width:1px;background:linear-gradient(var(--gold),transparent);margin:auto}.nodeRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.entityTags{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.entityTags span{padding:6px 8px;background:#d7ad4310;color:#c5ae70;font-size:7px}
.pricing{background:#090909}.priceGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.prices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.price{min-height:460px;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;position:relative;background:#0d0d0d}.price.featured{border-color:#d7ad435c;background:linear-gradient(145deg,#11100d,#0b1722)}.ribbon{position:absolute;right:0;top:0;background:var(--gold);color:#111;padding:7px 9px;font-size:7px;font-weight:900;letter-spacing:.1em}.price small{color:#77766f;font-size:8px;letter-spacing:.15em;font-weight:900}.price h3{font-size:26px;margin:8px 0}.amount{font:800 48px Georgia;color:var(--gold);margin:38px 0 25px}.amount span{font:700 9px Arial;color:#77766f}.price ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.price li{color:#aaa79f;font-size:12px}.price li:before{content:"✓";color:var(--green);margin-right:8px}.price .btn{margin-top:auto;width:100%}
.faq{background:#0a1a29}.faqGrid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faqList{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;position:relative;padding:24px 40px 24px 0;font:700 19px Georgia}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:3px;top:18px;color:var(--gold);font:28px Georgia}details[open] summary:after{content:"–"}details p{color:#99a6b0;font-size:13px;line-height:1.7;margin:0;padding:0 40px 22px 0}
.final{padding:100px 0;background:var(--gold);color:#111}.finalGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.final h2{font-size:clamp(50px,6vw,84px);line-height:.92;letter-spacing:-.05em;margin:0}.final p{max-width:700px;font-size:14px;line-height:1.65;color:#40391f}.finalActions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.finalActions .btn{background:#111;color:#fff}.finalPhone{font:700 28px Georgia}.final small{font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.footer{padding:28px 0;background:#080808;border-top:1px solid var(--line);color:#6f6d67;font-size:9px}.footerin{display:flex;justify-content:space-between;gap:20px}.mobilebar{display:none}
@media(max-width:1050px){.nav{display:none}.heroGrid,.split,.localGrid,.priceGrid,.faqGrid,.finalGrid{grid-template-columns:1fr}.heroCopy{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.heroVisual{padding-left:0;min-height:650px}.sticky{position:static}.systemRow{grid-template-columns:70px 1fr 150px 40px}.priceGrid{gap:45px}}
@media(max-width:720px){.wrap{width:min(100% - 28px,var(--max))}.header{height:64px}.headercta{display:none}.hamb{display:block;font-size:18px}.hero{min-height:auto}.heroGrid{min-height:auto}.heroCopy{padding:62px 0 48px}.hero h1{font-size:54px;line-height:.9}.heroDeck{font-size:21px}.heroText{font-size:13px}.heroActions{flex-direction:column;align-items:stretch;gap:9px}.btn{width:100%}.heroVisual{min-height:430px;padding:36px 10px 54px}.screen{max-width:100%;transform:none}.screenBody{padding:20px}.miniNav span{display:none}.miniEyebrow{margin-top:36px}.miniTitle{font-size:27px}.miniCopy{font-size:8px;max-width:260px}.miniProof{left:20px;right:20px;grid-template-columns:1fr 1fr}.miniProof>div:nth-child(3){display:none}.phone{width:118px;right:-5px;bottom:0;border-width:5px}.phone h3{font-size:13px}.pimg{height:55px}.floatBadge{left:0;bottom:8px}.marquee span{padding:14px 18px}.section{padding:76px 0}.sectionTitle{font-size:42px}.sectionIntro{font-size:13px}.systemRows{margin-top:42px}.systemRow{grid-template-columns:44px 1fr;gap:12px;min-height:auto;padding:24px 0}.systemRow .tag,.systemRow .arrow{display:none}.systemRow h3{font-size:23px}.systemRow p{font-size:12px}.split{gap:45px}.spec{grid-template-columns:42px 1fr}.tradeList{margin-top:40px}.trade{grid-template-columns:42px 1fr 30px;min-height:88px;gap:10px}.trade span{display:none}.trade b{font-size:21px}.nodeRow{grid-template-columns:1fr}.prices{grid-template-columns:1fr}.price{min-height:400px}.faqGrid{gap:38px}.final{padding:72px 0 calc(100px + env(safe-area-inset-bottom,0px))}.final h2{font-size:49px}.footer{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.footerin{flex-direction:column}.mobilebar{position:fixed;z-index:99;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:.75fr 1.25fr;gap:7px;padding:7px;background:#080808ed;border:1px solid #d7ad4355;backdrop-filter:blur(12px)}.mobilebar a{min-height:44px;display:grid;place-items:center;font-size:10px;font-weight:900;text-transform:uppercase}.mobilebar a+ a{background:var(--gold);color:#111}}

/* V6 cinematic hero background */
.hero{isolation:isolate}
.heroBg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.heroBg:before{content:"";position:absolute;inset:-16px;background-image:url("/wp-content/uploads/2026/10/savaremus-chalon-hero-bg.png");background-size:cover;background-position:center 42%;filter:blur(1.2px) saturate(.72) contrast(1.06);transform:scale(1.025);opacity:.50}
.heroBg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,10,.98) 0%,rgba(5,8,10,.91) 36%,rgba(5,8,10,.62) 62%,rgba(5,8,10,.48) 100%),linear-gradient(180deg,rgba(3,7,10,.25),rgba(3,7,10,.68))}
.heroGrid{z-index:2}
@media(max-width:780px){.heroBg:before{background-position:68% center;opacity:.34}.heroBg:after{background:linear-gradient(180deg,rgba(5,8,10,.92),rgba(5,8,10,.78))}}
/* ==========================================================
   SAVAREMUS V6 — FINAL DESKTOP POLISH
   ========================================================== */

@media (min-width: 1100px) {

  :root {
    --max: 1540px;
  }

  .wrap {
    width: min(var(--max), calc(100% - 88px));
  }

  /* HEADER */
  .header {
    height: 88px;
  }

  .monogram {
    width: 46px;
    height: 46px;
    font-size: 22px;
  }

  .brand {
    font-size: 13px;
  }

  .nav {
    gap: 34px;
    font-size: 11px;
  }

  .headercta {
    min-height: 48px;
    padding: 0 21px;
    font-size: 11px;
  }

  /* HERO */
  .hero {
    min-height: 920px;
  }

  .heroGrid {
    min-height: 920px;
    grid-template-columns: 1.04fr .96fr;
  }

  .heroCopy {
    padding: 92px 90px 86px 0;
  }

  .eyebrow {
    font-size: 11px;
  }

  .hero h1 {
    font-size: clamp(86px, 6.7vw, 128px);
    line-height: .87;
    max-width: 920px;
    margin: 32px 0 30px;
  }

  .heroDeck {
    max-width: 760px;
    font-size: clamp(25px, 1.8vw, 34px);
  }

  .heroText {
    max-width: 720px;
    font-size: 16px;
    line-height: 1.78;
  }

  .heroActions {
    margin-top: 38px;
  }

  .btn {
    min-height: 58px;
    padding-left: 27px;
    padding-right: 27px;
    font-size: 12px;
  }

  .heroMeta {
    margin-top: 31px;
    font-size: 10px;
  }

  /* CINEMATIC BACKGROUND */
  .heroBg:before {
    opacity: .72;
    background-position: 67% 43%;
    filter: saturate(.88) contrast(1.08);
    transform: scale(1.02);
  }

  .heroBg:after {
    background:
      linear-gradient(
        90deg,
        rgba(5,8,10,.98) 0%,
        rgba(5,8,10,.94) 27%,
        rgba(5,8,10,.78) 46%,
        rgba(5,8,10,.45) 68%,
        rgba(5,8,10,.30) 100%
      ),
      linear-gradient(
        180deg,
        rgba(3,7,10,.16),
        rgba(3,7,10,.62)
      );
  }

  /* PRODUCT MOCKUP */
  .heroVisual {
    padding: 64px 0 64px 76px;
  }

  .screen {
    max-width: 720px;
    box-shadow: 0 65px 150px rgba(0,0,0,.72);
  }

  .phone {
    width: 184px;
    right: -34px;
    bottom: -34px;
  }

  .floatBadge {
    left: 34px;
    bottom: 88px;
    padding: 15px 17px;
  }

  /* SECTIONS */
  .section {
    padding: 132px 0;
  }

  .sectionTitle {
    max-width: 1180px;
    font-size: clamp(54px, 4.6vw, 84px);
  }

  .sectionIntro {
    max-width: 820px;
    font-size: 16px;
  }

  .systemRows {
    margin-top: 70px;
  }

  .systemRow {
    grid-template-columns: 100px 1fr 280px 55px;
    min-height: 158px;
  }

  .systemRow h3 {
    font-size: 35px;
  }

  .systemRow p {
    font-size: 14px;
    max-width: 760px;
  }

  .split {
    gap: 110px;
  }

  .spec {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .spec h3 {
    font-size: 24px;
  }

  .spec p {
    font-size: 14px;
  }

  .trade {
    min-height: 116px;
  }

  .trade b {
    font-size: 27px;
  }

  .localGrid {
    gap: 100px;
  }

  .prices {
    gap: 18px;
  }

  .price {
    min-height: 480px;
    padding: 34px;
  }

  .faqGrid {
    gap: 110px;
  }

  .final {
    padding-top: 105px;
    padding-bottom: 105px;
  }
}

/* EXTRA-WIDE DESKTOP */
@media (min-width: 1700px) {

  :root {
    --max: 1600px;
  }

  .hero {
    min-height: 950px;
  }

  .heroGrid {
    min-height: 950px;
  }

  .hero h1 {
    font-size: 132px;
  }

  .screen {
    max-width: 750px;
  }
}


/* =========================================================
   V6 — ULTRAWIDE / LARGE DESKTOP FINAL SCALE
   ========================================================= */

@media (min-width: 1100px) {

  .wrap {
    width: min(90vw, 2200px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .headerin {
    width: min(90vw, 2200px) !important;
  }

  .hero {
    min-height: min(940px, calc(100vh - 88px)) !important;
  }

  .heroGrid {
    min-height: min(940px, calc(100vh - 88px)) !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr) !important;
  }

  .heroCopy {
    padding-left: clamp(10px, 2vw, 48px) !important;
    padding-right: clamp(55px, 4vw, 100px) !important;
  }

  .heroCopy > * {
    max-width: 900px;
  }

  .hero h1 {
    font-size: clamp(82px, 5.4vw, 138px) !important;
    max-width: 980px !important;
  }

  .heroDeck {
    font-size: clamp(25px, 1.55vw, 36px) !important;
    max-width: 820px !important;
  }

  .heroText {
    font-size: clamp(15px, .82vw, 18px) !important;
    max-width: 760px !important;
  }

  .heroVisual {
    padding-left: clamp(45px, 4vw, 110px) !important;
    padding-right: clamp(10px, 2vw, 50px) !important;
  }

  .screen {
    width: min(100%, 820px) !important;
    max-width: 820px !important;
  }

  .phone {
    width: clamp(165px, 9vw, 215px) !important;
  }

  /* Make Chalon visible without hurting readability */
  .heroBg:before {
    opacity: .82 !important;
    background-position: 67% 43% !important;
    filter: saturate(.95) contrast(1.08) !important;
  }

  .heroBg:after {
    background:
      linear-gradient(
        90deg,
        rgba(5,8,10,.99) 0%,
        rgba(5,8,10,.94) 25%,
        rgba(5,8,10,.75) 46%,
        rgba(5,8,10,.36) 69%,
        rgba(5,8,10,.22) 100%
      ),
      linear-gradient(
        180deg,
        rgba(3,7,10,.08),
        rgba(3,7,10,.48)
      ) !important;
  }

  /* Rest of page should use the screen too */
  .section .wrap {
    width: min(82vw, 2000px) !important;
  }

  .sectionTitle {
    max-width: 1300px !important;
  }

  .systemRow {
    grid-template-columns: 110px minmax(0,1fr) 300px 60px !important;
  }
}

/* Real ultrawide monitors */
@media (min-width: 1800px) {

  .wrap,
  .headerin {
    width: min(88vw, 2500px) !important;
  }

  .section .wrap {
    width: min(78vw, 2200px) !important;
  }

  .hero h1 {
    font-size: clamp(105px, 5vw, 150px) !important;
  }

  .screen {
    max-width: 900px !important;
  }
}


/* =========================================================
   SAVAREMUS V6 — TABLET + MOBILE FINAL
   ========================================================= */

/* ---------- TABLET / SMALL LAPTOP ---------- */

@media (min-width: 769px) and (max-width: 1099px) {

  .wrap,
  .headerin {
    width: calc(100% - 64px) !important;
    max-width: none !important;
  }

  .header {
    height: 72px !important;
  }

  .nav {
    gap: 18px !important;
    font-size: 9px !important;
  }

  .hero {
    min-height: auto !important;
  }

  .heroGrid {
    min-height: 720px !important;
    grid-template-columns: .95fr 1.05fr !important;
  }

  .heroCopy {
    padding: 70px 36px 70px 0 !important;
  }

  .hero h1 {
    font-size: clamp(58px, 7.5vw, 82px) !important;
    line-height: .89 !important;
  }

  .heroDeck {
    font-size: 21px !important;
  }

  .heroText {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .heroVisual {
    padding: 60px 0 60px 32px !important;
  }

  .screen {
    width: 100% !important;
    max-width: 590px !important;
  }

  .phone {
    width: 135px !important;
    right: -12px !important;
  }

  .section {
    padding: 90px 0 !important;
  }

  .section .wrap {
    width: calc(100% - 80px) !important;
  }

  .sectionTitle {
    font-size: clamp(44px, 6vw, 64px) !important;
  }

  .systemRow {
    grid-template-columns: 70px 1fr 160px 35px !important;
  }

  .split,
  .localGrid,
  .faqGrid {
    gap: 55px !important;
  }
}


/* ---------- MOBILE ---------- */

@media (max-width: 768px) {

  html,
  body {
    overflow-x: hidden !important;
  }

  .wrap,
  .headerin,
  .section .wrap {
    width: calc(100% - 32px) !important;
    max-width: none !important;
  }

  /* HEADER */

  .header {
    height: 64px !important;
  }

  .headerin {
    height: 64px !important;
  }

  .nav {
    display: none !important;
  }

  .brand {
    font-size: 10px !important;
  }

  .monogram {
    width: 34px !important;
    height: 34px !important;
    font-size: 16px !important;
  }

  .headercta {
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: 9px !important;
  }

  /* HERO */

  .hero {
    min-height: auto !important;
  }

  .heroGrid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  .heroCopy {
    padding:
      58px 0
      38px !important;
  }

  .eyebrow {
    font-size: 9px !important;
    letter-spacing: .14em !important;
  }

  .hero h1 {
    font-size: clamp(54px, 16vw, 76px) !important;
    line-height: .86 !important;
    letter-spacing: -.045em !important;
    margin: 24px 0 25px !important;
    max-width: 100% !important;
  }

  .heroDeck {
    font-size: 22px !important;
    line-height: 1.16 !important;
    max-width: 520px !important;
  }

  .heroText {
    font-size: 14px !important;
    line-height: 1.68 !important;
    max-width: 560px !important;
  }

  .heroActions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 27px !important;
  }

  .heroActions .btn {
    width: 100% !important;
    min-height: 52px !important;
  }

  .heroMeta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
    margin-top: 20px !important;
  }

  /* MOCKUP UNDER COPY */

  .heroVisual {
    min-height: 440px !important;
    padding:
      22px 0
      55px !important;
    border-left: 0 !important;
  }

  .screen {
    width: 92% !important;
    max-width: none !important;
    margin: 0 auto !important;
    transform:
      perspective(1200px)
      rotateY(-2deg) !important;
  }

  .phone {
    width: 128px !important;
    right: 2% !important;
    bottom: 22px !important;
  }

  .floatBadge {
    left: 4% !important;
    bottom: 35px !important;
  }

  .heroBg:before {
    opacity: .62 !important;
    background-position: 68% center !important;
  }

  .heroBg:after {
    background:
      linear-gradient(
        180deg,
        rgba(4,8,11,.94) 0%,
        rgba(4,8,11,.88) 44%,
        rgba(4,8,11,.58) 72%,
        rgba(4,8,11,.82) 100%
      ) !important;
  }

  /* GOLD TICKER */

  .ticker {
    min-height: 42px !important;
  }

  /* SECTIONS */

  .section {
    padding: 72px 0 !important;
  }

  .sectionTitle {
    font-size: clamp(42px, 12vw, 60px) !important;
    line-height: .96 !important;
    max-width: 100% !important;
  }

  .sectionIntro {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  /* COMMERCIAL SYSTEM */

  .systemRows {
    margin-top: 42px !important;
  }

  .systemRow {
    display: grid !important;
    grid-template-columns: 42px 1fr 22px !important;
    gap: 12px !important;
    min-height: 110px !important;
    padding: 22px 0 !important;
  }

  .systemRow h3 {
    font-size: 22px !important;
  }

  .systemRow p {
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  .systemRow > :nth-child(3) {
    display: none !important;
  }

  /* TWO-COLUMN SECTIONS */

  .split,
  .localGrid,
  .faqGrid,
  .offerGrid,
  .finalGrid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  /* TRADES */

  .trade {
    min-height: 86px !important;
  }

  .trade b {
    font-size: 20px !important;
  }

  /* PRICING */

  .prices {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .price {
    min-height: auto !important;
  }

  /* FAQ */

  .faq summary {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  /* FINAL CTA */

  .final {
    padding:
      70px 0
      100px !important;
  }
}


/* ---------- SMALL PHONES ---------- */

@media (max-width: 430px) {

  .wrap,
  .headerin,
  .section .wrap {
    width: calc(100% - 24px) !important;
  }

  .brand {
    display: none !important;
  }

  .hero h1 {
    font-size: clamp(48px, 15.5vw, 65px) !important;
  }

  .heroDeck {
    font-size: 20px !important;
  }

  .heroVisual {
    min-height: 390px !important;
  }

  .phone {
    width: 112px !important;
  }

  .sectionTitle {
    font-size: 41px !important;
  }
}