.sai-audience [hidden] { display:none !important; }
.sai-audience .sai-lp-hero { gap:clamp(32px,4vw,64px); }
.sai-audience .sai-lp-final h2 { max-width:18ch; }
.sai-audience-visual { overflow:hidden; }
.sai-audience-visual :is(strong,b) { font-weight:600; }
.sai-scene-label { color:var(--lp-accent); font-size:9px; letter-spacing:.16em; font-weight:700; }
.sai-model-scene { padding:28px 0; }
.sai-model-asset { position:relative; display:grid; justify-items:center; width:66%; margin:auto; padding:18px; border:1px solid var(--lp-line); border-radius:14px; background:var(--lp-paper); box-shadow:5px -5px 0 -1px var(--lp-surface),5px -5px 0 0 var(--lp-line),10px -10px 0 -1px var(--lp-surface),10px -10px 0 0 var(--lp-line); }
.sai-model-art { display:grid; place-items:center; width:76px; height:76px; margin:14px 0; border:1px solid light-dark(#edc99f,#947145); border-radius:20px; color:var(--lp-accent); background:radial-gradient(ellipse at top,light-dark(#ffe3bd,#765938),transparent); }
.sai-model-art svg { width:44px; height:44px; stroke-width:1.1; }
.sai-model-asset > strong { font-size:15px; letter-spacing:-.025em; }.sai-model-asset > span:last-child { color:var(--lp-muted); font-size:10px; margin-top:2px; }
.sai-scene-connector { display:flex; align-items:center; justify-content:center; height:42px; color:var(--lp-accent); }.sai-scene-connector svg { width:18px; height:18px; transform:rotate(90deg); }
.sai-rights-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 16px; border:1px solid var(--lp-line); border-radius:9px; background:var(--lp-paper); font-size:11px; }.sai-rights-row > span { display:flex; align-items:center; gap:9px; }.sai-rights-row svg { width:17px; height:17px; color:var(--lp-accent); }.sai-rights-row b { color:var(--lp-accent); font-size:10px; }
.sai-serving-targets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding-top:20px; }.sai-serving-targets > div { position:relative; display:flex; flex-direction:column; align-items:center; padding:16px 5px; border:1px solid var(--lp-line); border-radius:10px; background:var(--lp-surface); text-align:center; }.sai-serving-targets > div::before { content:''; position:absolute; top:-20px; height:19px; width:1px; background:var(--lp-line); }.sai-serving-targets svg { color:var(--lp-accent); width:22px; height:22px; margin-bottom:10px; }.sai-serving-targets strong { font-size:10px; line-height:1.4; }.sai-serving-targets span { margin-top:4px; color:var(--lp-muted); font-size:8px; line-height:1.5; }.sai-serving-targets.is-private > div:not(:last-child) { border-style:dashed; }.sai-serving-targets.is-private > div:not(:last-child) svg { color:var(--lp-muted); }.sai-serving-targets.is-private > div:last-child { border-color:var(--lp-accent); background:var(--lp-raised); }
.sai-compute-scene { padding:28px 0; }.sai-compute-devices { display:grid; gap:12px; }.sai-compute-device { display:flex; align-items:center; gap:12px; padding:20px 16px; border:1px solid var(--lp-line); border-bottom-width:3px; border-radius:9px; background:var(--lp-paper); }.sai-compute-device > svg { color:var(--lp-accent); }.sai-compute-device > span { font-size:12px; font-weight:550; }.sai-compute-slots { display:flex; gap:4px; margin-left:auto; }.sai-compute-slots i { width:4px; height:20px; border-radius:2px; background:light-dark(#e8d9c5,#6e6251); }.sai-compute-slots i:nth-child(odd) { background:light-dark(#c57b3d,#c89856); }
.sai-compute-path { display:flex; align-items:center; justify-content:center; gap:14px; padding:22px 0; color:var(--lp-muted); font-size:9px; }.sai-compute-path i { width:38px; height:1px; background:var(--lp-accent); }
.sai-compute-network { display:flex; align-items:center; justify-content:center; gap:22px; padding:25px 10px; border:1px solid var(--lp-line); border-radius:16px; background:radial-gradient(ellipse at center,light-dark(#fff0d8,#66513444),transparent 70%),var(--lp-surface); }.sai-compute-network .sai-lp-hub-mark { width:66px; height:66px; border-radius:18px; }.sai-compute-network .sai-lp-hub-mark svg { width:44px; height:44px; }.sai-compute-network strong { display:block; font-size:21px; letter-spacing:-.04em; }.sai-compute-network span { display:block; margin-top:4px; color:var(--lp-muted); font-size:10px; }
.sai-schedule { display:flex; align-items:center; justify-content:center; gap:12px; padding-top:24px; color:var(--lp-muted); font-size:10px; }.sai-schedule i { width:3px; height:3px; border-radius:50%; background:var(--lp-accent); }
.sai-prosumer-scene { padding:28px 0; }.sai-apps-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.sai-apps-row > div { display:grid; justify-items:center; gap:10px; padding:17px 8px; border:1px solid var(--lp-line); border-radius:10px; background:var(--lp-paper); }.sai-apps-row svg { color:var(--lp-accent); width:22px; height:22px; }.sai-apps-row span { font-size:10px; font-weight:550; }
.sai-prosumer-router { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding:20px; border:1px solid light-dark(#e0bf93,#8d7046); border-radius:14px; background:var(--lp-raised); }.sai-prosumer-router .sai-lp-hub-mark { width:50px; height:50px; border-radius:13px; }.sai-prosumer-router .sai-lp-hub-mark svg { width:32px; height:32px; }.sai-prosumer-router strong { display:block; font-size:19px; letter-spacing:-.04em; }.sai-prosumer-router > div > span { display:block; color:var(--lp-muted); font-size:10px; }.sai-route-label { width:100%; margin-top:4px; padding-top:13px; border-top:1px solid var(--lp-line); font-size:9px; color:var(--lp-accent); letter-spacing:.08em; text-transform:uppercase; }
.sai-owned-device { display:flex; align-items:center; gap:18px; padding:23px 20px; border:1px solid var(--lp-line); border-bottom-width:3px; border-radius:10px; background:var(--lp-paper); }.sai-owned-device > svg { width:38px; height:38px; color:var(--lp-accent); stroke-width:1.2; }.sai-owned-device span { color:var(--lp-accent); font-size:8px; letter-spacing:.1em; }.sai-owned-device strong { display:block; font-size:16px; letter-spacing:-.025em; line-height:1.4; margin-top:4px; }.sai-owned-device small { display:block; color:var(--lp-muted); font-size:10px; margin-top:5px; }
.sai-choice-section { padding-top:clamp(72px,9vw,120px); }.sai-choice-intro { max-width:64ch; margin-top:22px !important; color:var(--lp-muted); font-size:15px; }
.sai-choice-buttons { display:flex; flex-wrap:wrap; gap:6px; width:fit-content; max-width:100%; padding:6px; margin-bottom:22px; border:1px solid var(--lp-line); border-radius:14px; background:var(--lp-surface); }.sai-choice-buttons button { border:1px solid transparent; border-radius:9px; min-height:44px; padding:11px 20px; background:transparent; color:var(--lp-muted); font:600 12px/1.4 Inter,sans-serif; cursor:pointer; transition:background-color 180ms,border-color 180ms; }.sai-choice-buttons button:hover { color:var(--lp-accent); }.sai-choice-buttons button[aria-selected=true] { background:var(--lp-raised); border-color:var(--lp-line); color:var(--lp-accent); box-shadow:0 2px 4px #00000008; }
.sai-choice-panel { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(26px,5vw,72px); padding:clamp(26px,4vw,48px); border:1px solid var(--lp-line); border-radius:22px; background:radial-gradient(ellipse at 0 0,light-dark(#fff0db,#5e492333),transparent 65%),var(--lp-surface); }.sai-choice-panel + .sai-choice-panel { margin-top:16px; }[data-choices-ready] .sai-choice-panel { margin-top:0; min-height:365px; }.sai-choice-panel:focus-visible { outline:2px solid var(--lp-accent); outline-offset:5px; }.sai-choice-tag { display:inline-flex; align-items:center; padding:5px 10px; border:1px solid var(--lp-line); border-radius:6px; color:var(--lp-accent); font-size:10px; }.sai-choice-copy h3 { font-size:clamp(26px,3vw,37px); margin-top:22px; max-width:22ch; font-weight:610; }.sai-choice-copy > p { margin-top:20px; color:var(--lp-muted); font-size:14px; line-height:1.8; }.sai-choice-route { display:flex; align-items:center; gap:12px; margin-top:28px; font-size:11px; line-height:1.5; }.sai-choice-route > span,.sai-choice-route > strong { flex:1; padding:12px; border:1px solid var(--lp-line); border-radius:8px; background:var(--lp-paper); font-weight:550; }.sai-choice-route > strong { color:var(--lp-accent); }.sai-choice-route i { display:flex; color:var(--lp-accent); }.sai-choice-route svg { width:18px; height:18px; }
.sai-choice-facts { display:flex; flex-direction:column; justify-content:center; margin:0; padding:0; }.sai-choice-facts > div { padding:20px 0; border-bottom:1px solid var(--lp-line); }.sai-choice-facts > div:first-child { padding-top:0; }.sai-choice-facts > div:last-child { border:0; padding-bottom:0; }.sai-choice-facts dt { color:var(--lp-muted); font-size:11px; }.sai-choice-facts dd { margin:8px 0 0; font-size:15px; font-weight:550; line-height:1.6; }
.sai-route-boundary { display:flex; align-items:flex-start; gap:14px; margin-top:24px; padding:22px 26px; border-left:2px solid var(--lp-accent); background:var(--lp-raised); border-radius:0 10px 10px 0; }.sai-route-boundary > svg { color:var(--lp-accent); width:20px; height:20px; margin-top:3px; }.sai-route-boundary p { font-size:12px; color:var(--lp-muted); line-height:1.8; }.sai-route-boundary strong { color:var(--lp-ink); font-weight:600; }
.sai-audience-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); align-items:center; gap:clamp(32px,8vw,100px); padding-top:clamp(72px,9vw,120px); }.sai-audience-story h2 { margin-top:18px; max-width:20ch; font-size:clamp(30px,3.3vw,46px); }.sai-audience-story > div > p:last-child { margin-top:24px; color:var(--lp-muted); font-size:15px; }.sai-audience-story ol { margin:0; padding:0; list-style:none; }.sai-audience-story li { display:flex; gap:20px; align-items:center; padding:23px 0; border-bottom:1px solid var(--lp-line); }.sai-audience-story li > span { display:grid; place-items:center; flex:none; width:35px; height:35px; border:1px solid var(--lp-line); border-radius:50%; color:var(--lp-accent); font-size:10px; }.sai-audience-story li strong { font-size:14px; font-weight:550; }.sai-audience-story li svg { width:16px; height:16px; color:var(--lp-accent); margin-left:auto; }
@media (max-width:850px) { .sai-choice-panel { gap:30px; }.sai-audience .sai-lp-hero { gap:40px; } }
@media (max-width:600px) {
  .sai-model-asset { width:76%; }.sai-model-art { width:62px; height:62px; }.sai-serving-targets { gap:6px; }.sai-serving-targets strong { font-size:9px; }.sai-serving-targets span { font-size:8px; }.sai-serving-targets > div { padding:12px 4px; }.sai-rights-row { padding-inline:12px; }
  .sai-compute-device { gap:10px; padding:16px 12px; }.sai-compute-device > span { font-size:10px; }.sai-compute-slots { gap:3px; }.sai-compute-slots i { width:3px; }.sai-compute-network { gap:16px; }.sai-compute-network strong { font-size:17px; }.sai-compute-network span { font-size:9px; }.sai-compute-network .sai-lp-hub-mark { width:52px; height:52px; }.sai-compute-network .sai-lp-hub-mark svg { width:34px; height:34px; }
  .sai-apps-row { gap:6px; }.sai-apps-row span { font-size:9px; }.sai-apps-row > div { padding:14px 4px; }.sai-prosumer-router { padding:16px; gap:12px; }.sai-prosumer-router > div > span { font-size:9px; }.sai-owned-device { padding:18px 13px; gap:12px; }.sai-owned-device strong { font-size:14px; }.sai-owned-device > svg { width:29px; height:29px; }
  .sai-choice-section,.sai-audience-story { padding-top:64px; }.sai-choice-intro { font-size:14px; }.sai-choice-buttons { width:100%; }.sai-choice-buttons button { flex:1 1 auto; padding:11px 12px; font-size:11px; }.sai-choice-panel { grid-template-columns:1fr; padding:24px 20px; gap:24px; border-radius:16px; }.sai-choice-copy h3 { font-size:28px; }.sai-choice-copy > p { font-size:13px; }.sai-choice-route { font-size:10px; gap:8px; }.sai-choice-route > span,.sai-choice-route > strong { padding:10px; }.sai-choice-facts { border-top:1px solid var(--lp-line); padding-top:24px; }.sai-choice-facts dd { font-size:13px; }.sai-choice-facts > div { padding-block:16px; }.sai-route-boundary { padding:18px 15px; gap:10px; }.sai-route-boundary p { font-size:11px; }.sai-audience-story { grid-template-columns:1fr; gap:24px; }.sai-audience-story > div > p:last-child { font-size:14px; }.sai-audience-story li { padding-block:18px; gap:14px; }.sai-audience-story li strong { font-size:13px; }
}