/* Stage 2 is scoped to 08–11. Stage 1 and the build/prototype styles remain unchanged. */
#screens.phase-two,#ui-exploration.phase-two,#system.phase-two,#states.phase-two{width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:auto;position:relative;inset:auto;z-index:1;isolation:isolate;margin:0;padding:100px 0;background:#fffaf5;color:#2b1b12;overflow:visible;transform:none;box-shadow:none;border:0;border-radius:0;}
.phase-two{--p2-orange:#c94606;--p2-line:#e2d4c7;--p2-muted:#68584b;font-size:var(--type-body);line-height:1.8;}
.phase-two *{box-sizing:border-box;min-width:0;}
#screens.phase-two:before,#screens.phase-two:after,#system.phase-two:before,#system.phase-two:after,#states.phase-two:before,#states.phase-two:after,.phase-two #mood:before,.phase-two #brand:before,.phase-two #ip:before{content:none;}
.phase-two :where(h2,h3,h4,p,figure,dl,dd,ul,ol){margin:0;}
.phase-two :where(h2,h3,h4){font-family:inherit;text-wrap:balance;letter-spacing:-.025em;color:#2b1b12;}
.phase-two :where(p,li,dd){overflow-wrap:break-word;}
.phase-two img{display:block;max-width:100%;height:auto;}
.phase-two [hidden]{display:none!important;}
.phase-two a{color:#a73803;}
.phase-two :where(a,button,input,summary,[tabindex]):focus-visible{outline:3px solid #277954;outline-offset:4px;}
.p2-container{width:calc(100% - 96px);max-width:1280px;margin-inline:auto;}
.p2-heading{max-width:860px;margin-bottom:64px;}
.p2-kicker,.p2-label{font-size:var(--type-label);font-weight:750;letter-spacing:.08em;color:#a83b07;}
.p2-heading h2{font-size:var(--type-h2);line-height:1.22;margin:18px 0 24px;}
.p2-heading>p:last-child{font-size:var(--type-body-large);color:var(--p2-muted);max-width:760px;}
.phase-two h3{font-size:var(--type-h3);line-height:1.35;}
.phase-two h4{font-size:var(--type-component-title);line-height:1.5;}
.p2-copy>p:not(.p2-label),.p2-execution>div>p:not(.p2-label),.p2-recommend-intro>p:not(.p2-label){color:var(--p2-muted);margin-top:24px;max-width:650px;}
.p2-label+h3{margin-top:16px;}
.p2-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,100px);align-items:center;}
.p2-phone-scene{padding:32px;background:#f3ebdf;}
.p2-phone-scene>img{width:250px;margin:0 auto;border-radius:18px;}
.phase-two figcaption{font-size:var(--type-label);color:#68584b;margin-top:20px;line-height:1.8;}
.p2-phone-scene figcaption{text-align:center;}
.p2-sequence{list-style:none;padding:0;margin:30px 0;counter-reset:step;}
.p2-sequence li{padding:18px 0;border-top:1px solid var(--p2-line);display:grid;grid-template-columns:110px 1fr;gap:22px;}
.p2-sequence b{font-size:var(--type-body);}.p2-sequence span{font-size:var(--type-body);color:var(--p2-muted);}
.phase-two .p2-takeaway{color:#286b4b;font-weight:700;font-size:18px;line-height:1.7;}
.p2-text-link{display:inline-block;margin-top:20px;font-size:var(--type-caption);font-weight:700;text-decoration:none;}
.p2-recommend{margin-top:110px;}
.p2-recommend-intro{display:grid;grid-template-columns:.65fr 1fr 1.2fr;gap:32px;align-items:start;margin-bottom:38px;}
.p2-recommend-intro .p2-label+h3,.p2-recommend-intro>p:not(.p2-label){margin-top:0;}
.p2-recommend-example{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;background:#edf4e9;padding:36px;align-items:center;}
.p2-recommend-example>img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.p2-recommend-example h4{font-size:var(--type-component-title);margin:12px 0 24px;}
.p2-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;}
.p2-facts dt{font-size:var(--type-label);color:#55644b;}.p2-facts dd{font-size:var(--type-body);font-weight:650;}
.p2-reason{border-top:1px solid #cbd8c2;padding-top:20px;margin:24px 0 12px;font-size:var(--type-body);color:#36502e;}
.p2-reason b{display:block;margin-bottom:8px;}.p2-recommend-example small{font-size:var(--type-label);color:#5e654f;}
.p2-execution{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,116px);align-items:start;margin-top:110px;}
.p2-companion-figure{display:flex;align-items:center;gap:24px;margin-top:28px;}.p2-companion-figure img{width:120px;mix-blend-mode:multiply;}.p2-companion-figure figcaption{max-width:200px;}
.p2-voice{padding:38px;background:#2f261f;color:#fff4e8;border-radius:14px;}
.phase-two .p2-voice :where(h4,.p2-label){color:#fff4e8;}.p2-voice>span{display:block;color:#e9bb91;margin:26px 0 12px;font-size:var(--type-caption);}
.p2-voice h4{font-size:var(--type-h3);}.p2-voice>p:not(.p2-label){font-size:var(--type-body);margin-top:18px;color:#f3d8c2;}
.phase-two output[data-timer]{display:block;font-size:52px;font-variant-numeric:tabular-nums;line-height:1.2;margin:26px 0;letter-spacing:.02em;}
.p2-controls{display:flex;flex-wrap:wrap;gap:10px;}
.phase-two button{font-family:inherit;font-size:var(--type-caption);line-height:1.5;cursor:pointer;transition:background-color .15s,color .15s;border-radius:10px;}
.p2-controls button,.p2-question,.p2-recipe-card button{border:1px solid #c44d10;background:#c94a0a;color:white;padding:13px 18px;min-height:48px;font-weight:650;}
.phase-two button:hover{filter:brightness(.96);}.phase-two button:active{filter:brightness(.89);}
.phase-two .p2-secondary{background:transparent;color:#9d3703;border-color:#c8a78e;}
.p2-voice .p2-controls button{background:#fff3e3;color:#512c13;border-color:#fff3e3;}
.p2-question{background:transparent;border-color:#997c65;color:#fff4e8;text-align:left;width:100%;margin-top:16px;}
.p2-voice small{font-size:var(--type-label);color:#d9bfa9;}.phase-two .p2-feedback{font-size:var(--type-caption);color:#365f42;margin:16px 0 0;min-height:25px;}
.phase-two .p2-voice .p2-feedback{color:#f2d7c0;}
#ui-exploration.phase-two{background:#fffdfa;}
.p2-provenance{max-width:940px;font-size:var(--type-caption);color:#71604f;margin-bottom:36px;}
.p2-tabs{display:flex;gap:28px;border-bottom:1px solid var(--p2-line);margin-bottom:36px;}
.phase-two .p2-tabs button{border:0;border-radius:0;border-bottom:3px solid transparent;background:transparent;color:#695747;font-size:var(--type-body);padding:18px 4px;}
.phase-two .p2-tabs button.on{color:#a13905;border-color:#c84b08;}
#p2-explore-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start;}
.p2-judgment>div{display:grid;grid-template-columns:92px 1fr;gap:20px;border-top:1px solid var(--p2-line);padding:22px 0;}
.p2-judgment span{font-size:var(--type-label);letter-spacing:.06em;color:#a13905;font-weight:700;}.p2-judgment p{font-size:var(--type-body);color:#5e5146;}
.p2-wire{background:#f1efeb;padding:28px;margin-top:24px;color:#544d45;border:1px dashed #b6aea2;}
.p2-wire>span{display:block;font-size:var(--type-label);font-weight:650;margin-bottom:24px;}.p2-wire>p{font-size:var(--type-caption);margin-top:20px;}
.p2-wire-card{padding:20px;max-width:350px;border:1px solid #bdb6aa;background:#faf9f5;}.p2-wire-photo{display:grid;place-items:center;background:#ddd9d1;aspect-ratio:2/1;font-size:var(--type-caption);}.p2-wire-card h3{font-size:var(--type-component-title);margin:18px 0 6px;}.p2-wire-card p{font-size:var(--type-caption);}.p2-wire-action{border:1px solid #b9b2a7;text-align:center;padding:10px;margin-top:20px;font-size:var(--type-caption);}
.p2-wire-flow{padding:0;list-style:none;}.p2-wire-flow li{padding:16px 0;border-bottom:1px solid #cfc7ba;font-size:var(--type-body);}.p2-wire-flow li+li:before{content:'↓';margin-right:14px;color:#81786c;}
.p2-final{border-top:2px solid #91b488;padding-top:20px;}.p2-final-label{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:var(--type-label);color:#426139;}.p2-final-label span{color:#75614f;}
#ui-exploration #screenContent{padding:28px 0 0;background:none;border:0;overflow:visible;}
#ui-exploration .product-screens{display:block;}
#ui-exploration .product-phone{display:none;width:240px;max-width:100%;margin:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none;min-height:0;}
#ui-exploration .product-phone.active{display:block;}.phase-two .product-phone>span{display:none;}#ui-exploration .product-phone img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:16px;transform:none;}
.p2-final-note{font-size:var(--type-label);color:#71604f;margin-top:20px;}.p2-confirm-proof{margin-top:28px;}.p2-confirm-proof img{width:190px;margin:auto;}.p2-confirm-proof figcaption{text-align:center;}
.p2-details{margin-top:36px;border-top:1px solid var(--p2-line);padding-top:20px;}.p2-details summary{cursor:pointer;font-size:var(--type-body);font-weight:700;}
#ui-exploration #rationale{display:block;margin-top:24px;}#ui-exploration #rationale article{padding:18px 0;border:0;border-top:1px solid var(--p2-line);border-radius:0;box-shadow:none;background:none;min-height:0;display:grid;grid-template-columns:35px 130px 1fr;gap:16px;}#ui-exploration #rationale :where(small,p){font-size:var(--type-caption);color:#68584b;}#ui-exploration #rationale h3{font-size:var(--type-component-title);margin:0;}
#system.phase-two{background:#fff8ef;}
.p2-system h3{font-size:var(--type-h3);margin-bottom:30px;}.p2-foundation-grid,.p2-component-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 60px;}
.p2-colors{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;margin-bottom:50px;}.p2-colors i{display:block;height:86px;background:var(--swatch);border:1px solid #e3d7cb;margin-bottom:16px;}.p2-colors :where(b,span,small){display:block;font-size:var(--type-caption);}.p2-colors small{color:#71604f;font-size:var(--type-label);}
.p2-foundation-grid p{color:#68584b;font-size:var(--type-caption);}.p2-type-sample{font-size:36px;font-weight:750;margin:20px 0;}.p2-type-sample span{display:block;font-size:var(--type-body);font-weight:400;}
.p2-spacing{display:flex;align-items:flex-end;gap:12px;margin:22px 0;}.p2-spacing span{background:#e7d7c4;display:grid;place-items:center;min-width:32px;height:40px;font-size:var(--type-caption);}.p2-spacing span:nth-child(2){height:48px;}.p2-spacing span:nth-child(3){height:56px;}.p2-spacing span:nth-child(4){height:64px;}.p2-spacing span:nth-child(5){height:80px;}.p2-spacing span:nth-child(6){height:96px;}
.p2-components,.p2-visual-language,.p2-brand{margin-top:90px;padding-top:40px;border-top:1px solid var(--p2-line);}
.p2-components>p,.p2-visual-language>p{max-width:820px;color:#68584b;margin-bottom:36px;}
.p2-component{padding:26px 0;border-top:1px solid var(--p2-line);}.p2-component>.p2-label{margin-bottom:22px;}
.p2-field{display:block;font-size:var(--type-caption);font-weight:650;margin:20px 0;}
.phase-two input{width:100%;min-width:0;min-height:48px;border:1px solid #b5a18e;border-radius:10px;background:#fffdf9;color:#2b1b12;padding:12px 14px;font-size:var(--type-body);line-height:1.5;margin-top:8px;box-shadow:none;}
.phase-two input::placeholder{color:#796452;opacity:1;}
.p2-chips{display:flex;flex-wrap:wrap;gap:10px;}.p2-chips button{padding:9px 12px;min-height:44px;border:1px solid #c4ad96;background:transparent;color:#6f4e36;border-radius:999px;}.p2-chips button[aria-pressed=true]{background:#e3eedc;color:#2c613d;border-color:#7a9d70;}
.p2-recipe-card{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;background:white;padding:20px;border-radius:14px;}.p2-recipe-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;}.p2-recipe-card h4{font-size:var(--type-component-title);}.p2-recipe-card p{font-size:var(--type-caption);margin:8px 0 16px;color:#6f5c4b;}.p2-recipe-card button{padding:10px 14px;min-height:44px;}
.p2-ai-component{background:#eaf2e3;padding:28px;border-radius:14px;color:#37542d;}.p2-ai-component>b{font-size:26px;}.p2-ai-component p{margin:14px 0 24px;font-size:var(--type-body);}.p2-ai-component dl>div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:12px 0;border-top:1px solid #cbd8c2;font-size:var(--type-caption);}.p2-ai-component dt{font-weight:700;font-size:var(--type-label);}
.p2-gallery{display:grid;grid-template-columns:1.4fr 1fr .65fr;gap:28px;align-items:start;}.p2-gallery img{width:100%;aspect-ratio:1.15/1;object-fit:cover;}.p2-gallery-health img{height:245px;width:auto;max-width:100%;object-fit:contain;}.p2-gallery figcaption b{display:block;font-size:var(--type-body);margin-bottom:8px;}
.p2-brand-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;}.p2-brand-lockup{display:flex;gap:18px;align-items:center;margin-bottom:32px;}.p2-brand-lockup img{width:64px;}.p2-brand-lockup b{display:block;font-size:24px;}.p2-brand-lockup span{font-size:var(--type-caption);}.p2-brand-grid h4{font-size:var(--type-component-title);}.p2-brand-grid p{font-size:var(--type-body);color:#66523f;margin:22px 0;}
.p2-character-states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px;}.p2-character-states span{font-size:var(--type-caption);border-top:1px solid var(--p2-line);padding-top:16px;}.p2-character-states b{display:block;font-size:18px;}.p2-brand-signature{font-size:var(--type-label)!important;font-weight:700;}
.p2-character>img{width:280px;margin:auto;mix-blend-mode:multiply;}.p2-character>figcaption{text-align:center;font-size:var(--type-caption);}.p2-character>div{display:flex;align-items:center;gap:16px;margin-top:24px;}.p2-character>div img{width:95px;mix-blend-mode:multiply;}.p2-character>div p{font-size:var(--type-caption);}
#states.phase-two{background:#f5f7f1;}.p2-permission{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:34px 0 60px;}.p2-permission h3{font-size:var(--type-h3);margin:16px 0;}.p2-permission p{max-width:500px;color:#5c614f;}
.p2-principle{display:grid;grid-template-columns:.65fr 1.35fr;gap:48px;padding:54px 0;border-top:1px solid #ced6c5;}.p2-principle-heading>span{font-size:var(--type-label);font-weight:750;color:#426538;}.p2-principle-heading h3{font-size:var(--type-h3);margin:18px 0;}.p2-principle-heading p{font-size:var(--type-body);color:#5b6350;}
.p2-state-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;}
#states.phase-two .state{display:block;padding:0!important;border:0!important;background:transparent;box-shadow:none;border-radius:0;min-height:0;}
#states.phase-two .state-demo{height:210px;min-height:0;width:100%;max-width:100%;border-radius:12px;background:#fffaf3;border:1px solid #dbd8cc;box-shadow:none;overflow:hidden;}
#states.phase-two .state-index{display:none;}#states.phase-two .state h4{font-size:var(--type-component-title);margin:16px 0 8px;}#states.phase-two .state p{font-size:var(--type-caption);color:#60634f;min-height:0;line-height:1.8;margin:0;}
#states.phase-two .state-demo b{min-width:0;}#states.phase-two .state-demo small{color:#6a6054;}
.p2-status-demo>p{font-size:var(--type-caption);color:#59634e;margin-top:22px;}.p2-status-demo h4{font-size:var(--type-component-title);margin-bottom:20px;}
#p2-ai-status{padding:16px 0;border-top:1px solid #cbd5c0;font-size:18px;color:#2b613d;font-weight:700;}
.p2-confidence-row,.p2-correction-row{padding:14px 0;border-bottom:1px solid #cbd5c0;}.p2-confidence-row>div{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;}.p2-confidence-row small{font-size:var(--type-label);color:#4b6541;}.p2-confidence-row button,.p2-correction-row button{font-size:var(--type-caption);padding:10px 14px;min-height:44px;border:1px solid #91a180;background:#fcfcf7;color:#3a5430;margin-right:8px;}
.p2-correction-row label{font-size:var(--type-caption);color:#4f5b42;}.p2-correction-row input{margin:6px 0 12px;}.p2-confidence-row.confirmed{background:#e9f1e1;}
.p2-trust-factors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0;}.p2-trust-factors dt{font-weight:700;font-size:var(--type-body);}.p2-trust-factors dd{font-size:var(--type-caption);color:#5a614e;}
.p2-feedback-loop{border-top:1px solid #ced6c5;padding-top:50px;}.p2-feedback-loop>header{max-width:760px;margin-bottom:36px;}.p2-feedback-loop h3{font-size:var(--type-h3);}.p2-feedback-loop header p{margin-top:20px;color:#5b6350;}.p2-feedback-loop .p2-state-pair{max-width:820px;}
@media(max-width:1100px){.p2-container{width:calc(100% - 64px);}.p2-split{gap:40px;}.p2-recommend-intro{grid-template-columns:1fr 1.2fr;}.p2-recommend-intro>.p2-label{grid-column:1/-1;}.p2-recommend-example{gap:30px;padding:28px;}.p2-facts{grid-template-columns:repeat(2,minmax(0,1fr));}.p2-execution{gap:36px;}.p2-voice{padding:28px;}.p2-colors{grid-template-columns:repeat(4,minmax(0,1fr));}.p2-gallery{grid-template-columns:1fr 1fr;}.p2-gallery-health{display:flex;gap:24px;grid-column:1/-1;}.p2-gallery-health img{height:230px;}.p2-brand-grid{gap:40px;}.p2-principle{grid-template-columns:1fr;gap:30px;}.p2-principle-heading{max-width:680px;}.p2-state-pair{gap:32px;}#p2-explore-panel{gap:30px;}}
@media(max-width:800px){#screens.phase-two,#ui-exploration.phase-two,#system.phase-two,#states.phase-two{padding:76px 0;}.p2-split,.p2-execution,.p2-recommend-example,.p2-brand-grid{grid-template-columns:1fr;gap:36px;}.p2-phone-scene{max-width:440px;width:100%;margin:auto;}.p2-recommend-intro{grid-template-columns:1fr;gap:18px;}.p2-recommend-example>img{aspect-ratio:2/1;}.p2-recommend,.p2-execution{margin-top:76px;}.p2-heading{margin-bottom:44px;}.p2-voice{max-width:580px;width:100%;}.p2-permission{gap:32px;}.p2-foundation-grid,.p2-component-grid{gap:32px;}.p2-component-grid{grid-template-columns:1fr;}.p2-recipe-card{max-width:520px;}.p2-judgment>div{grid-template-columns:1fr;gap:8px;}.p2-tabs{gap:20px;}.p2-tabs button{font-size:var(--type-body)!important;}.p2-wire{padding:22px;}.p2-character{max-width:420px;justify-self:center;}.p2-components,.p2-visual-language,.p2-brand{margin-top:64px;}}
@media(max-width:600px){.p2-container{width:calc(100% - 40px);}.p2-heading h2{font-size:var(--type-h2);}.p2-heading>p:last-child{font-size:var(--type-body);}.p2-sequence li{grid-template-columns:1fr;gap:8px;}.p2-recommend-example{padding:22px;}.p2-recommend-example h4{font-size:var(--type-component-title);}.p2-facts{gap:18px 14px;}.p2-facts dd{font-size:var(--type-body);}.p2-execution h3,.p2-input h3{font-size:var(--type-h3);}.p2-voice{padding:24px;}.p2-voice h4{font-size:var(--type-h3);}.p2-controls button{padding:12px 14px;}.p2-tabs{gap:0;justify-content:space-between;}.phase-two .p2-tabs button{font-size:var(--type-caption)!important;padding:16px 0;}.p2-provenance{font-size:var(--type-caption);}.p2-heading{margin-bottom:32px;}#p2-explore-panel{grid-template-columns:1fr;gap:36px;}.p2-judgment>div{padding:18px 0;}.p2-wire-card{width:100%;}.p2-final{padding-top:22px;}#ui-exploration #rationale article{grid-template-columns:28px 1fr;}#ui-exploration #rationale p{grid-column:1/-1;}.p2-foundation-grid,.p2-gallery,.p2-permission,.p2-state-pair{grid-template-columns:1fr;}.p2-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}.p2-colors i{height:68px;}.p2-spacing{gap:10px;}.p2-recipe-card{grid-template-columns:90px 1fr;padding:16px;gap:16px;}.p2-recipe-card h4{font-size:var(--type-component-title);}.p2-gallery-health{display:block;grid-column:auto;}.p2-gallery-health img{width:auto;height:300px;margin:auto;}.p2-brand-lockup img{width:50px;}.p2-brand-lockup b{font-size:21px;}.p2-brand-grid h4{font-size:var(--type-component-title);}.p2-character-states{gap:18px;}.p2-principle{padding:40px 0;}.p2-principle-heading h3{font-size:var(--type-h3);}.p2-trust-factors{grid-template-columns:1fr 1fr;gap:22px;}.p2-feedback-loop h3{font-size:var(--type-h3);}#states.phase-two .state-demo{height:210px;}#states.phase-two .state-match .state-demo,#states.phase-two .state-timer .state-demo,#states.phase-two .state-health .state-demo{padding-left:20px;}.p2-permission{padding-top:15px;padding-bottom:40px;}}
@media(prefers-reduced-motion:reduce){.phase-two *,.phase-two *:before,.phase-two *:after{animation:none!important;transition:none!important;}}

.phase-two [id]{scroll-margin-top:96px;}#ui-exploration .product-phone:before,#ui-exploration .product-phone:after{content:none;}@media(max-width:600px){.phase-two [id]{scroll-margin-top:124px;}}

.p2-execution>.p2-voice>p:not(.p2-label){color:#f3d8c2;}
#system.phase-two #mood,#system.phase-two #brand,#system.phase-two #ip{position:relative;inset:auto;width:100%;max-width:none;min-width:0;height:auto;min-height:0;aspect-ratio:auto;margin-inline:0;background:none;box-shadow:none;border-radius:0;transform:none;overflow:visible;}
#system.phase-two #mood,#system.phase-two #brand{padding:40px 0 0;}
#system.phase-two #ip{padding:0;border:0;}
#system.phase-two #mood:after,#system.phase-two #brand:after,#system.phase-two #ip:after{content:none;}