/* How we work (process page). Everything is scoped to .hw so nothing leaks into shared styles. */
.hw{--ink:#020f31;--ink2:#0a1f4d;--blue:#1a56db;--sky:#7cc4ff;--mint:#4ade80;--txt:#334155;--mut:#64748b;--line:#e2e8f0;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--txt)}
.hw *{box-sizing:border-box}
.hw-w{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}
.hw-k{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:7px 12px 7px 10px;border-radius:999px;background:#eaf1ff;font:800 11px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--blue)}
.hw-k::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.hw h2{margin:0 0 14px;font:900 clamp(27px,3.1vw,42px)/1.1 "Segoe UI",system-ui,sans-serif;letter-spacing:-1.1px;color:#0b1d3e}
.hw h2 em{font-style:normal;background:linear-gradient(100deg,#1a56db,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hw-lead{max-width:68ch;margin:0;font:400 clamp(15.5px,1.25vw,17.5px)/1.7 "Segoe UI",system-ui,sans-serif;color:var(--txt)}
.hw-lead a,.hw-note a{color:var(--blue);font-weight:700}
.hw-sec{position:relative;padding:clamp(60px,7vw,104px) 0}
.hw-sec.is-soft{background:linear-gradient(180deg,#f4f7fc,#eef3fb)}
.hw-center{text-align:center}.hw-center .hw-lead{margin:0 auto}
.hw-note{margin:20px 0 0;font:500 13.5px/1.6 "Segoe UI",system-ui,sans-serif;color:var(--mut)}

/* buttons */
.hw-acts{display:flex;flex-wrap:wrap;gap:12px}
.hw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:12px;font:800 15px/1 "Segoe UI",system-ui,sans-serif;text-decoration:none;transition:transform .2s,filter .2s,box-shadow .2s}
.hw-btn.is-a{background:#fff;color:#0b1d3e;box-shadow:0 18px 30px -18px rgba(124,196,255,.9)}
.hw-btn.is-b{border:1.5px solid rgba(255,255,255,.4);color:#fff}
.hw-btn.is-c{background:linear-gradient(135deg,#1a56db,#2563eb);color:#fff;box-shadow:0 18px 28px -16px #1a56db}
.hw-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}

/* ---------- banner ---------- */
.hw-hero{position:relative;padding:calc(70px + clamp(44px,5vw,76px)) 0 clamp(48px,5.4vw,80px);background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.hw-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(760px 440px at 88% 4%,rgba(26,86,219,.55),transparent 70%),radial-gradient(520px 360px at 4% 100%,rgba(56,189,248,.18),transparent 70%)}
.hw-hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(900px 520px at 80% 20%,#000,transparent 75%);mask-image:radial-gradient(900px 520px at 80% 20%,#000,transparent 75%)}
.hw-hero-g{display:block}
.hw-hero-g>div:first-child{max-width:680px}
.hw-hero-art{display:block;width:100%;height:auto;aspect-ratio:7/4;object-fit:contain;margin:clamp(32px,4vw,52px) auto 0;border-radius:24px;box-shadow:0 34px 70px -46px #000}
.hw-crumb{margin:0 0 20px;font:600 13px/1.4 "Segoe UI",system-ui,sans-serif;color:#9fb4d6}
.hw-crumb a{color:#cfe0f7;text-decoration:none}.hw-crumb a:hover{text-decoration:underline}
.hw-hero .hw-k{background:rgba(124,196,255,.14);color:var(--sky)}
.hw-hero h1{margin:0 0 18px;font:900 clamp(33px,4.2vw,56px)/1.06 "Segoe UI",system-ui,sans-serif;letter-spacing:-1.7px;color:#fff}
.hw-hero h1 span{background:linear-gradient(100deg,#7cc4ff,#38bdf8 60%,#4ade80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hw-hero p.hw-sub{max-width:56ch;margin:0 0 26px;font:400 clamp(16px,1.3vw,18px)/1.7 "Segoe UI",system-ui,sans-serif;color:#cfdcf0}
.hw-route{position:relative;padding:clamp(20px,2.4vw,28px);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 40px 70px -50px #000;backdrop-filter:blur(6px)}
.hw-route-h{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;font:800 11px/1 ui-monospace,Menlo,monospace;letter-spacing:1.6px;text-transform:uppercase;color:#9fb4d6}
.hw-route-h i{display:inline-flex;align-items:center;gap:7px;font-style:normal;color:var(--mint)}
.hw-route-h i::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(74,222,128,.25);animation:hwPulse 1.8s ease-in-out infinite}
.hw-path{position:relative;list-style:none;margin:0;padding:0;counter-reset:hp}
.hw-path::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:rgba(124,196,255,.2)}
.hw-path::after{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,#7cc4ff,#4ade80);transform-origin:top;animation:hwGrow 3.2s .4s cubic-bezier(.6,0,.2,1) both}
.hw-path li{position:relative;z-index:1;counter-increment:hp;padding:0 0 18px 54px;animation:hwStep .6s both}
.hw-path li:nth-child(1){animation-delay:.4s}.hw-path li:nth-child(2){animation-delay:1s}.hw-path li:nth-child(3){animation-delay:1.6s}.hw-path li:nth-child(4){animation-delay:2.2s}.hw-path li:nth-child(5){animation-delay:2.8s}
.hw-path li:last-child{padding-bottom:0}
.hw-path li::before{content:counter(hp);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0b2a66;box-shadow:inset 0 0 0 1.5px var(--sky),0 0 18px -2px rgba(124,196,255,.7);font:800 14px/1 ui-monospace,Menlo,monospace;color:#fff}
.hw-path b{display:block;font:800 16px/1.3 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-path span{display:block;margin-top:2px;font:400 14px/1.5 "Segoe UI",system-ui,sans-serif;color:#b8c7dd}
.hw-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(34px,4vw,56px) 0 0;padding:0;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.hw-facts div{padding:18px 22px}
.hw-facts div+div{border-left:1px solid rgba(255,255,255,.14)}
.hw-facts dt{font:800 clamp(18px,1.7vw,22px)/1.15 "Segoe UI",system-ui,sans-serif;color:var(--sky)}
.hw-facts dd{margin:5px 0 0;font:500 13.5px/1.45 "Segoe UI",system-ui,sans-serif;color:#cfdcf0}

/* ---------- why ---------- */
.hw-why{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,64px);align-items:center}
.hw-years{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0 0;padding:0}
.hw-years li{position:relative;padding:22px 10px 0 0;font:500 13px/1.45 "Segoe UI",system-ui,sans-serif;color:var(--mut)}
.hw-years li::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:#dbe6f7}
.hw-years li::after{content:"";position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--blue)}
.hw-years li:last-child::after{background:var(--blue)}
.hw-years b{display:block;font:900 18px/1.2 "Segoe UI",system-ui,sans-serif;color:#0b1d3e}
.hw-quote{position:relative;margin:0;padding:clamp(30px,3.4vw,46px);border-radius:26px;background:radial-gradient(460px 280px at 100% 0%,rgba(26,86,219,.6),transparent 70%),linear-gradient(160deg,var(--ink),var(--ink2));color:#fff;box-shadow:0 50px 80px -50px rgba(2,15,49,.9);overflow:hidden}
.hw-quote::before{content:"\201C";position:absolute;right:22px;top:-18px;font:900 190px/1 Georgia,serif;color:rgba(124,196,255,.16)}
.hw-quote blockquote{position:relative;margin:0;font:600 clamp(18px,1.7vw,23px)/1.55 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-quote figcaption{position:relative;display:flex;align-items:center;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font:500 14px/1.5 "Segoe UI",system-ui,sans-serif;color:#b8c7dd}
.hw-quote figcaption i{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#1a56db,#38bdf8);font:800 16px/1 "Segoe UI",system-ui,sans-serif;font-style:normal;color:#fff}
.hw-quote figcaption b{display:block;font:800 16px/1.3 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-quote a{color:var(--sky);font-weight:700;text-decoration:none}.hw-quote a:hover{text-decoration:underline}

/* ---------- cards ---------- */
.hw-grid{display:grid;gap:16px;margin-top:clamp(28px,3.2vw,44px)}
.hw-grid.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hw-grid.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hw-grid.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hw-card{position:relative;padding:clamp(22px,2.3vw,30px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 26px 44px -36px rgba(11,29,62,.55);transition:transform .25s,box-shadow .25s,border-color .25s}
.hw-card:hover{transform:translateY(-4px);border-color:#bcd2f7;box-shadow:0 34px 50px -34px rgba(26,86,219,.55)}
.hw-card .n{display:inline-grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:12px;background:linear-gradient(135deg,#1a56db,#3b82f6);font:800 14px/1 ui-monospace,Menlo,monospace;color:#fff;box-shadow:0 12px 18px -10px #1a56db}
.hw-card h3{margin:0 0 8px;font:800 18.5px/1.3 "Segoe UI",system-ui,sans-serif;color:#0b1d3e}
.hw-card p{margin:0;font:400 15px/1.65 "Segoe UI",system-ui,sans-serif;color:var(--txt)}
.hw-card .out{display:block;margin-top:16px;padding:11px 13px;border-radius:11px;background:#f4f7fc;font:600 13px/1.45 "Segoe UI",system-ui,sans-serif;color:var(--mut)}
.hw-card .out b{color:#0b1d3e}
.hw-card a{color:var(--blue);font-weight:700;text-decoration:none}.hw-card a:hover{text-decoration:underline}
.hw-card .ic{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:14px;background:#eaf1ff;color:var(--blue)}
.hw-card .ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* three steps joined by a track */
.hw-flow{position:relative}
.hw-flow .hw-card{padding-top:clamp(40px,3.6vw,48px)}
.hw-flow .t{position:absolute;left:clamp(22px,2.3vw,30px);top:0;transform:translateY(-50%);padding:8px 12px;border-radius:999px;background:#0b1d3e;font:800 11px/1 ui-monospace,Menlo,monospace;letter-spacing:1.2px;text-transform:uppercase;color:#fff;box-shadow:0 0 0 5px #eef3fb}
.hw-flow .hw-card+.hw-card::before{content:"";position:absolute;left:-17px;top:0;width:18px;border-top:2px dashed #9db8ea}

/* ---------- first 90 days ---------- */
.hw-tl{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:clamp(30px,3.4vw,48px) 0 0;padding:34px 0 0}
.hw-tl::before,.hw-tl::after{content:"";position:absolute;left:0;right:0;top:9px;height:4px;border-radius:4px}
.hw-tl::before{background:#dbe6f7}
.hw-tl::after{background:linear-gradient(90deg,#1a56db,#38bdf8,#4ade80);transform-origin:left;transition:transform 1.8s cubic-bezier(.6,0,.2,1) .2s}
.hw-js .hw-tl:not(.is-in)::after{transform:scaleX(0)}
.hw-tl li{position:relative;padding:clamp(20px,2.2vw,26px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 26px 44px -36px rgba(11,29,62,.55)}
.hw-tl li::before{content:"";position:absolute;left:24px;top:-33px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 5px var(--blue),0 0 0 5px #fff}
.hw-tl li:last-child::before{box-shadow:inset 0 0 0 5px #22c55e,0 0 0 5px #fff}
.hw-tl .when{display:inline-block;margin-bottom:12px;padding:6px 10px;border-radius:8px;background:#eaf1ff;font:800 11.5px/1 ui-monospace,Menlo,monospace;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
.hw-tl li:last-child .when{background:#dcfce7;color:#15803d}
.hw-tl h3{margin:0 0 8px;font:800 18px/1.3 "Segoe UI",system-ui,sans-serif;color:#0b1d3e}
.hw-tl p{margin:0;font:400 14.8px/1.65 "Segoe UI",system-ui,sans-serif}

/* ---------- a real account ---------- */
.hw-case{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20px,3vw,40px);align-items:start;margin-top:clamp(28px,3.2vw,44px)}
.hw-steps{position:relative;list-style:none;margin:0;padding:0;counter-reset:hs;display:grid;gap:10px}
.hw-steps::before{content:"";position:absolute;left:31px;top:24px;bottom:24px;border-left:2px dashed #c3d5f3}
.hw-steps li{position:relative;counter-increment:hs;padding:16px 18px 16px 66px;border:1px solid var(--line);border-radius:16px;background:#fff;font:400 15.5px/1.6 "Segoe UI",system-ui,sans-serif;transition:transform .25s,border-color .25s}
.hw-steps li:hover{transform:translateX(4px);border-color:#bcd2f7}
.hw-steps li::before{content:counter(hs);position:absolute;left:15px;top:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1a56db,#3b82f6);font:800 13px/1 ui-monospace,Menlo,monospace;color:#fff;box-shadow:0 0 0 4px #fff}
.hw-steps b{color:#0b1d3e}
.hw-result{position:sticky;top:96px;padding:clamp(24px,2.8vw,34px);border-radius:24px;background:radial-gradient(360px 240px at 100% 0%,rgba(26,86,219,.6),transparent 70%),linear-gradient(160deg,var(--ink),var(--ink2));color:#fff;box-shadow:0 50px 80px -50px rgba(2,15,49,.9)}
.hw-result p{margin:0}
.hw-result-k{font:800 11.5px/1 ui-monospace,Menlo,monospace;letter-spacing:2px;text-transform:uppercase;color:var(--sky)}
.hw-bars{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end;height:150px;margin:18px 0 0;padding:0 6px;border-bottom:1px solid rgba(255,255,255,.2)}
.hw-bars div{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.hw-bars i{display:block;border-radius:10px 10px 0 0;background:rgba(124,196,255,.35);transform-origin:bottom;transition:transform 1.4s cubic-bezier(.3,.9,.3,1) .3s}
.hw-bars div:last-child i{background:linear-gradient(180deg,#4ade80,#38bdf8)}
.hw-js .hw-result:not(.is-in) .hw-bars i{transform:scaleY(0)}
.hw-bars b{display:block;margin-bottom:6px;font:900 clamp(20px,2.2vw,28px)/1 "Segoe UI",system-ui,sans-serif;color:#fff;text-align:center}
.hw-bars-l{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px!important;padding:0 6px;font:600 12.5px/1.3 "Segoe UI",system-ui,sans-serif;color:#b8c7dd;text-align:center}
.hw-result-l{margin-top:14px!important;font:500 14.5px/1.4 "Segoe UI",system-ui,sans-serif;color:#cfdcf0}
.hw-result ul{list-style:none;margin:16px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hw-result li{font:500 12.5px/1.35 "Segoe UI",system-ui,sans-serif;color:#cfdcf0}
.hw-result li b{display:block;font:900 20px/1.1 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-result-s{margin:16px 0 18px!important;font:400 12.5px/1.55 "Segoe UI",system-ui,sans-serif;color:#9fb4d6}
.hw-result .hw-btn{width:100%}

/* ---------- monthly cycle ---------- */
.hw-loop{background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.hw-loop::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 420px at 12% 50%,rgba(26,86,219,.45),transparent 70%)}
.hw-loop h2{color:#fff}.hw-loop .hw-k{background:rgba(124,196,255,.14);color:var(--sky)}.hw-loop .hw-lead{color:#cfdcf0}
.hw-cycle{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(28px,3.2vw,44px)}
.hw-ring{position:relative;width:min(100%,340px);aspect-ratio:1;margin:0 auto}
.hw-ring::before{content:"";position:absolute;inset:11%;border-radius:50%;border:2px dashed rgba(124,196,255,.55);animation:hwSpin 40s linear infinite}
.hw-ring::after{content:"";position:absolute;inset:11%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 78%,rgba(74,222,128,.9) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:hwSpin 6s linear infinite}
.hw-ring .c{position:absolute;inset:30%;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#1a56db,#0b2a66);box-shadow:0 0 50px -6px rgba(26,86,219,.9),inset 0 0 0 1px rgba(255,255,255,.2);text-align:center;font:800 12px/1.35 ui-monospace,Menlo,monospace;letter-spacing:1px;text-transform:uppercase;color:#fff}
.hw-ring .c b{display:block;font:900 clamp(18px,2vw,24px)/1.1 "Segoe UI",system-ui,sans-serif;letter-spacing:-.5px;text-transform:none}
.hw-ring span{position:absolute;display:grid;place-items:center;width:23%;aspect-ratio:1;border-radius:50%;background:#0b2a66;box-shadow:inset 0 0 0 1.5px var(--sky),0 0 22px -4px rgba(124,196,255,.8);font:800 clamp(11px,1.1vw,13px)/1 "Segoe UI",system-ui,sans-serif;color:#fff;animation:hwNode 6s ease-in-out infinite}
.hw-ring span:nth-of-type(1){left:38.5%;top:0}.hw-ring span:nth-of-type(2){right:0;top:38.5%;animation-delay:1.5s}.hw-ring span:nth-of-type(3){left:38.5%;bottom:0;animation-delay:3s}.hw-ring span:nth-of-type(4){left:0;top:38.5%;animation-delay:4.5s}
.hw-loop .hw-grid{margin-top:0}
.hw-loop .hw-card{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05);box-shadow:none}
.hw-loop .hw-card:hover{border-color:rgba(124,196,255,.6);box-shadow:0 30px 50px -36px rgba(124,196,255,.7)}
.hw-loop .hw-card h3{color:#fff}.hw-loop .hw-card p{color:#cfdcf0}
.hw-loop .hw-card .out{background:rgba(255,255,255,.07);color:#9fb4d6}.hw-loop .hw-card .out b{color:#fff}

/* ---------- reporting standard ---------- */
.hw-anat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);gap:clamp(14px,2vw,26px);align-items:center;margin-top:clamp(28px,3.2vw,44px)}
.hw-anat-col{display:grid;gap:16px}
.hw-tag{position:relative;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 26px 44px -36px rgba(11,29,62,.55)}
.hw-tag small{display:inline-block;margin-bottom:8px;padding:5px 9px;border-radius:7px;background:#eaf1ff;font:800 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue)}
.hw-tag h3{margin:0 0 6px;font:800 17px/1.3 "Segoe UI",system-ui,sans-serif;color:#0b1d3e}
.hw-tag p{margin:0;font:400 14.5px/1.6 "Segoe UI",system-ui,sans-serif}
.hw-tag::after{content:"";position:absolute;top:50%;width:clamp(14px,2vw,26px);border-top:2px dashed #9db8ea}
.hw-anat-col:first-child .hw-tag::after{left:100%}.hw-anat-col:last-child .hw-tag::after{right:100%}
.hw-fig{padding:clamp(24px,2.8vw,34px);border-radius:24px;background:radial-gradient(360px 240px at 50% 0%,rgba(26,86,219,.6),transparent 70%),linear-gradient(160deg,var(--ink),var(--ink2));color:#fff;text-align:center;box-shadow:0 50px 80px -50px rgba(2,15,49,.9)}
.hw-fig p{margin:0}
.hw-fig .k{font:800 11px/1 ui-monospace,Menlo,monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--sky)}
.hw-fig .v{margin-top:14px;font:900 clamp(44px,5vw,66px)/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-2px;color:#fff}
.hw-fig .l{margin-top:8px;font:500 15px/1.4 "Segoe UI",system-ui,sans-serif;color:#cfdcf0}
.hw-fig dl{display:grid;gap:8px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.18);text-align:left}
.hw-fig dl div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;font:500 13.5px/1.45 "Segoe UI",system-ui,sans-serif;color:#cfdcf0}
.hw-fig dt{font:800 10.5px/1.6 ui-monospace,Menlo,monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--sky)}
.hw-fig dd{margin:0}

/* ---------- working together ---------- */
.hw-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hw-list li{position:relative;padding-left:32px;font:400 15.5px/1.6 "Segoe UI",system-ui,sans-serif}
.hw-list li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:#dcfce7}
.hw-list li::after{content:"";position:absolute;left:6px;top:8px;width:8px;height:4px;border-left:2px solid #16a34a;border-bottom:2px solid #16a34a;transform:rotate(-45deg)}
.hw-list b{color:#0b1d3e}
.hw-card h3+.hw-list{margin-top:16px}
.hw-card.is-us{border-color:transparent;background:radial-gradient(420px 260px at 100% 0%,rgba(26,86,219,.55),transparent 70%),linear-gradient(160deg,var(--ink),var(--ink2));box-shadow:0 50px 80px -50px rgba(2,15,49,.9)}
.hw-card.is-us h3{color:#fff}.hw-card.is-us .hw-list li{color:#cfdcf0}.hw-card.is-us .hw-list b{color:#fff}
.hw-card.is-us .hw-list li::before{background:rgba(74,222,128,.2)}.hw-card.is-us .hw-list li::after{border-color:#4ade80}
.hw-card .who{display:inline-block;margin-bottom:12px;padding:6px 10px;border-radius:8px;background:#eaf1ff;font:800 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue)}
.hw-card.is-us .who{background:rgba(124,196,255,.16);color:var(--sky)}

/* ---------- questions ---------- */
.hw-faq{max-width:860px;margin:clamp(26px,3vw,38px) auto 0;display:grid;gap:10px}
.hw-faq details{border:1px solid var(--line);border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s}
.hw-faq details[open]{border-color:#bcd2f7;box-shadow:0 26px 40px -34px rgba(26,86,219,.6)}
.hw-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;list-style:none;font:800 16.5px/1.4 "Segoe UI",system-ui,sans-serif;color:#0b1d3e}
.hw-faq summary::-webkit-details-marker{display:none}
.hw-faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf1ff;font:500 20px/1 "Segoe UI",system-ui,sans-serif;color:var(--blue);transition:transform .25s,background .25s,color .25s}
.hw-faq details[open] summary::after{transform:rotate(45deg);background:var(--blue);color:#fff}
.hw-faq details p{margin:0;padding:0 20px 18px;font:400 15.5px/1.7 "Segoe UI",system-ui,sans-serif}
.hw-faq a{color:var(--blue);font-weight:700}

/* ---------- close ---------- */
.hw-end{position:relative;padding:clamp(56px,6.4vw,96px) 0;background:var(--ink);color:#fff;text-align:center;overflow:hidden;isolation:isolate}
.hw-end::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:min(900px,120%);aspect-ratio:2;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(26,86,219,.6),transparent);animation:hwGlow 7s ease-in-out infinite}
.hw-end h2{color:#fff}.hw-end p{max-width:60ch;margin:0 auto 26px;font:400 17px/1.7 "Segoe UI",system-ui,sans-serif;color:#cfdcf0}
.hw-end .hw-acts{justify-content:center}

/* ---------- motion ---------- */
.hw-js .hw-rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.hw-js .hw-rv.is-in{opacity:1;transform:none}
@keyframes hwPulse{50%{box-shadow:0 0 0 8px rgba(74,222,128,0)}}
@keyframes hwGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes hwStep{from{opacity:.25;transform:translateX(-6px)}to{opacity:1;transform:none}}
@keyframes hwSpin{to{transform:rotate(360deg)}}
@keyframes hwNode{0%,20%,100%{box-shadow:inset 0 0 0 1.5px var(--sky),0 0 22px -4px rgba(124,196,255,.8)}8%{box-shadow:inset 0 0 0 2px var(--mint),0 0 34px 0 rgba(74,222,128,.9)}}
@keyframes hwGlow{50%{opacity:.6;transform:translate(-50%,-50%) scale(1.12)}}

@media(max-width:1000px){
.hw-hero-g,.hw-why,.hw-case,.hw-cycle{grid-template-columns:minmax(0,1fr)}
.hw-grid.is-4,.hw-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.hw-facts div:nth-child(3){border-left:0}.hw-facts div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}
.hw-grid.is-3{grid-template-columns:minmax(0,1fr)}
.hw-flow{gap:30px}.hw-flow .hw-card+.hw-card::before{left:44px;top:-31px;width:0;height:30px;border-top:0;border-left:2px dashed #9db8ea}
.hw-tl{grid-template-columns:minmax(0,1fr);padding:0 0 0 34px}
.hw-tl::before,.hw-tl::after{left:9px;right:auto;top:0;bottom:0;width:4px;height:auto}
.hw-tl::after{transform-origin:top}.hw-js .hw-tl:not(.is-in)::after{transform:scaleY(0)}
.hw-tl li::before{left:-33px;top:24px}
.hw-result{position:static}
.hw-anat{grid-template-columns:minmax(0,1fr)}.hw-anat .hw-fig{order:-1}.hw-tag::after{display:none}
.hw-ring{width:min(100%,300px)}
}
@media(max-width:640px){.hw-grid.is-4,.hw-grid.is-2{grid-template-columns:minmax(0,1fr)}.hw-years{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.hw-btn{width:100%}.hw-result ul{grid-template-columns:minmax(0,1fr)}.hw-result li b{display:inline-block;min-width:60px}}
@media(prefers-reduced-motion:reduce){
.hw *,.hw *::before,.hw *::after{animation:none!important;transition:none!important}
.hw-js .hw-rv{opacity:1;transform:none}
.hw-js .hw-tl:not(.is-in)::after,.hw-js .hw-result:not(.is-in) .hw-bars i{transform:none}
}

/* ---------- inside the company ---------- */
.hw-team{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(28px,3.2vw,44px)}
.hw-hub{position:relative;width:min(100%,420px);aspect-ratio:1;margin:0 auto}
.hw-hub svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hw-hub path{fill:none;stroke:#7fa6ee;stroke-width:.5;stroke-dasharray:1.6 1.6;animation:hwFlow 2.4s linear infinite}
.hw-hub span{position:absolute;transform:translate(-50%,-50%);text-align:center}
.hub-c{left:50%;top:50%;display:grid;place-content:center;width:40%;aspect-ratio:1;padding:8px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#1a56db,#0b2a66);box-shadow:0 0 0 10px rgba(26,86,219,.12),0 30px 50px -24px rgba(26,86,219,.9);font:500 clamp(10.5px,1vw,12.5px)/1.35 "Segoe UI",system-ui,sans-serif;color:#cfe0f7;animation:hwHub 4s ease-in-out infinite}
.hub-c b{display:block;margin-bottom:3px;font:800 clamp(13px,1.3vw,16px)/1.2 "Segoe UI",system-ui,sans-serif;color:#fff}
.hub-n{padding:10px 14px;border:1px solid #c9daf8;border-radius:999px;background:#fff;box-shadow:0 16px 26px -18px rgba(11,29,62,.7);font:800 clamp(12px,1.15vw,14px)/1 "Segoe UI",system-ui,sans-serif;color:#0b1d3e;white-space:nowrap}
.hw-rules{list-style:none;margin:0;padding:0;counter-reset:hr;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hw-rules li{position:relative;counter-increment:hr;padding:18px 18px 18px 60px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 26px 44px -38px rgba(11,29,62,.55);font:400 14.8px/1.6 "Segoe UI",system-ui,sans-serif;transition:transform .25s,border-color .25s,box-shadow .25s}
.hw-rules li:hover{transform:translateY(-3px);border-color:#bcd2f7;box-shadow:0 30px 46px -34px rgba(26,86,219,.55)}
.hw-rules li::before{content:"0" counter(hr);position:absolute;left:16px;top:17px;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#1a56db,#3b82f6);font:800 12px/1 ui-monospace,Menlo,monospace;color:#fff}
.hw-rules b{display:block;margin-bottom:3px;font:800 16px/1.3 "Segoe UI",system-ui,sans-serif;color:#0b1d3e}
@keyframes hwFlow{to{stroke-dashoffset:-6.4}}
@keyframes hwHub{50%{box-shadow:0 0 0 18px rgba(26,86,219,.06),0 30px 50px -24px rgba(26,86,219,.9)}}
@media(max-width:1000px){.hw-team{grid-template-columns:minmax(0,1fr)}.hw-hub{width:min(100%,360px)}}
@media(max-width:640px){.hw-rules{grid-template-columns:minmax(0,1fr)}.hub-n{padding:8px 10px}}
/* hover lift after reveal */
.hw-js .hw-card.hw-rv.is-in:hover,.hw-js .hw-rules li.hw-rv.is-in:hover,.hw-js .hw-tag.hw-rv.is-in:hover{transform:translateY(-4px);transition-delay:0s}

/* ---------- Open layout: no boxes ----------
   Content sits directly on the page: big numerals, ruled lines and columns instead of bordered cards.
   Only the three focal panels (route, founder quote, labelled figure) keep a background. */
.hw .hw-card,.hw .hw-tl li,.hw .hw-tag,.hw .hw-rules li{border:0;border-radius:0;background:none;box-shadow:none}
.hw-js .hw-card.hw-rv.is-in:hover,.hw-js .hw-rules li.hw-rv.is-in:hover,.hw-js .hw-tag.hw-rv.is-in:hover,.hw .hw-card:hover,.hw .hw-rules li:hover{transform:none;box-shadow:none}
.hw .hw-grid{gap:clamp(24px,3.4vw,52px)}
.hw .hw-card{padding:22px 0 0;border-top:2px solid #0b1d3e;transition:border-color .3s}
.hw .hw-card:hover{border-top-color:var(--blue)}
.hw .hw-card .n{display:block;width:auto;height:auto;margin:0 0 10px;border-radius:0;background:linear-gradient(120deg,#1a56db,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;box-shadow:none;font:900 clamp(40px,4.2vw,58px)/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-2px;text-align:left}
.hw .hw-card h3{font-size:20px}
.hw .hw-card .out{margin-top:14px;padding:0 0 0 14px;border-left:3px solid var(--blue);border-radius:0;background:none}
.hw .hw-card .ic{width:auto;height:auto;margin-bottom:12px;background:none;justify-content:start}
.hw .hw-card .ic svg{width:34px;height:34px}

/* before you sign: three open columns on one line */
.hw .hw-flow .hw-card{padding-top:22px}
.hw .hw-flow .t{position:static;transform:none;display:inline-block;margin:0 0 14px;padding:0;border-radius:0;background:none;box-shadow:none;color:var(--blue)}
.hw .hw-flow .hw-card+.hw-card::before{display:none}

/* first 90 days: columns hang from the track */
.hw .hw-tl{gap:clamp(20px,2.6vw,36px)}
.hw .hw-tl li{padding:6px 0 0}
.hw .hw-tl li::before{left:0;box-shadow:inset 0 0 0 5px var(--blue),0 0 0 5px #fff}
.hw .hw-tl .when{padding:0;background:none}
.hw .hw-tl li:last-child .when{background:none}
.hw .hw-tl h3{font-size:20px}

/* inside the company: a ruled list */
.hw .hw-rules{gap:0 clamp(24px,3.4vw,48px)}
.hw .hw-rules li{padding:18px 0 18px 58px;border-bottom:1px solid #d5dfef}
.hw .hw-rules li::before{left:0;top:16px;width:auto;height:auto;border-radius:0;background:linear-gradient(120deg,#1a56db,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font:900 30px/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-1px}

/* monthly cycle: four ruled rows beside the ring */
.hw .hw-loop .hw-grid{grid-template-columns:minmax(0,1fr);gap:0}
.hw .hw-loop .hw-card{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:8px;padding:20px 0;border-top:1px solid rgba(255,255,255,.18);background:none}
.hw .hw-loop .hw-card:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.hw .hw-loop .hw-card:hover{border-top-color:var(--sky)}
.hw .hw-loop .hw-card .n{grid-row:1/4;margin:0;background:linear-gradient(120deg,#7cc4ff,#4ade80);-webkit-background-clip:text;background-clip:text}
.hw .hw-loop .hw-card h3,.hw .hw-loop .hw-card p,.hw .hw-loop .hw-card .out{grid-column:2}
.hw .hw-loop .hw-card .out{margin-top:10px;border-left-color:var(--mint);background:none}

/* reporting: labels on a rule, pointing at the figure */
.hw .hw-tag{padding:4px 0 4px 18px;border-left:3px solid var(--blue)}
.hw .hw-anat-col:last-child .hw-tag{padding:4px 18px 4px 0;border-left:0;border-right:3px solid var(--blue);text-align:right}
.hw .hw-tag small{padding:0;background:none}
.hw .hw-tag::after{display:none}
.hw .hw-anat-col{gap:clamp(22px,3vw,40px)}

/* working together: two sides of one line */
#working-together .hw-grid{gap:0}
#working-together .hw-card{padding:6px clamp(20px,3.4vw,48px) 6px 0;border-top:0}
#working-together .hw-card+.hw-card{padding:6px 0 6px clamp(20px,3.4vw,48px);border-left:2px solid #0b1d3e}
.hw .hw-card.is-us{background:none;box-shadow:none}
.hw .hw-card.is-us h3{color:#0b1d3e}.hw .hw-card.is-us .hw-list li{color:var(--txt)}.hw .hw-card.is-us .hw-list b{color:#0b1d3e}
.hw .hw-card.is-us .hw-list li::before{background:#dcfce7}.hw .hw-card.is-us .hw-list li::after{border-color:#16a34a}
.hw .hw-card .who,.hw .hw-card.is-us .who{padding:0;background:none;color:var(--blue)}
.hw .hw-card h3+.hw-list{margin-top:18px}
.hw .hw-list li{padding-bottom:12px;border-bottom:1px solid #dbe4f2}
.hw .hw-list li:last-child{padding-bottom:0;border-bottom:0}

@media(max-width:1000px){
.hw .hw-anat-col:last-child .hw-tag{padding:4px 0 4px 18px;border-right:0;border-left:3px solid var(--blue);text-align:left}
}
@media(max-width:640px){
#working-together .hw-card,#working-together .hw-card+.hw-card{padding:0;border-left:0}
#working-together .hw-card+.hw-card{margin-top:34px;padding-top:26px;border-top:2px solid #0b1d3e}
.hw .hw-loop .hw-card{grid-template-columns:64px minmax(0,1fr)}
.hw .hw-tl li{padding:0}
}

/* ---------- Banner artwork as the backdrop ----------
   The process artwork is drawn with its left half empty, so it sits behind the banner, anchored right,
   with the copy over the empty side. On tablets and phones it drops below the copy instead. */
.hw .hw-hero{background:#000c2f}
.hw .hw-hero::before,.hw .hw-hero::after{display:none}
.hw .hw-hero-g{display:block;position:static}
.hw .hw-hero-g>div:first-child{position:relative;z-index:1;max-width:min(540px,47%)}
.hw .hw-facts{position:relative;z-index:1;background:rgba(0,12,47,.72);backdrop-filter:blur(8px)}
@media(min-width:1001px){
.hw .hw-hero{min-height:clamp(600px,46vw,760px);display:flex;align-items:center}
.hw .hw-hero>.hw-w{width:100%}
.hw .hw-hero-art{position:absolute;z-index:0;top:calc(50% + 20px);right:0;bottom:auto;left:auto;transform:translateY(-50%);width:min(76vw,1180px);max-width:none;height:auto;aspect-ratio:1672/941;margin:0;border-radius:0;box-shadow:none;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 14%,#000 30%),linear-gradient(180deg,#000 0,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 14%,#000 30%),linear-gradient(180deg,#000 0,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.hw .hw-hero h1{font-size:clamp(30px,3.3vw,48px)}
.hw .hw-hero p.hw-sub{max-width:50ch}
}
@media(max-width:1000px){
.hw .hw-hero-g>div:first-child{max-width:none}
.hw .hw-hero-art{position:static;display:block;width:calc(100% + 2*clamp(20px,4vw,44px));max-width:none;height:auto;aspect-ratio:auto;margin:26px calc(-1*clamp(20px,4vw,44px)) 0;border-radius:0;box-shadow:none;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 88%,transparent 100%)}
.hw .hw-facts{margin-top:10px}
}

/* ---------- three promises ---------- */
.hw-prom{background:linear-gradient(180deg,#fff,#f6f9ff)}
.hw-prom-h{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(20px,4vw,64px);align-items:end}
.hw-prom-h h2{margin:0;font-size:clamp(30px,3.7vw,50px);letter-spacing:-1.6px}
.hw-prom-h h2 em{display:block}
.hw-prom-h .hw-lead{padding:0 0 6px 20px;border-left:3px solid var(--blue);font-size:clamp(16px,1.3vw,18px);color:#1e293b}
.hw-pros{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:clamp(30px,3.6vw,52px) 0 0;padding:0}
.hw-pro{position:relative;display:flex;flex-direction:column;min-height:clamp(250px,22vw,300px);padding:clamp(24px,2.5vw,34px);border:1.5px solid #d6e0f0;border-radius:22px;background:#fff;color:var(--txt);overflow:hidden;cursor:default;outline:0;transition:background .45s,border-color .45s,color .45s,box-shadow .45s,translate .45s}
.hw-pro::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(380px 240px at 100% 0%,rgba(26,86,219,.6),transparent 70%),linear-gradient(160deg,#020f31,#0a1f4d);opacity:0;transition:opacity .45s}
.hw-pro>*{position:relative;z-index:1}
.hw-pro-i{position:absolute!important;right:clamp(20px,2.2vw,30px);top:clamp(20px,2.2vw,30px);display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eaf1ff;color:var(--blue);transition:background .45s,color .45s}
.hw-pro-i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:0}
.hw-pro-k{display:flex;align-items:baseline;gap:10px;margin:0;font:800 12px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:2.4px;text-transform:uppercase;color:var(--blue);transition:color .45s}
.hw-pro-k b{font:900 clamp(30px,3vw,40px)/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-1.5px}
.hw-pro h3{margin:auto 0 8px;padding-top:28px;font:900 clamp(23px,2.2vw,29px)/1.15 "Segoe UI",system-ui,sans-serif;letter-spacing:-.7px;color:#0b1d3e;transition:color .45s}
.hw-pro p:last-of-type{margin:0;font:400 15.5px/1.6 "Segoe UI",system-ui,sans-serif;transition:color .45s}
.hw-pro-b{position:absolute!important;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#38bdf8,#4ade80);transform:scaleX(0);transform-origin:left}
.hw-pro.is-on{border-color:transparent;color:#cfdcf0;box-shadow:0 40px 60px -40px rgba(2,15,49,.95);translate:0 -6px}
.hw-pro.is-on::before{opacity:1}
.hw-pro.is-on h3{color:#fff}
.hw-pro.is-on .hw-pro-k{color:var(--sky)}
.hw-pro.is-on .hw-pro-i{background:rgba(124,196,255,.16);color:var(--sky)}
.hw-pro.is-on .hw-pro-i svg{animation:hwDraw 1.1s ease both}
.hw-pros.is-auto .hw-pro.is-on .hw-pro-b{animation:hwBar 4.2s linear both}
.hw-pro:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--blue)}
.hw-founder{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2.4vw,32px);margin-top:18px;padding:clamp(16px,1.8vw,22px) clamp(18px,2.4vw,30px);border:1.5px solid #d6e0f0;border-radius:22px;background:#fff}
.hw-founder p{margin:0}
.hw-founder-a{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#1a56db,#38bdf8);font:800 17px/1 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-founder-a::after{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,#38bdf8 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:hwSpin 5s linear infinite}
.hw-founder-n{font:500 14px/1.4 "Segoe UI",system-ui,sans-serif;color:var(--mut);white-space:nowrap}
.hw-founder-n b{display:block;font:800 17px/1.25 "Segoe UI",system-ui,sans-serif;color:#0b1d3e}
.hw-founder-t{padding-left:clamp(14px,2.4vw,32px);border-left:1px solid #d6e0f0;font:400 15.5px/1.55 "Segoe UI",system-ui,sans-serif;color:#1e293b}
.hw-founder-t a{color:var(--blue);font-weight:700;text-decoration:none;white-space:nowrap}.hw-founder-t a:hover{text-decoration:underline}
.hw-founder-p{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:#0b1d3e;font:800 11.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.6px;text-transform:uppercase;color:#fff;white-space:nowrap}
.hw-founder-p i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(74,222,128,.25);animation:hwPulse 1.8s ease-in-out infinite}
.hw-js .hw-pro.hw-rv.is-in{transform:none}
@keyframes hwDraw{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}
@keyframes hwBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1000px){
.hw-prom-h{grid-template-columns:minmax(0,1fr);align-items:start}
.hw-pros{grid-template-columns:minmax(0,1fr)}
.hw-pro{min-height:0}.hw-pro h3{margin-top:0}.hw-pro.is-on{translate:0 0}
.hw-founder{grid-template-columns:auto minmax(0,1fr)}
.hw-founder-t{grid-column:1/-1;padding:14px 0 0;border-left:0;border-top:1px solid #d6e0f0}
.hw-founder-p{grid-column:1/-1;justify-self:start}
}

/* four promises: four across on desktop, two by two on tablets */
.hw-pros{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hw-pro{padding:clamp(20px,1.9vw,28px);min-height:clamp(270px,23vw,320px)}
.hw-pro-i{right:clamp(16px,1.7vw,24px);top:clamp(16px,1.7vw,24px);width:42px;height:42px}
.hw-pro h3{font-size:clamp(21px,1.9vw,26px)}
.hw-pro p:last-of-type{font-size:15px}
@media(max-width:1000px){.hw-pros{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-pro{min-height:0}.hw-pro h3{margin-top:0}}
@media(max-width:640px){.hw-pros{grid-template-columns:minmax(0,1fr)}}

/* ---------- before you sign: three stops on one line ---------- */
.hw-stops{position:relative;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:clamp(30px,3.6vw,52px) 0 0;padding:0}
.hw-stops::before,.hw-stops::after{content:"";position:absolute;left:12px;right:12px;top:11px;height:3px;border-radius:3px}
.hw-stops::before{background:#cfdcf2}
.hw-stops::after{background:linear-gradient(90deg,#1a56db,#38bdf8,#4ade80);transform-origin:left;transition:transform 2s cubic-bezier(.6,0,.2,1) .25s}
.hw-js .hw-stops:not(.is-in)::after{transform:scaleX(0)}
.hw-stop{position:relative;display:flex;flex-direction:column}
.hw-stop-t{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 12px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.6px;text-transform:uppercase;color:#0b1d3e}
.hw-stop-t i{flex:none;width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 6px var(--blue),0 0 0 5px #f1f5fc;transition:box-shadow .5s,scale .5s cubic-bezier(.3,1.6,.5,1)}
.hw-stop:nth-child(2) .hw-stop-t i{transition-delay:.9s}.hw-stop:nth-child(3) .hw-stop-t i{transition-delay:1.7s}
.hw-stop:nth-child(3) .hw-stop-t i{box-shadow:inset 0 0 0 6px #22c55e,0 0 0 5px #f1f5fc}
.hw-js .hw-stops:not(.is-in) .hw-stop-t i{scale:.4;box-shadow:inset 0 0 0 6px #cfdcf2,0 0 0 5px #f1f5fc}
.hw-stop-c{position:relative;flex:1;display:flex;flex-direction:column;padding:clamp(22px,2.3vw,30px);border:1.5px solid #d6e0f0;border-radius:22px;background:#fff;overflow:hidden;transition:border-color .3s,box-shadow .3s,translate .3s}
.hw-stop-c::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#1a56db,#38bdf8);transform:scaleX(0);transform-origin:left;transition:transform .45s}
.hw-stop:hover .hw-stop-c{border-color:#9db8ea;box-shadow:0 36px 50px -36px rgba(26,86,219,.6);translate:0 -5px}
.hw-stop:hover .hw-stop-c::before{transform:scaleX(1)}
.hw-stop-c p{margin:0}
.hw-stop-i{position:absolute;right:clamp(18px,2vw,26px);top:clamp(18px,2vw,26px);display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eaf1ff;color:var(--blue);transition:background .3s,color .3s}
.hw-stop:hover .hw-stop-i{background:var(--blue);color:#fff}
.hw-stop-i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hw-stop-n{font:800 11.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:2px;text-transform:uppercase;color:var(--blue)}
.hw-stop-c h3{margin:12px 0 10px;font:900 clamp(22px,2.1vw,27px)/1.15 "Segoe UI",system-ui,sans-serif;letter-spacing:-.6px;color:#0b1d3e}
.hw-stop-c h3+p{font:400 15.3px/1.65 "Segoe UI",system-ui,sans-serif;color:var(--txt)}
.hw-stop-g{margin-top:auto!important;padding-top:18px;font:500 14px/1.5 "Segoe UI",system-ui,sans-serif;color:#1e293b}
.hw-stop-g::before{content:"";display:block;margin-bottom:14px;border-top:1px dashed #cfdcf2}
.hw-stop-g b{display:block;margin-bottom:3px;font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.6px;text-transform:uppercase;color:#16a34a}
.hw-paid{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2.4vw,34px);margin-top:18px;padding:clamp(18px,2vw,24px) clamp(20px,2.6vw,34px);border-radius:22px;background:radial-gradient(420px 220px at 0% 50%,rgba(26,86,219,.6),transparent 70%),linear-gradient(120deg,#020f31,#0a1f4d);color:#fff;box-shadow:0 40px 60px -44px rgba(2,15,49,.95)}
.hw-paid p{margin:0}
.hw-paid-k{font:800 11.5px/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--sky)}
.hw-paid-v{font:900 clamp(30px,3.2vw,44px)/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-1.2px;background:linear-gradient(100deg,#7cc4ff,#4ade80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hw-paid ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0 0 0 clamp(14px,2.4vw,34px);border-left:1px solid rgba(255,255,255,.2)}
.hw-paid li{position:relative;padding-left:26px;font:600 14.5px/1.4 "Segoe UI",system-ui,sans-serif;color:#dbe7f8}
.hw-paid li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:rgba(74,222,128,.2)}
.hw-paid li::after{content:"";position:absolute;left:5px;top:6px;width:7px;height:4px;border-left:2px solid #4ade80;border-bottom:2px solid #4ade80;transform:rotate(-45deg)}
.hw-paid .hw-btn{white-space:nowrap}
@media(max-width:1000px){
.hw-stops{grid-template-columns:minmax(0,1fr);gap:22px;padding-left:38px}
.hw-stops::before,.hw-stops::after{left:11px;right:auto;top:6px;bottom:6px;width:3px;height:auto}
.hw-stops::after{transform-origin:top}.hw-js .hw-stops:not(.is-in)::after{transform:scaleY(0)}
.hw-stop-t{margin-bottom:12px}.hw-stop-t i{position:absolute;left:-38px;top:-6px}
.hw-paid{grid-template-columns:auto minmax(0,1fr);row-gap:16px}
.hw-paid ul{grid-column:1/-1;padding:16px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.2)}
.hw-paid .hw-btn{grid-column:1/-1}
}

/* ---------- before you sign: stepper + preview ---------- */
.hw-seq{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(18px,2.6vw,36px);align-items:stretch;margin-top:clamp(30px,3.6vw,52px)}
.hw-seq-nav{display:flex;flex-direction:column;gap:10px}
.hw-seq-b{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(14px,1.8vw,22px);align-items:start;width:100%;padding:clamp(16px,1.8vw,22px) clamp(18px,2vw,26px);border:1.5px solid transparent;border-radius:20px;background:transparent;font:inherit;text-align:left;color:var(--txt);cursor:pointer;overflow:hidden;transition:background .35s,border-color .35s,box-shadow .35s}
.hw-seq-b:hover{background:rgba(255,255,255,.7)}
.hw-seq-b .num{font:900 clamp(34px,3.4vw,46px)/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-1.8px;color:#c3d2ea;transition:color .35s}
.hw-seq-b .tx{display:block}
.hw-seq-b b{display:block;font:900 clamp(19px,1.8vw,23px)/1.2 "Segoe UI",system-ui,sans-serif;letter-spacing:-.4px;color:#0b1d3e}
.hw-seq-b small{display:block;margin-top:5px;font:800 11px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.6px;text-transform:uppercase;color:var(--mut);transition:color .35s}
.hw-seq-b .ds{display:block;margin-top:8px;font:400 15px/1.55 "Segoe UI",system-ui,sans-serif;color:var(--txt)}
.hw-seq.is-js .hw-seq-b .ds{max-height:0;margin-top:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .45s,margin-top .45s}
.hw-seq.is-js .hw-seq-b .ds{min-height:0}
.hw-seq.is-js .hw-seq-b.is-on .ds{max-height:140px;margin-top:8px;opacity:1}
.hw-seq-b i{position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#1a56db,#38bdf8,#4ade80);transform:scaleX(0);transform-origin:left}
.hw-seq-b.is-on{border-color:#c9d9f3;background:#fff;box-shadow:0 34px 50px -40px rgba(26,86,219,.7)}
.hw-seq-b.is-on .num{color:var(--blue)}
.hw-seq-b.is-on small{color:var(--blue)}
.hw-seq.is-auto .hw-seq-b.is-on i{animation:hwBar 5.2s linear both}
.hw-seq.is-auto.is-paused .hw-seq-b.is-on i{animation-play-state:paused}
.hw-seq-b:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.hw-seq-paid{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:auto 0 0;padding:16px clamp(18px,2vw,26px) 4px;border-top:1px dashed #c3d2ea}
.hw-seq-paid span{font:800 11px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.6px;text-transform:uppercase;color:var(--mut)}
.hw-seq-paid b{font:900 clamp(24px,2.4vw,32px)/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-.8px;color:#16a34a}
.hw-seq-paid .hw-btn{margin-left:auto;min-height:46px;padding:0 20px;font-size:14.5px}
.hw-seq-stage{position:relative;display:grid;border-radius:24px;background:radial-gradient(460px 280px at 100% 0%,rgba(26,86,219,.6),transparent 70%),linear-gradient(160deg,#020f31,#0a1f4d);box-shadow:0 50px 80px -50px rgba(2,15,49,.95);overflow:hidden}
.hw-seq-p{grid-area:1/1;display:flex;flex-direction:column;padding:clamp(22px,2.6vw,34px);color:#cfdcf0}
.hw-seq-p+.hw-seq-p{border-top:1px solid rgba(255,255,255,.14)}
.hw-seq:not(.is-js) .hw-seq-p{grid-area:auto}
.hw-seq.is-js .hw-seq-p{border-top:0;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .45s,transform .45s,visibility 0s .45s}
.hw-seq.is-js .hw-seq-p.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .5s .1s,transform .5s .1s}
.hw-seq-p p{margin:0}
.hw-doc-h{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.16);font:800 clamp(16px,1.5vw,19px)/1.2 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-doc-h span{display:flex;gap:5px}.hw-doc-h span i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.28)}
.hw-doc-h em{margin-left:auto;font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;font-style:normal;letter-spacing:1.4px;text-transform:uppercase;color:var(--sky)}
.hw-doc-rows{list-style:none;margin:6px 0 0;padding:0;counter-reset:dr}
.hw-doc-rows li{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;align-items:baseline;padding:14px 0 14px 30px;border-bottom:1px solid rgba(255,255,255,.1);counter-increment:dr}
.hw-doc-rows li::before{content:"";position:absolute;left:0;top:15px;width:18px;height:18px;border-radius:50%;background:rgba(74,222,128,.18)}
.hw-doc-rows li::after{content:"";position:absolute;left:5px;top:20px;width:7px;height:4px;border-left:2px solid #4ade80;border-bottom:2px solid #4ade80;transform:rotate(-45deg)}
.hw-doc-rows.is-num li::before{content:counter(dr);display:grid;place-items:center;background:rgba(124,196,255,.18);font:800 11px/1 ui-monospace,Menlo,monospace;color:var(--sky)}
.hw-doc-rows.is-num li::after{display:none}
.hw-doc-rows b{font:800 15.5px/1.35 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-doc-rows span{font:400 14.5px/1.5 "Segoe UI",system-ui,sans-serif;color:#b8c7dd}
.hw-seq.is-js .hw-seq-p.is-on .hw-doc-rows li{animation:hwRow .5s both}
.hw-seq.is-js .hw-seq-p.is-on .hw-doc-rows li:nth-child(2){animation-delay:.1s}.hw-seq.is-js .hw-seq-p.is-on .hw-doc-rows li:nth-child(3){animation-delay:.2s}.hw-seq.is-js .hw-seq-p.is-on .hw-doc-rows li:nth-child(4){animation-delay:.3s}
.hw-doc-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px!important}
.hw-doc-f b{margin-right:6px;font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.4px;text-transform:uppercase;color:var(--sky)}
.hw-doc-f .chip{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:700 12.5px/1 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-doc-n{margin-top:auto!important;padding-top:18px;font:500 14px/1.6 "Segoe UI",system-ui,sans-serif;color:#9fb4d6}
@keyframes hwRow{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media(max-width:1000px){
.hw-seq{grid-template-columns:minmax(0,1fr)}
.hw-seq-paid{margin-top:6px}
}
@media(max-width:640px){
.hw-doc-rows li{grid-template-columns:minmax(0,1fr);gap:3px}
.hw-doc-h em{display:none}
.hw-seq-paid .hw-btn{margin-left:0;width:100%}
}

/* ---------- "paid so far" receipt under the stepper ---------- */
.hw-rcpt{position:relative;margin:auto 0 0;padding:clamp(18px,2vw,24px) clamp(18px,2vw,26px) clamp(18px,2vw,24px);border:1.5px solid #c9d9f3;border-radius:20px;background:#fff;box-shadow:0 34px 50px -42px rgba(11,29,62,.7)}
.hw-rcpt::before{content:"";position:absolute;left:14px;right:14px;top:-1.5px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#1a56db,#38bdf8,#4ade80)}
.hw-rcpt p{margin:0}
.hw-rcpt-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px dashed #c3d2ea;font:800 16px/1.2 "Segoe UI",system-ui,sans-serif;color:#0b1d3e}
.hw-rcpt-h em{font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;font-style:normal;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut)}
.hw-rcpt ul{list-style:none;margin:0;padding:6px 0}
.hw-rcpt li{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0 9px 30px;font:500 15px/1.35 "Segoe UI",system-ui,sans-serif;color:#94a3b8;transition:color .4s}
.hw-rcpt li::before{content:"";position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:#eef2f8;box-shadow:inset 0 0 0 1.5px #cbd7ea;transition:background .4s,box-shadow .4s,scale .4s cubic-bezier(.3,1.7,.5,1)}
.hw-rcpt li::after{content:"";position:absolute;left:6px;top:50%;width:8px;height:4px;margin-top:-4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);opacity:0;transition:opacity .3s .1s}
.hw-rcpt li b{font:800 12px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;transition:color .4s}
.hw-rcpt li.is-done{color:#0b1d3e}
.hw-rcpt li.is-done::before{background:#16a34a;box-shadow:inset 0 0 0 1.5px #16a34a;scale:1.08}
.hw-rcpt li.is-done::after{opacity:1}
.hw-rcpt li.is-done b{color:#16a34a}
.hw-seq:not(.is-js) .hw-rcpt li{color:#0b1d3e}
.hw-rcpt-t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0 16px;border-top:1px dashed #c3d2ea}
.hw-rcpt-t span{font:800 11.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.6px;text-transform:uppercase;color:#0b1d3e}
.hw-rcpt-t b{font:900 clamp(26px,2.6vw,34px)/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-1px;background:linear-gradient(100deg,#16a34a,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hw-rcpt .hw-btn{width:100%}
@media(max-width:1000px){.hw-rcpt{margin-top:8px}}

/* ---------- first 90 days: a twelve-week roadmap on navy (no cards) ---------- */
.hw-q{background:#020f31;color:#cfdcf0;overflow:hidden;isolation:isolate}
.hw-q::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(800px 460px at 88% 0%,rgba(26,86,219,.5),transparent 70%),radial-gradient(620px 420px at 0% 100%,rgba(56,189,248,.16),transparent 70%)}
.hw-q::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.hw-q h2{color:#fff}
.hw-q h2 em{background:linear-gradient(100deg,#7cc4ff,#4ade80);-webkit-background-clip:text;background-clip:text}
.hw-q .hw-k{background:rgba(124,196,255,.14);color:var(--sky)}
.hw-q .hw-prom-h .hw-lead{border-left-color:var(--sky);color:#dbe7f8}
.hw-q .hw-note{color:#9fb4d6}
.hw-q-wrap{--p:16.667%;--lw:clamp(230px,26vw,330px);margin-top:clamp(34px,4vw,56px)}
.hw-q-bar{position:relative}
.hw-q-wk{display:grid;grid-template-columns:var(--lw) minmax(0,1fr);align-items:end;margin:0 0 6px}
.hw-q-wk em{font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;font-style:normal;letter-spacing:1.8px;text-transform:uppercase;color:#7f95ba}
.hw-q-wk .wk{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.hw-q-wk .wk span{padding:0 0 8px 6px;border-left:1px solid rgba(255,255,255,.12);font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1px;color:#7f95ba}
.hw-q-now{position:absolute;z-index:2;left:var(--lw);right:0;top:18px;bottom:0;pointer-events:none}
.hw-q-now i{position:absolute;left:var(--p);top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,#4ade80,rgba(74,222,128,.15));transition:left 1.1s cubic-bezier(.6,0,.2,1)}
.hw-q-now i::before{content:"";position:absolute;left:50%;top:-5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.22);animation:hwPulse 1.8s ease-in-out infinite}
.hw-q-b{display:grid;grid-template-columns:var(--lw) minmax(0,1fr);align-items:center;width:100%;padding:0;border:0;border-top:1px solid rgba(255,255,255,.12);background:none;font:inherit;text-align:left;color:#8fa5c8;cursor:pointer;transition:color .35s,background .35s}
.hw-q-b:last-of-type{border-bottom:1px solid rgba(255,255,255,.12)}
.hw-q-b:hover{background:rgba(255,255,255,.03);color:#cfdcf0}
.hw-q-b .lb{display:flex;align-items:center;gap:14px;padding:16px 14px 16px 0}
.hw-q-b .lb b{font:900 clamp(22px,2.2vw,28px)/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-1px;color:inherit;opacity:.6;transition:opacity .35s,color .35s}
.hw-q-b strong{display:block;font:800 clamp(15.5px,1.4vw,18px)/1.25 "Segoe UI",system-ui,sans-serif;color:inherit}
.hw-q-b small{display:block;margin-top:4px;font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.4px;text-transform:uppercase;opacity:.8}
.hw-q-b .ln{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;align-self:stretch;background-image:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:calc(100%/12) 100%}
.hw-q-b .ln i{grid-column:var(--s)/var(--e);height:16px;margin:0 3px;border-radius:999px;background:rgba(124,196,255,.28);transform-origin:left;transition:background .4s,box-shadow .4s,height .4s,transform 1s cubic-bezier(.3,.9,.3,1)}
.hw-js .hw-q-wrap.hw-rv:not(.is-in) .ln i{transform:scaleX(0)}
.hw-q-b:nth-of-type(2) .ln i{transition-delay:0s,0s,0s,.15s}.hw-q-b:nth-of-type(3) .ln i{transition-delay:0s,0s,0s,.3s}.hw-q-b:nth-of-type(4) .ln i{transition-delay:0s,0s,0s,.45s}
.hw-q-b.is-mile .ln i{justify-self:end;width:18px;height:18px;margin:0 -9px 0 0;border-radius:4px;rotate:45deg;background:rgba(74,222,128,.4)}
.hw-q-b.is-past{color:#b8c7dd}
.hw-q-b.is-past .ln i{background:rgba(124,196,255,.55)}
.hw-q-b.is-on{color:#fff;background:linear-gradient(90deg,rgba(26,86,219,.28),transparent 60%)}
.hw-q-b.is-on .lb b{opacity:1;color:var(--sky)}
.hw-q-b.is-on small{color:var(--sky);opacity:1}
.hw-q-b.is-on .ln i{height:22px;background:linear-gradient(90deg,#1a56db,#38bdf8);box-shadow:0 0 26px -2px rgba(56,189,248,.9)}
.hw-q-b.is-mile.is-on .ln i{width:22px;height:22px;margin-right:-11px;background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 0 26px -2px rgba(74,222,128,.95)}
.hw-q-b.is-mile.is-on .lb b,.hw-q-b.is-mile.is-on small{color:var(--mint)}
.hw-q-b:focus-visible{outline:3px solid var(--sky);outline-offset:-3px}
.hw-q-stage{display:grid;margin-top:clamp(28px,3.4vw,48px)}
.hw-q-p{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:start;padding:clamp(22px,2.6vw,36px) 0;border-top:1px solid rgba(255,255,255,.14)}
.hw-q-wrap.is-js .hw-q-p{grid-area:1/1;padding:0;border-top:0;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .4s,transform .4s,visibility 0s .4s}
.hw-q-wrap.is-js .hw-q-p.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .55s .12s,transform .55s .12s}
.hw-q-p p{margin:0}
.hw-q-k{display:flex;align-items:baseline;gap:14px;font:800 12px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:2px;text-transform:uppercase;color:var(--sky)}
.hw-q-k b{font:900 clamp(54px,6.4vw,92px)/.9 "Segoe UI",system-ui,sans-serif;letter-spacing:-4px;background:linear-gradient(120deg,#7cc4ff,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hw-q-p:last-child .hw-q-k{color:var(--mint)}
.hw-q-p:last-child .hw-q-k b{background:linear-gradient(120deg,#22c55e,#4ade80);-webkit-background-clip:text;background-clip:text}
.hw-q-l h3{margin:16px 0 10px;font:900 clamp(26px,2.9vw,38px)/1.1 "Segoe UI",system-ui,sans-serif;letter-spacing:-1px;color:#fff}
.hw-q-s{max-width:44ch;font:400 clamp(16px,1.3vw,18px)/1.65 "Segoe UI",system-ui,sans-serif;color:#dbe7f8}
.hw-q-ul{list-style:none;margin:6px 0 0;padding:0;counter-reset:qu}
.hw-q-ul li{position:relative;counter-increment:qu;padding:16px 0 16px 46px;border-bottom:1px solid rgba(255,255,255,.14);font:500 16px/1.55 "Segoe UI",system-ui,sans-serif;color:#e6eefb}
.hw-q-ul li:first-child{border-top:2px solid var(--sky)}
.hw-q-ul li::before{content:counter(qu,decimal-leading-zero);position:absolute;left:0;top:18px;font:800 12px/1.4 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1px;color:var(--sky)}
.hw-q-wrap.is-js .hw-q-p.is-on .hw-q-ul li{animation:hwRow .5s both}
.hw-q-wrap.is-js .hw-q-p.is-on .hw-q-ul li:nth-child(2){animation-delay:.09s}.hw-q-wrap.is-js .hw-q-p.is-on .hw-q-ul li:nth-child(3){animation-delay:.18s}.hw-q-wrap.is-js .hw-q-p.is-on .hw-q-ul li:nth-child(4){animation-delay:.27s}
@media(max-width:1000px){.hw-q-wrap{--lw:clamp(190px,30vw,250px)}}
@media(max-width:760px){
.hw-q-bar{display:none}
.hw-q-wrap.is-js .hw-q-p,.hw-q-p{position:relative;grid-area:auto;grid-template-columns:minmax(0,1fr);gap:14px;padding:26px 0 26px 22px;border-top:0;border-left:3px solid rgba(124,196,255,.3);opacity:1;visibility:visible;transform:none}
.hw-q-wrap.is-js .hw-q-p:first-child,.hw-q-p:first-child{padding-top:0}
.hw-q-p::before{content:"";position:absolute;left:-10px;top:8px;width:17px;height:17px;border-radius:50%;background:#020f31;box-shadow:inset 0 0 0 5px var(--sky)}
.hw-q-p:last-child::before{box-shadow:inset 0 0 0 5px #4ade80}
.hw-q-wrap.is-js .hw-q-p.is-on .hw-q-ul li{animation:none}
.hw-q-k b{letter-spacing:-2px}
}

/* ---------- inside the company: orbit + one rule at a time ---------- */
.hw-in{overflow:hidden}
.hw-in-g{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,5vw,84px);align-items:center;margin-top:clamp(30px,3.6vw,52px)}
.hw-orbit{position:relative;width:min(100%,460px);aspect-ratio:1;margin:0 auto}
.hw-orbit .ring{position:absolute;border-radius:50%}
.hw-orbit .r1{inset:12%;border:1.5px dashed #a9c1ec;animation:hwSpin 70s linear infinite reverse}
.hw-orbit .r2{inset:29%;border:1px solid #d3e0f6}
.hw-orbit .turn{position:absolute;inset:0;animation:hwSpin 80s linear infinite}
.hw-orbit .sp{position:absolute;left:50%;top:50%;width:38%;height:2px;margin-top:-1px;transform-origin:0 50%;transform:rotate(var(--a));background:linear-gradient(90deg,transparent 22%,#9db8ea 40%,#9db8ea)}
.hw-orbit .sp::after{content:"";position:absolute;top:50%;left:24%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#1a56db;box-shadow:0 0 0 4px rgba(26,86,219,.18);animation:hwSig 3.5s var(--dl) ease-in-out infinite}
.hw-orbit .nd{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%) rotate(calc(-1*var(--a)))}
.hw-orbit .nd span{display:block;padding:11px 16px;border:1.5px solid #bcd0f3;border-radius:999px;background:#fff;box-shadow:0 18px 28px -18px rgba(11,29,62,.75);font:800 clamp(12px,1.15vw,14.5px)/1 "Segoe UI",system-ui,sans-serif;color:#0b1d3e;white-space:nowrap;animation:hwSpin 80s linear infinite reverse}
.hw-orbit .core{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-content:center;width:38%;aspect-ratio:1;padding:10px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,#1a56db,#0b2a66);box-shadow:0 0 0 12px rgba(26,86,219,.1),0 34px 54px -24px rgba(26,86,219,.95);text-align:center;font:500 clamp(10.5px,1vw,12.5px)/1.35 "Segoe UI",system-ui,sans-serif;color:#cfe0f7;animation:hwHub 4s ease-in-out infinite}
.hw-orbit .core b{display:block;margin-bottom:3px;font:800 clamp(13px,1.35vw,17px)/1.2 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-r p{margin:0}
.hw-r-h{padding-bottom:14px;border-bottom:2px solid #0b1d3e;font:800 12px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:2px;text-transform:uppercase;color:#0b1d3e}
.hw-r-stage{display:grid;margin-top:clamp(20px,2.4vw,32px)}
.hw-r-p{padding:0 0 22px;border-bottom:1px solid #d5dfef;margin-bottom:22px}
.hw-r.is-js .hw-r-p{grid-area:1/1;margin:0;padding:0;border:0;opacity:0;visibility:hidden;transform:translateX(26px);transition:opacity .35s,transform .35s,visibility 0s .35s}
.hw-r.is-js .hw-r-p.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .55s .1s,transform .55s cubic-bezier(.2,.7,.2,1) .1s}
.hw-r-k{display:flex;align-items:baseline;gap:12px}
.hw-r-k b{font:900 clamp(60px,7vw,104px)/.88 "Segoe UI",system-ui,sans-serif;letter-spacing:-5px;background:linear-gradient(120deg,#1a56db,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hw-r-k span{font:800 12px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:2px;text-transform:uppercase;color:var(--mut)}
.hw-r-p h3{margin:18px 0 10px;font:900 clamp(28px,3.2vw,44px)/1.08 "Segoe UI",system-ui,sans-serif;letter-spacing:-1.3px;color:#0b1d3e}
.hw-r-s{max-width:46ch;font:400 clamp(16.5px,1.4vw,19px)/1.6 "Segoe UI",system-ui,sans-serif;color:#1e293b}
.hw-r-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:clamp(24px,3vw,40px)}
.hw-r:not(.is-js) .hw-r-nav{display:none}
.hw-r-b{position:relative;padding:0 0 12px;border:0;background:none;font:800 12px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.4px;text-align:left;color:#94a3b8;cursor:pointer;transition:color .3s}
.hw-r-b::before,.hw-r-b i{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:4px}
.hw-r-b::before{background:#d3e0f6}
.hw-r-b i{background:linear-gradient(90deg,#1a56db,#38bdf8);transform:scaleX(0);transform-origin:left}
.hw-r-b:hover{color:#475569}
.hw-r-b.is-past{color:#475569}.hw-r-b.is-past i{transform:scaleX(1)}
.hw-r-b.is-on{color:var(--blue)}.hw-r-b.is-on i{transform:scaleX(1)}
.hw-r.is-auto .hw-r-b.is-on i{animation:hwBar 4.6s linear both}
.hw-r.is-auto.is-paused .hw-r-b.is-on i{animation-play-state:paused}
.hw-r-b:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}
.hw-r-f{margin-top:20px!important;font:500 14px/1.6 "Segoe UI",system-ui,sans-serif;color:var(--mut)}
.hw-r-f a{color:var(--blue);font-weight:700;text-decoration:none;white-space:nowrap}.hw-r-f a:hover{text-decoration:underline}
@keyframes hwSig{0%{left:24%;opacity:0}15%{opacity:1}70%{left:88%;opacity:1}85%,100%{left:88%;opacity:0}}
@media(max-width:1000px){.hw-in-g{grid-template-columns:minmax(0,1fr)}.hw-orbit{width:min(100%,380px)}}
@media(max-width:640px){.hw-orbit .sp{width:32%}.hw-orbit .r1{inset:18%}.hw-orbit .nd span{padding:8px 11px;font-size:12px}.hw-r-k b{letter-spacing:-3px}}

/* ---------- the Sachkhand stamp (same seal as the AI authority pages) ---------- */
.hw-r-stage{position:relative}
.hw-stamp{position:absolute;z-index:2;right:0;top:-54px;width:clamp(104px,9.6vw,132px);transform:rotate(-12deg);transition:transform .45s cubic-bezier(.3,1.5,.5,1);filter:drop-shadow(0 16px 22px rgba(2,15,49,.45))}
.hw-stamp:hover{transform:rotate(0) scale(1.06)}
.hw-js .hw-r.hw-rv:not(.is-in) .hw-stamp{transform:rotate(-40deg) scale(1.9);opacity:0}
.hw-js .hw-r.hw-rv .hw-stamp{transition:transform .5s cubic-bezier(.2,1.5,.4,1) .7s,opacity .25s .7s}
.hw-stamp svg{display:block;width:100%;height:auto;overflow:visible}
.hw-stamp .o{fill:#020f31;stroke:#fbbf24;stroke-width:3}
.hw-stamp .o2{fill:none;stroke:#fbbf24;stroke-width:1;stroke-dasharray:2 4}
.hw-stamp .in{fill:none;stroke:#fbbf24;stroke-width:1.6}
.hw-stamp .rt{font:800 10.6px "Segoe UI",system-ui,sans-serif;letter-spacing:.5px;fill:#fde68a;stroke:none;transform-origin:80px 80px;animation:hwSpin 40s linear infinite}
.hw-stamp .c{font:900 30px "Segoe UI",system-ui,sans-serif;letter-spacing:1.5px;fill:#fff;stroke:none}
.hw-stamp .s{font:800 7.4px ui-monospace,Menlo,monospace;letter-spacing:1.6px;fill:#fde68a;stroke:none}
.hw-stamp .ln{stroke:#fbbf24;stroke-width:1.4}
.hw-stamp .st{fill:#fbbf24;stroke:none}
.hw-stamp .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hw-r:not(.is-js) .hw-stamp{top:-20px}
@media(max-width:640px){.hw-stamp{width:86px;top:-26px}}

/* ---------- inside the company, v3: a flow, then six rules on a ruled grid ---------- */
.hw-in{background:radial-gradient(760px 420px at 100% 0%,rgba(26,86,219,.1),transparent 70%),radial-gradient(620px 420px at 0% 100%,rgba(56,189,248,.12),transparent 70%),linear-gradient(180deg,#f4f7fc,#eaf0fa)}
.hw-flowx{display:grid;grid-template-columns:auto minmax(24px,.5fr) auto minmax(60px,1fr) auto minmax(60px,1fr) auto;align-items:center;margin-top:clamp(34px,4vw,60px)}
.hw-flowx small{display:block;font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.6px;text-transform:uppercase}
.hw-flowx b{display:block;margin:7px 0 4px;font:900 clamp(20px,2vw,26px)/1.1 "Segoe UI",system-ui,sans-serif;letter-spacing:-.6px}
.hw-flowx span{font:500 13.5px/1.4 "Segoe UI",system-ui,sans-serif}
.fx-end small{color:var(--blue)}.fx-end b{color:#0b1d3e}.fx-end span{color:var(--mut)}
.fx-end.is-out{text-align:right}.fx-end.is-out small{color:#16a34a}
.fx-line{align-self:center;height:2px;margin:0 14px;background:repeating-linear-gradient(90deg,#7fa6ee 0 6px,transparent 6px 12px);animation:hwDashB .7s linear infinite}
.fx-am{position:relative;padding:clamp(18px,2vw,26px) clamp(20px,2.2vw,30px);border-radius:22px;background:radial-gradient(260px 160px at 100% 0%,rgba(56,189,248,.5),transparent 70%),linear-gradient(150deg,#1a56db,#0b2a66);box-shadow:0 0 0 10px rgba(26,86,219,.1),0 34px 54px -26px rgba(26,86,219,.95);color:#fff;animation:hwHub 4s ease-in-out infinite}
.fx-am small{color:#bfe1ff}.fx-am b{color:#fff}.fx-am span{display:block;max-width:20ch;color:#d6e6fb}
.fx-fan{width:100%;height:clamp(210px,19vw,250px);overflow:visible}
.fx-fan path{fill:none;stroke:#7fa6ee;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:5 6;animation:hwDashS 1.1s linear infinite;animation-delay:var(--dl)}
.fx-disc{list-style:none;display:grid;grid-template-rows:repeat(5,1fr);gap:0;height:clamp(210px,19vw,250px);margin:0;padding:0}
.fx-disc li{align-self:center;justify-self:stretch;padding:9px 16px;border:1.5px solid #bcd0f3;border-radius:999px;background:#fff;box-shadow:0 14px 22px -16px rgba(11,29,62,.7);font:800 clamp(12.5px,1.15vw,14.5px)/1 "Segoe UI",system-ui,sans-serif;color:#0b1d3e;text-align:center;white-space:nowrap;transition:opacity .5s var(--dl),transform .5s cubic-bezier(.2,1.4,.4,1) var(--dl)}
.hw-js .hw-flowx.hw-rv:not(.is-in) .fx-disc li{opacity:0;transform:scale(.7)}
.hw-g6{position:relative;margin-top:clamp(40px,5vw,72px)}
.hw-g6 p{margin:0}
.hw-g6-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;padding:0 clamp(120px,12vw,160px) 14px 0;border-bottom:2px solid #0b1d3e;font:800 12px/1.3 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:2px;text-transform:uppercase;color:#0b1d3e}
.hw-g6-h em{font-style:normal;letter-spacing:1.4px;color:var(--mut)}
.hw-g6 .hw-stamp{right:clamp(4px,1vw,14px);top:-66px;width:clamp(108px,10vw,140px)}
.hw-js .hw-g6.hw-rv:not(.is-in) .hw-stamp{transform:rotate(-40deg) scale(1.9);opacity:0}
.hw-js .hw-g6.hw-rv .hw-stamp{transition:transform .5s cubic-bezier(.2,1.5,.4,1) .6s,opacity .25s .6s}
.hw-g6-l{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0}
.hw-g6-i{position:relative;padding:clamp(24px,2.6vw,36px) clamp(18px,2.2vw,30px) clamp(24px,2.6vw,36px);border-bottom:1px solid #cfdcf2;outline:0;transition:background .45s}
.hw-g6-i:not(:nth-child(3n+1)){border-left:1px solid #cfdcf2}
.hw-g6-i:nth-child(3n+1){padding-left:0}
.hw-g6-i::before{content:"";position:absolute;left:0;right:0;top:-2px;height:4px;background:linear-gradient(90deg,#1a56db,#38bdf8);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.6,0,.2,1)}
.hw-g6-i:nth-child(n+4)::before{top:-1px;height:3px}
.hw-g6-i .n{display:block;font:900 clamp(40px,4.4vw,62px)/.9 "Segoe UI",system-ui,sans-serif;letter-spacing:-2.5px;color:transparent;-webkit-text-stroke:1.5px #a9c1ec;transition:color .45s,-webkit-text-stroke-color .45s}
.hw-g6-i h3{margin:16px 0 8px;font:900 clamp(19px,1.9vw,24px)/1.2 "Segoe UI",system-ui,sans-serif;letter-spacing:-.5px;color:#0b1d3e}
.hw-g6-i p{font:400 15.3px/1.6 "Segoe UI",system-ui,sans-serif;color:var(--txt)}
.hw-g6-i.is-on{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.4))}
.hw-g6-i.is-on::before{transform:scaleX(1)}
.hw-g6-i.is-on .n{color:var(--blue);-webkit-text-stroke-color:var(--blue)}
.hw-g6-i:nth-child(3n+1).is-on{box-shadow:-18px 0 0 rgba(255,255,255,.7)}
.hw-g6-i:focus-visible{box-shadow:inset 0 0 0 3px var(--blue)}
.hw-g6-f{margin-top:18px!important;font:500 14px/1.6 "Segoe UI",system-ui,sans-serif}
.hw-g6-f a{color:var(--blue);font-weight:700;text-decoration:none}.hw-g6-f a:hover{text-decoration:underline}
@keyframes hwDashS{to{stroke-dashoffset:-22}}
@keyframes hwDashB{to{background-position:12px 0}}
@keyframes hwDashV{to{background-position:0 12px}}
@media(max-width:1000px){
.hw-flowx{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:0;text-align:center}
.fx-end.is-out{text-align:center}
.fx-line,.fx-fan{width:2px;height:34px;margin:8px 0;background:repeating-linear-gradient(180deg,#7fa6ee 0 6px,transparent 6px 12px);animation:hwDashV .7s linear infinite}
.fx-fan path{display:none}
.fx-am span{max-width:none}
.fx-disc{grid-template-rows:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;height:auto;max-width:420px}
.hw-g6-l{grid-template-columns:repeat(2,minmax(0,1fr))}
.hw-g6-i,.hw-g6-i:nth-child(3n+1){padding-left:clamp(18px,2.2vw,30px);border-left:1px solid #cfdcf2}
.hw-g6-i:nth-child(2n+1){padding-left:0;border-left:0}
.hw-g6-i:nth-child(3n+1).is-on{box-shadow:none}
}
@media(max-width:640px){
.hw-g6-l{grid-template-columns:minmax(0,1fr)}
.hw-g6-i,.hw-g6-i:nth-child(3n+1),.hw-g6-i:nth-child(2n+1){padding:22px 0;border-left:0}
.hw-g6-h{padding-right:96px}.hw-g6-h em{display:none}
.hw-g6 .hw-stamp{width:88px;top:-52px;right:0}
}

/* ---------- every month: a loop track with a travelling marker ---------- */
.hw-lp{background:#020f31;color:#cfdcf0;overflow:hidden;isolation:isolate}
.hw-lp::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(760px 460px at 50% 60%,rgba(26,86,219,.42),transparent 70%),radial-gradient(520px 360px at 100% 0%,rgba(74,222,128,.1),transparent 70%)}
.hw-lp::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.5px);background-size:26px 26px;-webkit-mask-image:radial-gradient(900px 520px at 50% 60%,#000,transparent 75%);mask-image:radial-gradient(900px 520px at 50% 60%,#000,transparent 75%)}
.hw-lp h2{color:#fff}
.hw-lp h2 em{background:linear-gradient(100deg,#7cc4ff,#4ade80);-webkit-background-clip:text;background-clip:text}
.hw-lp .hw-k{background:rgba(124,196,255,.14);color:var(--sky)}
.hw-lp .hw-prom-h .hw-lead{border-left-color:var(--sky);color:#dbe7f8}
.hw-lp-box{margin-top:clamp(40px,5vw,72px)}
.hw-lp-track{position:relative;width:100%;aspect-ratio:1000/420}
.hw-lp-track svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hw-lp-track .base{fill:rgba(255,255,255,.025);stroke:rgba(124,196,255,.22);stroke-width:14}
.hw-lp-track .dash{fill:none;stroke:rgba(124,196,255,.5);stroke-width:1.5;stroke-dasharray:3 10;animation:hwLpDash 1.6s linear infinite}
.hw-lp-track .trail{fill:none;stroke:#38bdf8;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(56,189,248,.9));opacity:0;transition:opacity .4s}
.hw-lp-box.is-js .trail{opacity:1}
.hw-lp-track .dot{fill:#020f31;stroke:#4ade80;stroke-width:4;filter:drop-shadow(0 0 12px rgba(74,222,128,.95))}
.hw-lp-track .dot-in{fill:#4ade80}
.hw-lp-s{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:1.5px solid rgba(124,196,255,.4);border-radius:999px;background:#06173f;transform:translate(-50%,-50%);font:inherit;color:#cfdcf0;cursor:pointer;white-space:nowrap;transition:background .35s,border-color .35s,color .35s,box-shadow .35s,scale .35s}
.hw-lp-s i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(124,196,255,.16);font:800 12.5px/1 ui-monospace,"SF Mono",Menlo,monospace;font-style:normal;color:var(--sky);transition:background .35s,color .35s}
.hw-lp-s b{font:800 clamp(14px,1.3vw,16.5px)/1 "Segoe UI",system-ui,sans-serif}
.hw-lp-s:hover{border-color:var(--sky);color:#fff}
.hw-lp-s.is-on{border-color:#4ade80;background:#0b2a66;color:#fff;box-shadow:0 0 0 6px rgba(74,222,128,.14),0 0 34px -4px rgba(74,222,128,.8);scale:1.08}
.hw-lp-s.is-on i{background:#4ade80;color:#04210f}
.hw-lp-s:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.hw-lp-rep{position:absolute;left:50%;top:calc(4.76% + 30px);transform:translateX(-50%);margin:0;font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.8px;text-transform:uppercase;color:#7f95ba;white-space:nowrap}
.hw-lp-stage{position:absolute;left:22%;right:22%;top:19%;bottom:22%;display:grid;align-items:center}
.hw-lp-p{grid-area:1/1;text-align:center}
.hw-lp-box.is-js .hw-lp-p{opacity:0;visibility:hidden;transform:scale(.96);transition:opacity .35s,transform .35s,visibility 0s .35s}
.hw-lp-box.is-js .hw-lp-p.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .55s .25s,transform .55s .25s}
.hw-lp-box:not(.is-js) .hw-lp-p:not(.is-on){display:none}
.hw-lp-p p{margin:0}
.hw-lp-k{display:flex;justify-content:center;align-items:baseline;gap:12px;font:800 11px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.8px;text-transform:uppercase;color:#9fb4d6}
.hw-lp-k b{font:900 clamp(34px,3.6vw,50px)/.9 "Segoe UI",system-ui,sans-serif;letter-spacing:-2px;background:linear-gradient(120deg,#7cc4ff,#4ade80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hw-lp-p h3{margin:10px 0 10px;font:900 clamp(26px,3vw,40px)/1.05 "Segoe UI",system-ui,sans-serif;letter-spacing:-1.2px;color:#fff}
.hw-lp-d{max-width:52ch;margin:0 auto!important;font:400 clamp(14.5px,1.25vw,16.5px)/1.6 "Segoe UI",system-ui,sans-serif;color:#dbe7f8}
.hw-lp-o{display:inline-flex;align-items:center;gap:10px;margin-top:14px!important;padding:8px 14px;border-radius:999px;background:rgba(74,222,128,.12);box-shadow:inset 0 0 0 1px rgba(74,222,128,.35);font:600 13.5px/1.2 "Segoe UI",system-ui,sans-serif;color:#e6fbe9}
.hw-lp-o span{font:800 10px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.4px;text-transform:uppercase;color:#4ade80}
@keyframes hwLpDash{to{stroke-dashoffset:-26}}
@media(max-width:1000px){.hw-lp-stage{left:16%;right:16%;top:17%;bottom:20%}.hw-lp-d{font-size:14px}.hw-lp-p h3{margin:6px 0}}
@media(max-width:820px){
.hw-lp-track{aspect-ratio:auto}
.hw-lp-track svg,.hw-lp-rep{display:none}
.hw-lp-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.hw-lp-s{position:static;transform:none;flex-direction:column;gap:6px;padding:10px 4px;border-radius:14px;scale:1!important}
.hw-lp-s b{font-size:13px}
.hw-lp-stage{position:static;margin-top:26px}
.hw-lp-p{text-align:left}.hw-lp-k{justify-content:flex-start}.hw-lp-d{margin:0!important}
}

/* ---------- every month: detail band and monthly deliverables ---------- */
.hw-lp-more{display:grid;margin-top:clamp(26px,3vw,40px);padding-top:clamp(22px,2.6vw,32px);border-top:1px solid rgba(255,255,255,.14)}
.hw-lpm-p{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.8fr);gap:clamp(20px,3.4vw,52px);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s,transform .35s,visibility 0s .35s}
.hw-lpm-p.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .5s .3s,transform .5s .3s}
.hw-lpm-p p{margin:0}
.hw-lpm-p .h{margin-bottom:12px;font:800 11px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--sky)}
.hw-lpm-p .c3 .h{color:var(--mint)}
.hw-lpm-p ul{list-style:none;margin:0;padding:0}
.hw-lpm-p li{position:relative;padding:9px 0 9px 28px;border-bottom:1px solid rgba(255,255,255,.1);font:500 15.5px/1.5 "Segoe UI",system-ui,sans-serif;color:#e6eefb}
.hw-lpm-p li:last-child{border-bottom:0}
.hw-lpm-p li::before{content:"";position:absolute;left:0;top:13px;width:16px;height:16px;border-radius:50%;background:rgba(124,196,255,.18)}
.hw-lpm-p li::after{content:"";position:absolute;left:5px;top:17px;width:6px;height:3px;border-left:2px solid var(--sky);border-bottom:2px solid var(--sky);transform:rotate(-45deg)}
.hw-lpm-p .c2 p:not(.h),.hw-lpm-p .c3 p:not(.h){padding-left:16px;border-left:2px solid rgba(124,196,255,.4);font:500 15.5px/1.6 "Segoe UI",system-ui,sans-serif;color:#dbe7f8}
.hw-lpm-p .c3 p:not(.h){border-left-color:rgba(74,222,128,.6)}
.hw-lp-get{margin-top:clamp(36px,4.4vw,64px)}
.hw-lp-get-h{margin:0 0 16px;font:800 12px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:2px;text-transform:uppercase;color:#fff}
.hw-lp-get ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:2px solid var(--sky)}
.hw-lp-get li{padding:22px clamp(14px,1.8vw,24px) 6px}
.hw-lp-get li+li{border-left:1px solid rgba(255,255,255,.14)}
.hw-lp-get li:first-child{padding-left:0}
.hw-lp-get .ic{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:13px;background:rgba(124,196,255,.14);color:var(--sky);transition:background .3s,color .3s}
.hw-lp-get li:hover .ic{background:var(--sky);color:#020f31}
.hw-lp-get .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hw-lp-get b{display:block;margin-bottom:6px;font:800 17px/1.3 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-lp-get li>span:last-child{display:block;font:400 14.5px/1.55 "Segoe UI",system-ui,sans-serif;color:#b8c7dd}
@media(max-width:1000px){.hw-lpm-p{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hw-lpm-p .c1{grid-column:1/-1}.hw-lp-get ul{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-lp-get li:nth-child(3){padding-left:0;border-left:0}}
@media(max-width:640px){.hw-lpm-p{grid-template-columns:minmax(0,1fr)}.hw-lp-get ul{grid-template-columns:minmax(0,1fr)}.hw-lp-get li,.hw-lp-get li+li{padding-left:0;border-left:0;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:18px}}

/* ---------- how we report: the same figure, as an advert and as evidence ---------- */
.hw-ev{background:#fff;background-image:linear-gradient(rgba(26,86,219,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(26,86,219,.045) 1px,transparent 1px);background-size:32px 32px}
.hw-ev .hw-lead a{color:var(--blue);font-weight:700}
.hw-ev-g{--c0:#bfdbfe;--c1:#a5f3fc;--c2:#bbf7d0;--c3:#fde68a;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,64px);align-items:start;margin-top:clamp(32px,4vw,56px)}
.hw-ev-doc{position:relative;padding:clamp(26px,3vw,44px);border:1.5px solid #d6e0f0;border-radius:24px;background:#fff;box-shadow:0 40px 70px -50px rgba(11,29,62,.6)}
.hw-ev-doc::before{content:"";position:absolute;left:clamp(26px,3vw,44px);right:clamp(26px,3vw,44px);top:0;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#1a56db,#38bdf8,#4ade80,#fbbf24)}
.hw-ev-doc p{margin:0}
.hw-ev-tag{display:flex;align-items:center;gap:10px;font:800 11px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.8px;text-transform:uppercase}
.hw-ev-tag::before{content:"";flex:none;display:grid;width:20px;height:20px;border-radius:50%}
.hw-ev-tag.is-bad{color:#b91c1c}.hw-ev-tag.is-bad::before{background:#fee2e2 radial-gradient(circle,#ef4444 0 3px,transparent 3.5px)}
.hw-ev-tag.is-good{margin-top:clamp(24px,2.8vw,34px);padding-top:clamp(20px,2.4vw,28px);border-top:1px dashed #cfdcf2;color:#15803d}.hw-ev-tag.is-good::before{background:#dcfce7 radial-gradient(circle,#22c55e 0 3px,transparent 3.5px)}
.hw-ev-ad{position:relative;display:inline-block;margin-top:12px!important;font:900 clamp(26px,3vw,40px)/1.1 "Segoe UI",system-ui,sans-serif;letter-spacing:-1px;color:#94a3b8}
.hw-ev-ad::after{content:"";position:absolute;left:-4px;right:-4px;top:54%;height:3px;border-radius:3px;background:#ef4444;transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.6,0,.2,1) .4s}
.hw-ev-g.is-in .hw-ev-ad::after,.hw-ev-g:not(.hw-rv) .hw-ev-ad::after{transform:scaleX(1)}
.hw-ev-line{margin-top:14px!important;font:500 clamp(19px,1.9vw,25px)/1.6 "Segoe UI",system-ui,sans-serif;letter-spacing:-.2px;color:#1e293b}
.hw-ev-line>b{font-weight:900;font-size:1.25em;letter-spacing:-.8px;color:#0b1d3e}
.hw-ev-line .hl{padding:.05em .1em;border-radius:4px;background-repeat:no-repeat;background-position:0 88%;background-size:0% 38%;font-weight:700;color:#0b1d3e;cursor:default;transition:background-size .6s cubic-bezier(.6,0,.2,1),color .3s;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hw-ev-line .hl[data-k="0"]{background-image:linear-gradient(var(--c0),var(--c0))}
.hw-ev-line .hl[data-k="1"]{background-image:linear-gradient(var(--c1),var(--c1))}
.hw-ev-line .hl[data-k="2"]{background-image:linear-gradient(var(--c2),var(--c2))}
.hw-ev-line .hl[data-k="3"]{background-image:linear-gradient(var(--c3),var(--c3))}
.hw-ev-g:not(.is-js) .hw-ev-line .hl,.hw-ev-line .hl.is-on{background-size:100% 38%}
.hw-ev-line .hl.is-on{background-size:100% 100%;background-position:0 50%}
.hw-ev-src{margin-top:20px!important;font:500 13.5px/1.6 "Segoe UI",system-ui,sans-serif;color:var(--mut)}
.hw-ev-src a{color:var(--blue);font-weight:700}
.hw-ev-nav{display:grid;gap:10px}
.hw-ev-b{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;width:100%;padding:16px 18px;border:1.5px solid transparent;border-radius:18px;background:transparent;font:inherit;text-align:left;cursor:pointer;transition:background .35s,border-color .35s,box-shadow .35s}
.hw-ev-b .l{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f1f5fb;font:900 17px/1 "Segoe UI",system-ui,sans-serif;color:#64748b;transition:background .35s,color .35s}
.hw-ev-b b{display:block;font:900 clamp(18px,1.7vw,21px)/1.2 "Segoe UI",system-ui,sans-serif;color:#0b1d3e}
.hw-ev-b small{display:block;margin-top:5px;font:400 14.5px/1.55 "Segoe UI",system-ui,sans-serif;color:var(--txt)}
.hw-ev-b:hover{background:rgba(255,255,255,.8)}
.hw-ev-b.is-on{border-color:#d6e0f0;background:#fff;box-shadow:0 26px 40px -32px rgba(11,29,62,.6)}
.hw-ev-b[data-k="0"].is-on .l{background:var(--c0);color:#1e3a8a}
.hw-ev-b[data-k="1"].is-on .l{background:var(--c1);color:#155e75}
.hw-ev-b[data-k="2"].is-on .l{background:var(--c2);color:#14532d}
.hw-ev-b[data-k="3"].is-on .l{background:var(--c3);color:#78350f}
.hw-ev-b:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.hw-ev-note{margin:clamp(22px,2.6vw,34px) 0 0;padding:16px 20px;border-left:4px solid var(--blue);border-radius:0 14px 14px 0;background:#f1f6ff;font:400 15.5px/1.6 "Segoe UI",system-ui,sans-serif;color:#1e293b}
.hw-ev-note b{color:#0b1d3e}
@media(max-width:1000px){.hw-ev-g{grid-template-columns:minmax(0,1fr)}.hw-ev-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hw-ev-nav{grid-template-columns:minmax(0,1fr)}.hw-ev-b{padding:12px 14px}}

/* ---------- working together: two sides of one agreement ---------- */
.hw-ag-box{--seam:72px;position:relative;margin-top:clamp(32px,4vw,56px);border-radius:28px;background:linear-gradient(90deg,#020f31 50%,#fff 50%);box-shadow:0 50px 80px -56px rgba(2,15,49,.85),0 0 0 1.5px #d6e0f0;overflow:hidden;isolation:isolate}
.hw-ag-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:50%;z-index:-1;background:radial-gradient(520px 320px at 0% 0%,rgba(26,86,219,.55),transparent 70%)}
.hw-ag-box::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,#1a56db,#38bdf8,#4ade80);transform-origin:top;transition:transform 1.4s cubic-bezier(.6,0,.2,1) .2s}
.hw-js .hw-ag-box:not(.is-in)::after{transform:scaleY(0)}
.hw-ag-h,.hw-ag-r,.hw-ag-f{display:grid;grid-template-columns:minmax(0,1fr) var(--seam) minmax(0,1fr);align-items:stretch}
.hw-ag-h p,.hw-ag-f p{margin:0}
.hw-ag-h p{padding:clamp(22px,2.6vw,34px) clamp(22px,3vw,44px) 18px;font:900 clamp(20px,2vw,26px)/1.2 "Segoe UI",system-ui,sans-serif;letter-spacing:-.5px}
.hw-ag-h small{display:block;margin-bottom:8px;font:800 11px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:2px;text-transform:uppercase}
.hw-ag-h .us{color:#fff}.hw-ag-h .us small{color:var(--sky)}
.hw-ag-h .you{color:#0b1d3e}.hw-ag-h .you small{color:#16a34a}
.hw-ag-l{list-style:none;margin:0;padding:0}
.hw-ag-r{position:relative}
.hw-ag-r>div{display:flex;flex-direction:column;gap:5px;padding:20px clamp(22px,3vw,44px);transition:background .35s,transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s;transition-delay:0s,var(--d),var(--d)}
.hw-ag-r .us{border-top:1px solid rgba(255,255,255,.12);text-align:right}
.hw-ag-r .you{border-top:1px solid #e3eaf5}
.hw-ag-r b{font:800 17px/1.3 "Segoe UI",system-ui,sans-serif}
.hw-ag-r span{font:400 15px/1.55 "Segoe UI",system-ui,sans-serif}
.hw-ag-r .us b{color:#fff}.hw-ag-r .us span{color:#c3d3ea}
.hw-ag-r .you b{color:#0b1d3e}.hw-ag-r .you span{color:var(--txt)}
.hw-js .hw-ag-box:not(.is-in) .hw-ag-r .us{opacity:0;transform:translateX(-40px)}
.hw-js .hw-ag-box:not(.is-in) .hw-ag-r .you{opacity:0;transform:translateX(40px)}
.hw-ag-r .knot{position:relative;z-index:1;align-self:center;justify-self:center;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #38bdf8,0 0 0 7px rgba(56,189,248,.14);font:800 12px/1 ui-monospace,"SF Mono",Menlo,monospace;color:var(--blue);transition:background .35s,color .35s,box-shadow .35s,scale .5s cubic-bezier(.3,1.7,.5,1) calc(var(--d) + .3s)}
.hw-js .hw-ag-box:not(.is-in) .hw-ag-r .knot{scale:0}
.hw-ag-r:hover .us{background:rgba(255,255,255,.06)}
.hw-ag-r:hover .you{background:#f3f7ff}
.hw-ag-r:hover .knot{background:linear-gradient(135deg,#1a56db,#4ade80);color:#fff;box-shadow:0 0 0 2px #4ade80,0 0 24px 2px rgba(74,222,128,.6)}
.hw-ag-f{border-top:1px solid #e3eaf5}
.hw-ag-f p{padding:16px clamp(22px,3vw,44px);font:800 11px/1.3 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.8px;text-transform:uppercase}
.hw-ag-f .us{border-top:1px solid rgba(255,255,255,.12);margin-top:-1px;text-align:right;color:#7f95ba}
.hw-ag-f .you{color:var(--mut)}
.hw-ag-f span{align-self:center;justify-self:center;font:900 20px/1 Georgia,serif;font-style:italic;color:#38bdf8}
.hw-ag-cta{margin:20px 0 0;font:500 15.5px/1.6 "Segoe UI",system-ui,sans-serif;color:#1e293b}
.hw-ag-cta a{color:var(--blue);font-weight:800;text-decoration:none;white-space:nowrap}.hw-ag-cta a:hover{text-decoration:underline}
@media(max-width:760px){
.hw-ag-box{background:#fff}
.hw-ag-box::before,.hw-ag-box::after{display:none}
.hw-ag-h{display:none}
.hw-ag-r,.hw-ag-f{grid-template-columns:minmax(0,1fr)}
.hw-ag-r{padding:0}
.hw-ag-r .us{background:#020f31;text-align:left;border-top:0}
.hw-ag-r .us::before{content:"We commit";font:800 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:1.6px;text-transform:uppercase;color:var(--sky)}
.hw-ag-r .you::before{content:"We ask";font:800 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:1.6px;text-transform:uppercase;color:#16a34a}
.hw-ag-r .knot{position:absolute;right:18px;top:16px;width:32px;height:32px;font-size:11px}
.hw-ag-r+.hw-ag-r .us{border-top:6px solid #f1f5fb}
.hw-ag-f .us{text-align:left;border-top:0;background:#020f31;margin:0}
.hw-ag-f span{display:none}
.hw-js .hw-ag-box:not(.is-in) .hw-ag-r .us,.hw-js .hw-ag-box:not(.is-in) .hw-ag-r .you{transform:translateY(16px)}
}

/* ---------- terms: a one-page terms sheet ---------- */
.hw-tm{background:radial-gradient(700px 420px at 100% 30%,rgba(26,86,219,.1),transparent 70%),#fff}
.hw-tm-g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,84px);align-items:center}
.hw-tm-l h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-1.5px}
.hw-tm-l h2 em{display:block}
.hw-tm-q{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(24px,3vw,36px) 0 0;padding:0;border-top:2px solid #0b1d3e}
.hw-tm-q li{padding:16px 0 0;font:900 clamp(22px,2.2vw,30px)/1.1 "Segoe UI",system-ui,sans-serif;letter-spacing:-.8px;color:#0b1d3e}
.hw-tm-q li+li{padding-left:18px;border-left:1px solid #d6e0f0}
.hw-tm-q b{display:block;margin-bottom:8px;font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--mut)}
.hw-tm-q li:last-child{color:#16a34a}
.hw-tm-more{margin:22px 0 0;font:500 15px/1.6 "Segoe UI",system-ui,sans-serif;color:var(--mut)}
.hw-tm-more a{color:var(--blue);font-weight:800;text-decoration:none}.hw-tm-more a:hover{text-decoration:underline}
.hw-sheet{position:relative;padding:clamp(28px,3.4vw,48px) clamp(24px,3.4vw,52px) clamp(24px,3vw,40px);border-radius:6px 6px 22px 22px;background:#fffefb;background-image:repeating-linear-gradient(180deg,transparent 0 33px,rgba(26,86,219,.06) 33px 34px);box-shadow:0 2px 0 #e9e4d8,0 4px 0 #f6f2e8,0 6px 0 #e9e4d8,0 60px 90px -50px rgba(11,29,62,.75),0 0 0 1px #ece7da;rotate:-1.2deg;transition:rotate .6s cubic-bezier(.3,1.4,.5,1)}
.hw-sheet:hover{rotate:0deg}
.hw-sheet::before{content:"";position:absolute;left:clamp(56px,6vw,82px);top:0;bottom:0;width:1.5px;background:rgba(239,68,68,.35)}
.hw-js .hw-sheet.hw-rv:not(.is-in){rotate:-5deg}
.hw-sheet p{margin:0}
.hw-sheet-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:16px;border-bottom:2px solid #0b1d3e;font:900 clamp(20px,2vw,26px)/1.2 Georgia,"Times New Roman",serif;color:#0b1d3e}
.hw-sheet-h em{font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;font-style:normal;letter-spacing:1.6px;text-transform:uppercase;color:var(--mut)}
.hw-sheet-c{list-style:none;margin:0;padding:0}
.hw-sheet-c li{display:grid;grid-template-columns:clamp(40px,4vw,56px) minmax(0,1fr);gap:clamp(10px,1.4vw,18px);padding:20px 0;border-bottom:1px dashed #d8d2c4;transition:opacity .6s var(--d),transform .6s var(--d)}
.hw-js .hw-sheet.hw-rv:not(.is-in) .hw-sheet-c li{opacity:0;transform:translateY(10px)}
.hw-sheet-c .no{font:900 clamp(20px,2vw,26px)/1.2 Georgia,serif;color:#b91c1c}
.hw-sheet-c h3{margin:0 0 6px;font:800 11.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.8px;text-transform:uppercase;color:#0b1d3e}
.hw-sheet-c p{font:400 clamp(16px,1.35vw,18px)/1.65 Georgia,"Times New Roman",serif;color:#1f2937}
.hw-sheet-c mark{padding:0 .12em;border-radius:3px;background:linear-gradient(#fde68a,#fde68a) no-repeat 0 85%/0% 45%;color:inherit;font-weight:700;transition:background-size .8s cubic-bezier(.6,0,.2,1) calc(var(--d) + .45s);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hw-sheet.is-in mark,.hw-sheet:not(.hw-rv) mark{background-size:100% 45%}
.hw-sheet-f{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:24px}
.hw-sheet-f .sig{flex:1 1 200px}
.hw-sheet-f .ln{display:block;height:34px;border-bottom:1.5px solid #0b1d3e}
.hw-sheet-f small{display:block;margin-top:7px;font:700 11px/1.3 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--mut)}
.hw-seal{position:absolute;right:clamp(-14px,-1vw,-6px);top:clamp(-34px,-2.6vw,-24px);display:grid;place-content:center;width:clamp(92px,8.4vw,112px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px #16a34a,inset 0 0 0 7px #fff,inset 0 0 0 8.5px #16a34a,0 18px 30px -16px rgba(22,163,74,.6);rotate:14deg;text-align:center;transition:scale .5s cubic-bezier(.2,1.6,.4,1) 1.7s,opacity .25s 1.7s}
.hw-seal span{font:800 9.5px/1.2 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.4px;text-transform:uppercase;color:#15803d}
.hw-seal b{font:900 clamp(20px,2vw,26px)/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-.5px;color:#16a34a}
.hw-js .hw-sheet.hw-rv:not(.is-in) .hw-seal{scale:2.2;opacity:0}
@media(max-width:1000px){.hw-tm-g{grid-template-columns:minmax(0,1fr)}.hw-sheet{margin-top:20px}}
@media(max-width:640px){.hw-sheet{rotate:0deg;padding-top:40px}.hw-sheet::before{display:none}.hw-sheet-c li{grid-template-columns:minmax(0,1fr);gap:4px}.hw-sheet-h{flex-direction:column;gap:8px}.hw-seal{right:8px;top:-30px;width:84px}.hw-sheet-f .hw-btn{width:100%}}
.hw-sheet-h{padding-right:clamp(70px,7.4vw,100px)}
@media(max-width:640px){.hw-sheet-h{padding-right:84px}}

/* ---------- questions: sticky ask-us panel + numbered accordion ---------- */
.hw-fq-g{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(26px,4.4vw,72px);align-items:start}
.hw-fq-side{position:sticky;top:96px;padding:clamp(26px,3vw,40px);border-radius:26px;background:radial-gradient(420px 280px at 100% 0%,rgba(26,86,219,.6),transparent 70%),linear-gradient(160deg,#020f31,#0a1f4d);color:#cfdcf0;overflow:hidden;box-shadow:0 50px 80px -50px rgba(2,15,49,.95)}
.hw-fq-side p{margin:0}
.hw-fq-mark{position:absolute;right:-6px;top:-40px;font:900 220px/1 "Segoe UI",system-ui,sans-serif;color:rgba(124,196,255,.08);animation:hwFloat 6s ease-in-out infinite;pointer-events:none}
.hw-fq-side .hw-k{background:rgba(124,196,255,.14);color:var(--sky)}
.hw-fq-side h2{position:relative;font-size:clamp(26px,2.7vw,36px);color:#fff}
.hw-fq-side h2 em{background:linear-gradient(100deg,#7cc4ff,#4ade80);-webkit-background-clip:text;background-clip:text}
.hw-fq-sub{position:relative;font:400 15.5px/1.65 "Segoe UI",system-ui,sans-serif;color:#cfdcf0}
.hw-fq-ask{position:relative;list-style:none;display:grid;gap:8px;margin:22px 0 0;padding:0}
.hw-fq-ask a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);text-decoration:none;color:#fff;transition:background .25s,box-shadow .25s,translate .25s}
.hw-fq-ask a:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(124,196,255,.6);translate:4px 0}
.hw-fq-ask .ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(124,196,255,.16);color:var(--sky)}
.hw-fq-ask li:first-child .ic{background:rgba(74,222,128,.18);color:var(--mint)}
.hw-fq-ask .ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hw-fq-ask a>span:last-child{min-width:0;font:500 13.5px/1.35 "Segoe UI",system-ui,sans-serif;color:#b8c7dd;overflow-wrap:anywhere}
.hw-fq-ask b{display:block;margin-bottom:2px;font:800 15px/1.3 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-fq-note{position:relative;display:flex;align-items:center;gap:10px;margin-top:18px!important;font:600 13px/1.5 "Segoe UI",system-ui,sans-serif;color:#9fb4d6}
.hw-fq-note::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(74,222,128,.22);animation:hwPulse 1.8s ease-in-out infinite}
.hw-fq-list{display:grid;gap:12px}
.hw-qa{border:1.5px solid #d6e0f0;border-radius:20px;background:rgba(255,255,255,.65);transition:background .35s,border-color .35s,box-shadow .35s}
.hw-qa[open]:not(.is-closing){border-color:#bcd2f7;background:#fff;box-shadow:0 34px 50px -40px rgba(26,86,219,.7)}
.hw-qa summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:clamp(18px,2vw,24px) clamp(18px,2.2vw,26px);cursor:pointer;list-style:none}
.hw-qa summary::-webkit-details-marker{display:none}
.hw-qa .n{font:900 clamp(22px,2.2vw,28px)/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-1px;color:#c3d2ea;transition:color .35s}
.hw-qa .q{font:800 clamp(16.5px,1.5vw,19px)/1.35 "Segoe UI",system-ui,sans-serif;color:#0b1d3e}
.hw-qa summary i{position:relative;flex:none;width:36px;height:36px;border-radius:50%;background:#eaf1ff;transition:background .35s,rotate .35s}
.hw-qa summary i::before,.hw-qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:2px;background:var(--blue);transition:background .35s,rotate .35s}
.hw-qa summary i::after{rotate:90deg}
.hw-qa[open]:not(.is-closing) .n{color:var(--blue)}
.hw-qa[open]:not(.is-closing) summary i{background:var(--blue);rotate:180deg}
.hw-qa[open]:not(.is-closing) summary i::before,.hw-qa[open]:not(.is-closing) summary i::after{background:#fff}
.hw-qa[open]:not(.is-closing) summary i::after{rotate:0deg}
.hw-qa summary:hover .q{color:var(--blue)}
.hw-qa summary:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;border-radius:20px}
.hw-qa-a{overflow:hidden;transition:height .34s cubic-bezier(.4,0,.2,1)}
.hw-qa-a p{margin:0;padding:0 clamp(18px,2.2vw,26px) clamp(20px,2.2vw,26px) calc(clamp(18px,2.2vw,26px) + clamp(22px,2.2vw,28px) + 16px + 10px);font:400 16px/1.7 "Segoe UI",system-ui,sans-serif;color:#1e293b}
.hw-qa[open] .hw-qa-a p{animation:hwRow .45s .08s both}
@keyframes hwFloat{50%{translate:0 14px;rotate:6deg}}
@media(max-width:1000px){.hw-fq-g{grid-template-columns:minmax(0,1fr)}.hw-fq-side{position:relative;top:auto}}
@media(max-width:640px){.hw-qa summary{gap:12px}.hw-qa-a p{padding-left:clamp(18px,2.2vw,26px)}}
.hw-qa .n::before{content:attr(data-n)}

/* ---------- closing call to action: bright band + live audit tracker ---------- */
.hw-end.hw-go{position:relative;padding:clamp(64px,7.4vw,112px) 0;background:radial-gradient(900px 520px at 85% 20%,rgba(56,189,248,.45),transparent 65%),radial-gradient(700px 480px at 0% 100%,rgba(74,222,128,.18),transparent 65%),linear-gradient(135deg,#1a56db,#0b2a66 60%,#020f31);text-align:left;overflow:hidden;isolation:isolate}
.hw-end.hw-go::before{content:"";position:absolute;inset:0;z-index:-1;left:0;top:0;width:auto;aspect-ratio:auto;transform:none;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(900px 520px at 70% 40%,#000,transparent 75%);mask-image:radial-gradient(900px 520px at 70% 40%,#000,transparent 75%);animation:none}
.hw-go-scan{position:absolute;left:0;right:0;top:0;height:140px;z-index:-1;background:linear-gradient(180deg,transparent,rgba(124,196,255,.16),transparent);animation:hwScan 7s linear infinite;pointer-events:none}
.hw-go-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);align-items:center}
.hw-go .hw-k{max-width:none;margin:0 0 14px;font:800 11px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.8px;background:rgba(255,255,255,.14);color:#fff}
.hw-go h2{margin:0 0 16px;font-size:clamp(32px,4vw,54px);letter-spacing:-1.6px;color:#fff}
.hw-go h2 em{background:linear-gradient(100deg,#bfe7ff,#4ade80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hw-go .hw-go-sub{max-width:52ch;margin:0 0 28px;font:400 clamp(16px,1.35vw,18.5px)/1.7 "Segoe UI",system-ui,sans-serif;color:#dbe9ff}
.hw-go .hw-acts{justify-content:flex-start}
.hw-go .hw-btn.is-a{box-shadow:0 20px 34px -16px rgba(0,0,0,.6)}
.hw-go-ticks{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin:24px 0 0;padding:0}
.hw-go-ticks li{position:relative;padding-left:26px;font:700 14px/1.4 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-go-ticks li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:rgba(74,222,128,.25)}
.hw-go-ticks li::after{content:"";position:absolute;left:5px;top:6px;width:7px;height:4px;border-left:2px solid #4ade80;border-bottom:2px solid #4ade80;transform:rotate(-45deg)}
.hw-go-card{padding:clamp(22px,2.6vw,32px);border-radius:24px;background:rgba(2,15,49,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 50px 80px -40px rgba(0,0,0,.7);backdrop-filter:blur(10px);color:#cfdcf0}
.hw-go .hw-go-card p{max-width:none;margin:0}
.hw-go-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.16);font:800 17px/1.2 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-go-h span{display:inline-flex;align-items:center;gap:10px}
.hw-go-h i{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(74,222,128,.25);animation:hwPulse 1.8s ease-in-out infinite}
.hw-go-h em{font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;font-style:normal;letter-spacing:1.6px;text-transform:uppercase;color:var(--sky)}
.hw-go-st{position:relative;list-style:none;margin:6px 0 0;padding:0}
.hw-go-st::before{content:"";position:absolute;left:11px;top:28px;bottom:28px;width:2px;background:rgba(255,255,255,.14)}
.hw-go-st li{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;align-items:start;padding:16px 0;opacity:.45;transition:opacity .5s}
.hw-go-st li.is-on{opacity:1}
.hw-go-st .dot{position:relative;z-index:1;width:24px;height:24px;margin-top:1px;border-radius:50%;background:#06173f;box-shadow:inset 0 0 0 2px rgba(124,196,255,.5);transition:background .4s,box-shadow .4s}
.hw-go-st li.is-on .dot{background:#0b2a66;box-shadow:inset 0 0 0 2px #7cc4ff,0 0 0 6px rgba(124,196,255,.18)}
.hw-go-st li.is-done .dot{background:#22c55e;box-shadow:inset 0 0 0 2px #22c55e,0 0 0 5px rgba(34,197,94,.2)}
.hw-go-st li.is-done .dot::after{content:"";position:absolute;left:7px;top:7px;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.hw-go-st b{display:block;font:800 16.5px/1.3 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-go-st small{display:block;margin-top:3px;font:400 14px/1.5 "Segoe UI",system-ui,sans-serif;color:#b8c7dd}
.hw-go-f{margin-top:8px!important;padding-top:16px;border-top:1px dashed rgba(255,255,255,.2);font:600 14.5px/1.5 "Segoe UI",system-ui,sans-serif;color:#fff}
.hw-go-f span{display:block;margin-bottom:4px;font:800 10.5px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:1.6px;text-transform:uppercase;color:#9fb4d6}
@keyframes hwScan{from{transform:translateY(-160px)}to{transform:translateY(900px)}}
@media(max-width:1000px){.hw-go-g{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.hw-go-scan{display:none}}