:root{--hero-bottom-space:48px;--powered-logo-width:90px;--powered-logo-height:19px;--powered-logo-gap:9px;--clanexe-purple:#5b57b2;--purple-light:#d1c9ee;--primary-soft:#f2f1fa;--primary-dark:#3f3c80;--ink:#292633;--muted:#777280;--line:#e3dfe9;--white:#fff;--paper:#faf9f6;--dark:#252236;--dark-deep:#1c1929;--dark-line:#ffffff24;--dark-muted:#bdb4cc;--glass:#ffffff0b;--cream:#f4f0e8;--mint:#a6c8b8;--hero-glow:#8070ab33;--shadow:0 12px 44px #30274509,0 2px 6px #30274504;--hero-shadow:0 30px 60px #15111d40;--radius:22px;--radius-sm:12px;--pill:100px;--pad:clamp(24px,5.4vw,110px);--section:clamp(64px,7vw,120px);--font:'Noto Sans JP','Hiragino Sans',-apple-system,BlinkMacSystemFont,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block;object-fit:contain}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--purple-light);outline-offset:5px}p{line-height:1.95}small{font-size:10px}.reviewbar{display:flex;gap:25px;align-items:center;padding:10px var(--pad);background:var(--primary-soft);color:var(--muted);font-size:10px}.reviewbar span{margin-right:auto}.header{height:88px;display:flex;align-items:center;gap:24px;padding:0 var(--pad);background:var(--dark);color:var(--white)}.brand{display:inline-flex;align-items:center;gap:4px;font-family:'Helvetica Neue',Arial,sans-serif;font-weight:300;font-size:30px;letter-spacing:-.04em}.brand img{width:42px;height:42px}.header .brand img{filter:brightness(0) invert(1)}.powered{display:inline-flex;align-items:center;gap:var(--powered-logo-gap);white-space:nowrap;border-left:1px solid var(--dark-line);padding-left:20px;font-size:9px;color:var(--dark-muted)}.powered img{width:var(--powered-logo-width);height:var(--powered-logo-height);filter:brightness(0) invert(1);flex:none}.header nav{margin-left:auto;display:flex;gap:28px;font-size:11px;color:var(--dark-muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border:0;border-radius:var(--pill);padding:18px 25px;background:var(--clanexe-purple);color:var(--white);font-size:13px;font-weight:500;line-height:1.4;transition:transform .2s var(--ease),background .2s}.button:hover{transform:translateY(-2px);background:var(--primary-dark)}.button span{font-size:18px}.button.compact{padding:11px 19px;font-size:11px;gap:24px}.header .button{background:var(--glass);border:1px solid var(--dark-line)}.button.light{background:var(--cream);color:var(--dark)}.button.light:hover{background:var(--white)}.hero{background:radial-gradient(ellipse at 80% 38%,var(--hero-glow),transparent 55%),var(--dark);color:var(--white);position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:690px;padding:48px var(--pad) var(--hero-bottom-space);align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:500}.hero .eyebrow{color:var(--dark-muted);margin-bottom:26px}.hero h1{font-size:clamp(42px,4.5vw,76px);line-height:1.4;letter-spacing:-.05em;font-weight:400}.hero h1 em{font-style:normal;color:var(--purple-light);white-space:nowrap}.hero-lead{font-size:16px;margin-top:24px;color:var(--cream)}.intro{font-size:13px;color:var(--dark-muted);margin-top:13px}.actions{display:flex;align-items:center;gap:26px;margin-top:30px}.quiet-link{font-size:11px;display:flex;gap:20px;align-items:center}.hero-art{height:490px;position:relative;isolation:isolate;min-width:0}.tiny{font-size:9px;letter-spacing:.1em;color:var(--muted)}
.section-kicker{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;color:var(--muted)}.future{padding:var(--section) var(--pad) 0;background:var(--paper);overflow:hidden}.future-body{text-align:center;padding:62px 0 20px}.serif{font:italic 24px Georgia,serif;color:var(--clanexe-purple);margin-bottom:26px}.future h2{font-size:clamp(29px,3.4vw,55px);line-height:1.6;letter-spacing:-.045em;margin-bottom:25px}.future-body>p:not(.serif){font-size:13px;line-height:2.2;color:var(--muted)}.future-body .vision-close{margin-top:17px}.horizon{display:flex;justify-content:center;align-items:flex-end;height:240px;margin:0 calc(-1 * var(--pad));overflow:hidden}.horizon img{width:16%;flex-shrink:0;margin:0 -1.75%;transform:translateY(29%)}.horizon img:nth-child(3n){width:19%;transform:translateY(18%)}.horizon img:nth-child(4n+1){width:14%;transform:translateY(32%)}
.possibilities{padding:var(--section) var(--pad) 0;background:var(--white)}.poss-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:45px 0 40px}.poss-head h2{font-size:clamp(32px,3.3vw,54px);line-height:1.5;letter-spacing:-.04em}.poss-head p{font-size:12px;color:var(--muted);padding-bottom:10px}.step{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;padding:66px 0;align-items:center;border-top:1px solid var(--line);scroll-margin-top:25px}.step-copy{min-width:0}.step-label{font-size:9px;letter-spacing:.1em;color:var(--muted);display:flex;gap:20px;align-items:center;margin-bottom:24px}.step-label>span{font:30px Georgia,serif;color:var(--clanexe-purple)}.step h3{font-size:clamp(28px,2.8vw,45px);line-height:1.55;letter-spacing:-.04em;margin-bottom:24px}.step-copy>p:not(.step-label){font-size:13px;color:var(--muted)}.feature-name{display:inline-block;font-size:10px;color:var(--clanexe-purple);border-bottom:1px solid var(--purple-light);padding-bottom:7px;margin-top:23px}.step-copy .use-example{font-size:11px!important;margin-top:28px}.demo-frame{background:var(--primary-soft);padding:22px;border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);border:1px solid var(--line)}.demo-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;padding-bottom:17px;border-bottom:1px solid var(--line)}.demo-top small{color:var(--muted);font-size:8px}.persona-display{display:flex;align-items:center;gap:24px;margin:17px 0 20px}.persona-image{width:128px;flex-shrink:0;background:var(--white);border-radius:50%;height:128px;overflow:hidden}.persona-image img{width:100%;height:100%;object-position:50% 10%;transform:scale(1.05)}.persona-display h4{font-size:22px;line-height:1.5;margin:9px 0 5px;font-weight:500}.persona-display p{font-size:10px;color:var(--muted)}.preset-choices{display:flex;gap:5px;padding:5px;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--line)}.preset-choices button{flex:1;padding:10px 4px;border:0;background:transparent;color:var(--muted);border-radius:8px;font-size:10px;white-space:nowrap}.preset-choices button[aria-pressed=true]{background:var(--clanexe-purple);color:var(--white)}.persona-settings{margin:15px 0 0;background:var(--white);padding:6px 18px;border-radius:var(--radius-sm);box-shadow:var(--shadow)}.persona-settings>div{display:flex;gap:15px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:10px}.persona-settings>div:last-child{border:0}.persona-settings dt{width:55px;color:var(--muted);flex-shrink:0}.persona-settings dd{margin:0;color:var(--primary-dark)}.demo-hint{font-size:8px;color:var(--muted);margin-top:12px;text-align:center}.party-question{font-size:13px;line-height:1.7;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:17px 18px;margin-top:20px}.party-lineup{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 0 19px}.party-lineup>div{text-align:center}.party-lineup img{width:110px;margin:auto}.party-lineup b{font-size:11px;font-weight:500;display:block;margin-top:3px}.party-lineup span{font-size:8px;color:var(--muted);display:block;margin-top:5px}.party-dialogue{background:var(--white);border-radius:var(--radius-sm);padding:18px;box-shadow:var(--shadow)}.party-dialogue>div{display:flex;align-items:baseline;gap:12px;margin-top:14px}.party-dialogue b{font-size:9px;color:var(--clanexe-purple);width:55px;flex-shrink:0;font-weight:500}.party-dialogue p{font-size:10px;line-height:1.7}.party-output{margin-top:15px;display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:15px}.party-output>span{color:var(--clanexe-purple);font-size:9px;white-space:nowrap}.party-output p{font-size:10px;line-height:1.6}.party-output>span:last-child{margin-left:auto;font-size:16px}.panel-flow{display:flex;justify-content:center;align-items:center;gap:18px;color:var(--primary-dark);font-size:10px;padding:20px 0 6px}.panel-flow i{font-style:normal;color:var(--muted)}.population{display:grid;grid-template-columns:repeat(6,1fr);gap:2px 5px;padding:6px 0 13px}.population img{width:100%;aspect-ratio:1}.panel-question{font-size:12px;line-height:1.7;padding:17px;border-radius:var(--radius-sm);background:var(--white)}.panel-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-top:13px}.panel-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 2px;font-size:10px;color:var(--muted)}.panel-tabs button[aria-pressed=true]{border-color:var(--clanexe-purple);color:var(--clanexe-purple)}.panel-content{min-height:139px;padding:10px 0 0}.panel-content p{font-size:10px;line-height:1.8;padding:8px 13px;background:var(--white);border-radius:9px;margin:5px 0}.panel-content p span{display:block;font-size:8px;color:var(--clanexe-purple);margin-bottom:3px}.sample-note{font-size:8px;color:var(--muted);display:block;margin-top:8px;line-height:1.7}.closing{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:55px 0 70px;gap:25px}.closing p{font-size:26px;line-height:1.6;letter-spacing:-.03em}footer{padding:28px var(--pad);display:flex;align-items:center;gap:25px;background:var(--paper);color:var(--muted);font-size:9px}footer .brand{font-size:25px;color:var(--clanexe-purple)}footer .brand img{width:35px;height:35px}footer>a:last-child{margin-left:auto}dialog{border:1px solid var(--line);border-radius:var(--radius);padding:45px;max-width:calc(100% - 40px);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#1c1929aa;backdrop-filter:blur(5px)}dialog h2{font-size:27px;margin:20px 0}dialog>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:24px}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:26px;color:var(--muted)}
@media(min-width:1600px){.hero-art{height:570px}.hero{min-height:790px}.demo-frame{padding:30px}.horizon{height:290px}.persona-display{gap:35px}.persona-image{width:150px;height:150px}}
@media(max-width:1100px){.powered{display:none}.header nav{gap:18px}.hero{gap:15px}.hero h1{font-size:43px}.hero-art{height:450px}.step{gap:5vw;grid-template-columns:.85fr 1.15fr}.persona-display{gap:13px}.persona-image{width:105px;height:105px}.persona-display h4{font-size:19px}.party-dialogue{padding:15px}.party-dialogue b{width:47px}.panel-flow{gap:12px;font-size:9px}.step-copy>p:not(.step-label){font-size:12px}}
@media(max-width:899px){.header{height:76px}.hero{grid-template-columns:1fr;padding-top:45px;gap:30px;min-height:auto}.hero-copy{max-width:650px}.hero h1{font-size:clamp(43px,7vw,61px)}.hero-art{width:560px;max-width:100%;height:510px;justify-self:center;margin-bottom:15px}.poss-head{display:block;margin:32px 0}.poss-head p{margin-top:20px}.step{grid-template-columns:1fr;gap:32px;padding:42px 0}.step-copy{display:block}.step h3{font-size:33px;margin-bottom:17px}.step-label{margin-bottom:15px}.step-copy .use-example{margin-top:15px}.demo-frame{width:100%;max-width:620px;justify-self:center}.persona-image{width:125px;height:125px}.persona-display{gap:24px}.persona-display h4{font-size:23px}.horizon{height:185px}.future h2{font-size:33px}.future-body{padding-top:45px}.closing p{font-size:24px}}
@media(max-width:599px){.reviewbar{font-size:8px;gap:12px;padding:9px 18px}.reviewbar>a:first-of-type{display:none}.header{padding:0 22px;gap:12px;height:70px}.header nav{display:none}.header .button{margin-left:auto}.brand{font-size:27px}.brand img{width:36px;height:36px}.button.compact{font-size:10px;padding:10px 15px;gap:17px}.hero{padding-top:35px;padding-bottom:var(--hero-bottom-space);gap:15px}.hero .eyebrow{font-size:8px;margin-bottom:20px}.hero h1{font-size:clamp(32px,8.7vw,46px);line-height:1.55}.hero-lead{font-size:13px;margin-top:21px}.intro{font-size:11px;margin-top:12px}.actions{gap:20px;margin-top:26px}.button{font-size:11px;padding:16px 21px;gap:25px}.quiet-link{font-size:9px;gap:12px}.hero-art{height:390px;margin-top:13px;width:100%;margin-bottom:0}.tiny{font-size:8px}.section-kicker{font-size:7px;letter-spacing:.08em}.future-body{padding:40px 0 14px}.serif{font-size:19px;margin-bottom:25px}.future h2{font-size:clamp(23px,6.1vw,31px);line-height:1.65;margin-bottom:22px}.future-body>p:not(.serif){font-size:10px;line-height:2.2}.horizon{height:135px}.horizon img{width:23%;margin:0 -3%}.horizon img:nth-child(3n){width:28%}.horizon img:nth-child(4n+1){width:20%}.poss-head h2{font-size:31px}.poss-head p{font-size:11px;margin-top:18px}.step h3{font-size:29px}.step-label{font-size:8px}.step-copy>p:not(.step-label){font-size:12px}.step-copy .use-example{font-size:10px!important}.demo-frame{padding:16px;border-radius:18px}.demo-top{font-size:10px;padding-bottom:14px}.demo-top small{font-size:7px}.persona-display{gap:13px;margin:16px 0}.persona-image{width:98px;height:98px}.persona-display h4{font-size:18px}.persona-display p{font-size:8px}.preset-choices button{font-size:9px;padding:10px 2px}.persona-settings{padding:4px 13px}.persona-settings>div{font-size:9px;padding:10px 0}.persona-settings dt{width:45px}.demo-hint{font-size:7px}.party-question{font-size:11px;padding:14px;margin-top:16px}.party-lineup{gap:5px}.party-lineup b{font-size:10px}.party-lineup span{font-size:7px}.party-dialogue{padding:14px}.party-dialogue>div{gap:9px}.party-dialogue b{font-size:8px;width:42px}.party-dialogue p{font-size:9px}.party-output p{font-size:9px}.party-output>span{font-size:8px}.panel-flow{gap:10px;font-size:8px}.population{gap:1px;padding-bottom:10px}.panel-question{font-size:10px;padding:13px}.panel-tabs{gap:23px}.panel-tabs button{font-size:9px}.panel-content{min-height:143px}.panel-content p{font-size:9px}.sample-note{font-size:7px}.closing{display:block;padding:35px 0 45px}.closing p{font-size:24px;margin-bottom:25px}footer{gap:16px;flex-wrap:wrap;padding:25px var(--pad);font-size:8px}footer>span{display:none}footer .brand{font-size:23px}footer .brand img{width:30px;height:30px}footer>a:last-child{width:100%;margin-top:6px}dialog{padding:35px 25px}dialog h2{font-size:23px}dialog>p:not(.eyebrow){font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:899px){}
@media(max-width:599px){.intro{font-size:12px}.future-body>p:not(.serif){font-size:12px}.step-copy>p:not(.step-label){font-size:13px}}

/* Each opaque slide covers the previous one using the native page scroll. */
:root{--slide-radius:30px;--slide-shadow:0 -16px 48px #17121f12;--slide-hold:50svh}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){
  main{position:relative;isolation:isolate}
  .hero,.future{position:sticky;top:var(--slide-top,0px);margin-bottom:var(--slide-hold)}
  .hero{min-height:100svh;z-index:1}
  .future{min-height:100svh;z-index:2;border-radius:var(--slide-radius) var(--slide-radius) 0 0;box-shadow:var(--slide-shadow)}
  .possibilities{position:relative;z-index:3;border-radius:var(--slide-radius) var(--slide-radius) 0 0;box-shadow:var(--slide-shadow)}
  .closing{position:relative;z-index:4;background:var(--white)}
  footer{position:relative;z-index:4}
}


/* One pinned stage, three expanding chapters. All content remains in flow by default. */
:root{--journey-gap:clamp(32px,6vw,100px);--journey-pad:20px;--journey-title:clamp(25px,2.4vw,38px);--journey-copy:26px;--journey-space:14px;--journey-duration:.38s;--journey-shift:18px;--journey-run:300svh}
.journey-choice{border:0;background:transparent;padding:0;color:var(--ink);text-align:left;width:100%}
.journey-choice .step-label{margin-bottom:8px}.journey-name{font-size:17px;line-height:1.6}
.journey-item{border-top:1px solid var(--line);padding:var(--journey-space) 0;scroll-margin-top:24px}
.journey-description .step-copy{padding-top:var(--journey-space)}
.journey-description h4{font-size:var(--journey-copy);line-height:1.55;letter-spacing:-.035em;margin-bottom:16px}
.journey-description .use-example{margin-top:14px}
.journey-visual{margin:24px 0 40px}.journey-foot{display:none}
/* Non-sticky fallback interleaves each explanation with its illustration. */
.journey-body,.journey-list,.journey-visuals{display:contents}
.journey-body{display:grid;grid-template-columns:minmax(0,1fr)}
.journey-item:nth-child(1){grid-row:1}.journey-item:nth-child(2){grid-row:3}.journey-item:nth-child(3){grid-row:5}
.journey-visual:nth-child(1){grid-row:2}.journey-visual:nth-child(2){grid-row:4}.journey-visual:nth-child(3){grid-row:6}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){
 .possibilities:has(.journey-ready){padding-top:0}
 .journey-ready{position:relative;min-height:calc(var(--journey-height,100svh) + var(--journey-run))}
 .journey-ready .journey-stage{position:sticky;top:var(--journey-top,0px);min-height:100svh;padding:var(--journey-pad) 0;background:var(--white);display:flex;flex-direction:column;justify-content:center}
 .journey-ready .poss-head{margin:10px 0 18px}
 .journey-ready .poss-head h2{font-size:var(--journey-title);line-height:1.4}
 .journey-ready .poss-head h2 br{display:none}
 .journey-ready .poss-head p{display:none}
 .journey-ready .journey-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--journey-gap);align-items:center}
 .journey-ready .journey-list{display:block;min-width:0}
 .journey-ready .journey-item{position:relative}
 .journey-ready .journey-choice{opacity:.48;transition:opacity var(--journey-duration)}
 .journey-ready .journey-choice:hover,.journey-ready .journey-item.is-active .journey-choice{opacity:1}
 .journey-ready .journey-item.is-active{border-top-color:var(--clanexe-purple)}
 .journey-ready .journey-description{display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:grid-template-rows var(--journey-duration) var(--ease),opacity var(--journey-duration),visibility var(--journey-duration)}
 .journey-ready .journey-description>.step-copy{overflow:hidden;padding-top:0}
 .journey-ready .journey-description h4{margin-top:var(--journey-space)}
 .journey-ready .is-active .journey-description{grid-template-rows:1fr;visibility:visible;opacity:1}
 .journey-ready .journey-visuals{display:grid;min-width:0;align-items:center}
 .journey-ready .journey-visual{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(var(--journey-shift));transition:opacity var(--journey-duration) var(--ease),transform var(--journey-duration) var(--ease),visibility var(--journey-duration);pointer-events:none}
 .journey-ready .journey-visual.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
 .journey-ready .journey-foot{display:flex;justify-content:flex-end;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-top:12px}
}

