/* LOOP71 / Connected customer journeys. Preserve the existing art direction. */
#loop71-connected .j-service-actions{display:flex;flex-direction:column;align-items:start;gap:20px;margin-top:28px}
#loop71-connected .j-service-actions .l-text-button{font-size:13px;text-align:left;min-height:44px}
#loop71-connected #l73-demo-content{min-height:450px;display:flex;flex-direction:column;align-items:stretch}
#loop71-connected #l73-demo-content>h3{font-size:clamp(36px,4.1cqw,64px);line-height:1.02;letter-spacing:-.06em;max-width:550px;margin:30px 0 20px}
#loop71-connected .j-home-stages{display:flex;gap:7px;flex-wrap:wrap}
#loop71-connected .j-home-stages button{border:1px solid currentColor;background:transparent;color:inherit;font-size:11px;padding:10px 14px;min-height:44px;border-radius:25px;opacity:.7}
#loop71-connected .j-home-stages button[aria-pressed=true]{background:var(--l-ai-paper);color:#271c32;border-color:var(--l-ai-paper);opacity:1}
#loop71-connected .j-home-delivery-copy{font-size:14px;line-height:1.75;max-width:520px;margin:0 0 18px;opacity:.85}
#loop71-connected .j-home-outputs{list-style:none;padding:0;margin:0 0 28px;font-size:13px;line-height:1.6}
#loop71-connected .j-home-outputs li{padding:12px 0;border-top:1px solid #c4a9dc55;display:flex;gap:13px}
#loop71-connected .j-home-outputs li:before{content:'↗';color:var(--l-violet)}
#loop71-connected #l73-demo-content>.l-sample-button{align-self:start;margin-top:auto;min-height:44px}
#loop71-connected .j-ai-planner{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;padding:55px 0 45px;border-top:1px solid #7c648e;margin-top:45px;color:var(--l-ai-paper)}
#loop71-connected .j-plan-intro h3{font-size:clamp(33px,4cqw,61px);line-height:1.04;letter-spacing:-.06em;margin:25px 0}
#loop71-connected .j-plan-intro>p{font-size:14px;line-height:1.8;max-width:360px;color:#d1c2dc}
#loop71-connected .j-plan-disclaimer{display:block;font-size:11px;line-height:1.7;max-width:340px;margin-top:28px;color:#b4a0c3}
#loop71-connected .j-plan-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;align-content:start;min-width:0}
#loop71-connected .j-plan-form>label{font-size:12px;line-height:1.6;align-self:center}
#loop71-connected .j-plan-form>select{color:#f2e8fb;background:#392949;border:1px solid #9a7fb0;border-radius:0;min-height:48px;padding:12px 30px 12px 12px;width:100%;font:inherit;font-size:12px}
#loop71-connected .j-plan-result{grid-column:1/-1;background:#d8c5eb;color:#30213c;padding:30px;margin-top:15px;border-top:3px solid var(--l-orange)}
#loop71-connected #j-plan-label{font-size:10px;letter-spacing:.08em}
#loop71-connected .j-plan-result h4{font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:18px 0 26px}
#loop71-connected .j-plan-result dl{margin:0}
#loop71-connected .j-plan-result dl>div{border-top:1px solid #ac93bf;padding:15px 0;display:grid;grid-template-columns:.6fr 1fr;gap:22px}
#loop71-connected .j-plan-result dt{font-size:11px;font-weight:700;line-height:1.7}
#loop71-connected .j-plan-result dd{font-size:12px;line-height:1.8;margin:0}
#loop71-connected .j-plan-actions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:10px}
#loop71-connected .j-plan-actions .l-text-button{color:#e9d9f6;min-height:44px;font-size:12px}
#loop71-connected .j-delivery{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding:55px 0;border-top:1px solid var(--l-line);border-bottom:1px solid var(--l-line);margin:25px 0 35px}
#loop71-connected .j-delivery h2{font-size:clamp(34px,4cqw,56px);margin:20px 0;line-height:1.04;letter-spacing:-.045em}
#loop71-connected .j-delivery>div>p{font-size:13px;line-height:1.8;max-width:400px;color:var(--l-muted)}
#loop71-connected .j-delivery-tabs{display:flex;flex-wrap:wrap;gap:7px}
#loop71-connected .j-delivery-tabs button{background:transparent;color:var(--l-ink);border:1px solid var(--l-line);padding:10px 14px;min-height:44px;font-size:12px}
#loop71-connected .j-delivery-tabs button[aria-pressed=true]{background:var(--l-ink);color:var(--l-paper)}
#loop71-connected .j-delivery-panel{margin-top:20px;background:#d8c9e7;color:#34223e;padding:30px;min-height:300px}
#loop71-connected .j-delivery-panel h3{font-size:30px;letter-spacing:-.035em;line-height:1.12;margin:0 0 18px}
#loop71-connected .j-delivery-panel p{font-size:13px;line-height:1.8}
#loop71-connected .j-delivery-panel ul{list-style:none;margin:22px 0 0;padding:0}
#loop71-connected .j-delivery-panel li{border-top:1px solid #bca4cb;padding:13px 0;font-size:12px;line-height:1.7;display:flex;gap:14px}
#loop71-connected .j-delivery-panel li:before{content:'↗'}
#loop71-connected .j-delivery-note{font-size:11px!important;margin-top:15px}
#loop71-connected .j-related{padding:20px 0 35px}
#loop71-connected #j-related-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
#loop71-connected #j-related-links a{padding:14px 19px;border:1px solid var(--l-line);font-size:13px;border-radius:28px;min-height:44px;transition:background .2s,color .2s}
#loop71-connected #j-related-links a:hover{background:var(--l-ink);color:var(--l-paper)}
#loop71-connected #j-context{min-height:180px;font-size:13px}
#loop71-connected .j-footer-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 25px;border-top:1px solid var(--l-line);padding-top:25px;width:100%}
#loop71-connected .j-footer-nav a{min-height:44px;display:flex;align-items:center;font-size:12px}
#loop71-connected .l-footer{flex-wrap:wrap}
#loop71-connected #j-ai-path-request{grid-column:1/-1;justify-self:start;margin-top:8px;font-size:13px;min-height:44px}
#loop71-connected .j-lab-bridge{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 25px;background:var(--l-paper);color:var(--l-ink);border-top:1px solid var(--l-line)}
#loop71-connected .j-lab-bridge p{font-size:12px;line-height:1.8;max-width:430px;margin:0}
#loop71-connected .j-lab-bridge button{font-size:12px;min-height:44px;text-align:left}
#loop71-connected .j-control-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}
#loop71-connected .j-control-row label{display:flex;flex-direction:column;gap:10px;font-size:12px;line-height:1.5}
#loop71-connected .j-control-row select,#loop71-connected .j-control-row input{width:100%;min-height:44px;border:1px solid currentColor;border-radius:0;padding:10px;background:#fff9;color:#392b43;font:inherit}
#loop71-connected .j-cart{padding:22px;background:#eee7dc;color:#4a3730;border-top:1px solid #c2afa1;display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#loop71-connected .j-cart p{font-size:12px;line-height:1.7;margin:0}
#loop71-connected .j-cart button{font-size:12px;min-height:44px;background:transparent;color:inherit;border:1px solid currentColor;padding:10px 15px}
#loop71-connected .j-app-focus{display:block;font-size:11px;line-height:1.7;margin:20px 0 10px}
#loop71-connected #j-app-focus{max-width:100%;min-height:44px;width:100%;background:#fbf3e8;color:#694c39;border:1px solid #b49b7e;padding:10px;font:inherit;font-size:12px}
#loop71-connected .j-release-detail{padding:20px;border:1px solid #918797;font-size:13px;line-height:1.8;margin-top:20px}
#loop71-connected .j-release-detail strong{font-size:16px;display:block;margin-bottom:10px}
#loop71-connected .j-game-scope{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:35px 0;border-top:1px solid var(--l-line);margin-top:45px}
#loop71-connected .j-game-scope h2{font-size:35px;line-height:1.1;letter-spacing:-.04em}
#loop71-connected .j-game-scope p{font-size:13px;line-height:1.8;margin-top:16px;color:var(--l-muted)}
#loop71-connected .j-game-scope .j-control-row{margin:0;grid-template-columns:1fr}
#loop71-connected .j-game-scope select{background:var(--l-paper);color:var(--l-ink);border-color:var(--l-line)}
/* Reset the inherited sample-phone specificity in the textual case outline. */
#loop71-connected .x-page .l-case-stage .l-case-interface{background:transparent;color:var(--l-ink);transform:none}
#loop71-connected .x-page .l-case-stage .l-case-interface:before,#loop71-connected .x-page .l-case-stage .l-case-interface:after{display:none}
#loop71-connected .x-page .l-case-stage .l-case-view-controls button{color:var(--l-ink);border-color:var(--l-line)}
#loop71-connected .x-page .l-case-stage .l-case-view-controls button[aria-pressed=true]{background:var(--l-ink);color:var(--l-paper);border-color:var(--l-ink)}
#loop71-connected .r-work-viewport{flex-wrap:wrap}
#loop71-connected .r-work-viewport>span{color:#705d78}
#loop71-connected :is(.j-ai-planner,.j-delivery,.j-game-scope)>div{min-width:0}
#loop71-connected :is(.j-plan-result,.j-delivery-panel,.j-home-outputs){overflow-wrap:anywhere}
#loop71-connected :is(.j-home-stages,.j-plan-actions,.j-delivery-tabs,.j-lab-bridge) button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
#loop71-connected.motion-paused :is(.j-home-stages,.j-delivery,.j-ai-planner,.j-related) *{transition:none!important;animation:none!important}
@container(max-width:850px){
 #loop71-connected .j-ai-planner,#loop71-connected .j-delivery{grid-template-columns:1fr;gap:30px}
 #loop71-connected .j-plan-intro>p,#loop71-connected .j-plan-disclaimer{max-width:100%}
 #loop71-connected .j-ai-planner{padding-top:35px}
 #loop71-connected .j-delivery{padding:35px 0}
 #loop71-connected .j-plan-intro h3{font-size:43px}
}
@container(max-width:600px){
 #loop71-connected #l73-demo-content{min-height:450px}
 #loop71-connected #l73-demo-content>h3{font-size:39px;line-height:1.06}
 #loop71-connected .j-home-stages{gap:6px}
 #loop71-connected .j-home-stages button{font-size:10px;padding:10px}
 #loop71-connected .j-home-delivery-copy{font-size:13px}
 #loop71-connected .j-home-outputs li{font-size:12px}
 #loop71-connected .j-plan-form{grid-template-columns:1fr;gap:10px}
 #loop71-connected .j-plan-form>label{margin-top:10px}
 #loop71-connected .j-plan-form>select{font-size:14px}
 #loop71-connected .j-plan-intro h3{font-size:37px}
 #loop71-connected .j-plan-result{padding:25px 20px}
 #loop71-connected .j-plan-result h4{font-size:28px}
 #loop71-connected .j-plan-result dl>div{grid-template-columns:1fr;gap:6px}
 #loop71-connected .j-plan-result dd{font-size:13px}
 #loop71-connected .j-plan-actions{align-items:start;flex-direction:column;gap:12px}
 #loop71-connected .j-delivery-panel{padding:25px 20px}
 #loop71-connected .j-delivery-panel h3{font-size:28px}
 #loop71-connected .j-delivery-tabs button{font-size:11px;padding:10px 12px}
 #loop71-connected .j-related a{font-size:12px!important}
 #loop71-connected .j-footer-nav{gap:8px 20px}
 #loop71-connected .j-control-row,#loop71-connected .j-game-scope{grid-template-columns:1fr}
 #loop71-connected .j-lab-bridge{padding:20px}
}
@media(prefers-reduced-motion:reduce){#loop71-connected :is(.j-home-stages,.j-delivery,.j-ai-planner,.j-related) *{transition:none!important;animation:none!important}}