/* Xshna V4 — expansion pack | CSS-only visuals, no frameworks, all selectors namespaced. */
.xsh-expand-section{position:relative;padding:116px 0;overflow:clip;isolation:isolate}
.xsh-expand-heading{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.7fr);align-items:end;gap:clamp(36px,7vw,140px);margin-bottom:49px}
.xsh-expand-overline{display:inline-flex;flex-wrap:wrap;gap:11px;align-items:center;color:#69809a;letter-spacing:.14em;font-size:10px;font-weight:800;line-height:1.7}
.xsh-expand-overline b{color:#bd6e2b;font-weight:800}
.xsh-expand-heading h2,.xsh-expand-personality-copy h2,.xsh-expand-values-intro h2,.xsh-expand-warke-copy h2,.xsh-expand-faq-copy h2{font-size:clamp(40px,4.15vw,66px);letter-spacing:-.06em;line-height:1.12;font-weight:800;margin:18px 0 0;color:var(--xsh-deep)}
.xsh-expand-heading h2 em,.xsh-expand-personality-copy h2 em,.xsh-expand-values-intro h2 em,.xsh-expand-warke-copy h2 em,.xsh-expand-faq-copy h2 em{font-style:normal;color:#4774bb;font-weight:700}
.xsh-expand-heading p,.xsh-expand-personality-copy>p,.xsh-expand-values-intro>p,.xsh-expand-warke-copy>p,.xsh-expand-faq-copy>p{color:var(--xsh-sub);font-size:16px;line-height:1.95;margin:0 0 21px;max-width:455px}
.xsh-expand-link{display:inline-flex;align-items:center;gap:8px;color:#184575;font-size:13px;font-weight:800;border-bottom:1px solid #b2c5d8;padding:0 0 7px;transition:gap .22s,color .22s}
.xsh-expand-link:hover{gap:15px;color:#0a65c0}
.xsh-expand-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;letter-spacing:.14em;color:#6e8298;font-weight:800}
.xsh-expand-components{background:#fff}
.xsh-expand-component-grid{display:grid;grid-template-columns:1.16fr .84fr .84fr;grid-template-rows:225px 225px;gap:16px}
.xsh-expand-component-grid>article{border:1px solid #e7ebf1;border-radius:20px;background:#fff;min-width:0;transition:box-shadow .35s,transform .35s,border-color .35s}
.xsh-expand-component-grid>article:hover{transform:translateY(-5px);box-shadow:0 23px 53px #183f6512;border-color:#d3e0ed}
.xsh-expand-component-feature{grid-row:1/3;padding:27px 28px;display:flex;flex-direction:column;background:linear-gradient(137deg,#fff,#f6f9fe)!important}
.xsh-expand-card-dot{color:#338969;font-size:9px}
.xsh-expand-navigation-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #e5eaf1;border-radius:12px;box-shadow:0 12px 37px #102d5110;margin-top:68px;padding:13px 12px;white-space:nowrap}
.xsh-expand-preview-logo{font-size:14px;font-weight:800;letter-spacing:-.04em}.xsh-expand-preview-logo span{color:#315fdb;font-size:20px;vertical-align:middle;margin-right:3px}
.xsh-expand-preview-nav{display:flex;gap:11px;align-items:center;font-size:10px;font-weight:700;color:#62758d}.xsh-expand-preview-nav span{padding:9px 7px}.xsh-expand-preview-nav .xsh-expand-preview-nav-active{background:#edf4ff;color:#2354ba;border-radius:7px}
.xsh-expand-preview-avatar{display:grid;place-items:center;height:30px;width:30px;border-radius:50%;background:#ffead2;color:#a8571a;font-size:12px;font-weight:800;flex:none}
.xsh-expand-feature-bottom{margin-top:auto;padding-top:43px}
.xsh-expand-feature-bottom h3{margin:0 0 13px;font-size:31px;letter-spacing:-.052em;line-height:1.2}.xsh-expand-feature-bottom h3 em{font-style:normal;color:#557da7}
.xsh-expand-feature-bottom p,.xsh-expand-component-caption p{font-size:12px;color:#73869a;line-height:1.75;margin:0}.xsh-expand-feature-bottom a{display:inline-block;color:#305e96;font-size:12px;font-weight:800;margin-top:26px}
.xsh-expand-component-small{padding:23px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.xsh-expand-component-message{background:linear-gradient(135deg,#fcfdff,#f7fcf9)!important}
.xsh-expand-toast-preview{display:flex;align-items:center;gap:11px;min-width:0;padding:12px 10px;background:#fff;border:1px solid #e3ebeb;border-radius:10px;box-shadow:0 9px 30px #153b4910}
.xsh-expand-toast-check{width:32px;height:32px;display:grid;place-items:center;background:#e7f7ef;border-radius:9px;color:#1e925e;flex:none;font-weight:900}
.xsh-expand-toast-preview div{display:flex;flex-direction:column;min-width:0}.xsh-expand-toast-preview strong{font-size:11px}.xsh-expand-toast-preview small{font-size:10px;color:#7e92a3}.xsh-expand-toast-close{margin-left:auto;color:#9da9b6}
.xsh-expand-component-caption h3{margin:0 0 6px;font-size:15px;letter-spacing:-.035em}
.xsh-expand-component-data{background:linear-gradient(135deg,#fff,#f6faff)!important}.xsh-expand-data-preview{display:flex;align-items:end;gap:14px}.xsh-expand-data-preview>div:first-child{flex:none}.xsh-expand-data-preview small{display:block;font-size:9px;font-weight:800;color:#7389a0;letter-spacing:.12em}.xsh-expand-data-preview strong{display:block;font-size:23px;letter-spacing:-.07em}.xsh-expand-data-preview strong span{font-size:9px;color:#16935d;letter-spacing:0}.xsh-expand-bars{height:59px;display:flex;align-items:end;gap:4px;flex:1;min-width:0}.xsh-expand-bars i{flex:1;background:#bfd3ee;border-radius:3px 3px 0 0;height:38%}.xsh-expand-bars i:nth-child(2){height:50%}.xsh-expand-bars i:nth-child(3){height:31%}.xsh-expand-bars i:nth-child(4){height:65%}.xsh-expand-bars i:nth-child(5){height:46%;background:#5d89ce}.xsh-expand-bars i:nth-child(6){height:77%;background:#3f74c6}.xsh-expand-bars i:nth-child(7){height:64%}.xsh-expand-bars i:nth-child(8){height:91%;background:#315fd0}.xsh-expand-bars i:nth-child(9){height:76%}.xsh-expand-bars i:nth-child(10){height:100%;background:#2b66b4}
.xsh-expand-component-form{grid-column:2/4;background:linear-gradient(135deg,#fff,#fffaf5)!important}.xsh-expand-form-preview{width:min(100%,390px)}.xsh-expand-form-preview label{font-size:11px;font-weight:800;color:#314d6a}.xsh-expand-form-preview>div{border:1px solid #dce5ee;background:#fff;border-radius:9px;display:flex;align-items:center;margin:8px 0 6px;height:43px;padding:0 12px;box-shadow:0 5px 18px #0b35560b}.xsh-expand-form-preview input{border:0;outline:0!important;min-width:0;flex:1;width:100%;font-size:12px;background:none;color:#172e48}.xsh-expand-form-preview>div span{color:#2a66be;font-weight:800}.xsh-expand-form-preview small{font-size:10px;color:#8293a4}
.xsh-expand-personalities{background:linear-gradient(145deg,#f8fbfa,#f4f8fd 67%,#f9fbf8)}
.xsh-expand-personalities-grid{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:clamp(45px,7vw,115px)}
.xsh-expand-personality-copy>p{margin:23px 0 29px}.xsh-expand-personality-choices{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 31px}.xsh-expand-personality-choices button{background:#fff;border:1px solid #dee7ed;border-radius:30px;color:#36516c;display:inline-flex;align-items:center;gap:8px;padding:12px 15px;font-size:12px;font-weight:800;transition:background .25s,border-color .25s,box-shadow .25s}.xsh-expand-personality-choices button:hover{border-color:#b9c8da}.xsh-expand-personality-choices button[aria-pressed=true]{border-color:#8fa9ce;box-shadow:0 0 0 3px #e1ecfa;color:#173b62}.xsh-expand-choice-dot{background:var(--xsh-chip);width:9px;height:9px;border-radius:50%;display:inline-block}
.xsh-expand-personality-canvas{--xsh-preview-primary:#285ad8;--xsh-preview-soft:#eef3ff;--xsh-preview-ink:#162c4d;--xsh-preview-accent:#cf8654;position:relative;background:#eaf0f5;border:1px solid #e0e9f1;border-radius:23px;padding:36px 30px;box-shadow:0 26px 70px #1b456b0c;min-width:0;transition:background .3s}
.xsh-expand-personality-canvas[data-xsh-expand-style=warmth]{--xsh-preview-primary:#ba6245;--xsh-preview-soft:#fff2e9;--xsh-preview-ink:#553424;--xsh-preview-accent:#e8a05f;background:#f3e9e0}
.xsh-expand-personality-canvas[data-xsh-expand-style=nature]{--xsh-preview-primary:#237d60;--xsh-preview-soft:#ebf7ef;--xsh-preview-ink:#173c35;--xsh-preview-accent:#b29b63;background:#e5f1e8}
.xsh-expand-personality-canvas[data-xsh-expand-style=ink]{--xsh-preview-primary:#34375f;--xsh-preview-soft:#eeedf5;--xsh-preview-ink:#272842;--xsh-preview-accent:#9f88c8;background:#e8e7f1}
.xsh-expand-personality-card{background:#fff;border-radius:17px;padding:21px 25px 28px;box-shadow:0 21px 52px #102f5016;transition:background .3s}
.xsh-expand-personality-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f2;padding-bottom:15px;color:#8293a5;font-size:9px;letter-spacing:.12em;font-weight:800}.xsh-expand-personality-symbol{background:var(--xsh-preview-primary);border-radius:8px;height:29px;width:29px;display:grid;place-items:center;font-size:17px;color:#fff}
.xsh-expand-personality-inner{padding:42px 13px 38px}.xsh-expand-personality-eyebrow{font-size:10px;letter-spacing:.17em;color:var(--xsh-preview-primary);font-weight:800}.xsh-expand-personality-inner h3{color:var(--xsh-preview-ink);font-size:clamp(30px,3vw,43px);line-height:1.2;letter-spacing:-.06em;margin:15px 0}.xsh-expand-personality-inner h3 em{font-style:normal;color:var(--xsh-preview-primary)}.xsh-expand-personality-inner p{color:#697f91;font-size:12px;line-height:1.8;max-width:330px;margin:0 0 23px}.xsh-expand-personality-button{background:var(--xsh-preview-primary);border-radius:8px;padding:13px 17px;color:#fff;font-size:12px;display:inline-flex;gap:32px;font-weight:800;transition:background .3s}
.xsh-expand-personality-bottom{border-top:1px solid #edf0f2;display:flex;align-items:center;gap:10px;padding:16px 2px 0;font-size:9px;letter-spacing:.11em;color:#90a1b2;font-weight:700}.xsh-expand-personality-bottom>span:first-child{color:var(--xsh-preview-primary);font-size:16px}.xsh-expand-personality-bottom>div{display:flex;gap:4px;margin-left:auto}.xsh-expand-personality-bottom i{height:8px;width:8px;border-radius:50%;background:var(--xsh-preview-primary)}.xsh-expand-personality-bottom i:nth-child(2){background:var(--xsh-preview-accent)}.xsh-expand-personality-bottom i:nth-child(3){background:var(--xsh-preview-soft)}
.xsh-expand-personality-side-note{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:10px;letter-spacing:.13em;font-weight:800;color:#77899b;padding:18px 8px 0}.xsh-expand-personality-side-note strong{color:var(--xsh-preview-primary);font-size:12px;letter-spacing:0;transition:color .2s}
.xsh-expand-motion{background:#fff}
.xsh-expand-motion-demo{overflow:hidden;border:1px solid #e2e9f0;border-radius:22px;box-shadow:0 20px 65px #102f5110;background:#fff}.xsh-expand-motion-rail,.xsh-expand-motion-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px}.xsh-expand-motion-rail{border-bottom:1px solid #eaf0f5}.xsh-expand-motion-rail>div:first-child{font-size:10px;letter-spacing:.13em;font-weight:800;display:flex;align-items:center;gap:10px;color:#57708b}.xsh-expand-motion-dot{height:9px;width:9px;border-radius:50%;background:#1ba275;box-shadow:0 0 0 4px #e6f6ee}.xsh-expand-motion-pills{display:flex;gap:4px;background:#f3f6fa;padding:4px;border-radius:10px}.xsh-expand-motion-pills button{font-size:11px;font-weight:800;color:#61778e;padding:10px 15px;border:0;border-radius:7px;background:transparent;transition:background .2s,color .2s}.xsh-expand-motion-pills button[aria-pressed=true]{color:#16426e;background:#fff;box-shadow:0 2px 6px #17385a12}
.xsh-expand-motion-stage{height:390px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#e6f2f5 0,#f7faff 45%,#fff 78%);isolation:isolate}.xsh-expand-motion-grid{position:absolute;inset:0;background-image:linear-gradient(#dceaf333 1px,transparent 1px),linear-gradient(90deg,#dceaf333 1px,transparent 1px);background-size:47px 47px;mask-image:linear-gradient(0deg,#0006,transparent 96%)}.xsh-expand-motion-object{z-index:3;width:285px;padding:25px 27px 30px;box-shadow:0 30px 65px #1f466725;background:#fff;border:1px solid #e9f0f8;border-radius:16px;display:flex;flex-direction:column;align-items:start;position:relative}.xsh-expand-motion-small-symbol{color:#fff;border-radius:9px;background:#1c558e;width:35px;height:35px;display:grid;place-items:center;font-size:22px;margin-bottom:35px}.xsh-expand-motion-object>span{font-size:8px;font-weight:800;letter-spacing:.17em;color:#8c9fae}.xsh-expand-motion-object>strong{font-size:26px;letter-spacing:-.05em;line-height:1.25;margin:9px 0;color:#173657}.xsh-expand-motion-object>strong em{color:#3f74b8;font-style:normal}.xsh-expand-motion-object>small{font-size:11px;color:#7791a6}.xsh-expand-motion-orbit{position:absolute;border:1px solid rgba(57,111,167,.17);border-radius:50%;pointer-events:none}.xsh-expand-motion-orbit-a{height:550px;width:550px}.xsh-expand-motion-orbit-b{height:700px;width:700px}.xsh-expand-motion-orbit-a::after{content:"";position:absolute;top:21%;right:10%;height:13px;width:13px;border-radius:50%;background:#ff9d52}.xsh-expand-motion-orbit-b::after{content:"";position:absolute;bottom:22%;left:14%;height:13px;width:13px;border-radius:50%;background:#18936d}
.xsh-expand-motion-stage[data-xsh-expand-motion=drift] .xsh-expand-motion-object{animation:xsh-expand-drift 4.8s ease-in-out infinite}.xsh-expand-motion-stage[data-xsh-expand-motion=reveal] .xsh-expand-motion-object{animation:xsh-expand-reveal 3.8s ease-in-out infinite}.xsh-expand-motion-stage[data-xsh-expand-motion=breathe] .xsh-expand-motion-object{animation:xsh-expand-breathe 3.8s ease-in-out infinite}
.xsh-expand-motion-stage.xsh-expand-replaying .xsh-expand-motion-object{animation-delay:0s}
@keyframes xsh-expand-drift{0%,100%{transform:translateY(4px)}50%{transform:translateY(-12px)}}@keyframes xsh-expand-reveal{0%{opacity:.15;transform:translateY(30px)}28%,78%{opacity:1;transform:translateY(0)}100%{opacity:.15;transform:translateY(-12px)}}@keyframes xsh-expand-breathe{0%,100%{transform:scale(.97)}50%{transform:scale(1.035)}}
.xsh-expand-motion-bottom{border-top:1px solid #eaf0f5;gap:20px}.xsh-expand-motion-bottom>div{display:flex;align-items:center;flex-wrap:wrap;gap:11px}.xsh-expand-motion-status{font-size:10px;letter-spacing:.12em;font-weight:800;color:#315c8b}.xsh-expand-motion-caveat{color:#8497a9;font-size:11px}.xsh-expand-replay{background:#f1f6fb;border:1px solid #dce6f0;color:#24557f;border-radius:9px;padding:11px 16px;font-size:11px;font-weight:800;white-space:nowrap;transition:background .2s}.xsh-expand-replay:hover{background:#e2edf8}
.xsh-expand-blueprints{background:linear-gradient(180deg,#f7fafc,#fff)}
.xsh-expand-blueprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.xsh-expand-blueprint-card{min-width:0;border:1px solid #e3eaf0;background:#fff;border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s}.xsh-expand-blueprint-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px #102f5114}
.xsh-expand-blueprint-art{height:275px;position:relative;display:grid;place-items:center;padding:24px;overflow:hidden}.xsh-expand-blueprint-art-dash{background:#e7effb}.xsh-expand-blueprint-art-editorial{background:#f4eee7}.xsh-expand-blueprint-art-product{background:#edf4ed}
.xsh-expand-dash-window{width:100%;max-width:300px;border-radius:10px;background:#fff;padding:18px;transform:rotate(-4deg);box-shadow:0 20px 46px #16396426}.xsh-expand-dash-top{font-weight:800;color:#28486d;font-size:11px;display:flex;justify-content:space-between}.xsh-expand-dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:19px 0}.xsh-expand-dash-stats>div{background:#f5f8fc;border-radius:7px;padding:10px}.xsh-expand-dash-stats small{display:block;font-size:8px;color:#7990a4}.xsh-expand-dash-stats strong{display:block;font-size:16px;letter-spacing:-.06em;color:#123b64}.xsh-expand-dash-stats i{display:block;height:3px;width:75%;background:#99bded;border-radius:20px;margin-top:10px}.xsh-expand-dash-stats>div:nth-child(2) i{background:#64bc96}
.xsh-expand-dash-graph{height:80px;display:flex;gap:9px;align-items:end;border-bottom:1px solid #dce7f2;padding:0 9px}.xsh-expand-dash-graph i{flex:1;border-radius:4px 4px 0 0;background:#b3cdef;height:42%}.xsh-expand-dash-graph i:nth-child(2){height:67%}.xsh-expand-dash-graph i:nth-child(3){height:49%}.xsh-expand-dash-graph i:nth-child(4){height:80%}.xsh-expand-dash-graph i:nth-child(5){height:61%}.xsh-expand-dash-graph i:nth-child(6){height:91%;background:#497bc7}.xsh-expand-dash-graph i:nth-child(7){height:75%;background:#6993d5}.xsh-expand-dash-graph i:nth-child(8){height:100%;background:#295ca5}
.xsh-expand-editorial-window{width:100%;max-width:270px;background:#fffdf9;padding:17px;transform:rotate(3deg);box-shadow:0 18px 48px #67574720}.xsh-expand-editorial-top{font-size:10px;font-family:Georgia,serif;font-weight:800;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center;color:#4e493f}.xsh-expand-editorial-top span{font-family:var(--xsh-font);font-size:6px;letter-spacing:.13em}.xsh-expand-editorial-visual{height:147px;background:#cbd0b5;position:relative;margin-top:13px;overflow:hidden}.xsh-expand-editorial-circle{position:absolute;width:190px;height:190px;background:#878e6d;border-radius:50%;right:-13px;top:28px;box-shadow:-64px 28px 0 6px #b6bba4}.xsh-expand-editorial-caption{position:absolute;left:15px;top:17px;font:italic 26px/1.12 Georgia,serif;color:#fff}.xsh-expand-editorial-bottom{display:flex;justify-content:space-between;gap:10px;font-size:8px;padding-top:14px;color:#5e645a}.xsh-expand-editorial-bottom span{white-space:nowrap;color:#536b44;font-weight:800}
.xsh-expand-product-window{background:#fff;border-radius:9px;padding:14px;transform:rotate(-3deg);width:100%;max-width:278px;box-shadow:0 20px 42px #254d3d24}.xsh-expand-product-nav{font-size:17px;font-weight:800;letter-spacing:-.05em;color:#1b3c31;display:flex;justify-content:space-between}.xsh-expand-product-nav>span{font-size:7px;letter-spacing:.12em;font-weight:700;align-self:center;color:#688474}.xsh-expand-product-nav span:first-child{color:#c7884c}.xsh-expand-product-visual{height:138px;background:#d6e2d7;border-radius:5px;margin-top:10px;overflow:hidden;position:relative}.xsh-expand-product-arch{position:absolute;left:36%;top:26px;width:78px;height:129px;border-radius:42px 42px 0 0;background:linear-gradient(120deg,#ffffff,#b5d1bb);box-shadow:17px 6px 0 #7b9d83}.xsh-expand-product-visual>span{position:absolute;bottom:8px;left:10px;font-size:7px;letter-spacing:.13em;color:#3a6950;font-weight:800}.xsh-expand-product-bottom{display:flex;justify-content:space-between;align-items:end;gap:8px;padding-top:13px}.xsh-expand-product-bottom small{display:block;font-size:7px;letter-spacing:.07em;color:#7b8c7e}.xsh-expand-product-bottom strong{font-size:13px;color:#2b5945}.xsh-expand-product-bottom>span{white-space:nowrap;font-size:8px;font-weight:800;color:#2e7853}
.xsh-expand-blueprint-caption{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:25px 23px 28px}.xsh-expand-blueprint-caption div span{font-size:10px;letter-spacing:.13em;color:#7f93a6;font-weight:800}.xsh-expand-blueprint-caption h3{font-size:18px;letter-spacing:-.035em;margin:9px 0 0}.xsh-expand-blueprint-caption>span{width:35px;height:35px;border:1px solid #e0e8ee;display:grid;place-items:center;border-radius:50%;font-size:17px;flex:none;color:#23517d}
.xsh-expand-workflow{background:#fff}.xsh-expand-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.xsh-expand-workflow-step{background:#f8fafc;border:1px solid #e4ebf1;border-radius:15px;min-height:294px;padding:23px;display:flex;flex-direction:column;transition:transform .25s,background .25s}.xsh-expand-workflow-step:hover{transform:translateY(-4px);background:#f2f7fe}.xsh-expand-step-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9fb1c1;font-size:12px;font-weight:800}.xsh-expand-step-top i{font-style:normal;color:#647b91}.xsh-expand-step-icon{height:51px;width:51px;background:#eaf1fa;border-radius:12px;display:grid;place-items:center;margin:32px 0 20px;color:#23548d;font-family:var(--xsh-mono);font-weight:800;font-size:20px}.xsh-expand-workflow-step:nth-child(2) .xsh-expand-step-icon{color:#cb742f;background:#fff0e0}.xsh-expand-workflow-step:nth-child(3) .xsh-expand-step-icon{color:#29916e;background:#e7f5ee}.xsh-expand-workflow-step:nth-child(4) .xsh-expand-step-icon{color:#4665a9;background:#eaf0fc}.xsh-expand-workflow-step h3{font-size:16px;margin:0 0 8px;letter-spacing:-.03em}.xsh-expand-workflow-step p{font-size:12px;line-height:1.8;color:#71859b;margin:0}.xsh-expand-workflow-step small{font-size:9px;letter-spacing:.12em;color:#8ea0af;font-weight:800;margin-top:auto;padding-top:22px}
.xsh-expand-values{background:linear-gradient(135deg,#f2f6fb,#f7fafc 45%,#fbfcfd)}.xsh-expand-values-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(48px,7vw,115px);align-items:start}.xsh-expand-values-intro>p{margin:25px 0}.xsh-expand-values-list{border-top:1px solid #d6e3ef}.xsh-expand-values-list>div{display:grid;grid-template-columns:38px 1fr 20px;gap:15px;padding:24px 0;border-bottom:1px solid #d6e3ef;align-items:start}.xsh-expand-values-list>div>span{font-size:12px;font-weight:800;color:#5980a5}.xsh-expand-values-list>div>span:last-child{color:#7c98ae;text-align:right}.xsh-expand-values-list h3{font-size:17px;margin:-4px 0 6px;letter-spacing:-.04em}.xsh-expand-values-list p{font-size:12px;color:#73889b;line-height:1.75;margin:0}
.xsh-expand-warke{background:#fff}.xsh-expand-warke-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,8vw,110px);align-items:center}.xsh-expand-warke-copy>p{margin:25px 0 31px;max-width:475px}.xsh-expand-warke-sign{display:flex;align-items:center;gap:17px;padding-top:22px;border-top:1px solid #e4ebf1}.xsh-expand-warke-sign img{width:116px;height:auto;flex:none}.xsh-expand-warke-sign span{font-size:11px;color:#7d8c9a;line-height:1.6;max-width:230px}
.xsh-expand-warke-art{position:relative}.xsh-expand-warke-art-canvas{min-height:435px;background:linear-gradient(150deg,#143d67,#0f294a);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;position:relative;padding:38px 37px;color:#fff;isolation:isolate}.xsh-expand-warke-art-canvas:before{content:"";height:7px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#ff983f 0 33.3%,#fff 33.3% 66.7%,#16996f 66.7%)}.xsh-expand-warke-art-tag{font-size:10px;letter-spacing:.18em;color:#adc4db;font-weight:800;z-index:2}.xsh-expand-warke-art-main{font-size:clamp(35px,3.3vw,52px);font-weight:800;letter-spacing:-.06em;line-height:1.14;margin:auto 0;position:relative;z-index:2}.xsh-expand-warke-art-main em{font-style:normal;color:#d0e4f6}.xsh-expand-warke-orbit{position:absolute;border-radius:50%;border:1px solid #ffffff21;pointer-events:none}.xsh-expand-warke-orbit-a{height:400px;width:400px;right:-155px;top:8px}.xsh-expand-warke-orbit-b{height:540px;width:540px;right:-180px;top:-67px}.xsh-expand-warke-orbit-a:after{position:absolute;content:"";height:13px;width:13px;background:#ff9b45;border-radius:50%;top:23%;left:17%}.xsh-expand-warke-orbit-b:after{position:absolute;content:"";height:13px;width:13px;background:#2ab589;border-radius:50%;right:28%;bottom:10%}.xsh-expand-warke-art-bottom{z-index:2;border-top:1px solid #ffffff36;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#bfd1df;font-size:10px;letter-spacing:.14em;font-weight:800}.xsh-expand-warke-art-bottom b{color:#ffbd70}.xsh-expand-flagline{display:flex;width:63px;height:5px}.xsh-expand-flagline i{flex:1;background:#ff9a4c}.xsh-expand-flagline i:nth-child(2){background:#fff}.xsh-expand-flagline i:nth-child(3){background:#2db486}
.xsh-expand-faq{background:#f7fafc}.xsh-expand-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(35px,8vw,130px)}.xsh-expand-faq-copy>p{margin:23px 0}.xsh-expand-faq-list{border-top:1px solid #dce7ef}.xsh-expand-faq-list details{border-bottom:1px solid #dce7ef;padding:0}.xsh-expand-faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0;font-size:14px;font-weight:800;letter-spacing:-.025em;color:#1a3b59}.xsh-expand-faq-list summary::-webkit-details-marker{display:none}.xsh-expand-faq-list summary span{height:29px;width:29px;border-radius:50%;border:1px solid #d2e1ec;display:grid;place-items:center;font-size:19px;color:#315e85;transition:transform .25s,background .25s;flex:none}.xsh-expand-faq-list details[open] summary span{transform:rotate(45deg);background:#e6f0f9}.xsh-expand-faq-list details p{font-size:13px;color:#6b8298;line-height:1.9;max-width:640px;margin:0;padding:0 40px 25px 0}
/* Responsive: complement V4 rather than override original elements. */
@media(max-width:1100px){.xsh-expand-component-grid{grid-template-columns:1.15fr 1fr;grid-template-rows:repeat(3,205px)}.xsh-expand-component-feature{grid-row:1/3}.xsh-expand-component-form{grid-column:1/3}.xsh-expand-component-data{grid-column:2}.xsh-expand-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.xsh-expand-workflow-step{min-height:245px}.xsh-expand-blueprint-art{height:235px;padding:15px}.xsh-expand-blueprint-caption{padding:20px 17px 23px}.xsh-expand-blueprint-caption h3{font-size:15px}}
@media(max-width:850px){.xsh-expand-section{padding:88px 0}.xsh-expand-heading{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.xsh-expand-heading p{max-width:650px}.xsh-expand-personalities-grid,.xsh-expand-values-grid,.xsh-expand-warke-grid,.xsh-expand-faq-grid{grid-template-columns:1fr;gap:35px}.xsh-expand-personality-canvas{max-width:650px;width:100%;margin-inline:auto}.xsh-expand-warke-art-canvas{min-height:340px}.xsh-expand-blueprint-grid{gap:12px}.xsh-expand-blueprint-art{height:205px}.xsh-expand-blueprint-caption h3{font-size:14px}}
@media(max-width:650px){.xsh-expand-section{padding:73px 0}.xsh-expand-heading h2,.xsh-expand-personality-copy h2,.xsh-expand-values-intro h2,.xsh-expand-warke-copy h2,.xsh-expand-faq-copy h2{font-size:clamp(35px,9.5vw,49px);letter-spacing:-.058em;line-height:1.16}.xsh-expand-overline{font-size:9px;gap:6px}.xsh-expand-heading p,.xsh-expand-personality-copy>p,.xsh-expand-values-intro>p,.xsh-expand-warke-copy>p,.xsh-expand-faq-copy>p{font-size:13px;line-height:1.88}.xsh-expand-heading{gap:17px;margin-bottom:27px}
.xsh-expand-component-grid{grid-template-columns:1fr;grid-template-rows:none;gap:12px}.xsh-expand-component-feature,.xsh-expand-component-data,.xsh-expand-component-form{grid-column:auto;grid-row:auto}.xsh-expand-component-feature{min-height:342px;padding:22px}.xsh-expand-component-small{min-height:185px;padding:20px}.xsh-expand-navigation-preview{margin-top:42px}.xsh-expand-feature-bottom{padding-top:32px}.xsh-expand-feature-bottom h3{font-size:26px}.xsh-expand-component-message,.xsh-expand-component-data,.xsh-expand-component-form{min-height:165px}
.xsh-expand-personality-choices{gap:7px;margin-bottom:24px}.xsh-expand-personality-choices button{font-size:11px;padding:10px 12px}.xsh-expand-personality-canvas{padding:17px 15px;border-radius:15px}.xsh-expand-personality-card{padding:17px 15px 21px;border-radius:12px}.xsh-expand-personality-inner{padding:30px 7px 28px}.xsh-expand-personality-inner h3{font-size:29px}.xsh-expand-personality-top{font-size:8px}.xsh-expand-personality-bottom{font-size:8px}.xsh-expand-personality-side-note{font-size:8px}
.xsh-expand-motion-rail,.xsh-expand-motion-bottom{padding:15px 17px}.xsh-expand-motion-rail{flex-direction:column;align-items:flex-start}.xsh-expand-motion-pills{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.xsh-expand-motion-pills button{padding:11px 8px}.xsh-expand-motion-stage{height:310px}.xsh-expand-motion-object{width:235px;padding:21px}.xsh-expand-motion-object>strong{font-size:23px}.xsh-expand-motion-object .xsh-expand-motion-small-symbol{margin-bottom:25px}.xsh-expand-motion-bottom{align-items:flex-start;flex-direction:column}.xsh-expand-replay{align-self:stretch}.xsh-expand-motion-caveat{font-size:10px}
.xsh-expand-blueprint-grid{grid-template-columns:1fr;gap:13px}.xsh-expand-blueprint-art{height:240px;padding:21px}.xsh-expand-blueprint-caption{padding:19px 20px 23px}.xsh-expand-blueprint-caption h3{font-size:16px}
.xsh-expand-workflow-steps{grid-template-columns:1fr 1fr;gap:10px}.xsh-expand-workflow-step{min-height:250px;padding:18px}.xsh-expand-step-icon{margin:24px 0 18px;width:42px;height:42px;font-size:17px}.xsh-expand-workflow-step h3{font-size:14px}.xsh-expand-workflow-step p{font-size:11px}.xsh-expand-workflow-step small{font-size:8px}
.xsh-expand-values-list>div{grid-template-columns:28px 1fr 14px;gap:10px;padding:22px 0}.xsh-expand-values-list h3{font-size:15px}.xsh-expand-values-list p{font-size:12px}
.xsh-expand-warke-art-canvas{padding:26px 24px;min-height:340px}.xsh-expand-warke-art-main{font-size:37px}.xsh-expand-warke-sign{align-items:flex-start}.xsh-expand-warke-sign img{width:90px}.xsh-expand-warke-sign span{font-size:10px}
.xsh-expand-faq-list summary{font-size:12px;line-height:1.55;padding:17px 0}.xsh-expand-faq-list details p{font-size:12px;padding:0 23px 21px 0}
}
@media(max-width:360px){.xsh-expand-workflow-steps{grid-template-columns:1fr}.xsh-expand-workflow-step{min-height:210px}.xsh-expand-preview-nav{gap:1px;font-size:9px}.xsh-expand-preview-nav span{padding:8px 4px}.xsh-expand-preview-logo{font-size:12px}.xsh-expand-preview-avatar{height:25px;width:25px}.xsh-expand-warke-art-main{font-size:33px}}
@media(prefers-reduced-motion:reduce){.xsh-expand-motion-stage .xsh-expand-motion-object{animation:none!important}.xsh-expand-component-grid>article,.xsh-expand-blueprint-card,.xsh-expand-workflow-step,.xsh-expand-link{transition:none!important}}