:root{--journey-face-height:72px}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){
 .journey-ready .population img{max-height:var(--journey-face-height)}
}


/* Select a scene below; explore its execution flow above. */
:root{--scene-pad:clamp(20px,3vh,36px);--scene-gap:20px;--scene-heading:clamp(25px,2.6vw,40px);--scene-title:clamp(22px,2vw,31px);--scene-card-width:29%;--scene-card-height:119px;--scene-avatar:66px;--scene-border:1px solid var(--line);--scene-body:12px;--scene-small:10px;--scene-muted:#696470;--scene-card-shadow:0 8px 24px #30274508;--scene-fade:.32s;--scene-shift:8px}
.use-cases{position:relative;z-index:4;background:var(--paper);padding:var(--scene-pad) var(--pad);border-radius:var(--slide-radius) var(--slide-radius) 0 0;box-shadow:var(--slide-shadow);scroll-margin-top:0;min-width:0}
.scenes-heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--scene-gap);margin:14px 0 18px}
.scenes-heading h2{font-size:var(--scene-heading);letter-spacing:-.04em;line-height:1.4}
.scenes-heading p{font-size:var(--scene-small);color:var(--scene-muted)}
.scene-panel{background:none;border:0;border-radius:0;padding:8px 0 0;box-shadow:none;margin-bottom:0}
.scene-panel[hidden]{display:none}
.scene-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--scene-gap);margin-bottom:var(--scene-gap)}
.scene-eyebrow{font-size:var(--scene-small);letter-spacing:.07em;color:var(--clanexe-purple)}
.scene-panel-heading h3{font-size:var(--scene-title);letter-spacing:-.035em;line-height:1.5;margin-top:8px}
.scene-mode{border:0;padding:0;white-space:nowrap;font-size:var(--scene-small);color:var(--primary-dark)}
.scene-caption{font-size:8px;color:var(--muted);margin-top:14px;min-height:16px}
.scene-picker-heading{display:flex;align-items:center;justify-content:space-between;margin:16px 0 12px;font-size:11px;color:var(--scene-muted)}
.scene-controls{display:flex;align-items:center;gap:8px}
.scene-page{font-size:9px;letter-spacing:.1em;margin-right:10px}
.scene-controls button{border:var(--scene-border);background:var(--white);color:var(--clanexe-purple);width:30px;height:30px;border-radius:50%;line-height:1}
.scene-controls button:disabled{opacity:.3;cursor:default}
.scene-carousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--purple-light) transparent;padding:3px 3px 12px;margin:0 -3px;scroll-behavior:smooth}
.scene-card{position:relative;flex:0 0 var(--scene-card-width);height:var(--scene-card-height);text-align:left;border:var(--scene-border);border-radius:var(--radius-sm);padding:17px 20px;background:var(--white);color:var(--ink);scroll-snap-align:start;overflow:hidden;transition:background var(--scene-fade),border-color var(--scene-fade);box-shadow:var(--scene-card-shadow)}
.scene-card-number{display:flex;justify-content:space-between;position:relative;z-index:1;color:var(--scene-muted);font-size:9px;letter-spacing:.1em}
.scene-card-number>span{font-size:14px}
.scene-card strong{display:block;position:relative;z-index:1;font-size:17px;line-height:1.5;font-weight:500;margin-top:9px}
.scene-card-mode{position:relative;z-index:1;font-size:9px;color:var(--scene-muted);display:block;margin-top:7px}
.scene-card-avatars{position:absolute;display:flex;right:10px;bottom:-7px;opacity:.6}
.scene-card-avatars img{height:54px;width:54px;margin-left:-18px}
.scene-card[aria-selected=true]{border-color:var(--clanexe-purple);background:var(--primary-soft)}
.scene-card[aria-selected=true] .scene-card-number{color:var(--clanexe-purple)}
.scene-card[aria-selected=true] .scene-card-avatars{opacity:1}
.scene-card:hover{border-color:var(--purple-light)}
.usecase-closing-wrap{position:relative;z-index:5;padding:0 var(--pad);background:var(--white);border-radius:var(--slide-radius) var(--slide-radius) 0 0;box-shadow:var(--slide-shadow)}
.usecase-closing-wrap .closing{border-top:0}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){
 /* Keep the outgoing capabilities stage behind the incoming scene section. */
 .possibilities:has(.journey-ready){margin-bottom:-100svh}
 .journey-ready{min-height:calc(var(--journey-height,100svh) + var(--journey-run) + 100svh)}
 .use-cases{position:sticky;top:var(--slide-top,0px);min-height:100svh;margin-bottom:var(--slide-hold);display:flex;flex-direction:column;justify-content:center}
 .scene-panel.scene-enter{animation:scene-enter var(--scene-fade) var(--ease)}
 @keyframes scene-enter{from{opacity:.45;translate:0 var(--scene-shift)}to{opacity:1;translate:0 0}}
}
@media(max-width:1100px){.scenes-heading p{display:none}.scene-panel-heading h3{font-size:23px}.scene-card-avatars img{height:44px;width:44px}.scene-card strong{font-size:16px}}
@media(max-width:899px){:root{--scene-card-width:44%}.use-cases{padding-top:48px;padding-bottom:48px}.scene-panel-heading{align-items:flex-start}.scene-caption{font-size:9px}}
@media(max-width:599px){:root{--scene-card-width:82%}.scenes-heading{margin:20px 0}.scenes-heading h2{font-size:26px}.scene-panel-heading{display:block}.scene-mode{display:inline-block;margin-top:12px}.scene-panel-heading h3{font-size:23px}.scene-picker-heading{font-size:10px}.scene-controls{gap:6px}.scene-page{margin-right:4px}.scene-card strong{font-size:18px}.scene-card-avatars img{height:48px;width:48px}}
@media(prefers-reduced-motion:reduce){.scene-carousel{scroll-behavior:auto}}

