/* How it works: Option B (pinned countdown) */
.hiwb{--ink:#1c0f21;--ink-2:#4b3d50;--mut:#6c5f71;--line:#e9e1ea;--paper:#faf7f5;--p:#6a2875;--v:#7b2cff;--m:#e0389e;--pe:#ff8a5c;position:relative;height:560vh;background:var(--paper)}
.hiwb *{box-sizing:border-box}
.hiwb{position:relative;height:560vh}.hiwb .stage{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,5vw,80px);align-items:center;padding:80px clamp(20px,5vw,80px) 40px;max-width:1400px;margin:0 auto}.hiwb /* left: the counter */
.k{font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--p);margin:0 0 16px}.hiwb .h{margin:0 0 28px;font-size:clamp(30px,3.6vw,52px);line-height:1;font-weight:780;letter-spacing:-.05em}.hiwb .h em{font-family:Newsreader,Georgia,serif;font-weight:400;color:var(--p)}.hiwb .dial{position:relative;width:clamp(220px,24vw,320px);aspect-ratio:1}.hiwb .dial svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.hiwb .dial .bgc{fill:none;stroke:#efe6f1;stroke-width:10}.hiwb .dial .fg{fill:none;stroke:url(#hb-dg);stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 6px 12px #b04dff55)}.hiwb .dial .tick{stroke:#fff;stroke-width:3}.hiwb .mid{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.hiwb .mid small{display:block;font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--mut)}.hiwb .odo{height:1em;overflow:hidden;font-size:clamp(90px,10vw,150px);font-weight:800;letter-spacing:-.06em;line-height:1;margin:2px 0}.hiwb .odo div{transition:transform .8s cubic-bezier(.65,0,.35,1)}.hiwb .odo span{display:block;height:1em;background:linear-gradient(180deg,var(--v),var(--m));-webkit-background-clip:text;background-clip:text;color:transparent}.hiwb .day{font-size:13px;color:var(--mut);font-variant-numeric:tabular-nums}.hiwb .day b{color:var(--ink)}.hiwb .time{margin-top:28px;max-width:360px}.hiwb .time .row{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:8px}.hiwb .time .row b{font-family:Newsreader,Georgia,serif;font-style:italic;font-weight:500;font-size:20px;color:var(--p);font-variant-numeric:tabular-nums}.hiwb .meter{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.hiwb .meter i{height:10px;border-radius:3px;background:#efe6f1;transition:background .4s,transform .4s cubic-bezier(.34,1.56,.64,1)}.hiwb .meter i.on{background:linear-gradient(90deg,var(--v),var(--m));transform:scaleY(1.3)}.hiwb .time p{margin:10px 0 0;font-size:12.5px;color:var(--mut)}.hiwb /* right: the deck */
.deck{position:relative;height:min(560px,64vh);perspective:1400px}.hiwb .c{position:absolute;inset:0;border-radius:28px;background:#fff;box-shadow:0 0 0 1px var(--line),0 40px 80px -40px #4b0f6e66;padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;overflow:hidden;transform-origin:50% 0;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .6s,filter .6s;will-change:transform}.hiwb .c .big{position:absolute;right:-10px;top:-40px;font-size:clamp(160px,18vw,260px);font-weight:800;letter-spacing:-.08em;line-height:1;color:transparent;-webkit-text-stroke:2px #efe2f3}.hiwb .c small{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--p)}.hiwb .c h3{margin:10px 0 10px;font-size:clamp(26px,2.6vw,40px);letter-spacing:-.045em;line-height:1.02;max-width:80%}.hiwb .c p{margin:0;font-size:clamp(14px,1.15vw,17px);line-height:1.55;color:var(--ink-2);max-width:420px}.hiwb .viz{margin-top:auto;height:44%;border-radius:18px;background:linear-gradient(160deg,#faf5fc,#f3eaf7);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #efe2f3}.hiwb /* viz 1: a call */
.call{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px}.hiwb .av{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px;position:relative}.hiwb .av:after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid currentColor;opacity:.4;animation:hb-talk 1.6s ease-out infinite}.hiwb .av.a{background:linear-gradient(135deg,var(--v),var(--m));color:#b04dff}.hiwb .av.b{background:#2a0b3a;color:#2a0b3a}.hiwb .av.b:after{animation-delay:.8s}@keyframes hb-talk{0%{transform:scale(.9);opacity:.5}100%{transform:scale(1.4);opacity:0}}.hiwb .wave{display:flex;gap:4px;align-items:center;height:40px}.hiwb .wave i{width:4px;border-radius:4px;background:var(--p);animation:hb-wv 1s ease-in-out infinite}@keyframes hb-wv{0%,100%{height:6px}50%{height:34px}}.hiwb .clock{position:absolute;left:16px;bottom:12px;font-size:12px;font-weight:700;color:var(--p);font-variant-numeric:tabular-nums}.hiwb /* viz 2: writing */
.doc{position:absolute;left:8%;right:8%;top:14%;bottom:-10%;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 10px 30px -14px #4b0f6e55;padding:16px 18px;font-size:13px;line-height:1.5;color:var(--ink-2)}.hiwb .doc b{display:block;color:var(--ink);font-size:15px;margin-bottom:6px}.hiwb .caret{display:inline-block;width:2px;height:1em;background:var(--m);vertical-align:-2px;animation:hb-blk 1s steps(2) infinite}@keyframes hb-blk{50%{opacity:0}}.hiwb /* viz 3: building */
.blocks{position:absolute;inset:12% 10%;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:8px}.hiwb .blocks i{border-radius:8px;background:#e9dcef;transform:translateY(-140%) rotate(-6deg);opacity:0;transition:transform .7s cubic-bezier(.34,1.4,.64,1),opacity .3s}.hiwb .blocks i.on{transform:none;opacity:1}.hiwb .blocks i:nth-child(1){grid-column:span 6;background:#2a0b3a}.hiwb .blocks i:nth-child(2){grid-column:span 4;grid-row:span 2;background:linear-gradient(135deg,var(--v),var(--m))}.hiwb .blocks i:nth-child(3){grid-column:span 2;grid-row:span 2}.hiwb .blocks i:nth-child(4),.hiwb .blocks i:nth-child(5),.hiwb .blocks i:nth-child(6){grid-column:span 2;background:#f6c8ff}.hiwb /* viz 4: google */
.g{position:absolute;inset:10% 8%;display:flex;flex-direction:column;gap:8px}.hiwb .q{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:13px;color:var(--ink-2)}.hiwb .res{padding:9px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:12px;color:var(--mut);transition:transform .8s cubic-bezier(.34,1.3,.64,1)}.hiwb .res b{display:block;color:#1a0dab;font-size:13.5px;font-weight:600}.hiwb .res.you{box-shadow:0 0 0 2px var(--m),0 14px 30px -12px #e0389e88}.hiwb .res.you b{color:var(--p)}.hiwb .res.you em{float:right;font-style:normal;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(90deg,var(--v),var(--m));padding:3px 8px;border-radius:999px}@media (max-width:860px){.hiwb .stage{grid-template-columns:1fr;gap:18px;padding-top:70px;align-content:start}.hiwb .h{font-size:28px;margin-bottom:14px}.hiwb .dial{width:150px}.hiwb .odo{font-size:70px}.hiwb .time{display:none}.hiwb .deck{height:52vh}.hiwb .left{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}.hiwb .left .k,.hiwb .left .h{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.hiwb *{transition:none!important;animation:none!important}}

/* site fit: clear the sticky header, monthly line below the pinned part */
.hiwb .stage{padding-top:104px}
.hiwb-after{padding:8px 0 96px;background:var(--paper)}
.hiwb-after .after{margin:0 auto}
@media (max-width:860px){.hiwb .stage{padding-top:84px}}
/* guard against same-named site classes */
.hiwb .mid{color:inherit}
.hiwb .doc{margin:0;max-width:none;border-radius:12px 12px 0 0;transform:none;box-shadow:0 10px 30px -14px #4b0f6e55;padding:16px 18px;color:var(--ink-2)}
.hiwb .doc:hover{transform:none}
.hiwb .caret{width:2px;height:1em;margin:0;background:var(--m)}
.hiwb .g{background:none;border-radius:0;padding:0;text-align:left;box-shadow:none}
.hiwb .res{padding:9px 14px;border-radius:12px;text-align:left}
.hiwb .av{color:#fff}.hiwb .av.a:after{border-color:#b04dff}.hiwb .av.b:after{border-color:#2a0b3a}
.hiwb .av.a,.hiwb .av.b{color:#fff}

/* match the neighbouring white sections */
#process,.hiwb,.hiwb-after{background:#fff}