/* Holdclock v25 — immersive scenes (23 Oct 2026).
   Our own site (pixel hero, product loops, report, checks) staged the way scale.com stages theirs:
   every part pins to the screen and changes while you scroll; the hero shrinks into a 3D screen you
   then move through; scroll is smoothed (Lenis); the top bar hides on the way down. */

html,html.rm{scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* shared */
.pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.im-mark{position:absolute!important;left:0;right:0;background:none!important;pointer-events:none;z-index:-1;padding:0!important;margin:0!important}
.world,.nums,.who3,.smp3,.yours3,.trust3{position:relative}
.eb{display:inline-flex;align-items:center;gap:9px;font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:0}
.eb i{width:7px;height:7px;background:var(--blue-2);clip-path:polygon(0 0,100% 0,100% 100%)}
.rw .w{transition:color .35s,opacity .35s}

/* top bar: fixed, hides on the way down, shows on the way up */
.top{position:fixed!important;left:0;right:0;top:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s,color .3s}
.top.hid{transform:translateY(-100%)}

/* ================= scene 1 · world ================= */
.world{height:1050vh;background:#000}
.world .pin{background:transparent}
.w-bg{position:absolute;inset:0;background:var(--hero)}
.w-cam{position:absolute;inset:0;perspective:1600px;perspective-origin:50% 40%}
.w-stack{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.w-frame,.w-ghost{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform,border-radius}
.w-frame{overflow:hidden;background:var(--hero);isolation:isolate}
.w-ghost{border:1.5px solid rgba(255,255,255,.5);border-radius:28px;opacity:0;background:rgba(124,147,255,.02)}
.w-ghost[data-k="2"]{border-color:rgba(255,255,255,.3)}
.w-ghost[data-k="3"]{border-color:rgba(255,255,255,.16)}
.w-frame .lhero{position:absolute;inset:0;min-height:0;height:100%}
.w-frame .lhero-in{height:100%;padding-top:64px}
#hero-copy{will-change:opacity,transform}
.w-prods{position:absolute;inset:0;background:#FAFAFA;opacity:0;z-index:5}
.w-prods::before{content:"";position:absolute;inset:0;background-image:none;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,transparent 30%,#000);mask-image:radial-gradient(70% 70% at 50% 50%,transparent 30%,#000)}
.wp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s}
.wp.on{opacity:1}
.wp canvas.ill{position:absolute;inset:0;width:100%;height:100%;display:block}
.wp canvas.anim{width:78%;height:auto;aspect-ratio:64/24;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid rgba(124,147,255,.22);border-radius:14px;background:#0B1020}
.wp-k{position:absolute;left:5%;top:7%;font:500 26px/1 var(--mono);letter-spacing:.18em;color:var(--blue-3)}
.wp-s{position:absolute;right:5%;top:6.4%;font:500 22px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-3);border:2px solid rgba(124,147,255,.4);padding:12px 16px;border-radius:10px}
.wp-s.ready{color:var(--mint-2);border-color:rgba(20,184,132,.5)}

.w-cap{position:absolute;left:0;right:0;bottom:9vh;text-align:center;pointer-events:none;color:#fff;z-index:4}
.w-cap .one{position:absolute;left:50%;bottom:0;width:min(760px,90vw);transform:translate(-50%,24px);opacity:0;transition:opacity .55s,transform .55s cubic-bezier(.2,.7,.2,1)}
.w-cap .one.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.w-cap .eb{color:#8E9BBB}
.cap-h{font:400 clamp(34px,3vw,46px)/1.1 var(--sans);letter-spacing:-.03em;margin:16px 0 14px}
.w-cap .rw{font-size:17px;line-height:1.55;color:#fff;max-width:40em;margin:0 auto}
.w-cap .rw .w{color:#2F3A55}.w-cap .rw .w.on{color:#C9D2E6}
.cap-a{display:inline-flex;gap:8px;margin-top:18px;font:500 15px/1 var(--sans);color:var(--blue-3);text-decoration:none}
.cap-a:hover{color:#fff}
.w-rail{position:absolute;left:clamp(20px,3vw,44px);top:50%;transform:translateY(-50%);margin:0;padding:0;list-style:none;display:grid;gap:14px;opacity:0;transition:opacity .4s;z-index:4}
.w-rail.on{opacity:1}
.w-rail li{font:400 14px/1 var(--sans);color:#46506A;display:flex;gap:12px;align-items:center;transition:color .3s}
.w-rail li b{font:500 11px/1 var(--mono);color:#2E3650;letter-spacing:.06em;transition:color .3s}
.w-rail li.on{color:#fff}.w-rail li.on b{color:var(--blue-3)}
.w-rail li.done{color:#7D889E}
.w-hint{position:absolute;right:clamp(20px,3vw,40px);bottom:28px;z-index:6;display:flex;align-items:center;gap:14px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);text-decoration:none;transition:opacity .3s}
.w-hint i{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-2);border-radius:8px;font-style:normal;color:var(--ink-2);background:rgba(255,255,255,.6)}

/* ================= scene 2 · numbers ================= */
.nums{height:520vh;background:#000}
.n-bg{position:absolute;inset:0;background:#000}
.n-st{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(28px,6vw,96px);opacity:0;pointer-events:none;transition:opacity .6s}
.n-st.on{opacity:1;pointer-events:auto}
.n-st .eb{color:#8E9BBB}
.n-big{display:flex;align-items:baseline;gap:.25em;margin:18px 0 26px;transform:translateY(40px);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.n-st.on .n-big{transform:none}
.n-val{font:400 clamp(110px,15.5vw,250px)/.86 var(--sans);letter-spacing:-.06em;color:#fff}
.n-u{font:400 clamp(28px,3vw,48px)/1 var(--sans);letter-spacing:-.03em;color:#8E9BBB}
.n-viz{width:min(980px,100%);display:grid;gap:18px}
.n-row{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center;font:400 14px/1.3 var(--sans);color:#A9B3C7}
.n-bar{display:block;height:22px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 8px,transparent 8px 10px);transform-origin:0 50%}
.n-bar.acc{background:repeating-linear-gradient(90deg,var(--blue-2) 0 8px,transparent 8px 10px);width:100%;transition:transform .1s linear}
.n-blocks{display:flex;gap:6px}
.n-blocks i{display:block;width:30px;height:22px;border-radius:3px;background:rgba(255,255,255,.12);transition:background .25s,transform .25s;transform:scale(.6)}
.n-blocks i.on{background:#fff;transform:none}
.n-blocks i.maybe.on{background:rgba(255,255,255,.45)}
.n-blocks.acc i.on{background:#0B1020}
.n-p{margin-top:28px;font-size:18px;line-height:1.5;color:#C9D2E6;max-width:34em}
.n-p em{display:block;margin-top:6px;font-style:normal;font-size:14px;color:#8E9BBB}
.n-st[data-s="1"] .eb,.n-st[data-s="1"] .n-u,.n-st[data-s="1"] .n-row,.n-st[data-s="1"] .n-p em{color:rgba(255,255,255,.72)}
.n-st[data-s="1"] .n-p{color:#fff}
.n-st[data-s="1"] .n-blocks i{background:rgba(255,255,255,.2)}
.n-st[data-s="1"] .n-blocks i.on{background:#fff}
.n-st[data-s="1"] .n-blocks.acc i.on{background:#0B1020}
.n-st[data-s="2"] .n-val{color:var(--ink-2)}
.n-st[data-s="2"] .eb{color:var(--text-3)}
.n-st[data-s="2"] .n-p{color:var(--text-2)}
.n-fmt{display:flex;gap:22px;align-items:flex-end}
.n-fmt .fp{flex:0 0 auto;width:150px;max-width:none;padding:14px 13px;gap:8px;transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .5s}
.n-fmt .fp .ch{height:34px}
.n-fmt .fp.on{transform:translateY(-14px) scale(1.06);border-color:var(--blue);box-shadow:0 0 0 2px rgba(36,64,240,.18),0 26px 40px -20px rgba(36,64,240,.55)}
.n-fmt .fp em{bottom:-26px;font-size:11px}
.n-dots{position:absolute;right:clamp(20px,3vw,44px);top:50%;transform:translateY(-50%);display:grid;gap:10px}
.n-dots i{width:3px;height:30px;border-radius:2px;background:rgba(255,255,255,.18);transition:background .3s}
.n-dots i.on{background:#fff}
.nums.light .n-dots i{background:rgba(11,16,32,.14)}.nums.light .n-dots i.on{background:var(--ink-2)}

/* ================= scene 3 · who it's for ================= */
.who3{height:360vh;background:#fff}
.who3 .pin{display:flex;align-items:center}
.who-in{width:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,90px);align-items:center}
.who-tabs{display:grid;gap:4px;margin-top:22px}
.who-tabs button{all:unset;cursor:pointer;font:500 clamp(60px,7.4vw,120px)/1 var(--sans);letter-spacing:-.055em;color:#D7DCE6;transition:color .45s,transform .45s cubic-bezier(.2,.7,.2,1);transform-origin:0 50%}
.who-tabs button.on{color:var(--ink-2);transform:translateX(10px)}
.who-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.who-r{position:relative;height:min(620px,74vh)}
.wpan{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(30px);transition:opacity .55s,transform .55s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.wpan.on{opacity:1;transform:none;pointer-events:auto}
.wpan .ap-hl{max-width:18em}
.wpan .ap-b{margin:18px 0 22px}
.wpan .ap-b li{padding-top:11px;padding-bottom:11px;font-size:15.5px}
.who-prog{position:absolute;left:var(--gut);right:var(--gut);bottom:34px;height:2px;background:var(--line);max-width:var(--max);margin:0 auto}
.who-prog i{display:block;height:100%;width:0;background:var(--ink-2)}

/* ================= scene 4 · sample report ================= */
.smp3{height:680vh;background:var(--tint)}
.s-head{position:absolute;left:0;right:0;top:13vh;text-align:center;z-index:3;transition:opacity .4s}
.s-h{font:500 clamp(54px,6.4vw,104px)/.95 var(--sans);letter-spacing:-.055em;margin:16px 0 14px;color:var(--ink-2)}
.s-sub{font-size:18px;color:var(--text-2)}
.s-cam{position:absolute;inset:0;perspective:1800px;perspective-origin:50% 30%}
.s-doc{position:absolute;left:50%;top:50%;width:min(44vh,480px);aspect-ratio:1240/1754;transform-origin:50% 50%;will-change:transform;box-shadow:0 60px 120px -40px rgba(11,20,60,.45),0 0 0 1px rgba(11,16,32,.06);border-radius:4px;overflow:hidden;background:#fff}
.s-doc img{width:100%;height:100%;object-fit:cover}
.s-scan{position:absolute;left:0;right:0;height:18%;top:-20%;background:linear-gradient(180deg,rgba(61,90,254,0),rgba(61,90,254,.16),rgba(61,90,254,0));border-bottom:1.5px solid rgba(61,90,254,.6)}
.s-crop{position:absolute;left:50%;top:52%;width:min(820px,62vw);margin:0;transform:translate(-50%,-50%) translateY(60px) scale(.96);opacity:0;transition:opacity .55s,transform .65s cubic-bezier(.2,.7,.2,1);z-index:4;pointer-events:none}
.s-crop.on{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}
.s-crop.past{opacity:0;transform:translate(-50%,-50%) translateY(-60px) scale(.96)}
.s-crop img{width:100%;height:auto;border-radius:6px;box-shadow:0 50px 100px -40px rgba(11,20,60,.5),0 0 0 1px rgba(11,16,32,.08);background:#fff}
.s-crop figcaption{margin-top:18px;text-align:center;font:400 19px/1.4 var(--sans);letter-spacing:-.01em;color:var(--ink-2)}
.s-crop .pill,.pill{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);background:#fff;padding:8px 10px;border-radius:6px;box-shadow:0 0 0 1px var(--line);margin-bottom:12px}
.pill i{width:9px;height:9px;border-radius:2px;background:var(--blue-2)}
.s-list{position:absolute;right:clamp(20px,3vw,44px);top:50%;transform:translateY(-50%);margin:0;padding:0;list-style:none;display:grid;gap:12px;z-index:5;opacity:0;transition:opacity .4s}
.s-list.on{opacity:1}
.s-list li{font:500 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#A3ACBD;display:flex;align-items:center;gap:10px;justify-content:flex-end;transition:color .3s}
.s-list li::after{content:"";width:18px;height:2px;background:#D5DAE3;transition:background .3s,width .3s}
.s-list li.on{color:var(--ink-2)}.s-list li.on::after{background:var(--blue-2);width:30px}
.s-end{position:absolute;left:0;right:0;bottom:5vh;z-index:6;display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s;pointer-events:none}
.s-end.on{opacity:1;transform:none;pointer-events:auto}
.s-end .smp-note{background:rgba(244,246,251,.9);padding:6px 12px;border-radius:6px}
.s-end .smp-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}

/* ================= scene 5 · your own system ================= */
.yours3{height:320vh;background:#fff}
.yours3 .pin{display:flex;align-items:center}
.y-in{width:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,100px);align-items:center}
.y-h{font:500 clamp(46px,5vw,80px)/.98 var(--sans);letter-spacing:-.05em;margin:18px 0 20px;color:var(--ink-2)}
.y-sub{font-size:18px;line-height:1.5;color:var(--text-2);max-width:30em}
.y-steps{margin:36px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.y-steps li{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);color:#B3BAC8;transition:color .4s}
.y-steps li b{font:500 20px/1.2 var(--sans);letter-spacing:-.02em}
.y-steps .n{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;font:500 12px/1 var(--mono);background:var(--mist);color:#B3BAC8;transition:background .4s,color .4s}
.y-steps li.on{color:var(--ink-2)}.y-steps li.on .n{background:var(--blue);color:#fff}
.y-r{perspective:1600px;display:flex;justify-content:center}
.y-flip{position:relative;width:min(470px,100%);aspect-ratio:4/5;transform-style:preserve-3d;will-change:transform}
.y-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;padding:36px;border-radius:14px;background:var(--hero);overflow:hidden;isolation:isolate}
.y-face::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(36,64,240,.22) 1px,transparent 1.3px);background-size:6px 6px;-webkit-mask-image:radial-gradient(70% 80% at 80% 100%,#000,transparent);mask-image:radial-gradient(70% 80% at 80% 100%,#000,transparent)}
.y-face.back{transform:rotateY(180deg);background:#F6EEF0}
.y-face.back::before{background-image:radial-gradient(rgba(107,30,46,.22) 1px,transparent 1.3px)}
.y-face .mini{width:100%}
.y-cap{margin:18px 0 0;display:flex;gap:10px;align-items:baseline;justify-content:center;font-size:14px;color:var(--text-3)}
.y-cap b{font-weight:500;color:var(--ink-2)}

/* ================= scene 6 · trust ================= */
.trust3{height:340vh;background:var(--ink)}
.trust3 .pin{display:flex;align-items:center;color:var(--dtext)}
.t-glow{position:absolute;inset:0;background:radial-gradient(60% 70% at 78% 70%,rgba(40,66,180,.35),transparent 70%);pointer-events:none}
.t-glow::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(124,147,255,.18) 1.2px,transparent 1.4px);background-size:10px 10px;-webkit-mask-image:radial-gradient(55% 65% at 80% 72%,#000,transparent);mask-image:radial-gradient(55% 65% at 80% 72%,#000,transparent)}
.t-in{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,100px);align-items:center}
.t-l .eb{color:#8E9BBB}
.t-h{font:500 clamp(46px,5vw,80px)/.98 var(--sans);letter-spacing:-.05em;margin:18px 0 30px;color:#fff}
.t-pts{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.t-pts li{display:grid;grid-template-columns:34px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--dline);opacity:.18;transform:translateX(-10px);transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1)}
.t-pts li.on{opacity:1;transform:none}
.t-pts .glyph{width:30px;height:30px}
.t-pts h3{font:500 18px/1.3 var(--sans);letter-spacing:-.015em;color:#fff;margin:0 0 4px}
.t-pts p{font-size:14.5px;line-height:1.45;color:var(--dtext-2);margin:0}
.t-term{background:rgba(11,16,32,.86);border:1px solid var(--dline-2);border-radius:12px;padding:6px 22px 18px;box-shadow:0 40px 90px -40px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tt-top{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--dline);font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dtext-2)}
.tt-top em{font-style:normal;color:var(--dtext-3)}
.t-term ul{margin:0;padding:0;list-style:none}
.t-term li{display:grid;grid-template-columns:22px 1fr;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--dline);opacity:.28;transition:opacity .35s}
.t-term li.on{opacity:1}
.t-term li u{grid-row:span 2;width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.25);position:relative;text-decoration:none;margin-top:1px;transition:background .3s,border-color .3s}
.t-term li.on u{background:var(--mint);border-color:var(--mint)}
.t-term li.on u::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #06140E;border-width:0 2px 2px 0;transform:rotate(45deg)}
.t-term li span{font:500 15px/1.3 var(--sans);color:#fff}
.t-term li em{font:500 12px/1.2 var(--mono);font-style:normal;color:var(--dtext-3)}
.tt-f{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;font:500 13px/1 var(--mono);color:var(--dtext-2)}
.tt-f.ok{color:var(--mint-2)}
.tt-bar{flex:0 0 140px;height:4px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden}
.tt-bar i{display:block;height:100%;width:0;background:var(--mint)}

/* after the scenes, the rest of the page arrives with a gentle rise */
#about,#pricing{position:relative;z-index:2}

@media (prefers-reduced-motion:reduce){
  .w-cap .one,.wp,.n-st,.wpan,.s-crop,.t-pts li,.t-term li{transition:none}
}

/* ---- "Your format": three detailed report pages that fan in 3D (24 Oct) ---- */
.n-fit{flex-direction:row;align-items:center;gap:4vw}
.fit-l{flex:0 0 36%;max-width:560px}
.n-fit .n-val{font-size:clamp(76px,8.4vw,140px);letter-spacing:-.055em}
.n-fit .n-big{margin:16px 0 18px}
.n-fit .n-p{margin-top:0;font-size:18px}
.fit-list{margin:30px 0 0;padding:0;list-style:none;border-top:1px solid rgba(11,16,32,.1)}
.fit-list li{display:flex;flex-direction:column;gap:4px;padding:16px 0 16px 22px;border-bottom:1px solid rgba(11,16,32,.1);position:relative;color:#9AA3B5;transition:color .4s}
.fit-list li::before{content:"";position:absolute;left:0;top:22px;width:8px;height:8px;border-radius:2px;background:#CBD3E3;transition:background .4s,transform .4s}
.fit-list li b{font:500 20px/1.2 var(--sans);letter-spacing:-.02em}
.fit-list li span{font:400 13.5px/1.3 var(--mono);letter-spacing:.01em}
.fit-list li.on{color:var(--ink-2)}.fit-list li.on::before{background:var(--blue);transform:scale(1.3)}
.fit-list li.on span{color:var(--text-2)}
.fm-stage{position:relative;flex:1 1 auto;height:82vh;perspective:2200px;perspective-origin:50% 45%}
.fm-pg{position:absolute;left:50%;top:50%;height:78vh;aspect-ratio:1/1.414;font-size:1.32vh;background:#fff;border-radius:.6em;padding:2.4em 2.6em;color:#0B1020;display:flex;flex-direction:column;
  box-shadow:0 4em 8em -3em rgba(11,20,60,.45),0 0 0 1px rgba(11,16,32,.06);transform-origin:50% 50%;
  transition:transform 1s cubic-bezier(.2,.75,.2,1),opacity .8s,filter .8s;will-change:transform}
.fm-pg[data-pos="0"]{transform:translate(-50%,-50%) translate3d(4%,0,0) rotateY(-9deg) rotateX(3deg);opacity:1;z-index:3}
.fm-pg[data-pos="1"]{transform:translate(-50%,-50%) translate3d(46%,-2%,-320px) rotateY(-24deg) rotateX(3deg);opacity:.55;z-index:2;filter:saturate(.7)}
.fm-pg[data-pos="2"]{transform:translate(-50%,-50%) translate3d(-40%,2%,-460px) rotateY(14deg) rotateX(3deg);opacity:.35;z-index:1;filter:saturate(.6) blur(1px)}
.fm-band{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:.8em;border-bottom:.18em solid currentColor;font:500 1em/1 var(--mono);letter-spacing:.08em;margin-bottom:1.3em}
.fm-band b{font-weight:600;letter-spacing:.14em}.fm-band span{color:#6B7589;font-weight:400;letter-spacing:.04em;text-transform:none}
.fm-kick{font-size:1.02em;color:#6B7589;margin:0 0 .6em}
.fm-h{font:600 2.05em/1.15 var(--sans);letter-spacing:-.025em;margin:0 0 1em;max-width:22em}
.fm-sec{font:500 .92em/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6B7589;margin:1.5em 0 .8em;padding-bottom:.5em;border-bottom:1px solid #E2E6EE}
.fm-kpi{display:flex;gap:.8em}
.fm-kpi i{flex:1;font-style:normal;border:1px solid #DCE1EA;border-radius:.4em;padding:.8em .9em;font-size:.95em;color:#6B7589}
.fm-kpi b{display:block;font:600 1.75em/1.1 var(--mono);letter-spacing:-.03em;color:#0B1020;margin-bottom:.2em}
.fm-bridge{display:flex;align-items:flex-end;gap:1.1em;height:8.5em;padding:0 .4em;border-bottom:1px solid #C9D0DD}
.fm-bridge i{flex:1;height:var(--h);position:relative;bottom:var(--b,0);background:var(--c);border-radius:.15em .15em 0 0}
.fm-t{width:100%;border-collapse:collapse;font-size:1.02em}
.fm-t th{font:500 .82em/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8A93A6;text-align:left;padding:0 0 .6em}
.fm-t td{padding:.62em 0;border-bottom:1px solid #EBEEF4}
.fm-t td:nth-child(n+2),.fm-t th:nth-child(n+2){text-align:right;font-family:var(--mono);font-size:.95em;white-space:nowrap}
.fm-t td:nth-child(3){color:#6B7589}
.fm-t u,.fm-quote u,.fm-q u{text-decoration:none;font:500 .78em/1 var(--mono);color:#2440F0;background:#EEF1FF;padding:.25em .45em;border-radius:.3em;white-space:nowrap}
.fm-chips{display:flex;flex-wrap:wrap;gap:.5em}
.fm-chips span{font:500 .9em/1 var(--mono);padding:.55em .7em;border:1px solid #DCE1EA;border-radius:.35em;color:#475166}
.fm-foot{margin-top:auto;display:flex;justify-content:space-between;padding-top:.9em;border-top:1px solid #E2E6EE;font:400 .82em/1 var(--mono);color:#8A93A6}
/* lender pack: a firm's colours */
.fm-lend{background:#FBF7F6}
.fm-lend .fm-band{color:#6B1E2E}.fm-lend .fm-sec{color:#6B1E2E;border-color:#EADADC}
.fm-lend .fm-t td{border-color:#EFE3E4}
.fm-lend .fm-t u,.fm-lend .fm-quote u{color:#6B1E2E;background:#F4E4E6}
.fm-ladder{display:grid;gap:.7em}
.fm-ladder div{display:grid;grid-template-columns:6.5em 1fr 3.5em;gap:.8em;align-items:center;font:400 .95em/1 var(--mono);color:#6B7589}
.fm-ladder i{display:block;height:1.2em;width:var(--w);background:repeating-linear-gradient(90deg,#6B1E2E 0 .45em,transparent .45em .62em);border-radius:.1em}
.fm-ladder b{font-weight:600;color:#0B1020;text-align:right}
.fm-lend .fm-kpi i{border-color:#EADADC}
.fm-quote{margin:1.2em 0 0;padding:.8em 1em;border-left:.25em solid #6B1E2E;background:#F6ECED;font-size:1em;font-style:italic;color:#3A2A2D}
/* your sections: your template */
.fm-own{background:#F6FAF8}
.fm-own .fm-band{color:#0F5A4A}.fm-own .fm-band em{font-style:normal;border:1.5px dashed #0F5A4A;padding:.35em .6em;border-radius:.3em}
.fm-own .fm-sec{color:#0F5A4A;border-color:#D7E8E2}
.fm-hold{display:flex;align-items:flex-end;gap:1em}
.fm-hold b{font:500 4.4em/.85 var(--mono);letter-spacing:-.06em;color:#0F5A4A}
.fm-hold span{font-size:1em;line-height:1.35;color:#475166}
.fm-tl{position:relative;height:.8em;margin:1.2em 0 1.8em;background:repeating-linear-gradient(90deg,#D7E8E2 0 .45em,transparent .45em .62em);display:flex;justify-content:space-between}
.fm-tl i{position:absolute;left:0;top:0;bottom:0;width:var(--w);background:repeating-linear-gradient(90deg,#0F5A4A 0 .45em,transparent .45em .62em)}
.fm-tl span{position:relative;top:1.3em;font:400 .8em/1 var(--mono);color:#8A93A6}
.fm-rows p{display:grid;grid-template-columns:1fr auto 6em;gap:1em;margin:0;padding:.6em 0;border-bottom:1px solid #E1ECE8;font-size:1.02em}
.fm-rows b{font:600 1em/1 var(--mono)}.fm-rows em{font:400 .9em/1 var(--mono);font-style:normal;color:#6B7589;text-align:right}
.fm-q{margin:0;padding:0;list-style:none;counter-reset:q}
.fm-q li{counter-increment:q;position:relative;padding:.55em 0 .55em 2em;border-bottom:1px solid #E1ECE8;font-size:1em;line-height:1.4}
.fm-q li::before{content:counter(q);position:absolute;left:0;top:.6em;font:500 .85em/1 var(--mono);color:#0F5A4A}
.fm-own .fm-q u{color:#0F5A4A;background:#E1F0EA}
/* bigger flip cards in "your own system" */
.y-flip{width:min(580px,100%)}
.y-face{padding:44px}
.y-face .mini{max-width:none;font-size:14.5px;padding:28px}
.y-face .mini h4{font-size:22px}

/* layers that fade in must never catch clicks while hidden (fix 23 Oct: the product screens sat over the hero buttons) */
.w-prods,.w-ghost,.wp,.wp canvas{pointer-events:none}
.w-rail{pointer-events:none}.w-rail.on{pointer-events:auto}