.scenes-track{position:relative;z-index:4}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){
 .scenes-track{min-height:calc(var(--scene-stage-height,100svh) + var(--slide-hold) + 100svh);margin-bottom:-100svh}
 .scenes-track .use-cases{margin-bottom:0}
}

/* Concrete work examples, drawn directly on the section rather than inside boxes. */
:root{--story-gap:clamp(30px,4vw,64px);--story-height:240px;--story-quote:clamp(18px,1.65vw,25px);--story-result:clamp(20px,1.8vw,28px);--story-avatar:57px}
.scene-story{display:grid;grid-template-columns:.9fr 1.25fr 1fr;gap:var(--story-gap);min-height:var(--story-height);padding:14px 0 0}
.scene-story>div{position:relative;min-width:0}
.story-label{font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:22px;line-height:1.5}
.story-label>span{position:absolute;left:calc(-1 * var(--story-gap) * .65);font-size:18px;color:var(--purple-light);top:-4px}
.scene-user-quote{font-size:var(--story-quote);line-height:1.8;letter-spacing:-.025em;color:var(--ink)}
.scene-context{font-size:11px;line-height:1.9;color:var(--scene-muted);margin-top:19px}
.scene-voice{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.scene-voice img{height:var(--story-avatar);width:var(--story-avatar);flex-shrink:0;align-self:flex-start}
.scene-voice>div>span{font-size:9px;color:var(--clanexe-purple);display:block;margin-bottom:4px}
.scene-voice p{font-size:13px;line-height:1.8}
.scene-result-label{font-size:9px;color:var(--scene-muted)}
.scene-takeaway h4{font-size:var(--story-result);line-height:1.65;letter-spacing:-.035em;color:var(--primary-dark);margin-top:9px}
.scene-next-action{font-size:11px;line-height:1.9;margin-top:18px;color:var(--scene-muted)}
.scene-caption{margin:12px 0 4px}
/* The opaque final screen covers the full sticky overlap, including its footer. */
.page-ending{position:relative;z-index:5;background:var(--white);border-radius:var(--slide-radius) var(--slide-radius) 0 0;box-shadow:var(--slide-shadow);display:flex;flex-direction:column;isolation:isolate}
.page-ending .usecase-closing-wrap{flex:1;display:flex;align-items:center;box-shadow:none;background:none}
.page-ending .closing{width:100%;background:none}
.page-ending footer{flex-shrink:0;position:relative;z-index:auto}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.page-ending{min-height:100svh}.page-ending .closing p{font-size:clamp(30px,3.5vw,52px)}}
@media(max-width:1100px){:root{--story-gap:26px;--story-avatar:48px}.scene-voice{gap:8px}.scene-voice p{font-size:11px}}
@media(max-width:899px){.scene-story{grid-template-columns:1fr;gap:34px;min-height:0;padding-top:10px}.story-label{margin-bottom:15px}.story-label>span{display:none}.scene-user-quote{font-size:22px}.scene-context,.scene-next-action{font-size:12px}.scene-voice p{font-size:13px}.scene-voice img{height:65px;width:65px}.scene-voice>div>span{font-size:10px}.scene-takeaway h4{font-size:25px}.scene-caption{margin-top:28px}}

