.hw-page{color:#f3f6fa;background:#080b12}.hw-page h1,.hw-page h2,.hw-page h3{text-wrap:balance}.hw-page h2{font-size:clamp(42px,4.2vw,60px);line-height:1.12}.hw-page h2>span{color:#9cbaff}.hw-page .hw-lead{font-size:var(--type-body);color:#b7c7dc;max-width:650px;margin-top:26px;line-height:1.8}.hw-page .hw-number{font-family:var(--font-space-grotesk),sans-serif;color:#526c91;font-size:13px;line-height:1.7}.hw-page .hw-hero{padding-top:45px}.hw-page .hw-hero-meta,.hw-page .hw-hero-foot{color:#a7bbd6;letter-spacing:.07em;justify-content:space-between;gap:25px;font-size:13px;line-height:1.7;display:flex}.hw-page .hw-hero h1{letter-spacing:-.065em;max-width:1150px;margin-top:65px;font-size:clamp(68px,7.4vw,106px);line-height:1.035}.hw-page .hw-hero h1>span{display:block}.hw-page .hw-hero em{color:#b4d7ff;font-style:normal}.hw-page .hw-hero-bottom{justify-content:space-between;align-items:end;gap:80px;margin-top:36px;display:flex}.hw-page .hw-hero-bottom>p{font-size:var(--type-body);color:#b7c7dc;max-width:590px;line-height:1.8}.hw-page .hw-pathway{width:100%;max-width:1200px;margin:10px auto 0}.hw-page .hw-pathway svg{width:100%;height:auto;max-height:500px;display:block}.hw-page .hw-pathway figcaption{color:#9fb8d9;letter-spacing:.04em;justify-content:space-between;gap:25px;margin:0 6% 35px;font-size:13px;line-height:1.7;display:flex}.hw-page .hw-hero-foot{border-top:1px solid #8da6c93b;padding-block:25px 35px}.hw-page .hw-hero-foot a{color:#c4d5ed;letter-spacing:0;align-items:center;gap:12px;min-height:32px;display:inline-flex}.hw-page .hw-hero-foot a:hover{color:#55deff}.hw-page .hw-editorial-head{grid-template-columns:1fr 2.8fr;align-items:start;gap:60px;display:grid}.hw-page .hw-editorial-head>.section-label{margin-top:10px}.hw-page .hw-process{background:radial-gradient(at 80% 90%,#14203988,#0000 60%),#080b12;padding:105px 0 110px}.hw-page .hw-process-demo{border-block:1px solid #8da6c94a;margin-top:60px}.hw-page .hw-demo-meta{letter-spacing:.05em;color:#abc1df;justify-content:space-between;align-items:center;gap:20px;min-height:65px;font-size:13px;line-height:1.7;display:flex}.hw-page .hw-pause{color:#55deff;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;transition:border-color .25s,background .25s;display:inline-flex}.hw-page .hw-pause svg{width:16px;height:16px}.hw-page .hw-pause:hover{background:#3768f514;border-color:#55deff88}.hw-page .hw-pause:disabled{visibility:hidden}.hw-page .hw-stage-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hw-page .hw-stage-controls button{color:#adc4e2;text-align:left;min-height:85px;font-family:var(--font-space-grotesk),sans-serif;letter-spacing:-.02em;background:0 0;border:1px solid #8da6c944;align-items:center;gap:18px;padding:20px;font-size:22px;line-height:1.4;transition:color .3s,background .3s,border-color .3s;display:flex;position:relative}.hw-page .hw-control-number{color:#9ab7df;font-size:13px}.hw-page .hw-control-arrow{margin-left:auto;font-size:18px}.hw-page .hw-stage-controls button:hover{border-color:#55deff88}.hw-page .hw-stage-controls button[aria-pressed=true]{color:#f3f6fa;background:#3768f51b;border-color:#55deff88}.hw-page .hw-stage-controls button[aria-pressed=true] .hw-control-number{color:#55deff}.hw-page .hw-stage-progress{transform-origin:0;pointer-events:none;background:#55deff;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.hw-page .hw-process-visual{background:radial-gradient(#14203966,#0000 75%);margin-top:25px;padding:38px 35px 0}.hw-page .hw-current-heading{grid-template-columns:1fr 2fr;align-items:baseline;gap:40px;min-height:65px;display:grid}.hw-page .hw-current-stage{color:#98bfea;letter-spacing:.07em;font-size:13px;line-height:1.7}.hw-page .hw-current-heading p{font-family:var(--font-space-grotesk),sans-serif;letter-spacing:-.04em;font-size:clamp(29px,3vw,40px);line-height:1.2}.hw-page .hw-stage-svg{width:100%;height:auto;max-height:440px;margin:20px auto 0;display:block}.hw-page .hw-current-output{border-top:1px solid #8da6c933;grid-template-columns:1fr 2fr;align-items:baseline;gap:40px;min-height:105px;padding:22px 0;display:grid}.hw-page .hw-current-output>span{color:#98bfea;letter-spacing:.05em;font-size:12px;line-height:1.7}.hw-page .hw-current-output p{color:#c4d5ea;font-size:var(--type-body);line-height:1.8}.hw-page .hw-demo-caption{color:#a8bfdc;border-top:1px solid #8da6c933;padding:22px 0;font-size:13px;line-height:1.8}.hw-page .hw-stage-notes{color:#142039;background:#f3f6fa;padding:110px 0 85px}.hw-page .hw-stage-notes h2>span,.hw-page .hw-example h2>span,.hw-page .hw-expectations h2>span{color:#536b8b}.hw-page :is(.hw-stage-notes,.hw-example,.hw-expectations) .hw-lead{color:#465c7b}.hw-page .hw-notes{margin-top:65px}.hw-page .hw-note{border-top:1px solid #1420392c;grid-template-columns:1fr 1.8fr;gap:90px;padding-block:38px;display:grid}.hw-page .hw-note>div:first-child{align-items:baseline;gap:25px;display:flex}.hw-page .hw-note h3{letter-spacing:-.04em;font-size:clamp(29px,2.9vw,40px);line-height:1.2}.hw-page .hw-note p{font-size:var(--type-body);color:#465c7b;line-height:1.8}.hw-page .hw-note .hw-note-intent{color:#142039;margin-bottom:18px;font-size:20px}.hw-page .hw-example{color:#142039;--hw-progress:0;background:#e9eff8;padding:105px 0 50px}.hw-page .hw-example-layout{grid-template-columns:1fr 1fr;align-items:start;gap:110px;margin-top:65px;display:grid}.hw-page .hw-notebook-wrap{position:sticky;top:140px}.hw-page .hw-case-notebook{border-top:1px solid #809bc155}.hw-page .hw-notebook-meta{color:#465c7b;letter-spacing:.05em;justify-content:space-between;gap:20px;padding:18px 0;font-size:12px;line-height:1.7;display:flex}.hw-page .hw-case-notebook svg{width:100%;height:auto;max-height:540px;display:block}.hw-page .hw-case-notebook figcaption{color:#465c7b;border-block:1px solid #809bc155;padding-block:20px;font-size:15px}.hw-page .hw-notebook-wrap .text-link{margin-top:20px}.hw-page .hw-case-spine{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--hw-progress))}.hw-page .hw-case-layer{opacity:.25;transition:opacity .6s}.hw-page .hw-case-layer-0,.hw-page .hw-example:is([data-stage="1"],[data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"]) .hw-case-layer-1,.hw-page .hw-example:is([data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"]) .hw-case-layer-2,.hw-page .hw-example:is([data-stage="3"],[data-stage="4"],[data-stage="5"]) .hw-case-layer-3,.hw-page .hw-example:is([data-stage="4"],[data-stage="5"]) .hw-case-layer-4,.hw-page .hw-example[data-stage="5"] .hw-case-layer-5{opacity:1}.hw-page .hw-example-beats{margin:0;padding:0;list-style:none}.hw-page .hw-example-beat{border-top:1px solid #809bc155;grid-template-columns:25px 1fr;gap:20px;padding:35px 0 65px;display:grid}.hw-page .hw-example-beat .hw-number{color:#526c91;transition:color .3s}.hw-page .hw-example-beat[data-current=true] .hw-number{color:#3768f5}.hw-page .hw-example-beat h3{letter-spacing:-.035em;font-size:clamp(28px,2.8vw,38px);line-height:1.2}.hw-page .hw-example-beat p{font-size:var(--type-body);color:#465c7b;margin-top:23px;line-height:1.85}.hw-page .hw-boundaries{background:#101b2e;padding:105px 0}.hw-page .hw-boundary-layout{grid-template-columns:1.2fr 1fr;align-items:start;gap:100px;margin-top:60px;display:grid}.hw-page .hw-human-visual{position:sticky;top:145px}.hw-page .hw-human-meta{color:#a5bddb;letter-spacing:.05em;border-block:1px solid #8da6c933;justify-content:space-between;gap:25px;padding-block:18px;font-size:13px;line-height:1.7;display:flex}.hw-page .hw-human-visual svg{width:100%;height:auto;margin-top:25px;display:block}.hw-page .hw-human-labels{text-align:center;color:#b7c9e1;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;min-height:65px;font-size:14px;line-height:1.7;display:grid}.hw-page .hw-human-visual figcaption{color:#b7c9e1;border-top:1px solid #8da6c933;padding-top:20px;font-size:14px;line-height:1.8}.hw-page .hw-boundary-list{margin:0}.hw-page .hw-boundary-list>div{border-top:1px solid #8da6c933;padding:26px 0}.hw-page .hw-boundary-list dt{align-items:baseline;gap:15px;font-size:19px;line-height:1.6;display:flex}.hw-page .hw-boundary-list .hw-number{color:#9ebee8}.hw-page .hw-boundary-list dd{font-size:var(--type-body);color:#b7c7dc;margin:15px 0 0 32px;line-height:1.85}.hw-page .hw-expectations{color:#142039;background:#f3f6fa;padding:105px 0}.hw-page .hw-expectation-list{margin:65px 0 0;padding:0;list-style:none}.hw-page .hw-expectation-list>li{border-top:1px solid #1420392c;grid-template-columns:40px 1fr 1.1fr 22px;align-items:baseline;gap:25px;padding:30px 0;display:grid}.hw-page .hw-expectation-list h3{letter-spacing:-.035em;font-size:clamp(25px,2.5vw,34px);line-height:1.25}.hw-page .hw-expectation-list p{font-size:var(--type-body);color:#465c7b;line-height:1.8}.hw-page .hw-expectation-mark{color:#3768f5;font-size:22px}.hw-page .hw-related-links{border-top:1px solid #1420392c;flex-wrap:wrap;gap:15px 40px;padding-top:30px;display:flex}.hw-page .hw-final{background:radial-gradient(at 80% 100%,#142039bb,#0000 70%),#080b12;padding:105px 0 110px;position:relative;overflow:clip}.hw-page .hw-final>.shell{z-index:1;position:relative}.hw-page .hw-final h2{max-width:1150px;margin-top:35px;font-size:clamp(43px,5.4vw,76px);line-height:1.1}.hw-page .hw-final-bottom{grid-template-columns:1fr 1fr;align-items:start;gap:100px;margin-top:45px;display:grid}.hw-page .hw-final-bottom>p{font-size:var(--type-body);color:#b7c7dc;max-width:500px;line-height:1.85}.hw-page .hw-disclosure{color:#a8bfdd;max-width:440px;margin-top:22px;font-size:13px;line-height:1.8}.hw-page .hw-final-path{stroke:#55deff;stroke-opacity:.15;pointer-events:none;width:100%;height:190px;position:absolute;bottom:0;left:0}.hw-page :focus-visible{outline-offset:5px;outline:2px solid #55deff}.hw-page :is(.hw-stage-notes,.hw-example,.hw-expectations) :focus-visible{outline-color:#3768f5}@media (prefers-reduced-motion:no-preference){.hw-page .hw-reveal{transition:opacity .75s,transform .95s cubic-bezier(.16,1,.3,1)}.hw-page[data-motion=on] .hw-reveal[data-ready=true]:not([data-seen=true]){opacity:0;transition:none;transform:translateY(18px)}.hw-page .hw-delay{transition-delay:.16s}.hw-page .hw-reveal[data-immediate=true]{opacity:1;transition:none;transform:none}.hw-page[data-motion=on] .hw-path-rails{animation:1.5s cubic-bezier(.16,1,.3,1) both hw-path-enter}.hw-page[data-motion=on] .hw-path-energy path{stroke-dasharray:.06 .94;animation:18s linear infinite hw-flow}.hw-page[data-motion=on] .hw-stage-trace{stroke-dasharray:1;animation:1.6s cubic-bezier(.4,0,.2,1) both hw-trace}.hw-page[data-motion=on] .hw-process-state{animation:.5s both hw-state-enter}.hw-page[data-motion=on] .hw-human-visual .hw-boundary-draw path{stroke-dasharray:1;animation:1.6s cubic-bezier(.4,0,.2,1) both hw-trace}.hw-page[data-motion=on] .hw-final-energy{stroke-dasharray:.12 .88;animation:26s linear infinite hw-flow}.hw-page .hw-scene[data-playing=false] svg *,.hw-page .hw-process-demo:is([data-autoplay=offscreen],[data-autoplay=hidden]) svg *{animation-play-state:paused!important}}@keyframes hw-path-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes hw-flow{0%{stroke-dashoffset:1px}to{stroke-dashoffset:-1px}}@keyframes hw-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes hw-state-enter{0%{opacity:.96;transform:translateY(3px)}to{opacity:1;transform:none}}@media (max-width:1199px){.hw-page .hw-hero h1{font-size:clamp(68px,7.5vw,90px)}.hw-page .hw-stage-controls button{gap:12px;padding:18px 14px;font-size:20px}.hw-page .hw-process-visual{padding-inline:20px}.hw-page .hw-note{gap:50px}.hw-page .hw-example-layout,.hw-page .hw-boundary-layout{gap:55px}.hw-page .hw-current-heading,.hw-page .hw-current-output{gap:30px}.hw-page .hw-current-heading{min-height:95px}.hw-page .hw-current-output{min-height:130px}}@media (max-width:899px){.hw-page .hw-hero-meta>span:last-child{display:none}.hw-page .hw-hero h1{margin-top:42px;font-size:clamp(60px,9vw,80px)}.hw-page .hw-hero-bottom{flex-direction:column;align-items:start;gap:20px}.hw-page .hw-editorial-head{grid-template-columns:1fr;gap:25px}.hw-page .hw-process,.hw-page .hw-stage-notes,.hw-page .hw-boundaries,.hw-page .hw-expectations,.hw-page .hw-final{padding-block:80px}.hw-page .hw-example{padding-top:80px}.hw-page .hw-stage-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-page .hw-stage-controls button{font-size:23px}.hw-page .hw-note{grid-template-columns:1fr;gap:25px}.hw-page .hw-example-layout{gap:40px}.hw-page .hw-boundary-layout{grid-template-columns:1fr;gap:40px}.hw-page .hw-human-visual{width:100%;max-width:680px;margin:auto;position:relative;top:auto}.hw-page .hw-expectation-list>li{grid-template-columns:28px 1fr 1fr 20px;gap:18px}.hw-page .hw-final-bottom{gap:50px}}@media (max-width:599px){.hw-page .hw-hero{padding-top:27px}.hw-page .hw-hero-meta,.hw-page .hw-hero-foot{font-size:11px}.hw-page .hw-hero h1{margin-top:32px;font-size:clamp(46px,12vw,68px)}.hw-page .hw-hero-bottom{margin-top:28px}.hw-page .hw-pathway{width:calc(100% + 20px);margin-left:-10px}.hw-page .hw-pathway figcaption{margin-inline:10px;font-size:11px}.hw-page .hw-pathway figcaption>span:first-child{max-width:250px}.hw-page .hw-hero-foot{flex-direction:column;gap:8px}.hw-page h2{font-size:clamp(35px,9vw,48px)}.hw-page .hw-process,.hw-page .hw-stage-notes,.hw-page .hw-boundaries,.hw-page .hw-expectations,.hw-page .hw-final{padding-block:60px}.hw-page .hw-process-demo{margin-top:35px}.hw-page .hw-demo-meta{font-size:12px}.hw-page .hw-stage-controls{gap:8px}.hw-page .hw-stage-controls button{gap:8px;min-height:85px;padding:15px 10px;font-size:20px}.hw-page .hw-control-number{font-size:12px}.hw-page .hw-control-arrow{display:none}.hw-page .hw-process-visual{margin-top:20px;padding:25px 0 0}.hw-page .hw-current-heading{grid-template-columns:1fr;align-content:start;gap:15px;min-height:135px}.hw-page .hw-current-heading p{font-size:29px}.hw-page .hw-current-output{grid-template-columns:1fr;align-content:start;gap:15px;min-height:145px;padding-top:20px}.hw-page .hw-current-output p{font-size:16px}.hw-page .hw-demo-caption{font-size:13px}.hw-page .hw-notes{margin-top:40px}.hw-page .hw-note{padding-block:30px}.hw-page .hw-note h3{font-size:31px}.hw-page .hw-note .hw-note-intent{font-size:18px}.hw-page .hw-example{padding-top:60px}.hw-page .hw-example-layout{grid-template-columns:1fr;gap:35px;margin-top:40px}.hw-page .hw-notebook-wrap{position:relative;top:auto}.hw-page .hw-case-notebook svg{max-height:400px}.hw-page .hw-example-beat{gap:15px;padding:30px 0 45px}.hw-page .hw-example-beat h3{font-size:29px}.hw-page .hw-boundary-layout{margin-top:40px}.hw-page .hw-human-meta{font-size:12px}.hw-page .hw-human-labels{gap:10px;font-size:13px}.hw-page .hw-boundary-list dt{font-size:18px}.hw-page .hw-boundary-list dd{margin-left:30px}.hw-page .hw-expectation-list{margin-top:40px}.hw-page .hw-expectation-list>li{grid-template-columns:23px 1fr 20px;gap:13px;padding-block:25px}.hw-page .hw-expectation-list h3{font-size:27px}.hw-page .hw-expectation-list p{grid-area:2/2/auto/-1}.hw-page .hw-expectation-mark{grid-area:1/3}.hw-page .hw-related-links{gap:15px}.hw-page .hw-final h2{font-size:clamp(39px,10vw,56px)}.hw-page .hw-final-bottom{grid-template-columns:1fr;gap:30px;margin-top:30px}.hw-page .hw-final .button{width:100%}}@media (prefers-reduced-motion:reduce){.hw-page *,.hw-page :before,.hw-page :after{transition:none!important;animation:none!important}.hw-page .hw-reveal{opacity:1!important;transform:none!important}.hw-page .hw-path-energy{display:none}.hw-page .hw-case-layer{opacity:1}.hw-page .hw-case-spine{stroke-dashoffset:0}}