/* Holdclock v26 design system — measured from scale.com (23 Oct 2026) and applied to our site.
   One family at one weight (400). Fixed size steps 116/64/40/32/24/20/16/14 + 11px mono capitals.
   Tracking -0.01em on sans. Black text, grey (#929292) for support, white / #F2F2F2 / #EAEAEA / black
   grounds, muted earth accents (tan #A8927C, forest #193A29); our blue only for data highlights.
   Flat: no shadows, almost no borders; radii 4 / 6 / 8 / 16. Motion: ease-out (0,0,.2,1), .3s/.6s/1s. */
:root{
  --s-black:#000; --s-ink:#101010; --s-ink2:#212121; --s-grey:#929292; --s-grey2:#575757; --s-line:#C7C7C7;
  --s-bg2:#F2F2F2; --s-bg3:#EAEAEA; --s-tan:#A8927C; --s-forest:#193A29; --s-forest2:#13281D;
  --s-out:cubic-bezier(0,0,.2,1); --s-io:cubic-bezier(.4,0,.2,1);
  --ink:#000; --ink-2:#101010; --text:#101010; --text-2:#575757; --text-3:#929292; --line:#E6E6E6; --line-2:#C7C7C7;
}
body{font:400 16px/24px var(--sans);letter-spacing:-.01em;color:var(--s-ink)}
h1,h2,h3,h4{font-weight:400!important}

/* eyebrow: 11px mono capitals */
.eb,.k{font:400 11px/1 var(--mono)!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--s-grey)!important}
.eb i{background:currentColor;width:8px;height:8px}

