*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f1e9;color:#161817;font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.7rem 1rem;z-index:20}.skip:focus{top:1rem}.topbar{height:76px;padding:0 clamp(1.2rem,5vw,4.5rem);display:flex;align-items:center;gap:2rem;border-bottom:1px solid #cbc7bc;background:rgba(244,241,233,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:900;letter-spacing:-.04em;font-size:1.12rem;text-transform:uppercase;margin-right:auto}.brand i{width:22px;height:22px;background:var(--accent);border:3px solid currentColor;box-shadow:3px 3px 0 currentColor;transform:rotate(-5deg)}nav{display:flex;gap:1.8rem}nav a{text-decoration:none;font-weight:700;font-size:.92rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;background:var(--dark);color:#fff;text-decoration:none;border:2px solid var(--dark);border-radius:999px;padding:.85rem 1.15rem;font-weight:800}.button.small{font-size:.86rem;padding:.65rem 1rem}.button.ghost{background:transparent;color:var(--dark)}.button.light{background:#fff;color:var(--dark);border-color:#fff}.hero{min-height:680px;padding:clamp(3.5rem,8vw,7rem) clamp(1.2rem,5vw,4.5rem);display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:clamp(2rem,5vw,5rem);align-items:center;background-image:linear-gradient(#d9d5ca 1px,transparent 1px),linear-gradient(90deg,#d9d5ca 1px,transparent 1px);background-size:48px 48px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.74rem;margin:0 0 1rem}.eyebrow:before{content:"";display:inline-block;width:28px;height:6px;background:var(--accent);margin-right:.7rem;vertical-align:.08em}.hero h1,.page-hero h1{font-size:clamp(3.2rem,7vw,6.6rem);line-height:.88;letter-spacing:-.075em;margin:.15em 0 .35em;max-width:11ch}.page-hero h1{font-size:clamp(3rem,6vw,5.8rem);max-width:15ch}.lede{font-size:clamp(1.15rem,2vw,1.45rem);max-width:690px;color:#444743}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 1rem}.micro{font-size:.86rem;color:#686b66;max-width:700px}
.app-mockup{background:#fff;border:1px solid #c7c2b7;border-radius:26px;box-shadow:0 32px 80px #15171424,0 6px 18px #15171412;min-width:0;overflow:hidden;transform:perspective(1200px) rotateY(-2deg) rotateZ(.8deg);transform-origin:center;transition:transform .35s ease}.app-mockup:hover{transform:perspective(1200px) rotateY(0) rotateZ(0) translateY(-4px)}.mockup-chrome{align-items:center;background:var(--dark);color:#fff;display:grid;font-size:.68rem;grid-template-columns:1fr auto 1fr;letter-spacing:.04em;min-height:42px;padding:0 14px}.mockup-chrome>b{text-align:center}.mockup-chrome>em{color:#ffffffa8;font-style:normal;text-align:right}.window-dots{display:flex;gap:5px}.window-dots i{background:#ffffff40;border-radius:50%;height:7px;width:7px}.window-dots i:first-child{background:var(--accent)}.mockup-frame{display:grid;grid-template-columns:58px minmax(0,1fr);min-height:420px}.mockup-nav{align-items:center;background:#eeebe3;border-right:1px solid #d4d0c6;display:flex;flex-direction:column;gap:12px;padding:14px 8px}.mockup-nav strong{background:var(--dark);border-radius:11px;color:#fff;display:grid;font-size:.82rem;height:32px;place-items:center;width:32px}.mockup-nav span{border-radius:8px;color:#747770;font-size:.54rem;font-weight:900;letter-spacing:.08em;padding:8px 4px;text-align:center;width:40px}.mockup-nav span.active{background:var(--accent);color:#fff}.mockup-nav small{background:#fff;border:1px solid #d2cec4;border-radius:50%;display:grid;font-size:.58rem;height:28px;margin-top:auto;place-items:center;width:28px}.mockup-main{min-width:0;padding:18px}.mockup-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.mockup-toolbar small{color:#7a7d77;font-size:.52rem;font-weight:900;letter-spacing:.12em}.mockup-toolbar h2{font-size:1.35rem;letter-spacing:-.04em;line-height:1.05;margin:2px 0 0}.mockup-toolbar button,.thread-compose button{background:var(--dark);border:0;border-radius:8px;color:#fff;font:800 .58rem/1 inherit;padding:9px 11px}.mockup-foot,.audit-strip{align-items:center;border-top:1px solid #e2ded5;color:#777a74;display:flex;font-size:.54rem;gap:12px;margin-top:11px;padding-top:10px}.mockup-foot strong,.audit-strip strong{color:var(--dark);margin-left:auto}
.calendar-head{border-bottom:1px solid #dedad1;display:grid;font-size:.55rem;grid-template-columns:42px repeat(3,1fr);padding-bottom:7px;text-align:center}.calendar-head b{color:#73766f;font-size:.52rem}.calendar-head i{color:var(--dark);display:block;font-size:.78rem;font-style:normal}.calendar-board{display:grid;grid-template-columns:42px repeat(3,1fr);height:258px}.time-scale{color:#999b96;display:flex;flex-direction:column;font-size:.48rem;justify-content:space-around}.calendar-day{background:repeating-linear-gradient(to bottom,transparent 0,transparent 63px,#e7e3da 64px);border-left:1px solid #e3dfd6;padding:9px 5px}.booking{border-left:3px solid var(--accent);border-radius:6px;display:block;margin-bottom:8px;padding:7px}.booking b,.booking small,.booking em{display:block}.booking b{font-size:.57rem}.booking small,.booking em{font-size:.48rem}.booking em{color:#666a64;font-style:normal;margin-top:3px}.booking.coral{background:#ffe0d7}.booking.mint{background:#dff1e6;border-color:#55a77a}.booking.lilac{background:#eee6ff;border-color:#8162c8}.booking.cream{background:#f5f1e6;border-color:#cbb979}.booking.warning{background:#fff2d7;border-color:#e5a128}.booking.late{margin-top:42px}.legend{border-radius:50%;display:inline-block;height:6px;margin-right:4px;width:6px}.legend.coral{background:var(--accent)}.legend.mint{background:#55a77a}
.stat-row{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.stat-row article{background:#f5f2eb;border:1px solid #e0dcd3;border-radius:9px;padding:9px}.stat-row small,.stat-row b,.stat-row em{display:block}.stat-row small{color:#797c75;font-size:.47rem;font-weight:900;letter-spacing:.1em}.stat-row b{font-size:1.22rem;line-height:1.15}.stat-row em{color:#6c6f69;font-size:.48rem;font-style:normal}.exception-list{border:1px solid #dcd8cf;border-radius:10px;overflow:hidden}.exception-head,.exception-list article{align-items:center;display:grid;gap:8px;grid-template-columns:1.25fr 1fr .8fr .62fr}.exception-head{background:#f0ede6;color:#7b7e77;font-size:.46rem;font-weight:900;letter-spacing:.08em;padding:7px 9px}.exception-list article{border-top:1px solid #e3dfd6;font-size:.53rem;padding:9px}.exception-list article b,.exception-list article small{display:block}.exception-list article small{color:#83867f}.person{align-items:center;display:flex;gap:6px}.person i{background:#e7e2d8;border-radius:50%;display:grid;font-size:.48rem;font-style:normal;height:24px;place-items:center;width:24px}.risk{border-radius:999px;font-size:.47rem;font-weight:850;padding:4px 6px;text-align:center}.risk.amber{background:#fff0cc;color:#8b5d00}.risk.red{background:#ffe0dc;color:#a53124}.risk.green{background:#dff2e6;color:#25784d}.owner{color:#666a64}.audit-strip span:before{color:var(--accent);content:"●";font-size:.45rem;margin-right:4px}
.reconcile-grid{display:grid;gap:8px;grid-template-columns:1.02fr 1.16fr .82fr;min-height:302px}.reconcile-grid>section{border:1px solid #dedad1;border-radius:10px;min-width:0;padding:10px}.reconcile-grid header{align-items:center;display:flex;font-size:.55rem;justify-content:space-between;margin-bottom:8px}.reconcile-grid header em{background:#f0ede6;border-radius:999px;color:#747770;font-size:.46rem;font-style:normal;padding:3px 6px}.receipt-panel article{align-items:center;border-radius:8px;display:flex;gap:7px;margin-bottom:5px;padding:7px}.receipt-panel article.selected{background:var(--soft);outline:1px solid var(--accent)}.receipt-panel article b,.receipt-panel article small{display:block;font-size:.51rem}.receipt-panel article small{color:#777a74}.paper-thumb{background:#fff;border:1px solid #d6d1c7;border-radius:5px;color:#a55b4d;display:grid;font-size:.42rem;font-weight:900;height:32px;place-items:center;width:26px}.paper-thumb.photo{color:#477d62}.paper-thumb.mail{color:#7359a5}.match-panel header strong{color:#2f8255;font-size:.5rem}.match-card{background:var(--dark);border-radius:9px;color:#fff;padding:12px}.match-card small,.match-card b,.match-card span{display:block}.match-card small{color:#ffffff87;font-size:.43rem;letter-spacing:.1em}.match-card h3{font-size:.7rem;line-height:1.1;margin:9px 0}.match-card b{font-size:1.15rem}.match-card span{color:#ffffffa0;font-size:.48rem}.match-panel ul{list-style:none;margin:8px 0 0;padding:0}.match-panel li{border-bottom:1px solid #e4e0d7;font-size:.49rem;padding:5px 0}.match-panel li i{color:#2f8a59;font-style:normal;margin-right:4px}.decision-panel>small{color:#7b7e77;font-size:.45rem;font-weight:900;letter-spacing:.1em}.decision-panel h3{font-size:.75rem;margin:6px 0 10px}.choice{align-items:center;background:#fff;border:1px solid #dcd8cf;border-radius:7px;color:#51544f;display:flex;font:700 .49rem/1 inherit;justify-content:space-between;margin-bottom:6px;padding:8px;text-align:left;width:100%}.choice.active{background:var(--soft);border-color:var(--accent);color:var(--dark)}.choice i{color:#2f8a59;font-style:normal}.decision-panel p{color:#858880;font-size:.46rem;line-height:1.4;margin-top:11px}
.maintenance-grid{display:grid;gap:9px;grid-template-columns:.78fr 1.22fr}.request-card,.thread-panel{border:1px solid #dedad1;border-radius:10px;padding:10px}.photo-placeholder{background:linear-gradient(145deg,#d6d0c4,#f3efe6);border-radius:8px;height:76px;overflow:hidden;position:relative}.photo-placeholder:before,.photo-placeholder:after,.photo-placeholder i{background:#9db7ae;border-radius:50%;content:"";position:absolute}.photo-placeholder:before{height:48px;left:20px;top:25px;width:48px}.photo-placeholder:after{height:68px;right:20px;top:15px;width:68px}.photo-placeholder i{background:#688d82;height:16px;left:54px;top:18px;width:16px}.photo-placeholder span{background:#fff;border-radius:999px;font-size:.45rem;font-weight:850;left:7px;padding:3px 6px;position:absolute;top:7px;z-index:2}.request-card h3{font-size:.75rem;margin:9px 0 2px}.request-card p{color:#777a74;font-size:.47rem;margin:0 0 8px}.request-card dl{margin:0}.request-card dl div{border-top:1px solid #e5e1d8;display:flex;font-size:.46rem;justify-content:space-between;padding:5px 0}.request-card dt{color:#858881}.request-card dd{font-weight:800;margin:0}.thread-panel header{align-items:center;display:flex;font-size:.55rem;justify-content:space-between}.thread-panel header em{color:#7c7f79;font-size:.46rem;font-style:normal}.thread-panel ol{list-style:none;margin:10px 0;padding:0}.thread-panel li{align-items:center;display:grid;gap:7px;grid-template-columns:20px 1fr auto;padding:7px 0;position:relative}.thread-panel li:not(:last-child):after{background:#d9d5cc;bottom:-4px;content:"";height:11px;left:9px;position:absolute;width:1px}.thread-panel li>i{border:1px solid #c9c5bc;border-radius:50%;display:grid;font-size:.45rem;font-style:normal;height:20px;place-items:center;width:20px}.thread-panel li.done>i{background:#dff2e6;border-color:#4c9a6b;color:#2f774f}.thread-panel li.active>i{background:var(--accent);border-color:var(--accent);color:#fff}.thread-panel li b,.thread-panel li small{display:block;font-size:.49rem}.thread-panel li small{color:#7d8079}.thread-panel time{color:#888b85;font-size:.44rem}.thread-compose{align-items:center;background:#f3f0e9;border:1px solid #dedad1;border-radius:8px;color:#999b96;display:flex;font-size:.46rem;justify-content:space-between;padding:5px 5px 5px 8px}.thread-compose button{font-size:.46rem;padding:6px 8px}.priority{background:#ffe2dc;border-radius:999px;color:#9c3426;font-size:.52rem;font-weight:850;padding:6px 8px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);background:var(--dark);color:#fff;padding:1.3rem clamp(1.2rem,5vw,4.5rem);gap:1rem}.metrics div{display:flex;align-items:baseline;gap:.8rem;border-right:1px solid #ffffff30}.metrics div:last-child{border:0}.metrics strong{font-size:2rem}.metrics span{font-size:.84rem;color:#ffffffa8}.section,.evidence,.scope,.split,.related,.research-grid,.method{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,8vw,8rem)}.section.intro{max-width:1050px}.section h2,.evidence h2,.scope h2,.split h2,.related h2,.method h2{font-size:clamp(2.2rem,4vw,4.1rem);line-height:1;letter-spacing:-.055em;margin:.25em 0}.section.intro>p:last-child{font-size:1.3rem;max-width:770px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bdb9ae;border-bottom:1px solid #bdb9ae}.steps .step{padding:2.3rem;border-right:1px solid #bdb9ae}.steps .step:last-child{border:0}.steps .step span{font:700 .78rem/1 ui-monospace,monospace;background:var(--accent);color:#fff;border-radius:999px;padding:.4rem .55rem}.steps .step h3{font-size:1.35rem;line-height:1.1;margin:1.4rem 0 .6rem}.steps .step p{color:#5d605c}.evidence,.scope,.split,.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,8rem);align-items:start}.evidence{background:var(--soft)}.table-wrap{overflow:auto;border:1px solid #b9b4a8;background:#fff}table{border-collapse:collapse;width:100%;min-width:540px}th,td{text-align:left;padding:1rem;border-bottom:1px solid #d6d1c5}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;background:var(--dark);color:#fff}td:nth-child(n+2){font-variant-numeric:tabular-nums}.text-link{font-weight:900}.scope{background:#fff}.scope ul,.split ul{list-style:none;padding:0}.scope li,.split li{padding:.7rem 0;border-bottom:1px solid #d8d4c9}.scope li:before,.split li:before{content:"✓";color:var(--accent);font-weight:900;margin-right:.7rem}.scope-no li:before{content:"—";color:#777}.faq{max-width:900px}.faq details{border-top:1px solid #bdb9ae;padding:1.15rem 0}.faq details:last-child{border-bottom:1px solid #bdb9ae}.faq summary{font-weight:850;font-size:1.1rem;cursor:pointer}.faq p{max-width:750px;color:#555}.cta{background:var(--accent);color:#fff;padding:clamp(4rem,8vw,7rem) clamp(1.2rem,8vw,8rem)}.cta h2{font-size:clamp(2.8rem,6vw,6rem);line-height:.9;letter-spacing:-.065em;margin:.25em 0;max-width:12ch}.cta p:not(.eyebrow){max-width:680px;font-size:1.15rem}.page-hero{padding:clamp(4rem,9vw,8rem) clamp(1.2rem,8vw,8rem);background-image:linear-gradient(#d9d5ca 1px,transparent 1px),linear-gradient(90deg,#d9d5ca 1px,transparent 1px);background-size:48px 48px}.split aside{background:var(--dark);color:#fff;border-radius:18px;padding:2rem}.split aside strong{font-size:1.35rem}.steps.compact{grid-template-columns:repeat(3,1fr);margin:2rem 0 0}.related{background:var(--soft)}.related>a{display:flex;justify-content:space-between;text-decoration:none;font-size:1.15rem;font-weight:800;border-top:1px solid #aaa4;padding:1rem 0}.related>a:last-child{border-bottom:1px solid #aaa4}.research-grid{background:#fff}.research-grid h2{font-size:1.7rem}.research-grid p{font-size:1.08rem}.narrative{background:var(--soft)}.method{max-width:1000px}.method li{padding:.5rem 0}.legal{max-width:1000px}.legal h1{max-width:12ch}.legal h2{margin-top:2.5rem}footer{background:var(--dark);color:#fff;padding:4rem clamp(1.2rem,5vw,4.5rem) 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}footer .brand{margin:0}.brand.inverse i{border-color:#fff;box-shadow:3px 3px 0 #fff}footer p,footer a{color:#ffffffa8}footer strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}footer ul{padding:0;list-style:none}footer li{padding:.3rem 0}.copyright{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:1.5rem;font-size:.8rem}
.flow-section{background:var(--dark);color:#fff;padding:clamp(4rem,8vw,7rem) clamp(1.2rem,5vw,4.5rem)}.flow-heading{display:grid;grid-template-columns:1fr minmax(280px,.72fr);gap:3rem;align-items:end;margin-bottom:2rem}.flow-heading h2,.pricing-heading h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.93;letter-spacing:-.06em;margin:.2em 0}.flow-heading>p{color:#ffffffb5;font-size:1.05rem}.flow-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1rem}.flow-details{background:#f8f6ef;color:#1a1d1a;border-radius:18px;padding:1.5rem;min-height:200px}.flow-details>span,.price-kicker{display:inline-block;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.flow-details h3{font-size:1.75rem;line-height:1.05;margin:1rem 0}.flow-details p{color:#555a54}.flow-details small{display:block;border-top:1px solid #d6d1c7;color:#777b75;margin-top:1.5rem;padding-top:1rem}.flow-details[data-state=warning]{box-shadow:inset 5px 0 0 #b86b14}.flow-details[data-state=success]{box-shadow:inset 5px 0 0 #2e8056}.flow-fallback{border-top:1px solid #ffffff2b;margin-top:1.4rem;padding-top:1rem}.flow-fallback summary{cursor:pointer;font-weight:850}.flow-fallback ol{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem 2rem}.flow-fallback li{padding:.5rem}.flow-fallback li strong,.flow-fallback li span{display:block}.flow-fallback li span{color:#ffffffa8;font-size:.88rem}.pricing{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,8vw,8rem);background:var(--soft)}.pricing-heading{max-width:840px}.pricing-heading>p:last-child{font-size:1.18rem;color:#555a54}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.pricing-grid article{background:#fff;border:1px solid #c9c4b8;border-radius:22px;padding:clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column}.pricing-grid article.price-featured{border:3px solid var(--accent);box-shadow:8px 8px 0 var(--dark)}.pricing-grid h3{font-size:clamp(3.4rem,7vw,6rem);letter-spacing:-.07em;line-height:.9;margin:.35rem 0 1rem}.pricing-grid ul{list-style:none;margin:1rem 0 1.5rem;padding:0}.pricing-grid li{border-top:1px solid #ddd8ce;padding:.75rem 0}.pricing-grid li:before{content:"✓";color:var(--accent);font-weight:900;margin-right:.6rem}.pricing-grid .button{margin-top:auto;align-self:flex-start}.pricing-note{border-left:5px solid var(--accent);max-width:900px;padding-left:1rem;margin:2rem 0 0;color:#565a54}
@media(max-width:1180px){.hero{grid-template-columns:1fr 1.12fr;padding-left:2rem;padding-right:2rem}.mockup-frame{min-height:390px}.mockup-main{padding:14px}.mockup-nav{display:none}.mockup-frame{grid-template-columns:1fr}.flow-layout{grid-template-columns:1fr}.flow-details{min-height:0}}@media(max-width:1100px){.topbar nav{display:none}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:4rem}.app-mockup{margin:1rem auto 0;max-width:680px;transform:none;width:100%}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid #ffffff30;padding-bottom:.8rem}.steps,.steps.compact{grid-template-columns:1fr 1fr}.steps .step:nth-child(2){border-right:0}.evidence,.scope,.split,.research-grid,.flow-heading,.pricing-grid{grid-template-columns:1fr}.flow-fallback ol{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar{height:66px;padding:0 1rem}.topbar>.button{display:none}.hero h1,.page-hero h1{font-size:3.35rem}.hero{min-height:auto;padding-left:1rem;padding-right:1rem}.mockup-chrome{grid-template-columns:1fr auto}.mockup-chrome>b{text-align:left}.mockup-chrome>em{display:none}.mockup-frame{min-height:0}.mockup-main{padding:11px}.mockup-toolbar h2{font-size:1.05rem}.mockup-toolbar button{font-size:.5rem;padding:7px}.calendar-board{height:230px}.reconcile-grid{grid-template-columns:1fr 1fr}.decision-panel{display:none}.maintenance-grid{grid-template-columns:1fr}.request-card{display:none}.exception-head,.exception-list article{grid-template-columns:1.25fr .9fr .8fr}.exception-head span:last-child,.exception-list article>span:last-child{display:none}.audit-strip span{display:none}.mockup-foot{flex-wrap:wrap}.mockup-foot strong{width:100%}.steps,.steps.compact{grid-template-columns:1fr}.steps .step{border-right:0;border-bottom:1px solid #bdb9ae}.actions .button,.pricing-grid .button{width:100%}.metrics strong{font-size:1.5rem}footer{grid-template-columns:1fr}.copyright{grid-column:auto}.flow-section{padding-left:1rem;padding-right:1rem}.flow-heading{gap:1rem}}
/* 2026 visual-system refinement: distinct vector marks and bounded commercial sections. */
.brand-logo{display:block;flex:0 0 auto;height:30px;width:30px}.brand>span{display:block}.pricing{scroll-margin-top:110px}.pricing-inner{margin:0 auto;max-width:1180px;width:100%}
/* Clockstead is the reference-led exemplar: floating navigation, immersive product frame,
oversized evidence, and the existing workflow viewer integrated as a numbered layer. */
body.site-clockstead.page-home{background:#f7f7f4}
body.site-clockstead.page-home .topbar{background:rgba(255,255,255,.92);border:1px solid #d9d7d0;border-radius:24px;box-shadow:0 18px 50px rgba(18,20,18,.14);height:92px;left:50%;padding:16px 20px;position:fixed;top:24px;transform:translateX(-50%);width:min(920px,calc(100% - 48px))}
body.site-clockstead.page-home .topbar .brand{margin-right:0}
body.site-clockstead.page-home .topbar nav{margin-left:auto}
body.site-clockstead.page-home .topbar .button.small{background:#0d2420;border-color:#0d2420}
body.site-clockstead.page-home .hero{background:
radial-gradient(circle at 78% 12%,rgba(255,255,255,.95),transparent 34%),
radial-gradient(circle at 12% 15%,rgba(164,198,190,.72),transparent 30%),
linear-gradient(135deg,#d8e8e3 0%,#f5eee6 50%,#c5ddd6 100%);
border-radius:34px;display:block;margin:14px;min-height:960px;overflow:hidden;padding:170px clamp(1rem,5vw,5rem) 72px;position:relative}
body.site-clockstead.page-home .hero:after{border:1px solid rgba(13,36,32,.18);border-radius:50%;content:"";height:760px;position:absolute;right:-250px;top:110px;width:760px}
body.site-clockstead.page-home .hero-copy{background:rgba(255,255,255,.93);border:1px solid rgba(13,36,32,.12);border-radius:25px;box-shadow:0 24px 80px rgba(13,36,32,.17);margin:0 auto;padding:30px;position:relative;width:min(470px,100%);z-index:2}
body.site-clockstead.page-home .hero h1{font-size:clamp(3.2rem,5vw,5.2rem);line-height:.88;max-width:9ch}
body.site-clockstead.page-home .hero .lede{font-size:1.08rem}
body.site-clockstead.page-home .hero .actions{margin:1.5rem 0 .8rem}
body.site-clockstead.page-home .hero .button{font-size:.82rem}
body.site-clockstead.page-home .hero .app-mockup{box-shadow:0 40px 100px rgba(13,36,32,.22);margin:-46px auto 0;max-width:1120px;position:relative;transform:none;width:94%;z-index:1}
body.site-clockstead.page-home .hero .app-mockup:hover{transform:translateY(-4px)}
body.site-clockstead.page-home .metrics{background:#f7f7f4;color:#0d2420;gap:18px;margin:0 18px;padding:110px clamp(1rem,5vw,5rem)}
body.site-clockstead.page-home .metrics div{align-items:flex-start;background:#fff;border:1px solid #deddd7;border-radius:22px;display:flex;flex-direction:column;gap:.25rem;min-height:280px;padding:30px}
body.site-clockstead.page-home .metrics strong{font-size:clamp(4rem,8vw,8rem);letter-spacing:-.08em;line-height:.9}
body.site-clockstead.page-home .metrics span{color:#555e59;font-size:1rem;margin-top:auto;max-width:16ch}
.clockstead-layers{margin:0 auto;max-width:1260px;padding:80px clamp(1rem,6vw,6rem) 120px;text-align:center}
.clockstead-layers h2{font-size:clamp(3.5rem,7vw,7.4rem);font-weight:600;letter-spacing:-.075em;line-height:.88;margin:.25em auto;max-width:12ch}
.clockstead-layers>p:last-child{font-size:1.22rem;margin:2rem auto 0;max-width:740px}
body.site-clockstead.page-home .flow-section-reference{background:#e8e8e4;border-radius:34px;color:#0d2420;margin:0 18px;padding:110px clamp(1rem,5vw,5rem)}
body.site-clockstead.page-home .flow-section-reference .flow-heading{margin:0 auto 42px;max-width:1180px}
body.site-clockstead.page-home .flow-section-reference .flow-heading>p{color:#515a55}
body.site-clockstead.page-home .flow-section-reference .flow-viewer{margin:0 auto;max-width:1180px}
body.site-clockstead.page-home .flow-section-reference .flow-fallback{border-color:#0d242026}
body.site-clockstead.page-home .flow-section-reference .flow-fallback li span{color:#59625d}
body.site-clockstead.page-home .section.intro{max-width:1260px;padding-bottom:90px;padding-top:150px;text-align:center}
body.site-clockstead.page-home .section.intro h2{font-size:clamp(3.5rem,7vw,7rem);font-weight:550;line-height:.9;margin-left:auto;margin-right:auto;max-width:12ch}
body.site-clockstead.page-home .section.intro>p:last-child{margin-left:auto;margin-right:auto}
body.site-clockstead.page-home .steps{background:#eeeeea;border:0;gap:16px;margin:0 18px 120px;padding:0 clamp(1rem,5vw,5rem)}
body.site-clockstead.page-home .steps .step{background:#fff;border:1px solid #deddd7;border-radius:22px;display:flex;flex-direction:column;min-height:370px;padding:28px}
body.site-clockstead.page-home .steps .step span{align-items:center;background:transparent;border:1px solid #7b837e;color:#0d2420;display:flex;height:38px;justify-content:center;width:38px}
body.site-clockstead.page-home .steps .step h3{font-size:1.75rem}
body.site-clockstead.page-home .steps .step p{margin-top:auto}
body.site-clockstead.page-home .pricing{background:#e7ebe8;border-radius:34px;margin:18px;padding:110px clamp(1rem,5vw,5rem)}
body.site-clockstead.page-home .pricing-grid article{border:0;border-radius:26px;min-height:520px;padding:34px}
body.site-clockstead.page-home .pricing-grid article.price-featured{border:3px solid var(--accent);box-shadow:0 24px 70px rgba(13,36,32,.14)}
body.site-clockstead.page-home .cta{border-radius:34px;margin:18px}
body.site-clockstead.page-home footer{border-radius:34px 34px 0 0;margin:18px 18px 0}
/* Clockstead research uses the same editorial product language as the homepage. */
body.site-clockstead.page-research{background:#f7f7f4}
body.site-clockstead.page-research .topbar{background:rgba(255,255,255,.92);border:1px solid #d9d7d0;border-radius:24px;box-shadow:0 18px 50px rgba(18,20,18,.14);height:92px;left:50%;padding:16px 20px;position:fixed;top:24px;transform:translateX(-50%);width:min(920px,calc(100% - 48px))}
body.site-clockstead.page-research .topbar .brand{margin-right:0}
body.site-clockstead.page-research .topbar nav{margin-left:auto}
body.site-clockstead.page-research .topbar .button.small{background:#0d2420;border-color:#0d2420}
body.site-clockstead.page-research .research-reference .page-hero{align-items:center;background:
radial-gradient(circle at 82% 12%,rgba(255,255,255,.98),transparent 34%),
radial-gradient(circle at 8% 8%,rgba(155,194,185,.75),transparent 30%),
linear-gradient(135deg,#d8e8e3 0%,#f6efe7 52%,#c5ddd6 100%);
border-radius:34px;display:flex;flex-direction:column;margin:14px;min-height:850px;padding:180px clamp(1rem,7vw,7rem) 76px;text-align:center}
body.site-clockstead.page-research .research-reference .page-hero h1{font-size:clamp(4.2rem,7.4vw,8rem);font-weight:600;line-height:.86;margin:.2em auto;max-width:11ch}
body.site-clockstead.page-research .research-reference .page-hero .lede{font-size:1.25rem;margin:1.5rem auto 0;max-width:760px}
.research-hero-metrics{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;padding-top:70px;width:min(1120px,100%)}
.research-hero-metrics>div{align-items:flex-start;background:rgba(255,255,255,.92);border:1px solid rgba(13,36,32,.12);border-radius:22px;display:flex;flex-direction:column;min-height:220px;padding:26px;text-align:left}
.research-hero-metrics strong{font-size:clamp(4rem,7vw,7rem);font-weight:650;letter-spacing:-.08em;line-height:.9}
.research-hero-metrics span{color:#58615c;font-size:.92rem;margin-top:auto;max-width:16ch}
body.site-clockstead.page-research .research-grid{background:#ecece8;border-radius:34px;gap:16px;margin:18px;padding:80px clamp(1rem,5vw,5rem)}
body.site-clockstead.page-research .research-grid>div{background:#fff;border:1px solid #deddd7;border-radius:24px;min-height:320px;padding:34px}
body.site-clockstead.page-research .research-grid h2{font-size:clamp(2.6rem,4vw,4.8rem);font-weight:600;letter-spacing:-.06em;line-height:.92;margin:0}
body.site-clockstead.page-research .research-grid p{margin-top:5rem;max-width:50ch}
body.site-clockstead.page-research .research-reference>.section{background:#f7f7f4;margin:0 18px;padding:130px clamp(1rem,5vw,5rem)}
body.site-clockstead.page-research .research-reference>.section h2{font-size:clamp(3.8rem,7vw,7rem);font-weight:550;line-height:.88;max-width:10ch}
body.site-clockstead.page-research .table-wrap{border:0;border-radius:24px;margin-top:56px;overflow:auto}
body.site-clockstead.page-research table{min-width:720px}
body.site-clockstead.page-research th{background:#0d2420;padding:20px}
body.site-clockstead.page-research td{font-size:1.04rem;padding:22px 20px}
body.site-clockstead.page-research .narrative{background:transparent;gap:16px;margin:0 18px;padding:0 clamp(1rem,5vw,5rem) 120px}
body.site-clockstead.page-research .narrative>div{background:#e8e8e4;border-radius:28px;min-height:430px;padding:42px}
body.site-clockstead.page-research .narrative>div:first-child{background:#0d2420;color:#fff}
body.site-clockstead.page-research .narrative>div:first-child p:last-child{color:#ffffffb5}
body.site-clockstead.page-research .narrative h2{font-size:clamp(3rem,5vw,5.5rem);font-weight:550}
body.site-clockstead.page-research .method{background:#e7ebe8;border-radius:34px;margin:18px;max-width:none;padding:110px clamp(1rem,5vw,5rem)}
body.site-clockstead.page-research .method h2{font-size:clamp(3.8rem,7vw,7rem);font-weight:550;max-width:9ch}
body.site-clockstead.page-research .method ol{counter-reset:method;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:60px 0 40px;padding:0}
body.site-clockstead.page-research .method li{background:#fff;border:1px solid #d6dbd7;border-radius:20px;counter-increment:method;min-height:240px;padding:24px}
body.site-clockstead.page-research .method li:before{content:"0" counter(method);display:block;font:700 .78rem/1 ui-monospace,monospace;margin-bottom:70px}
body.site-clockstead.page-research .method>p{max-width:760px}
body.site-clockstead.page-research .cta{border-radius:34px;margin:18px}
body.site-clockstead.page-research footer{border-radius:34px 34px 0 0;margin:18px 18px 0}
@media(max-width:900px){
body.site-clockstead.page-home .topbar{height:72px;top:12px;width:calc(100% - 24px)}
body.site-clockstead.page-home .hero{margin:8px;min-height:auto;padding:112px 16px 44px}
body.site-clockstead.page-home .hero-copy{padding:24px}
body.site-clockstead.page-home .hero h1{font-size:clamp(2.9rem,13vw,4.4rem)}
body.site-clockstead.page-home .hero .app-mockup{margin:24px auto 0;width:100%}
body.site-clockstead.page-home .metrics{grid-template-columns:1fr;margin:0 8px;padding:72px 16px}
body.site-clockstead.page-home .metrics div{min-height:210px}
.clockstead-layers{padding:90px 20px}
body.site-clockstead.page-home .flow-section-reference{margin:0 8px;padding:72px 16px}
body.site-clockstead.page-home .section.intro{padding:100px 20px 70px}
body.site-clockstead.page-home .steps{grid-template-columns:1fr;margin:0 8px 90px;padding:0 16px}
body.site-clockstead.page-home .steps .step{min-height:280px}
body.site-clockstead.page-home .pricing{margin:8px;padding:72px 16px}
body.site-clockstead.page-home .pricing-grid article{min-height:0}
body.site-clockstead.page-home .cta{margin:8px}
body.site-clockstead.page-home footer{margin:8px 8px 0}
body.site-clockstead.page-research .topbar{height:72px;top:12px;width:calc(100% - 24px)}
body.site-clockstead.page-research .research-reference .page-hero{margin:8px;min-height:auto;padding:118px 20px 48px}
body.site-clockstead.page-research .research-reference .page-hero h1{font-size:clamp(3.2rem,12vw,5.2rem)}
.research-hero-metrics{grid-template-columns:1fr;padding-top:56px}
.research-hero-metrics>div{min-height:180px}
body.site-clockstead.page-research .research-grid{grid-template-columns:1fr;margin:8px;padding:64px 16px}
body.site-clockstead.page-research .research-grid>div{min-height:260px;padding:28px}
body.site-clockstead.page-research .research-grid p{margin-top:3rem}
body.site-clockstead.page-research .research-reference>.section{margin:0 8px;padding:90px 16px}
body.site-clockstead.page-research .narrative{grid-template-columns:1fr;margin:0 8px;padding:0 16px 90px}
body.site-clockstead.page-research .narrative>div{min-height:340px;padding:28px}
body.site-clockstead.page-research .method{margin:8px;padding:80px 16px}
body.site-clockstead.page-research .method ol{grid-template-columns:1fr;margin-top:40px}
body.site-clockstead.page-research .method li{min-height:190px}
body.site-clockstead.page-research .method li:before{margin-bottom:45px}
body.site-clockstead.page-research .cta{margin:8px}
body.site-clockstead.page-research footer{margin:8px 8px 0}
}
@media(max-width:600px){
.brand-logo{height:28px;width:28px}
body.site-clockstead.page-home .topbar{padding:8px 12px}
body.site-clockstead.page-home .hero h1{font-size:2.95rem}
body.site-clockstead.page-home .hero .actions .button{font-size:.78rem}
body.site-clockstead.page-home .metrics strong{font-size:4.8rem}
.clockstead-layers h2,body.site-clockstead.page-home .section.intro h2{font-size:3.35rem}
body.site-clockstead.page-research .topbar{padding:8px 12px}
body.site-clockstead.page-research .research-reference .page-hero h1{font-size:3.45rem}
body.site-clockstead.page-research .research-reference .page-hero .lede{font-size:1.05rem}
.research-hero-metrics strong{font-size:4.8rem}
body.site-clockstead.page-research .research-reference>.section h2,body.site-clockstead.page-research .method h2{font-size:3.45rem}
}