/* Borderless flowchart: one question branches to people and converges into a next step. */
:root{--flow-height:260px;--flow-gap:88px;--flow-lane-gap:14px;--flow-label-size:10px;--flow-label-gap:22px;--flow-label-tracking:.06em;--flow-body:13px;--flow-question:clamp(17px,1.5vw,22px);--flow-result:clamp(20px,1.8vw,27px);--flow-note:11px;--flow-note-gap:14px;--flow-face:57px;--flow-person-gap:12px;--flow-line:#aba5cb;--flow-line-width:1.35px;--flow-leading:1.7;--flow-mobile-gap:64px;--flow-mobile-rail:24px;--flow-zero:0px;--flow-full:100%;--flow-half:50%;--flow-shrink:0;--flow-overlay:0;--flow-content:1}
.flow-chart{position:relative;display:grid;grid-template-columns:.95fr 1.1fr 1fr;column-gap:var(--flow-gap);min-height:var(--flow-height);padding:var(--flow-zero)}
.flow-sequential{grid-template-columns:repeat(4,1fr);column-gap:calc(var(--flow-gap) * .65)}
.flow-connectors{position:absolute;inset:var(--flow-zero);width:var(--flow-full);height:var(--flow-full);overflow:visible;pointer-events:none;z-index:var(--flow-overlay);color:var(--flow-line)}
.flow-connectors path{fill:none;stroke:currentColor;stroke-width:var(--flow-line-width);stroke-linecap:round;stroke-linejoin:round}
.flow-connectors circle{fill:var(--clanexe-purple)}
.flow-column{min-width:var(--flow-zero);position:relative;z-index:var(--flow-content);display:flex;flex-direction:column}
.flow-label{font-size:var(--flow-label-size);letter-spacing:var(--flow-label-tracking);color:var(--clanexe-purple);margin-bottom:var(--flow-label-gap)}
.flow-port{min-width:var(--flow-zero)}
.flow-column>.flow-port,.flow-lanes{margin-block:auto}
.flow-question{font-size:var(--flow-question);line-height:var(--flow-leading);letter-spacing:-.025em}
.flow-note{font-size:var(--flow-note);line-height:var(--flow-leading);color:var(--scene-muted);margin-top:var(--flow-note-gap)}
.flow-lanes{display:flex;flex-direction:column;gap:var(--flow-lane-gap)}
.flow-person{display:flex;align-items:center;gap:var(--flow-person-gap)}
.flow-person img{width:var(--flow-face);height:var(--flow-face);flex-shrink:var(--flow-shrink);object-fit:contain}
.flow-person span,.flow-result>span{display:block;font-size:var(--flow-label-size);color:var(--clanexe-purple);margin-bottom:calc(var(--flow-note-gap) / 2)}
.flow-person p{font-size:var(--flow-body);line-height:var(--flow-leading)}
.flow-sequential .flow-person{flex-direction:column;align-items:flex-start}
.flow-result h4{font-size:var(--flow-result);line-height:var(--flow-leading);font-weight:500;color:var(--primary-dark);letter-spacing:-.035em}
@media(max-width:1100px){:root{--flow-gap:60px;--flow-body:12px;--flow-face:48px}}
@media(max-width:899px){:root{--flow-height:0px;--flow-question:22px;--flow-result:24px;--flow-body:14px;--flow-note:12px;--flow-face:60px;--flow-label-gap:16px;--flow-lane-gap:30px}.flow-chart,.flow-sequential{grid-template-columns:1fr;gap:var(--flow-mobile-gap)}.flow-column{padding-left:var(--flow-mobile-rail)}.flow-column>.flow-port,.flow-lanes{margin-block:var(--flow-zero)}.flow-sequential .flow-person{flex-direction:row;align-items:center}}

/* Center each stage; keep longer AI remarks readable inside individual cards. */
:root{--flow-comment-width:440px;--flow-end-width:330px;--flow-card-radius:14px;--flow-card-pad:12px;--flow-card-border:1px solid #e9e6ef;--flow-card-shadow:0 5px 18px #30274505;--flow-comment-leading:1.75;--flow-card-text:12px;--flow-stage-gap:64px;--flow-stage-label-gap:16px;--flow-stage-min:300px;--flow-card-gap:10px;--flow-compact-pad:16px;--flow-compact-heading-gap:12px;--flow-compact-card-height:108px}
.flow-chart{grid-template-columns:1fr 1.35fr 1fr;column-gap:var(--flow-stage-gap);min-height:var(--flow-stage-min)}
.flow-sequential{grid-template-columns:repeat(4,1fr);column-gap:calc(var(--flow-stage-gap) * .7)}
.flow-column{align-items:center;text-align:center}
.flow-label{width:var(--flow-full);text-align:center;margin-bottom:var(--flow-stage-label-gap)}
.flow-start,.flow-result{width:var(--flow-full);max-width:var(--flow-end-width)}
.flow-lanes{width:var(--flow-full);max-width:var(--flow-comment-width);gap:var(--flow-card-gap)}
.flow-person{width:var(--flow-full);max-width:var(--flow-comment-width);justify-content:center}
.flow-person>div{flex:1;min-width:var(--flow-zero);padding:var(--flow-card-pad);background:var(--white);border:var(--flow-card-border);border-radius:var(--flow-card-radius);box-shadow:var(--flow-card-shadow);text-align:left}
.flow-person p{font-size:var(--flow-card-text);line-height:var(--flow-comment-leading)}
.flow-person span{font-size:var(--flow-label-size)}
.flow-sequential .flow-person{align-items:center;gap:var(--flow-card-gap)}
.flow-sequential .flow-person>div{width:var(--flow-full);flex:auto}
.flow-sequential .flow-person span{text-align:center}
@media(min-width:900px){.use-cases{padding-top:var(--flow-compact-pad);padding-bottom:var(--flow-compact-pad)}.scenes-heading{margin-bottom:var(--flow-compact-heading-gap)}.scene-panel-heading{margin-bottom:var(--flow-compact-heading-gap)}.scene-card{height:var(--flow-compact-card-height)}}
@media(max-width:1100px){:root{--flow-stage-gap:48px;--flow-card-pad:10px}}
@media(max-width:899px){:root{--flow-card-text:13px;--flow-card-pad:14px}.flow-chart,.flow-sequential{grid-template-columns:1fr;min-height:var(--flow-zero);gap:var(--flow-mobile-gap)}.flow-column{padding-left:var(--flow-mobile-rail);padding-right:var(--flow-mobile-rail)}.flow-person,.flow-sequential .flow-person{flex-direction:column;align-items:center}.flow-person>div{width:var(--flow-full)}.flow-person span{text-align:center}.flow-lanes{gap:var(--flow-lane-gap)}}
@media(min-width:900px) and (max-width:1350px){:root{--flow-card-pad:8px;--flow-card-gap:8px;--flow-stage-min:298px}}

/* AI panels show a whole audience; individual comments are explicitly excerpts. */
:root{--panel-gap:36px;--panel-crowd-width:340px;--panel-face-size:48px;--panel-face-gap:5px;--panel-count-size:34px;--panel-crowd-space:12px;--panel-note-size:10px;--panel-sample-width:360px;--panel-sample-pad:12px;--panel-sample-text:12px;--panel-sample-avatar:28px;--panel-sample-gap:9px}
.flow-panel{grid-template-columns:.9fr 1.1fr 1.25fr 1fr;column-gap:var(--panel-gap)}
.panel-audience{width:var(--flow-full);max-width:var(--panel-crowd-width);margin-block:auto}
.panel-count{display:flex;justify-content:center;align-items:baseline;gap:var(--panel-sample-gap);color:var(--primary-dark);margin-bottom:var(--panel-crowd-space)}
.panel-count strong{font-size:var(--panel-count-size);font-weight:500;line-height:1}
.panel-count span{font-size:var(--panel-note-size)}
.panel-crowd{display:flex;flex-direction:column;gap:var(--panel-face-gap)}
.panel-crowd-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--panel-face-gap)}
.panel-crowd img{display:block;width:var(--flow-full);height:auto;max-height:var(--panel-face-size);object-fit:contain}
.panel-crowd-note{font-size:var(--panel-note-size);line-height:var(--flow-leading);color:var(--scene-muted);margin-top:var(--panel-crowd-space)}
.panel-responses{width:var(--flow-full);max-width:var(--panel-sample-width);display:flex;flex-direction:column;gap:var(--panel-sample-gap)}
.panel-excerpt-label{font-size:var(--panel-note-size);color:var(--scene-muted)}
.panel-response{background:var(--white);border:var(--flow-card-border);border-radius:var(--flow-card-radius);box-shadow:var(--flow-card-shadow);padding:var(--panel-sample-pad);text-align:left}
.panel-response-person{display:flex;align-items:center;gap:var(--panel-sample-gap);margin-bottom:var(--panel-sample-gap);color:var(--clanexe-purple);font-size:var(--panel-note-size)}
.panel-response-person img{width:var(--panel-sample-avatar);height:var(--panel-sample-avatar);object-fit:contain}
.panel-response>p{font-size:var(--panel-sample-text);line-height:var(--flow-leading)}
.flow-panel .flow-result h4{font-size:var(--flow-question)}
@media(min-width:900px) and (max-width:1350px){:root{--panel-gap:30px;--panel-face-size:40px;--panel-sample-pad:9px;--panel-sample-avatar:24px;--panel-sample-gap:6px;--panel-sample-text:11px;--panel-count-size:30px}}
@media(max-width:899px){.flow-panel{grid-template-columns:1fr;gap:var(--flow-mobile-gap)}.panel-audience{margin-block:var(--flow-zero)}:root{--panel-face-size:45px;--panel-sample-text:13px;--panel-sample-pad:14px;--panel-sample-gap:12px}}