/* top bar (scale: 14px links, 40px buttons, r8) */
.top .nav a{font:400 14px/1 var(--sans)!important;letter-spacing:0!important;color:var(--s-black)!important;opacity:.9}
.top.on-dark .nav a{color:#fff!important}
.top{background:rgba(255,255,255,.82)!important;border-bottom:0!important}
.top.on-dark{background:rgba(0,0,0,.72)!important}

.tlink,.lk,.cap-a{font:400 16px/1 var(--sans)!important;letter-spacing:-.01em!important;color:#000!important}
.cap-a{color:#fff!important;opacity:.75}.cap-a:hover{opacity:1}

/* hero (scale: 64/1.05 regular; support 20/30 grey) */
.lhero .h1{font:400 clamp(56px,5.6vw,84px)/1.04 var(--sans)!important;letter-spacing:-.02em!important;max-width:11.5em!important;color:#000}
.lhero .lead{font:400 20px/30px var(--sans)!important;letter-spacing:-.01em!important;color:var(--s-grey2)!important;max-width:27em!important;margin-top:22px!important}
.lhero .cta{margin-top:30px!important}
.lhero .cta-note{font:400 11px/1 var(--mono)!important;letter-spacing:.05em;text-transform:uppercase;color:var(--s-grey)!important;margin-top:18px!important}

/* scene captions */
.cap-h{font:400 32px/38px var(--sans)!important;letter-spacing:-.01em!important}
.w-cap .rw{font:400 16px/24px var(--sans)!important;letter-spacing:-.01em}
.w-cap .rw .w{color:#3A3A3A}.w-cap .rw .w.on{color:#C7C7C7}
.w-rail li{font-size:14px;letter-spacing:-.01em}
.w-hint{color:var(--s-grey)}

/* numbers: black → forest → light grey (scale's stat colours) */
.n-val{font-weight:400!important;letter-spacing:-.045em!important}
.n-u{font-size:32px!important;color:var(--s-grey)!important}
.n-p{font:400 20px/30px var(--sans)!important;letter-spacing:-.01em;color:#C7C7C7!important}
.n-p em{font:400 11px/1.4 var(--mono)!important;letter-spacing:.05em;text-transform:uppercase;color:var(--s-grey)!important;margin-top:10px!important}
.n-row{font:400 14px/1.3 var(--sans)!important;color:var(--s-grey)!important}
.n-bar{background:repeating-linear-gradient(90deg,#fff 0 8px,transparent 8px 10px)!important}
.n-bar.acc{background:repeating-linear-gradient(90deg,var(--s-tan) 0 8px,transparent 8px 10px)!important}
.n-st[data-s="1"] .n-blocks i.on{background:#fff}
.n-st[data-s="1"] .n-blocks.acc i.on{background:var(--s-tan)!important}
.n-st[data-s="2"] .n-val{color:#000!important}
.n-st[data-s="2"] .n-p{color:var(--s-grey2)!important}
.fit-list li b{font-weight:400!important;font-size:20px!important}
.fit-list li span{font-size:11px!important;letter-spacing:.05em!important;text-transform:uppercase}
.fit-list li.on::before{background:#000!important}

/* who it's for */
.who-tabs button{font-weight:400!important;letter-spacing:-.03em!important;color:#E0E0E0!important}
.who-tabs button.on{color:#000!important}
.ap-hl{font:400 32px/38px var(--sans)!important;letter-spacing:-.01em!important;color:#000!important}
.ap-b li{font:400 16px/24px var(--sans)!important;color:var(--s-grey2)!important;border-color:#E6E6E6!important}
.ap-b li::before{background:#000!important;box-shadow:none!important;width:5px!important;height:5px!important;border-radius:50%}
.pan{border-radius:16px!important;box-shadow:none!important;background:#000!important}
.who-prog{background:#E6E6E6}.who-prog i{background:#000}

/* sample */
.smp3{background:var(--s-bg3)!important}
.s-h,.y-h,.t-h{font:400 clamp(48px,4.5vw,64px)/1.05 var(--sans)!important;letter-spacing:-.01em!important}
.s-sub,.y-sub{font:400 20px/30px var(--sans)!important;letter-spacing:-.01em!important;color:var(--s-grey)!important}
.s-crop figcaption{font:400 20px/30px var(--sans)!important;color:#000}
.s-crop img,.s-doc{box-shadow:0 0 0 1px rgba(0,0,0,.06)!important;border-radius:8px!important}
.pill{box-shadow:none!important;background:#fff!important;font-size:11px!important;letter-spacing:.05em!important;border-radius:6px}
.pill i{background:#000!important}
.s-list li.on::after{background:#000!important}

/* your format */
.y-steps li b{font-weight:400!important;font-size:20px!important}
.y-steps li.on .n{background:#000!important}
.y-face{border-radius:16px!important;background:var(--s-bg2)!important}
.y-face::before{display:none}
.y-face.back{background:#F4ECE6!important}
.mini{box-shadow:none!important;border-radius:8px!important}

/* trust: pure black, forest checks */
.trust3{background:#000!important}
.t-glow{background:radial-gradient(60% 70% at 78% 70%,rgba(25,58,41,.55),transparent 70%)!important}
.t-glow::after{display:none}
.t-pts h3{font:400 20px/30px var(--sans)!important;letter-spacing:-.01em}
.t-pts p{font:400 16px/24px var(--sans)!important;color:var(--s-grey)!important}
.t-term{border-radius:16px!important;background:#101010!important;border:0!important;box-shadow:none!important}
.t-term li span{font:400 16px/24px var(--sans)!important}

/* about: a 40px statement, like scale's testimonials */
#about{padding:160px 0!important}
#about .h2{font:400 32px/38px var(--sans)!important;letter-spacing:-.01em!important}
#about .quote p{font:400 clamp(30px,2.8vw,40px)/1.25 var(--sans)!important;letter-spacing:-.01em!important;color:#000}
#about .quote footer b{font-weight:400!important}
#about .ab-ph .ph{border-radius:16px!important;overflow:hidden}

/* pricing: grey cards, r16, no borders */
#pricing{background:#fff!important;padding:160px 0!important}
#pricing .h2,.ask .h2{font:400 clamp(48px,4.5vw,64px)/1.05 var(--sans)!important;letter-spacing:-.01em!important}
#pricing .sub,.ask .sub{font:400 20px/30px var(--sans)!important;color:var(--s-grey)!important}
#pricing .pk{background:var(--s-bg2)!important;border:0!important;border-radius:16px!important;box-shadow:none!important;padding:28px!important}
#pricing .pk .pr{font:400 64px/1 var(--sans)!important;letter-spacing:-.03em!important;margin:56px 0 12px!important}
#pricing .pk .pd{font:400 16px/24px var(--sans)!important;color:var(--s-grey2)!important}
#pricing .pk.rec{background:#000!important}#pricing .pk.rec .pd{color:#C7C7C7!important}
#pricing .rec-t{background:var(--s-tan)!important;color:#000!important;border-radius:4px;padding:3px 6px}

/* closing band: scale's tan, black text, white form */
.ask{background:var(--s-tan)!important;color:#000!important}
.ask .dfield{display:none!important}
.ask .h2{color:#000!important}.ask .sub,.ask .mailfb{color:#3A3027!important}
.ask .k{color:#3A3027!important}
.ask .form{background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:none!important;color:#000}
.ask .form label{font:400 11px/1 var(--mono)!important;letter-spacing:.05em;text-transform:uppercase;color:var(--s-grey)!important}
.ask .form input,.ask .form select{background:#fff!important;color:#000!important;border:1px solid #DADADA!important;border-radius:6px!important;box-shadow:none!important}
.ask .form input:focus,.ask .form select:focus{border-color:#000!important}
.ask .f-fine,.ask .f-fine a{color:var(--s-grey)!important}

/* footer: black, 14px links, giant grey line (scale: 116px) */
.foot{background:#000!important;color:#fff}
.ft-nav a,.ft-brand p{font:400 14px/1.6 var(--sans)!important;color:#C7C7C7!important}
.ft-nav a:hover{color:#fff!important}
.ft-giant{font:400 clamp(56px,8.1vw,116px)/1 var(--sans);letter-spacing:-.01em;color:#5A5A5A;margin:110px 0 64px;max-width:13.5em}
.ft-giant span{color:#929292}
.ft-bot p{font:400 12px/1.6 var(--sans)!important;color:#575757!important}

/* scale's motion: words rise in, one after another */
.wr{display:inline-block;opacity:0;transform:translateY(.3em);transition:opacity .6s var(--s-out),transform .6s var(--s-out)}
.wr-in .wr{opacity:1;transform:none}
html.rm .wr{opacity:1;transform:none;transition:none}

/* hero title: heavier (Omer, 23 Oct) */
.lhero .h1{font-weight:600!important;letter-spacing:-.035em!important}

/* keep the desktop hero between 761 and 900px wide (phones get the gate) */
@media (min-width:761px) and (max-width:900px){
  .lhero::after{background:linear-gradient(90deg,rgba(238,243,255,.97) 0%,rgba(238,243,255,.82) 40%,rgba(238,243,255,0) 62%)!important}
  .lhero-in{justify-content:center!important;padding-top:64px!important;padding-bottom:72px!important}
  .lhero .h1{font-size:50px!important;max-width:9em!important}
  .lhero .lead{max-width:20em!important;font-size:17px!important;line-height:26px!important}
}