/* Geometry is scoped to the illustrated component, not the shared icon library. */
.px-scene svg:is(.icon,.st-icon){display:inline-block;width:18px;height:18px;min-width:18px;max-width:18px;min-height:18px;max-height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.px-scene .px-console__icon svg{width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px;flex-basis:20px}
.px-scene .px-context,.px-scene .px-output,.px-scene .px-reference{align-items:center;line-height:1.55;gap:8px}
.px-scene .px-console__head>div{min-width:0}
.px-scene .px-source>b{font-size:11px}.px-scene .px-console__head strong{font-size:15px}
.px-scene .px-context,.px-scene .px-output,.px-scene .px-reference{font-size:11px}
.px-scene .px-audit__row,.px-scene .px-transcript{font-size:12px}
.px-scene .px-process__step b{font-size:12px}.px-scene .px-process__step small{font-size:10px}
.px-scene .px-dialog__answer,.px-scene .px-dialog__question{font-size:13px}
.px-scene .px-dialog__answer small{font-size:11px}
.px-scene .px-document__tab,.px-scene .px-address{font-size:11px}
.px-brand-gallery{align-items:start}.px-brand-gallery .px-scene{height:auto}
.px-scene--brain{--px-accent:#d6f58c;background:radial-gradient(ellipse at 0 0,#41684270,transparent 65%),#142a20}
.px-scene--agent{--px-accent:#d6f58c;background:radial-gradient(ellipse at 100% 10%,#62884865,transparent 65%),#132d20}
.px-scene--visibility{--px-accent:#c8dea9;background:radial-gradient(ellipse at 100% 0,#82946a55,transparent 60%),#1d3126}
.px-scene--automations{--px-accent:#c5e8ba;background:radial-gradient(ellipse at 5% 80%,#488f7960,transparent 60%),#122d25}
.px-scene--commerce{--px-accent:#f0c7a6;--px-surface:#443b30;background:radial-gradient(ellipse at 100% 0,#95795a50,transparent 70%),#292d25}
.px-scene--studio{--px-accent:#ded1f9;--px-surface:#383648;background:radial-gradient(ellipse at 100% 0,#8e7abb40,transparent 70%),#272b32}
.px-scene .px-process__step{background:linear-gradient(110deg,#304f3f,#1b382c)}
.px-scene .px-editor__cover{height:62px;gap:10px;align-items:center;background:none;padding:0}
.px-scene .px-editor__cover i{height:42px;border-radius:7px;background:linear-gradient(150deg,#f2dac055,#a5886220);box-shadow:3px 5px 0 #060b081a;transform:rotate(-5deg)}
.px-scene .px-editor__cover i:nth-child(2){height:55px;transform:rotate(2deg)}
.px-scene .px-editor__cover i:nth-child(3){height:47px;transform:rotate(6deg)}
/* Circular end-to-end scene. All diameters derive from ONE length, never from
   unrelated percentages of a rectangular parent. The SVG keeps its own ratio. */
.story-shell .cycle-art{position:relative;width:100%;height:100%;container:cycle-geometry / size;isolation:isolate;min-width:0;min-height:0}
.story-shell .cycle-ring{position:absolute;inset:auto;left:50%;top:50%;width:min(78cqw,78cqh);height:min(78cqw,78cqh);aspect-ratio:1;box-sizing:border-box;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.story-shell .cycle-core{position:absolute;inset:auto;left:50%;top:50%;width:min(38cqw,46cqh);height:min(38cqw,46cqh);aspect-ratio:1;box-sizing:border-box;min-height:0;max-width:none;max-height:none;padding:12px;border-radius:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.story-shell .cycle-core img{display:block;width:82%;height:auto;max-width:150px;max-height:none;aspect-ratio:520 / 112;object-fit:contain;flex:0 0 auto;transform:none;scale:none;margin:0}
.story-shell .cycle-core>span{display:block;font-size:clamp(9px,1.65cqw,12px);line-height:1.5;text-align:center;margin:0}
.story-shell .cycle-card{position:absolute;inset:auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;width:max-content;max-width:30%;min-height:45px;height:auto;font-size:clamp(10px,1.7cqw,13px);line-height:1.4;transform:none;margin:0}
.story-shell .cycle-card b{font:inherit;font-weight:650;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.story-shell .cycle-card svg{flex:none;width:18px;height:18px}
.story-shell .cyc-0{left:50%;top:0;transform:translateX(-50%)}
.story-shell .cyc-1{right:0;top:50%;transform:translateY(-50%)}
.story-shell .cyc-2{left:50%;bottom:0;transform:translateX(-50%)}
.story-shell .cyc-3{left:0;top:50%;transform:translateY(-50%)}
.story-shell .cycle-arrow{position:absolute;inset:auto;line-height:1;pointer-events:none;font-size:22px}
.story-shell .ca-0{top:20%;right:26%}.story-shell .ca-1{bottom:20%;right:26%}.story-shell .ca-2{bottom:20%;left:26%}.story-shell .ca-3{top:20%;left:26%}
@container cycle-geometry (max-width:440px){
 .story-shell .cycle-core{width:min(46cqw,44cqh);height:min(46cqw,44cqh);gap:10px;padding:9px}
 .story-shell .cycle-card{max-width:47%;width:47%;min-height:72px;padding:9px 7px;font-size:11px;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:5px}
 .story-shell .cyc-0{left:0;top:0;transform:none}.story-shell .cyc-1{right:0;top:0;transform:none}
 .story-shell .cyc-2{right:0;bottom:0;left:auto;transform:none}.story-shell .cyc-3{left:0;bottom:0;top:auto;transform:none}
 .story-shell .cycle-arrow{display:none}
}
/* Homepage product stories: no decorative image duplicates or nested links. */
.home-product-heading{display:flex;align-items:center;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px}
.home-product-motion{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:9px 14px;border:1px solid #dbe3d3;border-radius:30px;background:#fff;color:#3d583c;font:inherit;font-size:12px;cursor:pointer}
.home-product-motion[aria-pressed=true]{background:#eaf1de}
.bento.home-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.home-product-card{min-width:0;position:relative;isolation:isolate;border:1px solid #dce4d7;border-radius:24px;background:#fff;display:flex;flex-direction:column;overflow:clip;transition:translate .25s ease,box-shadow .25s ease,border-color .25s ease}
.home-product-card:hover{translate:0 -4px;box-shadow:0 18px 40px #263a2810;border-color:#a4b792}
.home-product-card:focus-within{outline:2px solid #789b56;outline-offset:4px}
.home-product-copy{padding:25px 25px 20px;min-width:0}
.home-product-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#607959;margin-bottom:13px}
.home-product-copy h3{font-size:clamp(21px,2vw,26px);line-height:1.17;letter-spacing:-.035em;margin:0 0 12px;color:#1d3024}
.home-product-copy h3 a{color:inherit;text-decoration:none}
.home-product-copy p{font-size:13px;line-height:1.7;color:#687865;margin:0 0 17px;max-width:47ch}
.home-product-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:650;color:#335d36;text-decoration:none}
.home-product-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none;transition:translate .2s}
.home-product-link:hover svg{translate:3px 0}
.home-product-art{min-width:0;padding:0 17px 17px;margin-top:auto;pointer-events:none}
.home-product-art .px-scene{border-radius:18px;box-shadow:none;container-type:normal}
.home-product-art .px-scene__head,.home-product-art .px-scene__sources,.home-product-art .px-scene__wire,.home-product-art figcaption{display:none}
.home-product-art .px-scene__body{display:block;min-height:0;padding:17px}
.home-product-art .px-console{box-shadow:0 16px 35px #020d0740;border-radius:13px}
.home-product-art .px-console__head{padding:10px 12px;min-height:56px}
.home-product-art :is(.px-dialog,.px-document,.px-studio,.px-audit,.px-process,.px-editor){padding:14px;min-height:210px}
.home-product-art .px-console__head strong{font-size:13px}
.home-product-art .px-scene__aurora{background:radial-gradient(ellipse at 70% 15%,#c2ec8d38,transparent 55%)}
.home-product-card--agent{grid-column:span 2;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;background:linear-gradient(125deg,#edf3e3,#f5f8ef)}
.home-product-card--agent .home-product-copy{padding:32px 25px}
.home-product-card--agent .home-product-art{padding:24px 24px 24px 0;margin:0}
.home-product-card--agent .px-dialog{min-height:238px;justify-content:center}
.home-product-card--studio{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;background:linear-gradient(110deg,#f1f1f7,#f8f9f4)}
.home-product-card--studio .home-product-copy{padding:32px}
.home-product-card--studio .home-product-art{margin:0;padding:24px 24px 24px 0}
.home-product-card--studio .px-studio{min-height:0}
.home-product-card--studio .px-wave{height:72px}
.home-product-card--studio .px-transcript{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-brain-visual{min-width:0;padding:0!important;background:none!important;border:none!important}
.home-audience-art{padding:16px 16px 0}.home-audience-art .px-scene{pointer-events:none;border-radius:16px;box-shadow:none}
.home-audience-art .px-scene__head,.home-audience-art .px-scene__sources,.home-audience-art .px-scene__wire,.home-audience-art figcaption{display:none}
.home-audience-art .px-scene__body{display:block;min-height:0;padding:14px}
.home-audience-art .px-console{box-shadow:none}
@media(max-width:1050px){.bento.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-product-card--agent{grid-column:1 / -1}.home-product-card--studio{grid-column:1 / -1}}
@media(max-width:620px){
 .bento.home-product-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .home-product-card--agent,.home-product-card--studio{display:flex;grid-column:auto}
 .home-product-copy,.home-product-card--agent .home-product-copy,.home-product-card--studio .home-product-copy{padding:23px 22px 18px}
 .home-product-card--agent .home-product-art,.home-product-card--studio .home-product-art{padding:0 16px 16px}
 .home-product-art .px-scene__body{padding:13px}
 .home-product-card--studio .px-transcript{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.home-product-card,.home-product-link svg{transition:none}.home-product-card:hover,.home-product-link:hover svg{translate:none}}