:root{--panel-plus-size:.7em;--panel-audience-note-opacity:.8}
.panel-count strong .panel-count-plus{font-size:var(--panel-plus-size);vertical-align:top;line-height:1.15}
.panel-audience-note{opacity:var(--panel-audience-note-opacity)}

/* Aggregation previews for the AI panel scenes. */
:root{--summary-pad:16px;--summary-gap:14px;--summary-title:12px;--summary-bar-height:6px;--summary-round:8px;--summary-track:#efedf6;--summary-secondary:#aaa6d3;--summary-tertiary:#d0cddf;--summary-leading:1.7;--summary-weight:500;--summary-label-width:6.5em}
.panel-summary{background:var(--white);border:var(--flow-card-border);border-radius:var(--flow-card-radius);box-shadow:var(--flow-card-shadow);padding:var(--summary-pad);text-align:left}
.panel-summary-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--panel-sample-gap);margin-bottom:var(--summary-gap)}
.panel-summary-head strong{font-size:var(--summary-title);font-weight:var(--summary-weight);color:var(--primary-dark)}
.panel-summary-head>span,.panel-example-note{font-size:var(--panel-note-size);color:var(--scene-muted)}
.panel-stats{display:grid;gap:var(--panel-sample-gap)}
.panel-stat-label{display:flex;justify-content:space-between;gap:var(--panel-sample-gap);font-size:var(--panel-sample-text);margin-bottom:var(--panel-face-gap)}
.panel-stat-label strong{font-weight:var(--summary-weight);color:var(--primary-dark)}
.panel-stat-track{height:var(--summary-bar-height);background:var(--summary-track);border-radius:var(--summary-round);overflow:hidden}
.panel-stat-track>span{display:block;width:var(--stat-fill);height:var(--flow-full);background:var(--clanexe-purple);border-radius:var(--summary-round)}
.panel-stat-track>.stat-tone-0{background:var(--summary-secondary)}
.panel-stat-track>.stat-tone-2{background:var(--summary-tertiary)}
.panel-insights{margin-top:var(--summary-gap);padding-top:var(--panel-sample-gap);border-top:var(--flow-card-border)}
.panel-insights h5{font-size:var(--panel-note-size);font-weight:var(--summary-weight);color:var(--clanexe-purple);margin-bottom:var(--panel-face-gap)}
.panel-insights p{font-size:var(--panel-sample-text);line-height:var(--summary-leading)}
.panel-insights p>span{display:inline-block;min-width:var(--summary-label-width);color:var(--scene-muted)}
.panel-example-note{margin-top:var(--panel-sample-gap)}
@media(min-width:900px) and (max-width:1350px){:root{--summary-pad:11px;--summary-gap:10px;--summary-title:11px}}

/* Keep the first avatar full-sized, including single-person cards. */
:root{--scene-avatar-no-overlap:0;--scene-avatar-shrink:0;--scene-avatar-max:none}
.scene-card-avatars img{flex-shrink:var(--scene-avatar-shrink);max-width:var(--scene-avatar-max)}
.scene-card-avatars img:first-child{margin-left:var(--scene-avatar-no-overlap)}

/* A compact crowd differentiates panels from a three-person team. */
:root{--scene-crowd-columns:6;--scene-crowd-face:24px;--scene-crowd-gap-x:0px;--scene-crowd-gap-y:0px;--scene-crowd-right:12px;--scene-crowd-bottom:-3px;--scene-crowd-opacity:.72}
.scene-card-crowd{display:grid;grid-template-columns:repeat(var(--scene-crowd-columns),var(--scene-crowd-face));column-gap:var(--scene-crowd-gap-x);row-gap:var(--scene-crowd-gap-y);right:var(--scene-crowd-right);bottom:var(--scene-crowd-bottom);opacity:var(--scene-crowd-opacity)}
.scene-card-crowd img,.scene-card-crowd img:first-child{width:var(--scene-crowd-face);height:var(--scene-crowd-face);margin-left:var(--scene-avatar-no-overlap)}
@media(min-width:900px) and (max-width:1100px){:root{--scene-crowd-face:22px}}
@media(max-width:599px){:root{--scene-crowd-face:24px;--scene-crowd-right:8px}}

