/* E2: K1 visual fidelity corrections. Loaded only on home and technology. */
body[data-page=home] .home-hero{grid-template-columns:1fr 1.36fr!important;gap:24px!important;padding:44px 0 24px;align-items:center}
body[data-page=home] .home-hero h1{font-size:clamp(38px,3.7vw,56px)!important;letter-spacing:-.04em}
body[data-page=home] .home-hero .lead{font-size:17px;line-height:1.85}
body[data-page=home] .hero-canvas{aspect-ratio:1.22}
body[data-page=home] .hero-product{width:70%;left:1%;bottom:16%}
body[data-page=home] .hero-halo{inset:0 4% 4%;background:radial-gradient(ellipse at 54% 43%,#bdd8ffb0,#d7e8ff90 43%,#e8efff60 65%,transparent 72%)}
body[data-page=home] .hero-pedestal{left:2%;right:24%;height:13%;bottom:13%;box-shadow:0 22px 25px #3b65a322}
body[data-page=home] .hero-input{left:1%;top:0;font-size:14px}
body[data-page=home] .hero-nodes{top:20%;right:0;width:28%;gap:14px}
body[data-page=home] .hero-nodes .pill{font-size:14px;padding:12px;min-height:52px}
body[data-page=home] .hero-answer{top:auto;bottom:25%;left:-2%;right:auto;max-width:43%;margin:0;padding:12px 16px;text-align:left;border-radius:16px 16px 3px 16px;font-size:14px;line-height:1.5;box-shadow:0 8px 24px #386aca28}
body[data-page=home] .hero-answer:after{content:"";position:absolute;right:-7px;top:12px;width:12px;height:12px;background:white;border-top:1px solid #d7e7ff;border-right:1px solid #d7e7ff;transform:rotate(45deg)}
.response-speaker{display:block;font-size:10px;font-weight:600;letter-spacing:.05em;color:#576d90;margin-bottom:3px}
body[data-page=home] .hero-roles{bottom:1%;left:0;right:0;gap:9px}
body[data-page=home] .hero-roles .pill{min-height:44px;font-size:12px}
body[data-page=home] .visual-note{bottom:-3.5%}
body[data-page=home] .hero-toolbar{margin-top:31px;padding-top:10px}
body[data-page=home] .hero-caption{min-height:22px;margin:7px 0 0}
body[data-page=home] .hero-toolbar .icon-button{width:44px;height:44px}
body[data-page=home] .hero-stage[data-phase="1"] .hero-input{box-shadow:0 0 0 5px #2463eb10,0 7px 20px #2463eb20}
body[data-page=home] .hero-stage[data-phase="2"] .hero-lines{stroke:#2463eb;stroke-width:2}
body[data-page=home] .hero-stage[data-phase="3"] .answer-line{stroke:#2463eb;stroke-width:2.5;filter:drop-shadow(0 0 3px #478aff88)}
body[data-page=home] .practice-summary{padding:40px 0 56px}
body[data-page=home] .practice-summary .section-head{margin-bottom:24px}
body[data-page=home] #practice .editorial{grid-template-columns:190px 1fr;gap:36px;align-items:center}
body[data-page=home] #practice .media{border:0;border-radius:15px;background:#eef4fe}
body[data-page=home] #practice .media img{aspect-ratio:1;object-fit:cover;object-position:center 25%;transform:scale(1.09)}
body[data-page=home] #practice figcaption{position:relative;font-size:12px;text-align:center}
body[data-page=home] #practice .editorial h3{font-size:27px;margin-top:5px}
body[data-page=home] #practice .editorial p{max-width:800px;margin-top:10px}
body[data-page=home] #practice .button{margin-top:15px}
body[data-page=home] #platform{padding:56px 0 66px}
.home-relation{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(200px,.76fr) minmax(260px,1.25fr);gap:44px;align-items:center;position:relative}
.home-scene{margin:0;min-width:0;position:relative;align-self:center}
.home-scene img{width:100%;aspect-ratio:1.05;object-fit:cover;border-radius:16px;border:1px solid #d7e4f4}
.home-scene figcaption{font-size:12px;margin-top:9px}
.home-scene:after{content:"";position:absolute;right:-24px;top:calc(50% - 14px);width:24px;border-top:1.5px solid #689cff}
.home-branches{position:relative}
.home-branches:before{content:"";position:absolute;left:-20px;top:38px;bottom:38px;border-left:1.5px solid #91b4f5}
.home-branches .choice-list{padding:0;gap:12px}
.home-branches .choice-list button{padding:13px 12px;min-height:60px;font-size:15px;border-radius:30px;background:#f5f8ff;border:1px solid #e2eafb}
.home-branches .choice-list button:after{content:"";position:absolute;left:-21px;width:20px;top:50%;border-top:1.5px solid #91b4f5}
.home-branches .choice-list button[aria-pressed=true]{border-color:#b3ccfa;box-shadow:0 6px 18px #376dc512;background:linear-gradient(110deg,#e2edff,#f5f9ff)}
.home-branches .choice-list button[aria-pressed=true]:before{display:none}
.home-branches .choice-list button>.icon:first-child{width:23px;height:23px}
.home-relation .cap-panels{border:0;border-left:1px solid #ceddf5;padding:16px 0 16px 30px;border-radius:0;background:none;box-shadow:none;min-height:330px;display:flex;flex-direction:column;justify-content:center}
.home-relation .cap-explanation{border:0;padding:0;margin:0}
.home-relation .cap-explanation h3{font-size:27px;color:#155be0;line-height:1.5}
.home-relation .cap-explanation p{font-size:15px;line-height:1.85;margin-top:17px}
.home-result-path{list-style:none;padding:0;display:flex;align-items:stretch;gap:18px;margin:26px 0 14px}
.home-result-path li{flex:1;min-width:0;font-size:12px;text-align:center;padding:13px 8px;background:#f1f6ff;border:1px solid #d8e7fd;border-radius:9px;position:relative;color:#345987;line-height:1.6;display:grid;place-items:center}
.home-result-path li:not(:last-child):after{content:"→";position:absolute;right:-16px;color:#548bec}
.home-relation .cap-link{margin-top:10px}
body[data-page=technology] .intro{padding:40px 0 40px;min-height:250px}
body[data-page=technology] .intro .eyebrow{margin-bottom:18px}
body[data-page=technology] .intro h1{font-size:clamp(38px,4.3vw,58px);line-height:1.25}
body[data-page=technology] .intro .lead{max-width:780px;font-size:17px;margin-top:18px}
body[data-page=technology] .intro .actions{position:absolute;right:0;bottom:43px;margin:0}
body[data-page=technology] #system{padding:30px 0 52px;border-top:0}
body[data-page=technology] #system .section-head{margin-bottom:28px}
body[data-page=technology] .cap-panels{background:radial-gradient(ellipse at 64% 20%,#d4e7ff8c,transparent 80%),linear-gradient(140deg,#eff5ff,#fbfdff);min-height:400px;padding:26px 30px 22px}
body[data-page=technology] .cap-visual{min-height:248px}
body[data-page=technology] .tactile-art{height:166px;margin:12px auto 6px}
body[data-page=technology] .tactile-art .system-object{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 8px 9px #477bba20);position:relative;z-index:1}
body[data-page=technology] .tactile-art .mini-product{height:160px;width:160px}
body[data-page=technology] .tactile-art:after{height:27px;bottom:0;width:140px;background:linear-gradient(#fff 25%,#d9e6fc);box-shadow:0 12px 15px #4671ac19}
body[data-page=technology] .natural-node:not(:last-child):after{top:48%;color:#377aef}
body[data-page=technology] .node-sub{font-size:13px}
body[data-page=technology] .cap-explanation{margin-top:18px;padding-top:20px}
body[data-page=technology] .system-boundary{width:95%;max-width:95%;border-color:#76a4f8}
.identity-relation{min-height:370px;position:relative;background:radial-gradient(ellipse at 40% 35%,#d2e7ff,#f2f7ff 70%);padding:0;overflow:hidden}
.identity-relation img.identity-object{position:absolute;width:54%;height:310px;left:1%;top:15px;object-fit:contain;aspect-ratio:auto;filter:drop-shadow(0 10px 10px #5181bb1a)}
.identity-lines{position:absolute;inset:0;width:100%;height:340px;fill:none;stroke:#4d8deb;stroke-width:1.7}
.identity-lines circle{fill:#e7f2ff;stroke:#3f82e8}
.identity-relation .avatar-labels{top:48px;bottom:71px;right:3%;width:42%;max-width:none;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.identity-relation .avatar-labels .pill{font-size:14px;min-height:47px;position:relative}
.identity-relation figcaption{position:absolute;bottom:0;left:0;right:0;border:0;background:transparent;text-align:center;font-size:12px;padding:10px}
.connected-actions li{position:relative}
.action-index{display:block;font-size:13px;color:#5378af;letter-spacing:.08em;margin-bottom:10px}
body[data-page=technology] #actions .sequence li:not(:last-child):after{top:58px}
.outcome-branch{display:flex;gap:12px;align-items:center;margin:0 0 20px 52%;color:#4d7ac0;border-left:1px solid #aac7f6;padding:4px 0 4px 17px}
.outcome-branch>span{font-size:27px}
.outcome-branch p{margin:0;background:#f1f6ff;border:1px solid #dce7fa;padding:10px 17px;border-radius:24px;font-size:14px;color:#476186}
@media(max-width:1200px) and (min-width:801px){body[data-page=home] .home-hero h1{font-size:43px!important}.home-relation{gap:30px;grid-template-columns:.85fr .85fr 1.2fr}.home-scene:after{right:-15px;width:15px}.home-branches:before{left:-15px}.home-branches .choice-list button:after{left:-16px;width:15px}.home-relation .cap-explanation h3{font-size:23px}.home-result-path{gap:12px}.home-result-path li{font-size:11px;padding:12px 5px}.home-result-path li:not(:last-child):after{right:-11px}body[data-page=technology] .intro .lead{max-width:65%}body[data-page=technology] .tactile-art .system-object{width:125px;height:145px}body[data-page=technology] .tactile-art .mini-product{width:130px;height:145px}body[data-page=technology] .tactile-art:after{width:112px}}
@media(max-width:1060px){body[data-page=home] .hero-nodes .pill{font-size:12px;padding:10px 8px}body[data-page=home] .hero-answer{font-size:12px;padding:9px 13px}body[data-page=home] .hero-roles .pill{font-size:11px}body[data-page=home] .home-hero h1{font-size:40px!important}}
@media(max-width:800px){body[data-page=home] .home-hero{grid-template-columns:1fr!important;padding-top:42px;gap:35px!important}body[data-page=home] .home-hero h1{font-size:44px!important}body[data-page=home] .hero-stage{max-width:680px;width:100%;margin:auto}body[data-page=home] .hero-answer{font-size:14px}body[data-page=home] .hero-nodes .pill{font-size:14px}body[data-page=home] #practice .editorial{grid-template-columns:150px 1fr;gap:24px}.home-relation{grid-template-columns:1fr 1fr;gap:28px 36px}.home-scene{grid-column:1;grid-row:1}.home-branches{grid-column:2;grid-row:1}.home-scene:after{width:20px;right:-20px}.home-branches:before{left:-16px}.home-branches .choice-list button:after{width:16px;left:-17px}.home-relation .cap-panels{grid-column:1/-1;border-left:0;border-top:1px solid #ceddf5;min-height:230px;padding:25px 0 0}.home-result-path{max-width:540px}.home-relation .cap-explanation h3{font-size:26px}body[data-page=technology] .intro .actions{position:static;margin-top:24px}body[data-page=technology] .intro .lead{max-width:100%}body[data-page=technology] .intro{padding:42px 0 30px}body[data-page=technology] .tactile-art .system-object{width:135px;height:145px}.identity-relation{min-height:390px}.identity-relation img.identity-object{height:320px}.identity-lines{height:360px}}
@media(max-width:600px){body[data-page=home] .home-hero{padding:30px 0 22px;gap:28px!important}body[data-page=home] .home-hero h1{font-size:36px!important;line-height:1.28}body[data-page=home] .home-hero .lead{font-size:16px}body[data-page=home] .home-hero .eyebrow{font-size:12px;margin-bottom:20px}body[data-page=home] .home-hero .actions{margin-top:25px}body[data-page=home] .hero-canvas{aspect-ratio:1.08}body[data-page=home] .hero-product{width:79%;left:-4%;bottom:19%}body[data-page=home] .hero-nodes{width:31%;top:22%;gap:10px}body[data-page=home] .hero-nodes .pill{font-size:11px;min-height:44px;padding:8px 7px;gap:5px}body[data-page=home] .hero-nodes .icon{width:16px;height:16px}body[data-page=home] .hero-input{font-size:12px;padding:9px 12px;left:0;top:1%}body[data-page=home] .hero-answer{font-size:12px;max-width:55%;bottom:24%;left:0;padding:8px 12px}.response-speaker{font-size:9px;margin-bottom:1px}body[data-page=home] .hero-pedestal{left:0;right:24%;bottom:16%;height:12%}body[data-page=home] .hero-roles{bottom:1%;gap:6px}body[data-page=home] .hero-roles .pill{font-size:10px;padding:8px 5px;min-height:43px;gap:4px}body[data-page=home] .hero-roles .icon{width:15px;height:15px}body[data-page=home] .hero-toolbar{margin-top:24px;gap:2px}body[data-page=home] .hero-toolbar .icon-button{width:44px;height:44px}body[data-page=home] .hero-caption{font-size:11px;min-height:36px}body[data-page=home] .hero-steps button{font-size:10px;padding:6px 2px;min-height:48px}body[data-page=home] #practice{padding:35px 0 40px}body[data-page=home] #practice .editorial{grid-template-columns:96px 1fr;gap:18px}body[data-page=home] #practice .editorial h3{font-size:22px}body[data-page=home] #practice .editorial p{font-size:14px;line-height:1.85}body[data-page=home] #practice .label{font-size:11px}body[data-page=home] #practice .button{font-size:12px;min-height:44px;padding:10px 12px;gap:9px}body[data-page=home] #practice figcaption{font-size:10px;padding:7px}body[data-page=home] #platform{padding:40px 0}.home-relation{display:flex;flex-direction:column;align-items:stretch;gap:24px}.home-scene{padding-bottom:18px}.home-scene img{aspect-ratio:1.65}.home-scene:after{left:50%;top:auto;bottom:-20px;height:29px;width:1px;border:0;border-left:1.5px solid #84aaf2}.home-scene figcaption{font-size:11px}.home-branches:before{display:none}.home-branches .choice-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.home-branches .choice-list button{font-size:13px;min-height:56px;padding:10px 12px;gap:8px;border-radius:12px}.home-branches .choice-list button:after{display:none}.home-branches .choice-list button>.icon:first-child{width:20px;height:20px}.home-branches .choice-list button>.icon:last-child{display:none}.home-branches .choice-list button:last-child{grid-column:1/-1}.home-relation .cap-panels{padding:24px 0 0;min-height:0;border-top:1px solid #bed1f2}.home-relation .cap-explanation h3{font-size:25px}.home-relation .cap-explanation p{font-size:14px}.home-result-path{margin-top:22px;gap:12px;flex-wrap:wrap}.home-result-path li{flex:1 1 40%;min-height:47px;font-size:12px}.home-result-path li:not(:last-child):after{display:none}.home-result-path{counter-reset:resultStep}.home-result-path li:before{counter-increment:resultStep;content:counter(resultStep,decimal-leading-zero);color:#5784c7;display:block;font-size:10px}.home-result-path li{display:block;text-align:left;padding:10px 13px}.home-relation .cap-link{font-size:14px}body[data-page=technology] .intro{padding-top:34px;min-height:0}body[data-page=technology] .intro h1{font-size:35px!important}body[data-page=technology] .intro .lead{font-size:16px}body[data-page=technology] #system{padding:20px 0 35px}body[data-page=technology] .cap-panels{padding:22px 18px 18px;min-height:0}body[data-page=technology] .natural-node{grid-template-columns:27px 84px 1fr;gap:4px 10px;min-height:112px}body[data-page=technology] .tactile-art{height:94px;width:84px;margin:0;grid-column:2;grid-row:1/3}body[data-page=technology] .tactile-art .system-object{width:82px;height:91px}body[data-page=technology] .tactile-art .mini-product{width:88px;height:94px}body[data-page=technology] .tactile-art:after{width:75px;height:15px;bottom:0}body[data-page=technology] .natural-chain{gap:8px}body[data-page=technology] .node-top{font-size:17px}body[data-page=technology] .node-sub{font-size:13px}body[data-page=technology] .cap-explanation h3{font-size:22px}.identity-relation{min-height:305px}.identity-relation img.identity-object{height:250px;width:53%;top:16px;left:0}.identity-lines{height:285px}.identity-relation .avatar-labels{top:34px;bottom:55px;width:46%;right:2%}.identity-relation .avatar-labels .pill{font-size:11px;gap:6px;padding:9px 8px;min-height:44px}.identity-relation .avatar-labels .icon{width:18px;height:18px}.identity-relation figcaption{font-size:10px}body[data-page=technology] #actions .connected-actions{grid-template-columns:1fr;gap:0;margin:0 0 20px}body[data-page=technology] #actions .connected-actions li{display:grid;grid-template-columns:30px 56px 1fr;align-items:center;text-align:left;gap:14px;min-height:100px;padding:12px 0;font-size:19px}body[data-page=technology] #actions .connected-actions .step-icon{width:56px;height:56px;margin:0;grid-column:2}body[data-page=technology] #actions .connected-actions .step-icon .icon{width:28px;height:28px}.action-index{margin:0;font-size:12px}body[data-page=technology] #actions .connected-actions li:not(:last-child):after{content:"↓";display:block;left:63px;right:auto;top:auto;bottom:-15px;font-size:25px;color:#4b85e5;z-index:1;line-height:25px}.outcome-branch{margin:0 0 24px 24px;padding-left:13px}.outcome-branch p{font-size:13px;border-radius:12px}.outcome-branch>span{font-size:23px}:lang(en) .home-hero h1{font-size:35px!important}:lang(en) .hero-nodes .pill{font-size:10px}:lang(en) .hero-answer{max-width:56%;font-size:11px}:lang(en) .home-branches .choice-list button{font-size:12px}:lang(en) .hero-roles .pill{font-size:10px}}
@media(max-width:374px){body[data-page=home] .home-hero h1{font-size:32px!important}.home-branches .choice-list button{font-size:12px;padding:9px}.identity-relation .avatar-labels .pill{font-size:10px}body[data-page=technology] .natural-node{grid-template-columns:24px 74px 1fr;gap:4px 7px}body[data-page=technology] .tactile-art{width:74px}body[data-page=technology] .tactile-art .system-object{width:72px}body[data-page=home] #practice .editorial{grid-template-columns:1fr}body[data-page=home] #practice .media{max-width:130px}}
@media(prefers-reduced-motion:reduce){body[data-page=home] .hero-stage *{animation:none!important;transition:none!important}.home-relation .cap-panel{animation:none}}

/* E2 V05: uncertainty branches directly from execution, beside confirmation. */
body[data-page=technology] #actions .connected-actions{margin-bottom:110px}
body[data-page=technology] #actions .connected-actions li{position:relative}
.action-uncertainty{position:absolute;top:calc(100% + 19px);left:50%;width:260px;transform:translateX(-50%);padding:13px 16px;border:1px solid #d9e4f6;border-radius:12px;background:#f1f6ff;color:#516481;text-align:left;display:flex;gap:9px;align-items:flex-start}
.action-uncertainty:before{content:"";position:absolute;left:50%;top:-24px;height:23px;border-left:1px solid #7198d5}
.action-uncertainty>span{color:#457be0;font-size:20px;line-height:1.3}
.action-uncertainty p{font-size:13px;line-height:1.65;margin:0}
@media(max-width:900px) and (min-width:601px){.action-uncertainty{width:205px}}
@media(max-width:600px){body[data-page=technology] #actions .connected-actions{margin-bottom:24px}body[data-page=technology] #actions .connected-actions li:has(.action-uncertainty){padding-bottom:28px}.action-uncertainty{position:relative;top:auto;left:auto;transform:none;width:auto;grid-column:3;grid-row:2;margin:5px 0 0;padding:12px;gap:6px}.action-uncertainty:before{left:-43px;top:-22px;width:32px;height:46px;border-left:1px solid #7198d5;border-bottom:1px solid #7198d5;border-radius:0 0 0 9px}.action-uncertainty p{font-size:12px}.action-uncertainty>span{display:none}}

/* E2.1: preserve the home capsule layout while completing its control states. */
.home-branches .choice-list button:hover{background:#eaf2ff;border-color:#aac4ec;color:#194fae}
.home-branches .choice-list button[aria-pressed=true]:hover{background:linear-gradient(110deg,#dbe9ff,#edf5ff);border-color:#8eb2ea}

/* Hero CTA: a visible violet-to-blue span, with light confined to its edges. */
.home-hero .button.primary{
  background:linear-gradient(112deg,#654ce6 0%,#425dec 43%,#1768df 100%);
  background-size:115% 100%;background-position:0 50%;
  border-color:#ffffff4d;color:#fff;
  box-shadow:inset 0 1px 0 #ffffff61,inset 0 0 9px #ffffff1a,0 7px 18px #465ad238;
  font-size:16px;font-weight:600;
  transition:background-position .24s ease,box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
.home-hero .button.primary:hover{
  background-image:linear-gradient(112deg,#654ce6 0%,#425dec 43%,#1768df 100%);
  background-position:100% 50%;border-color:#ffffff70;
  box-shadow:inset 0 1px 0 #ffffff75,inset 0 0 10px #ffffff24,0 9px 23px #3c5dde45;
  transform:translateY(-1px);
}
.home-hero .button.primary:active{
  background:linear-gradient(112deg,#503ac9,#2656cd);color:#fff;
  border-color:#394bc1;box-shadow:inset 0 2px 5px #19378f45;transform:translateY(0);
}
.home-hero .button.primary:focus-visible{outline:3px solid #1b5cda;outline-offset:4px}
@media(min-width:681px){.home-hero .button.primary{min-width:220px;justify-content:space-between}}
@media(max-width:680px){.home-hero .button.primary{font-size:15px}}
@media(hover:none){.home-hero .button.primary:hover{background-position:0 50%;transform:none}}
@media(prefers-reduced-motion:reduce){.home-hero .button.primary{transition:none}.home-hero .button.primary:hover{transform:none}}
@media(max-width:600px){
 body[data-page=home] #practice .button{font-size:14px;min-height:48px;white-space:normal;text-align:left}
 :lang(en) .home-branches .choice-list button{font-size:13px}
}