.page-clockwork .clockwork-main{width:100%}.page-clockwork .clockwork-wrap{width:100%;max-width:1180px;margin:0 auto;padding-right:clamp(24px,4vw,56px);padding-left:clamp(24px,4vw,56px)}.page-clockwork [id]{scroll-margin-top:24px}.page-clockwork .clockwork-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:center;gap:clamp(40px,5vw,64px);padding-top:clamp(54px,6vw,76px);padding-bottom:clamp(54px,6vw,76px)}.page-clockwork .clockwork-kicker{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.page-clockwork .clockwork-kicker:before,.page-clockwork .trust-beat p:before{width:22px;height:1px;flex:none;background:var(--accent-vivid);content:""}.page-clockwork h1,.page-clockwork .clockwork-section>h2,.page-clockwork .trust-beat p{font-family:"Source Serif 4",serif;font-weight:550;letter-spacing:-.015em}.page-clockwork h1{max-width:17ch;font-size:clamp(36px,4vw,54px);line-height:1.08;text-wrap:balance}.page-clockwork .hero-subhead{max-width:55ch;margin-top:26px;color:var(--ink-soft);font-size:17px;line-height:1.65}.page-clockwork .clockwork-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.page-clockwork .clockwork-trust{display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:28px;color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:12.5px}.page-clockwork .clockwork-trust span:before{margin-right:8px;color:var(--accent);content:"✓"}.page-clockwork .spine-card{padding:24px 26px 22px;border:1px solid var(--hairline);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.page-clockwork .spine-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}.page-clockwork .spine-head b{color:var(--ink-faint);font-weight:500;transition:color .35s ease}.page-clockwork .spine-card.is-live .spine-head b{color:var(--accent)}.page-clockwork .spine{--sp-top: 22px;--sp-bottom: 54px;--sp-total: calc(100% - 76px) ;position:relative;padding-left:34px}.page-clockwork .spine:before,.page-clockwork .spine:after{position:absolute;top:var(--sp-top);left:10px;width:1px;content:""}.page-clockwork .spine:before{bottom:var(--sp-bottom);background:var(--hairline-strong)}.page-clockwork .spine:after{z-index:1;width:2px;height:var(--sp-total);margin-left:-.5px;transform:scaleY(var(--fill-scale, 0));transform-origin:top;background:var(--accent-vivid);box-shadow:0 0 6px color-mix(in srgb,var(--accent-vivid) 45%,transparent);transition:transform var(--seg, 0s) linear}.page-clockwork .spine-card.is-live .spine:after{transform:scaleY(1)}.page-clockwork .spine-phase{position:relative;display:block;padding:12px 4px;color:inherit;text-decoration:none}.page-clockwork .spine-phase+.spine-phase{border-top:1px solid var(--hairline)}.page-clockwork .spine-phase:hover h4{color:var(--accent)}.page-clockwork .spine-knob{position:absolute;z-index:2;top:16px;left:-29px;width:11px;height:11px;border:1.5px solid var(--node-border);border-radius:50%;background:var(--bg);transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}.page-clockwork .spine-phase.is-lit .spine-knob{border-color:var(--accent-vivid);background:var(--accent-vivid);box-shadow:0 0 7px color-mix(in srgb,var(--accent-vivid) 50%,transparent);animation:knobfill .45s cubic-bezier(.2,.8,.3,1.4)}.page-clockwork .spine-card.is-live .spine-phase:last-child .spine-knob{animation:knoblive 1.6s cubic-bezier(.2,.7,.3,1) 3 backwards,pulse 2.6s ease-in-out 4.9s infinite}@keyframes knobfill{0%{transform:scale(1)}45%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes knoblive{0%{box-shadow:0 0 color-mix(in srgb,var(--accent-vivid) 60%,transparent),0 0 color-mix(in srgb,var(--accent-vivid) 35%,transparent)}70%{box-shadow:0 0 0 12px transparent,0 0 0 20px color-mix(in srgb,var(--accent-vivid) 0%,transparent)}to{box-shadow:0 0 0 12px transparent,0 0 0 20px transparent}}.page-clockwork .spine-number,.page-clockwork .phase-key,.page-clockwork .depth-label,.page-clockwork .governance-label,.page-clockwork .price-key{color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.page-clockwork .spine-phase h4{margin:3px 0 2px;font-family:"Source Serif 4",serif;font-size:17px;font-weight:550;letter-spacing:-.01em;transition:color .2s ease}.page-clockwork .spine-phase p{color:var(--ink-soft);font-size:12.5px;line-height:1.5}.page-clockwork .trust-beat{padding-top:52px;padding-bottom:52px}.page-clockwork .trust-beat p{max-width:44ch;font-size:clamp(20px,2.3vw,24px);line-height:1.5;text-wrap:balance}.page-clockwork .trust-beat p:before{display:block;margin-bottom:16px}.page-clockwork .clockwork-section{padding-top:56px;padding-bottom:56px;border-top:1px solid var(--hairline)}.page-clockwork .clockwork-section>h2{margin-bottom:20px;font-size:26px;line-height:1.2}.page-clockwork .phase-list,.page-clockwork .pricing-list{border-bottom:1px solid var(--hairline)}.page-clockwork .phase-row{border-top:1px solid var(--hairline)}.page-clockwork .phase-row>summary{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr) auto 12px;align-items:baseline;gap:24px;padding:22px 4px;border-radius:6px;cursor:pointer;list-style:none;transition:background .2s ease}.page-clockwork .phase-row>summary::-webkit-details-marker,.page-clockwork .ai-detail>summary::-webkit-details-marker{display:none}.page-clockwork .phase-row>summary:hover{background:color-mix(in srgb,var(--surface) 72%,transparent)}.page-clockwork .phase-key:before{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--accent-vivid);content:"";vertical-align:middle}.page-clockwork .phase-main{display:flex;min-width:0;flex-direction:column}.page-clockwork .phase-title{margin-bottom:6px;font-family:"Source Serif 4",serif;font-size:20px;font-weight:550;letter-spacing:-.01em}.page-clockwork .phase-summary,.page-clockwork .phase-depth p,.page-clockwork .section-intro,.page-clockwork .stack-install p,.page-clockwork .function-card p,.page-clockwork .category-card p,.page-clockwork .ai-depth p{color:var(--ink-soft);font-size:14.5px;line-height:1.65}.page-clockwork .phase-link,.page-clockwork .depth-link{color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}.page-clockwork .depth-link:after{margin-left:5px;color:var(--accent);content:"→"}.page-clockwork .phase-chevron{width:8px;height:8px;border-right:1.5px solid var(--ink-faint);border-bottom:1.5px solid var(--ink-faint);transform:rotate(45deg);transition:transform .25s ease}.page-clockwork .phase-row[open] .phase-chevron{transform:translateY(4px) rotate(225deg)}.page-clockwork .phase-depth{margin:0 16px 22px 194px;padding-top:18px;border-top:1px solid var(--hairline)}.page-clockwork .phase-depth>p{max-width:66ch}.page-clockwork .depth-label{margin-bottom:10px;color:var(--ink-faint)}.page-clockwork .depth-link{display:inline-block;margin-top:14px}.page-clockwork .proof-lead{margin-top:16px;color:var(--ink)!important}.page-clockwork .handover-proof{display:flex;max-width:68ch;flex-direction:column;gap:10px;margin-top:14px;list-style:none}.page-clockwork .handover-proof li{position:relative;padding-left:18px;color:var(--ink-soft);font-size:14px;line-height:1.6}.page-clockwork .handover-proof li:before{position:absolute;top:.7em;left:0;width:8px;height:1px;background:var(--accent-vivid);content:""}.page-clockwork .handover-proof strong{color:var(--ink);font-weight:500}.page-clockwork .close-note{margin-top:16px}.page-clockwork .phase-visual{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.page-clockwork .scanviz{position:relative;display:inline-block;padding:2px 0}.page-clockwork .sv-field{display:grid;grid-template-columns:repeat(12,4px);grid-template-rows:repeat(2,4px);gap:7px}.page-clockwork .sv-field i{width:4px;height:4px;border-radius:50%;background:var(--ink-faint);opacity:.55;animation:svflare 4.6s var(--d, 0s) infinite}.page-clockwork .sv-field i.hot{animation-name:svhot}.page-clockwork .scanviz:before{position:absolute;top:0;bottom:0;left:0;width:1px;transform:translate(0);background:var(--accent-vivid);box-shadow:0 0 7px color-mix(in srgb,var(--accent-vivid) 55%,transparent);content:"";animation:svsweep 4.6s linear infinite}@keyframes svsweep{0%{transform:translate(0);opacity:0}4%{opacity:.9}85%{transform:translate(125px);opacity:.9}90%,to{transform:translate(125px);opacity:0}}@keyframes svflare{0%,to{background:var(--ink-faint);opacity:.55}3%{background:var(--ink);opacity:1}10%{background:var(--ink-faint);opacity:.55}}@keyframes svhot{0%{background:var(--ink-faint);opacity:.55;box-shadow:none}3%{background:var(--accent-vivid);opacity:1;box-shadow:0 0 6px color-mix(in srgb,var(--accent-vivid) 50%,transparent)}72%{background:var(--accent-vivid);opacity:1;box-shadow:0 0 6px color-mix(in srgb,var(--accent-vivid) 50%,transparent)}84%,to{background:var(--ink-faint);opacity:.55;box-shadow:none}}.page-clockwork .wireviz{display:block}.page-clockwork .wireviz .wv-dot{fill:var(--node-border)}.page-clockwork .wireviz .hub{fill:var(--accent-vivid);animation:pulse 2.6s ease-in-out infinite}.page-clockwork .wireviz line{stroke:var(--node-border);stroke-width:1;stroke-dasharray:72;stroke-dashoffset:72;opacity:.8}.page-clockwork .wireviz .l1{animation:wvl1 7s infinite}.page-clockwork .wireviz .l2{animation:wvl2 7s infinite}.page-clockwork .wireviz .l3{animation:wvl3 7s infinite}.page-clockwork .wireviz .l4{animation:wvl4 7s infinite}.page-clockwork .wireviz .d4{animation:wvd4 7s infinite}.page-clockwork .wireviz .wv-x{fill:none;stroke:var(--ink-faint);stroke-width:1.2;opacity:0;animation:wvx 7s infinite}@keyframes wvl1{0%,4%{stroke-dashoffset:72}15%,to{stroke-dashoffset:0}}@keyframes wvl2{0%,11%{stroke-dashoffset:72}22%,to{stroke-dashoffset:0}}@keyframes wvl3{0%,18%{stroke-dashoffset:72}29%,to{stroke-dashoffset:0}}@keyframes wvl4{0%,25%{stroke-dashoffset:72}36%,48%{stroke-dashoffset:0}60%,to{stroke-dashoffset:72}}@keyframes wvd4{0%,48%{opacity:1}60%,to{opacity:.22}}@keyframes wvx{0%,52%{opacity:0}62%,90%{opacity:.9}98%,to{opacity:0}}.page-clockwork .qviz{gap:14px}.page-clockwork .qv-dots,.page-clockwork .qv-out,.page-clockwork .handviz,.page-clockwork .hv-sys{display:flex;align-items:center}.page-clockwork .qv-dots{gap:5px}.page-clockwork .qv-dots i{display:block;width:5px;height:5px;border-radius:50%;background:var(--ink-faint);opacity:.75;animation:pulse 2.6s ease-in-out infinite}.page-clockwork .qv-dots i:nth-child(odd){transform:translateY(-4px)}.page-clockwork .qv-dots i:nth-child(3n){transform:translateY(3px)}.page-clockwork .qv-dots i:nth-child(2){animation-delay:.3s}.page-clockwork .qv-dots i:nth-child(3){animation-delay:.6s}.page-clockwork .qv-dots i:nth-child(4){animation-delay:.9s}.page-clockwork .qv-dots i:nth-child(5){animation-delay:1.2s}.page-clockwork .qv-dots i:nth-child(6){animation-delay:1.5s}.page-clockwork .qv-dots i:nth-child(7){animation-delay:1.8s}.page-clockwork .qv-dots i:nth-child(8){animation-delay:2.1s}.page-clockwork .qv-dots i:nth-child(9){animation-delay:2.4s}.page-clockwork .qv-gate{position:relative;width:1px;height:26px;flex:none;background:var(--hairline-strong)}.page-clockwork .qv-gate:after{position:absolute;top:50%;left:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent-vivid);content:""}.page-clockwork .qv-out{gap:10px}.page-clockwork .qv-out i{display:block;width:7px;height:7px;border-radius:2px;background:var(--accent-vivid)}.page-clockwork .handviz{gap:10px}.page-clockwork .hv-sys{gap:5px}.page-clockwork .hv-sys i{display:block;width:5px;height:5px;border-radius:50%;background:var(--accent-vivid);animation:pulse 2.6s ease-in-out infinite}.page-clockwork .hv-line{position:relative;width:72px;height:1px;flex:none;background:var(--hairline-strong)}.page-clockwork .hv-line:after{position:absolute;top:-3px;left:0;width:7px;height:7px;transform:translate(0);border-radius:50%;background:var(--accent-vivid);content:"";animation:hvtravel 5s ease-in-out infinite}.page-clockwork .hv-you{width:11px;height:11px;flex:none;border:1.5px solid var(--node-border);border-radius:50%;animation:hvarrive 5s infinite}@keyframes hvtravel{0%{transform:translate(0);opacity:0}8%{opacity:1}55%{transform:translate(65px);opacity:1}68%,to{transform:translate(65px);opacity:0}}@keyframes hvarrive{0%,52%{border-color:var(--node-border);box-shadow:0 0 0 0 transparent}60%{border-color:var(--accent-vivid);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-vivid) 22%,transparent)}80%{border-color:var(--accent-vivid);box-shadow:0 0 0 9px transparent}to{border-color:var(--node-border);box-shadow:0 0 0 0 transparent}}.page-clockwork .visual-label{color:var(--ink-faint);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.page-clockwork .section-intro{max-width:62ch;margin-top:-6px;font-size:16px}.page-clockwork .function-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;margin-top:30px}.page-clockwork .function-card,.page-clockwork .category-card{padding:20px 22px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface)}.page-clockwork .function-card h3,.page-clockwork .category-card h3{margin-bottom:10px;color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.page-clockwork .stack-install{max-width:70ch;margin-top:34px}.page-clockwork .stack-note{margin-top:10px;color:var(--accent)!important;font-family:IBM Plex Mono,monospace;font-size:12px!important}.page-clockwork .category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-top:26px}.page-clockwork .tool-chips{display:flex;gap:6px;flex-wrap:wrap}.page-clockwork .tool-chips span{padding:3px 8px;border:1px solid var(--hairline);border-radius:3px;color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:11px}.page-clockwork .category-card p{margin-top:14px;font-size:13.5px}.page-clockwork .ai-detail{margin-top:22px;border-top:1px solid var(--hairline)}.page-clockwork .ai-detail>summary{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;list-style:none}.page-clockwork .ai-detail>summary span{color:var(--ink-soft);font-size:14.5px;line-height:1.6}.page-clockwork .ai-detail>summary strong{flex:none;font-size:13px;font-weight:500}.page-clockwork .ai-detail>summary strong:after{color:var(--accent);content:" +"}.page-clockwork .ai-detail[open]>summary strong:after{content:" −"}.page-clockwork .ai-depth{max-width:70ch;padding:2px 0 20px}.page-clockwork .governance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,44px);margin-top:26px}.page-clockwork .governance-label{margin-bottom:10px}.page-clockwork .governance-label:before{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--accent-vivid);content:"";vertical-align:middle}.page-clockwork .governance-grid p{max-width:52ch;color:var(--ink);font-size:16px;line-height:1.7;opacity:.88}.page-clockwork .price-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:baseline;padding:22px 0;border-top:1px solid var(--hairline)}.page-clockwork .price-row p{max-width:68ch;color:var(--ink-soft);font-size:15px;line-height:1.65}.page-clockwork .price-row strong{color:var(--ink);font-family:"Source Serif 4",serif;font-size:19px;font-weight:550;letter-spacing:-.01em}.page-clockwork .price-note{margin-top:22px;color:var(--ink-faint);font-family:IBM Plex Mono,monospace;font-size:12px}.page-clockwork .price-note span{color:var(--accent)}.page-clockwork .final-cta>h2{max-width:20ch;font-size:clamp(28px,3.2vw,38px);text-wrap:balance}.page-clockwork .final-cta>p{max-width:58ch;color:var(--ink-soft);font-size:16px;line-height:1.65}@media(max-width:1000px){.page-clockwork .clockwork-hero{grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:36px}.page-clockwork .function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-clockwork .phase-row>summary{grid-template-columns:145px minmax(0,1fr) auto 12px;gap:18px}.page-clockwork .phase-depth{margin-left:163px}}@media(max-width:820px){.page-clockwork .clockwork-hero{grid-template-columns:1fr}.page-clockwork .spine-card{width:100%;max-width:480px}.page-clockwork .phase-row>summary{grid-template-columns:1fr 14px;gap:10px 16px}.page-clockwork .phase-key,.page-clockwork .phase-main,.page-clockwork .phase-link{grid-column:1}.page-clockwork .phase-chevron{grid-column:2;grid-row:1;align-self:center}.page-clockwork .phase-link{justify-self:start}.page-clockwork .phase-depth{margin-right:16px;margin-left:16px}.page-clockwork .category-grid,.page-clockwork .governance-grid{grid-template-columns:1fr}}@media(max-width:620px){.page-clockwork .clockwork-hero,.page-clockwork .clockwork-section{padding-top:44px;padding-bottom:44px}.page-clockwork .trust-beat{padding-top:40px;padding-bottom:40px}.page-clockwork .spine-card{padding:20px 18px 18px}.page-clockwork .function-grid{grid-template-columns:1fr}.page-clockwork .ai-detail>summary{align-items:flex-start;flex-direction:column;gap:8px}.page-clockwork .price-row{grid-template-columns:1fr;gap:8px}}@media(max-width:460px){.page-clockwork .clockwork-ctas{gap:10px}.page-clockwork .clockwork-ctas .btn-solid,.page-clockwork .clockwork-ctas .btn-outline{width:100%}.page-clockwork .clockwork-trust{gap:10px;font-size:12px}.page-clockwork .phase-row>summary{padding-right:0;padding-left:0}.page-clockwork .phase-depth{margin-right:0;margin-left:0}}@media(prefers-reduced-motion:reduce){.page-clockwork *,.page-clockwork *:before,.page-clockwork *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.page-clockwork .spine:after{transform:scaleY(1)!important}.page-clockwork .spine-knob{border-color:var(--accent-vivid);background:var(--accent-vivid)}.page-clockwork .sv-field i.hot{background:var(--accent-vivid);opacity:1;box-shadow:0 0 6px color-mix(in srgb,var(--accent-vivid) 50%,transparent)}.page-clockwork .scanviz:before{transform:translate(125px);opacity:.9}.page-clockwork .wireviz line{stroke-dashoffset:0}.page-clockwork .wireviz .d4{opacity:.22}.page-clockwork .wireviz .wv-x{opacity:.9}.page-clockwork .hv-line:after{transform:translate(65px);opacity:1}.page-clockwork .hv-you{border-color:var(--accent-vivid);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-vivid) 22%,transparent)}}