/* Task execution and tangible deliverables in autonomous-work scenes. */
:root{--unit-gap:7px;--unit-task-size:11px;--unit-mark-size:5px;--unit-mark-done:#aaa6d3;--unit-report-width:310px;--unit-report-space:16px;--unit-report-label:9px;--unit-report-leading:1.6;--unit-mark-radius:50%;--unit-task-indent:13px}
.unit-task-list{list-style:none;padding:var(--flow-zero);margin:var(--panel-sample-gap) var(--flow-zero) var(--flow-zero);display:grid;gap:var(--unit-gap);text-align:left}
.unit-task-list li{position:relative;padding-left:var(--unit-task-indent);font-size:var(--unit-task-size);line-height:var(--unit-report-leading);color:var(--scene-muted)}
.unit-task-list li:before{content:"";position:absolute;left:var(--flow-zero);top:var(--unit-mark-size);width:var(--unit-mark-size);height:var(--unit-mark-size);border-radius:var(--unit-mark-radius);background:var(--unit-mark-done)}
.unit-task-list .task-active{color:var(--clanexe-purple)}
.unit-task-list .task-active:before{background:var(--clanexe-purple)}
.unit-deliverable{max-width:var(--unit-report-width);width:var(--flow-full);margin:var(--unit-report-space) auto var(--flow-zero);padding-top:var(--panel-sample-gap);border-top:var(--flow-card-border)}
.unit-deliverable>span{font-size:var(--unit-report-label);letter-spacing:.1em;color:var(--clanexe-purple)}
.unit-deliverable>p{font-size:var(--unit-task-size);line-height:var(--unit-report-leading);margin-top:var(--unit-gap)}
@media(min-width:900px) and (max-width:1350px){:root{--unit-task-size:10px;--unit-gap:5px;--unit-report-space:12px}}

/* Open illustrations for From One to Many; no enclosing tinted panel. */
:root{--open-clear:transparent;--open-none:none;--open-zero:0;--open-full:100%;--open-pad:16px;--open-gap:30px;--open-detail-gap:24px;--open-small:10px;--open-text:12px;--open-label:16px;--open-heading:22px;--open-portrait:180px;--open-line-height:1.7;--open-weight:500;--open-tracking:.1em;--open-person:82px;--open-count:54px;--open-plus:.6em;--open-pop-face:52px;--open-pop-gap:4px;--open-underline:2px solid var(--clanexe-purple)}
.journey-visuals .open-demo{background:var(--open-clear);border:var(--open-zero);box-shadow:var(--open-none);padding:var(--open-pad);border-radius:var(--open-zero);width:var(--open-full);max-width:var(--open-full)}
.open-demo .demo-top{border:var(--open-zero);padding-bottom:var(--open-detail-gap);font-size:var(--open-text);color:var(--primary-dark)}
.open-demo .demo-top small{font-size:var(--open-small);letter-spacing:var(--open-tracking)}
.character-composition{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:var(--open-gap);padding-block:var(--open-detail-gap)}
.character-portrait{text-align:center;min-width:var(--open-zero)}
.character-portrait .persona-image{width:var(--open-portrait);height:var(--open-portrait);max-width:var(--open-full);margin:auto;background:var(--open-clear);border-radius:var(--open-zero);overflow:visible}
.character-portrait .persona-image img{transform:var(--open-none)}
.character-portrait h4{font-size:var(--open-heading);font-weight:var(--open-weight);margin-top:var(--unit-gap)}
.character-portrait>p{font-size:var(--open-small);color:var(--muted);margin-top:var(--unit-gap)}
.character-portrait>.tiny{display:block;margin-top:var(--open-pad)}
.open-demo .preset-choices{background:var(--open-clear);border:var(--open-zero);padding:var(--open-zero);border-radius:var(--open-zero);margin:var(--open-detail-gap) auto var(--open-zero);max-width:var(--unit-report-width);gap:var(--open-pad)}
.open-demo .preset-choices button{background:var(--open-clear);border-radius:var(--open-zero);padding:var(--panel-sample-gap) var(--open-zero);border-bottom:var(--open-underline);border-color:var(--open-clear);font-size:var(--open-text);color:var(--muted)}
.open-demo .preset-choices button[aria-pressed=true]{color:var(--clanexe-purple);border-color:var(--clanexe-purple)}
.composition-elements{margin:var(--open-zero);display:grid;gap:var(--open-detail-gap)}
.composition-elements>div{position:relative;padding-left:var(--open-pad)}
.composition-elements dt{font-size:var(--open-label);font-weight:var(--open-weight);color:var(--primary-dark)}
.composition-elements dt small{display:block;font-size:var(--open-small);letter-spacing:var(--open-tracking);color:var(--muted);margin-bottom:var(--unit-gap)}
.composition-elements dd{margin:var(--panel-sample-gap) var(--open-zero) var(--open-zero)}
.composition-elements dd p{font-size:var(--open-text);line-height:var(--open-line-height)}
.composition-elements dd span{display:block;font-size:var(--open-small);line-height:var(--open-line-height);color:var(--muted)}
.open-demo .demo-hint{font-size:var(--open-small);margin-top:var(--open-pad)}
.party-mission,.panel-broadcast-question{text-align:center;margin:var(--open-zero) var(--open-zero) var(--open-pad)}
.party-mission p,.panel-broadcast-question p{font-size:var(--open-label);margin-top:var(--unit-gap);color:var(--primary-dark)}
.open-demo .party-six{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--open-detail-gap) var(--open-pad);padding:var(--open-pad) var(--open-zero)}
.open-demo .party-six img{width:var(--open-person);height:var(--open-person);object-fit:contain}
.open-demo .party-six b{font-size:var(--open-text);font-weight:var(--open-weight)}
.open-demo .party-six span{font-size:var(--open-small)}
.party-workflow{display:flex;justify-content:center;align-items:center;gap:var(--open-pad);font-size:var(--open-small);color:var(--clanexe-purple);margin-top:var(--open-pad)}
.party-workflow i{font-style:normal;color:var(--purple-light)}
.party-delivery{text-align:center;margin-top:var(--open-detail-gap)}
.party-delivery p{font-size:var(--open-text);margin-top:var(--unit-gap)}
.journey-panel-count{display:flex;align-items:center;justify-content:center;gap:var(--open-pad);margin-block:var(--open-pad);color:var(--primary-dark)}
.journey-panel-count strong{font-size:var(--open-count);line-height:1;font-weight:var(--open-weight)}
.journey-panel-count strong span{font-size:var(--open-plus)}
.journey-panel-count>div{font-size:var(--open-text)}
.journey-panel-count small{display:block;font-size:var(--open-small);color:var(--muted);margin-top:var(--unit-gap)}
.open-demo .journey-population{grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--open-pop-gap);padding:var(--open-zero);max-width:var(--open-full);margin:auto}
.open-demo .journey-population img{height:var(--open-pop-face);max-height:var(--open-pop-face);width:var(--open-full);object-fit:contain}
.open-demo .panel-tabs{justify-content:center;border:var(--open-zero);gap:var(--open-detail-gap);margin-top:var(--open-pad)}
.open-demo .panel-tabs button{font-size:var(--open-small)}
.open-demo .panel-content{min-height:var(--open-zero);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--open-pad);padding-top:var(--panel-sample-gap)}
.open-demo .panel-content p{background:var(--open-clear);padding:var(--open-zero);margin:var(--open-zero);font-size:var(--open-text)}
.open-demo .panel-content p span{font-size:var(--open-small)}
.open-demo .sample-note{text-align:center;font-size:var(--panel-note-size);margin-top:var(--open-pad)}
@media(min-width:900px) and (max-width:1350px){:root{--open-pad:10px;--open-gap:18px;--open-detail-gap:18px;--open-portrait:140px;--open-heading:18px;--open-person:65px;--open-pop-face:42px;--open-count:44px;--open-label:14px;--open-text:11px;--open-small:9px}}
@media(max-width:599px){:root{--open-pad:0px;--open-gap:20px;--open-detail-gap:22px;--open-portrait:145px;--open-heading:21px;--open-person:73px;--open-pop-face:43px;--open-count:48px;--open-label:15px;--open-text:12px;--open-small:10px}.character-composition{grid-template-columns:1fr}.composition-elements{gap:var(--open-detail-gap)}.composition-elements>div{padding-left:var(--open-zero)}.open-demo .preset-choices{max-width:var(--open-portrait)}.open-demo .journey-population{grid-template-columns:repeat(6,minmax(0,1fr))}.party-workflow{gap:var(--panel-sample-gap);margin-top:var(--open-detail-gap)}.journey-panel-count{gap:var(--open-gap);margin-block:var(--open-detail-gap)}.open-demo .panel-tabs{gap:var(--open-gap);margin-top:var(--open-detail-gap)}.open-demo .panel-content{grid-template-columns:1fr;gap:var(--open-detail-gap)}.open-demo .sample-note{margin-top:var(--open-detail-gap)}}

