/* Khushy Digital - tokens, resets, primitives
   GENERATED - do not edit. Source: assets/css/style.css
   Rebuild: php bin/build-css.php
   WordPress-only additions belong in theme.css. */

:root{
  /* Brand palette (Brand Guidelines v1.0, Sept 2026): Ink, Sage, Cream, Coral.
     The token names below are the design's original ones - hundreds of rules
     read them - so --blue is now the accent (Coral) and --green the Sage. */
  --ink:#1E2A2A; --sage:#85B5AD; --cream:#F0E7D6; --coral:#D94E2E;
  --blue:#D94E2E; --coral-text:#B03E22; --blue-d:#C14425; --blue-t:#F8E4DD;
  --green:#85B5AD; --green-d:#5A8A80; --green-t:#C5DDD8;
  --amber:#C98A1A; --amber-t:#F3E7CC;
  --red:#D94E2E; --red-t:#F8E4DD;
  --purple:#5A8A80; --purple-t:#C5DDD8;
  --ink2:#263636;
  --d1:#263636; --d2:#2C3F3F; --d3:#3D5555; --d0:#152020;
  --page:#FFFFFF; --bg:#F3F1EC; --card:#F0E7D6; --line:#D0CCC3; --line2:#BDB6A8;
  --t1:#1E2A2A; --t2:#3A4A4A; --t3:#3F6A60; --tl:#C5DDD8; --tl2:#85B5AD;
  --r-pill:6px; --r-card:8px;
  --shadow-lg:0 24px 60px rgba(30,42,42,.14);
  --shadow-md:0 16px 36px rgba(30,42,42,.1);
  --hdr-h:76px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}
body.nav-open{overflow:hidden}
img,svg,video{display:block;max-width:100%}
/* ---- type: Rubik for display and headings, Inter for everything else ---- */
h1,h2,h3,h4,h5,h6,.btn,.logo,.band .b b,.sc-num,.steps .st .n,.khdg-title,.khdg-node__name,.khdg-row__name,.roof-node b,.val h3,.statement-line,.hero-tag{font-family:'Rubik',system-ui,-apple-system,'Segoe UI',sans-serif}
h1,h2{font-weight:700}
h3,h4,h5,h6,.btn,button,summary,dt,legend,th{font-weight:500}
b,strong{font-weight:600}
body{line-height:1.65}
p{letter-spacing:0}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(217,78,46,.15)}
button{font-family:inherit}
ul{list-style:none}
.wrap{width:min(1240px,100% - 40px);margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:999;background:var(--ink);color:#fff;padding:12px 20px;border-radius:0 0 var(--r-card) 0;font-weight:400}
.skip:focus{left:0}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:var(--r-card)}

.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:400;letter-spacing:.78px;color:var(--coral-text);text-transform:uppercase}
.eyebrow .ln{width:22px;height:3px;border-radius:var(--r-pill);background:var(--blue);flex-shrink:0}
/* On ink the deep coral falls to 2.4:1; sage reads at 6.6:1 and the coral line keeps the accent. */
.sec-dark .eyebrow,.phero .eyebrow,.ctaband .eyebrow,.scroller .eyebrow,.phead .eyebrow,.hero .eyebrow,.home-hero .eyebrow,footer .eyebrow{color:var(--tl2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:var(--r-pill);font-weight:500;font-size:15px;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease,border-color .15s ease;min-height:46px;text-align:center;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-blue{background:var(--blue);color:#fff;padding:12px 24px}
.btn-blue:hover{background:var(--blue-d)}
.btn-dark{background:var(--ink);color:var(--cream);padding:12px 24px}
.btn-dark:hover{background:var(--d3)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:12px 24px}
.btn-ghost:hover{background:var(--ink);color:var(--cream)}
.btn-light{background:var(--cream);color:var(--ink);padding:12px 24px}
.btn-outline-light{background:transparent;color:var(--cream);border:1px solid rgba(240,231,214,.45);padding:12px 24px}
.btn-outline-light:hover{border-color:var(--cream);background:var(--cream);color:var(--ink)}
.nub{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:400;font-size:14px;color:#fff;flex-shrink:0}
.btn-blue .nub{background:var(--blue-d)} .btn-dark .nub{background:var(--blue)} .btn-light .nub{background:var(--blue);color:#fff}