/* Product 2 uses the exact handbook palette established by Product 1. */
.harness-page .h-step-panel .screenshot{width:calc(100% - 48px)}
.harness-page{--h-blue:#427fbd;--h-deep:#245d9e;--h-purple:#9183bd;--h-teal:#08adb1;--h-gold:#f3b700;--h-ground:#f0f6fa;--h-tint:#e8f1fa;color:var(--ink)}
.harness-page .breadcrumbs{padding-block:24px}.harness-page p{max-width:none;line-height:1.75}.harness-page :is(section,article,div)[id]{scroll-margin-top:160px}
.h-banner{background:var(--h-deep);color:white;padding:42px 0 32px;border-bottom:8px solid var(--h-teal)}
.h-hero-grid{display:grid;grid-template-columns:1.45fr .65fr;gap:28px 60px;align-items:center}.h-product-label{font-size:14px;letter-spacing:.09em;font-weight:700;display:block;margin-bottom:18px}
.h-banner h1{font-size:clamp(36px,4.3vw,62px);line-height:1.1;color:white}.h-banner p{font-size:18px;line-height:1.6;color:white;margin-top:16px}.h-banner .h-hero-subtitle{font-size:clamp(22px,2.2vw,30px);line-height:1.4;font-weight:550}.h-banner .button{margin-top:24px}.h-cover-robot{width:100%;border-radius:22px 22px 70px 22px}.h-hero-features{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 30px;padding:24px 0 0;margin:0;list-style:none;font-size:15px}.h-hero-features li{display:flex;align-items:center;gap:9px}.h-hero-features li::before{content:'';width:6px;height:6px;background:var(--h-gold);flex:none}
.h-nav .container{overflow-x:auto;gap:27px}.h-nav a{white-space:nowrap;flex:none;font-size:14px}
.h-section{padding-block:76px}.h-tint{background:var(--h-tint)}.h-heading{margin-bottom:32px}.h-section-label{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--h-deep);display:block;margin-bottom:16px}.h-heading h2{font-size:clamp(30px,3.2vw,44px);line-height:1.2;color:var(--h-deep);max-width:1050px}.h-heading>p{font-size:19px;margin-top:18px}
.h-teachers{width:100%;border-radius:8px;margin-bottom:36px}.h-intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.h-intro-grid>div>p{font-size:17px;margin-bottom:18px}.h-cycle{background:var(--h-ground);border-radius:12px;padding:24px 12px 18px}.h-cycle h3{font-size:23px;margin-left:20px}.h-cycle svg{width:100%;height:auto;display:block}.h-cycle>p{text-align:center;font-size:14px!important;margin:0!important}
.h-principles{display:grid;grid-template-columns:1fr 1fr;gap:26px}.h-principle{background:white;border-top:5px solid var(--h-blue);padding:42px 24px 30px;position:relative;display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:center}.h-principle .h-number{position:absolute;top:-1px;left:0;border-radius:0 0 14px 0}.h-number{display:inline-flex;align-items:center;justify-content:center;background:var(--h-blue);color:white;font-size:18px;font-weight:700;min-width:48px;min-height:36px;line-height:1.2;padding:6px 10px}.h-principle img{width:100%;mix-blend-mode:multiply}.h-principle h3{color:var(--h-deep);font-size:24px;line-height:1.3}.h-principle p{font-size:16px;margin-top:14px}.h-principle:nth-child(3){border-color:var(--h-gold)}.h-principle:nth-child(3) .h-number{background:var(--h-gold);color:var(--ink)}
.h-roles{background:var(--h-ground);padding:26px 30px;border-left:5px solid var(--h-blue)}.h-roles h3,.h-chain h3{font-size:24px;color:var(--h-deep)}.h-roles ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:24px 0 0;margin:0}.h-roles li{font-size:18px;font-weight:600;line-height:1.5}.h-chain{margin-top:38px;padding:30px;background:var(--h-tint);border-radius:8px}.h-chain ol{display:flex;flex-wrap:wrap;list-style:none;padding:26px 0 0;margin:0;gap:24px 30px}.h-chain li{flex:1 0 120px;position:relative;display:flex;align-items:center;justify-content:center;min-height:85px;text-align:center;padding:16px;background:var(--h-blue);color:white;font-size:16px;line-height:1.4;border-radius:5px}.h-chain li:last-child{background:var(--h-gold);color:var(--ink)}.h-chain li:not(:last-child)::after{content:'→';color:var(--h-deep);font-size:24px;position:absolute;right:-26px}.h-chain>p{font-size:15px;margin:22px 0 0}
.h-group-title{font-size:27px;margin:40px 0 22px;color:var(--h-deep)}.h-framework-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.h-framework-card{--tone:var(--h-blue);padding:0 28px 28px;background:var(--h-ground);border-radius:9px;overflow:hidden}.h-framework-card.gold{--tone:var(--h-gold)}.h-framework-card h4{margin:0 -28px 24px;background:var(--tone);color:white;font-size:26px;padding:20px 28px;line-height:1.3}.h-framework-card.gold h4{color:var(--ink)}.h-framework-card p{font-size:17px}.h-tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:24px 0 0}.h-tags li{font-size:14px;background:white;border-left:3px solid var(--tone);padding:8px 11px;line-height:1.5}
.h-studio-heading{display:grid;grid-template-columns:1fr 240px;gap:50px;align-items:center;margin-bottom:32px}.h-studio-heading .h-heading{margin-bottom:24px}.h-studio-heading>img{width:100%;mix-blend-mode:multiply}.h-studio-heading p{font-size:17px}.harness-page .h-note{font-size:14px;color:#415974;margin-top:20px}.h-planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.h-step-panel{background:white;border-radius:8px;overflow:hidden;border-top:5px solid var(--h-blue)}.h-step-panel:nth-child(even){border-color:var(--h-gold)}.h-step-copy{padding:26px 28px 0;position:relative;min-height:235px}.h-step-copy h3{font-size:25px;color:var(--h-deep);margin-top:18px}.h-step-copy p{font-size:16px;margin-top:15px}.h-step-panel .screenshot{margin:24px 24px 22px}.harness-page .screenshot{width:100%;max-width:100%;padding:0;box-shadow:none;background:transparent;border:0}.harness-page .screenshot img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto;border-radius:7px}.harness-page .screenshot figcaption{font-size:13px;line-height:1.6;padding:12px 0 0;color:#415974}.harness-page .image-open{border-radius:7px;display:block;width:100%;background:transparent}.harness-page .zoom-label{font-size:12px}
.h-tools{margin-top:62px;border-top:2px solid var(--h-blue);padding-top:38px}.h-subheading{font-size:32px;color:var(--h-deep)}.h-tools>.h-subtitle{font-size:23px;line-height:1.4;margin:18px 0}.h-tools>p{font-size:17px}.h-tools>.screenshot{max-width:1000px;margin:30px auto}.h-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.h-tool-grid article{background:white;border-top:5px solid var(--h-blue);padding:24px}.h-tool-grid article:nth-child(2){border-color:var(--h-gold)}.h-tool-grid article:nth-child(3){border-color:var(--h-teal)}.h-tool-grid h4{font-size:24px;line-height:1.3;margin:0 0 18px}.h-tool-grid p{font-size:16px}
.h-course-steps{list-style:none;padding:0;margin:42px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px}.h-course-steps>li{grid-column:span 2;background:var(--h-ground);padding:24px;border-radius:8px;border-top:5px solid var(--h-blue)}.h-course-steps>li:nth-child(n+4){grid-column:span 3;border-color:var(--h-gold);display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}.h-course-steps h3{font-size:24px;color:var(--h-deep);line-height:1.3;margin-top:18px}.h-course-steps p{font-size:16px;margin-top:14px}.h-course-steps>li:nth-child(n+4) h3{margin:0}.h-course-steps>li:nth-child(n+4)>.h-number{background:var(--h-gold);color:var(--ink)}.h-course-steps .screenshot{grid-column:1/-1;margin:12px 0 0}
.h-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--h-deep);margin-bottom:38px;color:white}.h-stat-strip a{padding:25px 22px;display:flex;flex-direction:column;gap:8px;transition:background .2s}.h-stat-strip a:hover{background:var(--h-blue)}.h-stat-strip strong{font-size:clamp(36px,4vw,56px);line-height:1.1;letter-spacing:-.03em;color:var(--h-gold)}.h-stat-strip span{font-size:16px;line-height:1.5}.h-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:30px}.h-capability{background:white;border-radius:9px;border-top:6px solid var(--h-blue);overflow:hidden;display:flex;flex-direction:column}.h-capability:nth-child(even){border-color:var(--h-gold)}.h-capability-copy{padding:26px 28px 0;flex:1}.h-capability-number{font-size:40px;color:var(--h-deep);font-weight:700;line-height:1.1;display:block;margin-bottom:16px}.h-capability h3{font-size:25px;line-height:1.3;color:var(--h-deep)}.h-capability p{font-size:16px;margin-top:18px}.h-capability>.screenshot{margin:24px 24px 22px;width:calc(100% - 48px)}.h-edit-modes{padding-left:22px;margin:15px 0 0;font-size:15px;line-height:1.7}.h-edit-modes li::marker{color:var(--h-blue)}
.h-showcase{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:32px}.h-showcase article{background:var(--h-ground);border-radius:8px;overflow:hidden;border-top:6px solid var(--h-blue)}.h-showcase article:nth-child(even){border-color:var(--h-gold)}.h-example-heading{padding:24px 26px 0;min-height:147px}.h-example-subject{font-size:14px;color:var(--h-deep);font-weight:700;display:block;margin-bottom:12px}.h-example-heading h3{font-size:24px;line-height:1.3;color:var(--h-deep)}.h-example-heading p{font-size:15px;margin-top:12px}.h-showcase .screenshot{padding:22px 24px;margin:0}.h-showcase .screenshot figcaption{font-size:12px}
.h-closing{background:var(--h-deep);border-top:8px solid var(--h-gold);color:white;padding:60px 0}.h-closing h2{font-size:clamp(28px,3.1vw,44px);line-height:1.25;color:white}.h-closing p{font-size:24px;color:white;margin-top:20px}.h-closing .button{margin-top:28px}.h-closing .h-credit{font-size:14px;margin-top:30px}
.harness-page h4{position:relative;padding-left:20px}.harness-page h4::before{content:'';position:absolute;left:0;top:.45em;width:7px;height:7px;background:var(--h-gold);border-radius:2px}.h-framework-card h4{padding-left:48px}.h-framework-card h4::before{left:28px;top:31px;background:white}.h-framework-card.gold h4::before{background:var(--h-deep)}
@media(max-width:1100px){.h-hero-grid{gap:28px}.h-intro-grid{gap:24px}.h-principle{grid-template-columns:70px 1fr;gap:15px;padding:40px 20px 24px}.h-principle h3{font-size:22px}.h-chain li{flex:1 0 22%}.h-chain li:nth-child(4)::after{display:none}.h-step-copy{min-height:290px}.h-tool-grid{gap:16px}.h-tool-grid article{padding:22px 18px}.h-studio-heading{grid-template-columns:1fr 180px;gap:26px}.h-roles ul{grid-template-columns:1fr 1fr}.h-example-heading{min-height:170px}}
@media(max-width:760px){.h-section{padding-block:52px}.h-hero-grid{grid-template-columns:1fr 190px;gap:24px}.h-banner h1{font-size:36px}.h-banner p{font-size:16px}.h-banner .h-hero-subtitle{font-size:22px}.h-cover-robot{align-self:start}.h-intro-grid{grid-template-columns:1fr}.h-cycle{max-width:440px;width:100%;margin:auto}.h-principles,.h-framework-grid,.h-planning-grid,.h-capabilities,.h-showcase{grid-template-columns:1fr}.h-principle{grid-template-columns:88px 1fr}.h-heading h2{font-size:30px}.h-heading>p{font-size:17px}.h-studio-heading{grid-template-columns:1fr 140px;gap:20px}.h-studio-heading .h-heading h2{font-size:29px}.h-studio-heading>div>p{grid-column:1/-1}.h-tool-grid{grid-template-columns:1fr}.h-tool-grid article{padding:24px}.h-course-steps{grid-template-columns:1fr 1fr;gap:18px}.h-course-steps>li,.h-course-steps>li:nth-child(n+4){grid-column:span 1;display:block}.h-course-steps>li:last-child{grid-column:1/-1;display:grid;grid-template-columns:48px 1fr}.h-course-steps>li:nth-child(n+4) h3{margin-top:18px}.h-stat-strip{grid-template-columns:1fr 1fr}.h-stat-strip a{padding:24px}.h-capability-copy{padding:24px 24px 0}.h-step-copy{min-height:0;padding:24px 24px 0}.h-step-panel .screenshot{width:calc(100% - 48px)}.h-showcase .h-example-heading{min-height:0}.h-tools>.screenshot{margin-block:24px}.h-teachers{margin-bottom:26px}.h-hero-features{gap:10px 20px;font-size:14px}.h-closing br{display:none}}
@media(max-width:540px){.h-hero-grid{grid-template-columns:1fr}.h-cover-robot{width:200px;justify-self:end;margin-top:-12px;border-radius:12px 12px 46px 12px}.h-banner{padding-top:30px}.h-hero-features{padding-top:22px}.h-banner h1{font-size:36px}.h-principle{grid-template-columns:64px 1fr;padding:44px 18px 24px}.h-principle h3{font-size:22px}.h-intro-grid>div>p,.h-studio-heading p{font-size:16px}.h-chain{padding:24px 20px}.h-chain ol{display:grid;grid-template-columns:1fr;gap:30px}.h-chain li{min-height:60px}.h-chain li:not(:last-child)::after{display:block;content:'↓';right:auto;left:calc(50% - 10px);top:100%;height:30px;line-height:30px}.h-roles{padding:24px}.h-roles ul{grid-template-columns:1fr 1fr;gap:20px 14px}.h-roles li{font-size:16px}.h-studio-heading{grid-template-columns:1fr}.h-studio-heading>img{width:165px;justify-self:end;margin-top:-10px}.h-framework-card{padding-inline:24px}.h-framework-card h4{margin-inline:-24px;font-size:24px}.h-course-steps{grid-template-columns:1fr}.h-course-steps>li:last-child{display:block}.h-course-steps>li{padding:24px}.h-stat-strip a{padding:22px 18px}.h-stat-strip span{font-size:15px}.h-capability h3{font-size:24px}.h-example-heading{padding-inline:22px}.h-showcase .screenshot{padding-inline:20px}.h-closing{padding-block:44px}.h-closing p{font-size:21px}.h-nav .container{gap:24px}}

@media(min-width:761px) and (max-width:900px){.h-principles{grid-template-columns:1fr}.h-principle{grid-template-columns:100px 1fr}.h-principle h3{font-size:24px}}