/* The panel illustration focuses on an 8 by 12 crowd. */
:root{--journey-crowd-columns:12;--journey-crowd-face:clamp(20px,3vw,40px);--journey-crowd-gap:3px}
.open-demo .journey-population{grid-template-columns:repeat(var(--journey-crowd-columns),minmax(0,1fr));gap:var(--journey-crowd-gap)}
.open-demo .journey-population img{height:var(--journey-crowd-face);max-height:var(--journey-crowd-face)}

/* Hero: one companion becomes a party, then an open field of personalities. */
:root{--hero-sprite-size:100px;--hero-travel:1600ms;--hero-reveal:850ms;--hero-float:5px;--hero-zero:0px;--hero-full:100%}
.hero-evolution{align-self:center}
.hero-cast{position:absolute;inset:var(--hero-zero);pointer-events:none;user-select:none}
.hero-avatar{position:absolute;left:var(--hero-zero);top:var(--hero-zero);width:var(--hero-sprite-size);height:var(--hero-sprite-size);opacity:0;transform:translate3d(var(--cast-x,0px),var(--cast-y,0px),0) translate(-50%,-50%) scale(var(--cast-size,0));transition:transform var(--hero-travel) var(--ease),opacity var(--hero-reveal) var(--ease);transition-delay:var(--arrival,0ms)}
.hero-avatar img{width:var(--hero-full);height:var(--hero-full);animation:hero-person-drift var(--float-duration,7s) ease-in-out infinite;animation-delay:var(--float-delay,0s)}
.hero-avatar.is-visible{opacity:1}
.hero-evolution.is-offscreen .hero-avatar img{animation-play-state:paused}
.hero-evolution.is-measuring .hero-avatar{transition:none}
@keyframes hero-person-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--hero-float)))}}
@media(max-width:599px){:root{--hero-float:3px}}
@media(prefers-reduced-motion:reduce){.hero-avatar{transition:none}.hero-avatar img{animation:none}}

/* A single tilted message stays above the expanding cast. */
:root{--hero-message-type:clamp(10px,4.1cqw,25px);--hero-art-height:clamp(570px,70svh,670px);--hero-message-height:118px;--hero-message-clearance:150px;--hero-message-width:88%;--hero-message-left:6%;--hero-message-pad:25px;--hero-message-label:9px;--hero-message-line:1.55;--hero-message-gap:12px;--hero-message-angle:3deg;--hero-message-motion:600ms;--hero-message-shift:8px;--hero-cast-bleed:clamp(12px,2.3vw,38px);--hero-message-layer:2}
.hero-art.hero-evolution{height:var(--hero-art-height)}
.hero-evolution .hero-cast{inset:var(--hero-message-clearance) calc(-1 * var(--hero-cast-bleed)) var(--hero-zero)}
.hero-message{container-type:inline-size;position:absolute;top:var(--hero-zero);left:var(--hero-message-left);width:var(--hero-message-width);height:var(--hero-message-height);border-radius:var(--radius);background:var(--cream);color:var(--ink);box-shadow:var(--hero-shadow);transform:rotate(var(--hero-message-angle));z-index:var(--hero-message-layer)}
.hero-message-panel{position:absolute;inset:var(--hero-zero);padding:var(--hero-message-pad);opacity:0;transform:translateY(var(--hero-message-shift));transition:opacity var(--hero-message-motion) var(--ease),transform var(--hero-message-motion) var(--ease);pointer-events:none}
.hero-message-panel[aria-hidden="false"]{opacity:1;transform:translateY(0)}
.hero-message-panel .tiny{font-size:var(--hero-message-label);color:var(--muted)}
.hero-message-panel p{white-space:nowrap;font-size:var(--hero-message-type);line-height:var(--hero-message-line);letter-spacing:-.035em;margin-top:var(--hero-message-gap)}

@media(min-width:900px) and (max-width:1100px){:root{--hero-message-height:108px;--hero-message-clearance:140px;--hero-message-pad:20px;--hero-message-width:96%;--hero-message-left:2%}}
@media(max-width:899px){:root{--hero-art-height:620px;--hero-cast-bleed:0px;--hero-message-label:8px;--hero-message-height:90px;--hero-message-clearance:120px;--hero-message-width:94%;--hero-message-left:3%;--hero-message-pad:14px;--hero-message-gap:9px;--hero-message-arrow-space:14px}}
@media(prefers-reduced-motion:reduce){.hero-message-panel{transition:none}}

/* The 100+ crowd fills the entire illustration, behind the opaque message card. */
:root{--hero-crowd-rise:64px;--hero-cast-layer:0}
.hero-evolution .hero-cast{z-index:var(--hero-cast-layer)}
@media(max-width:899px){:root{--hero-crowd-rise:24px}}
@media(max-width:599px){:root{--hero-crowd-rise:12px}}

@media(max-width:599px){:root{--hero-bottom-space:36px}}


/* FAQ: explicit question selection, independent of scroll progress. */
:root{--faq-space:clamp(40px,6vh,72px);--faq-gap:clamp(32px,6vw,100px);--faq-heading:clamp(25px,2.4vw,38px);--faq-title:clamp(26px,2.7vw,40px);--faq-copy:15px;--faq-question:15px;--faq-row:22px;--faq-small:10px;--faq-leading:1.95;--faq-detail-gap:20px;--faq-border:1px solid var(--line);--faq-focus:2px solid var(--clanexe-purple);--faq-focus-offset:5px;--faq-layer:5;--faq-full:100%;--faq-zero:0;--faq-columns:.85fr 1.15fr;--faq-panel-height:450px;--faq-number-width:28px;--faq-mobile-columns:1fr}
.faq{position:relative;z-index:var(--faq-layer);background:var(--white);border-radius:var(--slide-radius) var(--slide-radius) var(--faq-zero) var(--faq-zero);box-shadow:var(--slide-shadow);padding:var(--faq-space) var(--pad);min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.faq-heading{margin:var(--faq-detail-gap) var(--faq-zero) var(--faq-space)}
.faq-heading h2{font-size:var(--faq-heading);font-weight:400;line-height:1.5;letter-spacing:-.035em}
.faq-heading>p{font-size:var(--faq-small);color:var(--muted);margin-top:var(--faq-detail-gap)}
.faq-body{display:grid;grid-template-columns:var(--faq-columns);gap:var(--faq-gap);align-items:start}
.faq-list,.faq-answers{min-width:var(--faq-zero)}
.faq-question{display:grid;grid-template-columns:var(--faq-number-width) 1fr;gap:var(--faq-small);align-items:center;width:var(--faq-full);padding:var(--faq-row) var(--faq-zero);background:transparent;border:var(--faq-zero);border-top:var(--faq-border);text-align:left;color:var(--muted);font:inherit;font-size:var(--faq-question);line-height:1.7;cursor:pointer}
.faq-question:last-child{border-bottom:var(--faq-border)}
.faq-number{font-size:var(--faq-small);letter-spacing:.08em}

.faq-question:hover,.faq-question[aria-selected="true"]{color:var(--clanexe-purple)}
.faq-question[aria-selected="true"]{border-top-color:var(--clanexe-purple)}

.faq-question:focus-visible,.faq-answer:focus-visible{outline:var(--faq-focus);outline-offset:var(--faq-focus-offset)}
.faq-answers{min-height:var(--faq-panel-height)}
.faq-answer[hidden]{display:none}
.faq-eyebrow{font-size:var(--faq-small);letter-spacing:.1em;color:var(--clanexe-purple);margin-bottom:var(--faq-detail-gap)}
.faq-answer h3{font-size:var(--faq-title);font-weight:400;line-height:1.5;letter-spacing:-.04em;margin-bottom:var(--faq-detail-gap)}
.faq-answer>p:not(.faq-eyebrow){font-size:var(--faq-copy);line-height:var(--faq-leading);color:var(--muted);margin-top:var(--faq-detail-gap)}
.faq-example{border-top:var(--faq-border);margin-top:var(--faq-row);padding-top:var(--faq-detail-gap)}
.faq-example>span{font-size:var(--faq-small);color:var(--clanexe-purple)}
.faq-example>p{font-size:var(--faq-copy);line-height:var(--faq-leading);margin-top:var(--faq-small)}
@media(max-width:899px){:root{--faq-space:48px;--faq-title:28px;--faq-copy:14px;--faq-question:14px;--faq-row:20px;--faq-panel-height:0px}.faq{min-height:auto}.faq-body{grid-template-columns:var(--faq-mobile-columns);gap:var(--faq-zero)}.faq-list,.faq-answers{display:contents}.faq-question,.faq-answer{order:var(--faq-order)}.faq-answer{padding:var(--faq-detail-gap) var(--faq-zero) var(--faq-space)}.faq-heading{margin-bottom:var(--faq-space)}}


/* Hold the FAQ for the same scroll distance as the other slides. */
:root{--faq-screen:100svh;--faq-hold:var(--slide-hold);--faq-link-underline:.15em}
.faq-track{position:relative;z-index:var(--faq-layer)}
.faq-example a{color:var(--clanexe-purple);text-decoration:underline;text-underline-offset:var(--faq-link-underline)}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){
 .faq-track{min-height:calc(var(--faq-stage-height,var(--faq-screen)) + var(--faq-hold) + var(--faq-screen));margin-bottom:calc(-1 * var(--faq-screen))}
 .faq-track .faq{position:sticky;top:var(--slide-top,var(--faq-zero))}
}

.faq-contact{border:var(--faq-zero);padding:var(--faq-zero);background:transparent;color:var(--clanexe-purple);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:var(--faq-link-underline)}
.faq-contact:focus-visible{outline:var(--faq-focus);outline-offset:var(--faq-focus-offset)}


/* Compact portrait role buttons and requests addressed to the AI cast. */
:root{--role-button-width:224px;--role-button-gap:8px;--role-button-pad:4px;--role-button-inner-gap:2px;--role-button-face-limit:50%;--role-button-radius:14px;--role-button-face:clamp(24px,2.8vw,36px);--role-button-type:11px;--role-button-border:1px solid var(--line);--role-button-focus:2px solid var(--clanexe-purple);--role-button-ratio:1;--role-button-columns:3;--request-width:94%;--request-pad:20px 24px;--request-radius:20px;--request-tail:16px;--request-tail-position:72%;--request-gap:28px;--request-type:clamp(14px,1.4vw,20px);--request-leading:1.65;--request-shadow:0 5px 18px #30274506;--request-tail-shape:polygon(0 0,100% 0,0 100%)}
.open-demo .preset-choices{display:grid;grid-template-columns:repeat(var(--role-button-columns),minmax(0,1fr));gap:var(--role-button-gap);width:var(--open-full);max-width:var(--role-button-width)}
.open-demo .preset-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--role-button-inner-gap);aspect-ratio:var(--role-button-ratio);min-width:var(--open-zero);padding:var(--role-button-pad);border:var(--role-button-border);border-radius:var(--role-button-radius);background:var(--white);color:var(--muted);font-size:var(--role-button-type);line-height:1.3}
.open-demo .preset-choices button img{width:min(var(--role-button-face),var(--role-button-face-limit));height:auto;aspect-ratio:var(--role-button-ratio);object-fit:contain;flex-shrink:var(--open-zero)}
.open-demo .preset-choices button[aria-pressed=true]{background:var(--primary-soft);border-color:var(--clanexe-purple);color:var(--clanexe-purple)}
.open-demo .preset-choices button:hover{background:var(--primary-soft)}
.open-demo .preset-choices button:focus-visible{outline:var(--role-button-focus);outline-offset:var(--unit-gap)}
.open-demo .party-mission,.open-demo .panel-broadcast-question{position:relative;width:var(--request-width);margin:var(--open-zero) var(--open-zero) var(--request-gap) auto;padding:var(--request-pad);background:var(--primary-soft);border-radius:var(--request-radius);text-align:left;box-shadow:var(--request-shadow)}
.open-demo .party-mission::after,.open-demo .panel-broadcast-question::after{content:"";position:absolute;top:var(--open-full);left:var(--request-tail-position);width:var(--request-tail);height:var(--request-tail);background:var(--primary-soft);clip-path:var(--request-tail-shape)}
.open-demo .party-mission .tiny,.open-demo .panel-broadcast-question .tiny{color:var(--clanexe-purple)}
.open-demo .party-mission p,.open-demo .panel-broadcast-question p{font-size:var(--request-type);line-height:var(--request-leading);color:var(--ink)}
@media(max-width:599px){:root{--role-button-face:34px;--request-pad:18px 20px;--request-width:100%;--request-type:16px}}


/* Identity is a single tag; skills and knowledge show four equipped tags each. */
:root{--composition-tag-gap:7px;--composition-tag-pad:7px 11px;--composition-tag-radius:9px;--composition-tag-font:11px;--composition-tag-leading:1.5;--composition-tag-border:1px solid var(--line);--composition-identity-border:1px solid #d9d5ed}
.composition-elements dd.composition-tags{display:flex;flex-wrap:wrap;gap:var(--composition-tag-gap)}
.composition-elements .composition-tags .composition-tag{display:inline-flex;align-items:center;padding:var(--composition-tag-pad);border:var(--composition-tag-border);border-radius:var(--composition-tag-radius);background:var(--paper);color:var(--ink);font-size:var(--composition-tag-font);line-height:var(--composition-tag-leading)}
.composition-elements #setting-role .composition-tag{background:var(--primary-soft);border:var(--composition-identity-border);color:var(--primary-dark)}



/* The planner explains the work plan directly to the party. */
:root{--planner-comment-pad:18px 24px;--planner-comment-type:clamp(12px,1.05vw,15px);--planner-comment-leading:1.9;--planner-comment-gap:12px;--planner-tail-position:calc((100% + var(--open-pad) * 2) / 6);--planner-tail-offset:-50%;--planner-tail-shape:polygon(0 0,100% 0,50% 100%)}
.open-demo .planner-comment{position:relative;margin:var(--open-zero) var(--open-zero) var(--planner-comment-gap);padding:var(--planner-comment-pad);border-radius:var(--request-radius);background:var(--paper);text-align:left}
.open-demo .planner-comment .tiny{color:var(--clanexe-purple)}
.open-demo .planner-comment p{margin-top:var(--unit-gap);font-size:var(--planner-comment-type);line-height:var(--planner-comment-leading);color:var(--ink)}
.open-demo .planner-comment::after{content:"";position:absolute;top:var(--open-full);left:var(--planner-tail-position);width:var(--request-tail);height:var(--request-tail);transform:translateX(var(--planner-tail-offset));background:var(--paper);clip-path:var(--planner-tail-shape)}
@media(max-width:599px){:root{--planner-comment-pad:16px 18px;--planner-comment-type:13px;--planner-comment-gap:24px}}

/* The user's task bubble points from its upper-right corner. */
.open-demo .party-mission{border-top-right-radius:var(--open-zero)}
.open-demo .party-mission::after{content:none}

/* Keep the scene selector quiet except for the selected card. */
:root{--scene-unselected-border:transparent;--scene-selector-shadow:0 3px 12px #3027450a;--scene-kicker-gap:24px}

.scene-card{border-color:var(--scene-unselected-border);box-shadow:var(--scene-selector-shadow)}
.scene-card:hover{border-color:var(--scene-unselected-border)}
.scene-card[aria-selected=true]{border-color:var(--clanexe-purple)}

.scene-picker-heading .scene-controls{margin-left:auto}

/* Footer destinations share one compact navigation group. */
:root{--footer-menu-gap:24px;--footer-menu-row-gap:14px;--footer-menu-focus:2px solid var(--clanexe-purple);--footer-menu-focus-offset:5px}
.footer-menu{display:flex;flex-wrap:wrap;align-items:center;gap:var(--footer-menu-row-gap) var(--footer-menu-gap)}
.footer-menu a{white-space:nowrap}
.footer-menu a:hover{color:var(--clanexe-purple)}
.footer-menu a:focus-visible{outline:var(--footer-menu-focus);outline-offset:var(--footer-menu-focus-offset)}
@media(max-width:599px){.footer-menu{width:var(--open-full)}}