body.software-open>header,body.software-open>footer{visibility:hidden}
dialog.software-detail{inset:0;width:100%;height:100%;max-height:none;margin:0;border:0;background:#05121a;backdrop-filter:none;overflow:hidden}
.software-detail .detail-wrap{padding:0;max-width:none}
.software-detail .close-detail{position:fixed;z-index:20;left:4%;top:25px;font-size:11px;font-weight:300;color:#a5bbc5;padding:9px 0}
.software-detail .close-detail:focus-visible{outline:none;text-decoration:underline;text-underline-offset:6px}
.apps-space{position:relative;width:100%;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 47%,#13324266,transparent 66%),#05121a;font-family:'Be Vietnam Pro','Segoe UI',sans-serif;color:#e0e9e5}
.apps-space *{box-sizing:border-box}
.apps-top{position:absolute;left:0;top:0;right:0;z-index:8;display:flex;justify-content:center;align-items:center;padding:32px 4%;gap:22px;pointer-events:none}
.apps-top h1{font-family:inherit;font-size:11px;font-weight:300;letter-spacing:.2px;margin:0;line-height:1.7;color:#a9bdc6}
.apps-top>span{position:absolute;right:4%;font-size:8px;letter-spacing:2px;color:#587987}
.apps-top button{font-size:10px;font-weight:300;color:#d4bd93;pointer-events:auto;border-left:1px solid #8d9e9433;padding:0 0 0 22px}
.apps-stage{position:absolute;inset:0;transition:right .6s cubic-bezier(.22,.6,.2,1)}
#apps-canvas{display:block;width:100%;height:100%;touch-action:none}
.apps-controls{position:absolute;inset:0;pointer-events:none}
.apps-hit{position:absolute;transform:translate(-50%,-50%);border:0;padding:0;background:transparent;color:transparent;pointer-events:auto;cursor:pointer;border-radius:14px;touch-action:none}
.apps-hit>span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.apps-hit:focus-visible{outline:1px solid #e4ca99;outline-offset:2px;background:#e3c3880a}
.apps-caption{position:absolute;left:5%;right:5%;bottom:35px;display:flex;align-items:center;justify-content:flex-end;gap:28px;z-index:5;min-height:54px}
.apps-caption>div>span{display:block;font-size:7px;font-weight:400;letter-spacing:2px;color:#ab9b7b;margin-bottom:10px}
.apps-caption h2{font-family:inherit;font-size:17px;line-height:1.6;font-weight:300;letter-spacing:-.25px;margin:0;color:#b9ccd2}
#apps-guide{font-size:9px;font-weight:300;color:#6b8c9d;display:flex;align-items:center;gap:24px;margin:0}#apps-guide>span{font-size:20px;color:#c5b08a}
#apps-open{font-size:11px;font-weight:300;color:#d6c299;display:flex;align-items:center;gap:25px;padding:0}#apps-open>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #a68e624c;border-radius:50%;font-size:18px}
#apps-detail{position:absolute;right:0;top:0;bottom:0;z-index:15;width:390px;padding:28px 35px;background:#091d28f5;backdrop-filter:blur(22px);border-left:1px solid #94aeb52c;overflow-y:auto;overscroll-behavior:contain;box-shadow:-30px 0 90px #0003;animation:apps-enter .4s ease-out}
.has-app-detail .apps-stage{right:390px}.has-app-detail .apps-top>span{visibility:hidden}.has-app-detail .apps-caption{right:425px}
.apps-detail-close{padding:7px 0;font-size:10px;font-weight:300;color:#91aeba;margin-bottom:50px}
.apps-detail-code{font-size:11px;letter-spacing:1.5px;color:#e4c696;margin:0 0 16px}
#apps-detail-title{font-family:inherit;font-size:28px;font-weight:300;letter-spacing:-.7px;line-height:1.4;margin:0 0 24px;color:#e4ece7}
.apps-detail-intro{font-size:12px;font-weight:300;line-height:2;color:#9db5c1;margin:0 0 35px}
#apps-detail h3{font-size:10px;font-weight:400;color:#c4b391;letter-spacing:.2px;margin:0 0 18px}
#apps-detail ul{list-style:none;padding:0;margin:0 0 30px}
#apps-detail li{font-size:11px;line-height:1.9;color:#b1c8d0;font-weight:300;padding:12px 0;border-bottom:1px solid #88a5b221}
.apps-detail-path{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#7394a4;font-size:8px;line-height:2;margin:20px 0}
.apps-detail-path i{font-size:12px;font-style:normal;color:#b39c72}
.apps-detail-output{font-size:11px;line-height:1.9;color:#7f9eae;font-weight:300;margin-bottom:29px}
.apps-idea{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:11px;font-weight:300;color:#ddc396;width:100%;border-bottom:1px solid #b29a6e55;padding:16px 0;margin-top:25px}
.apps-idea span{font-size:19px}
.apps-scope-note{font-size:8px;font-weight:300;line-height:1.9;color:#587c8e;margin-top:20px}
.apps-flow{border-top:1px solid #9eb6be25;border-bottom:1px solid #9eb6be25;padding:18px 0}
.apps-flow summary{font-size:10px;color:#b4c5cb;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.apps-flow summary>span{color:#d7b97e;font-size:15px}
.apps-flow-steps{display:grid;gap:5px;margin-top:20px}.apps-flow-steps button{font-size:10px;font-weight:300;text-align:left;padding:9px 12px;color:#7496a7;border-left:1px solid #8ba6b42b}.apps-flow-steps button[aria-pressed=true]{color:#dac49b;border-color:#c5ad7e;background:#ba985e08}
.apps-flow-copy h4{font-size:13px;font-weight:300;color:#d6e2df;margin:22px 0 11px}.apps-flow-copy p{font-size:10px;line-height:1.9;color:#8aa7b5;font-weight:300;margin-bottom:20px}.apps-flow small{font-size:7px;color:#52798b}
@keyframes apps-enter{from{opacity:0;translate:22px 0}to{opacity:1;translate:0 0}}
@media(max-width:760px){.software-detail .close-detail{top:18px;left:6%;font-size:9px}.apps-top{padding:25px 6%;justify-content:flex-end;gap:12px}.apps-top h1{font-size:9px}.apps-top>span{display:none}.apps-top button{font-size:8px;padding-left:13px}.apps-stage{inset:0}.apps-caption{left:7%;right:7%;bottom:32px;gap:18px}.apps-caption>div>span{font-size:6px;letter-spacing:1.5px;margin-bottom:10px}.apps-caption h2{font-size:14px;max-width:225px;line-height:1.5}#apps-guide{font-size:8px;gap:12px;max-width:90px;line-height:1.7}#apps-guide>span{font-size:17px}#apps-open{font-size:9px;gap:10px;line-height:1.7;max-width:126px}#apps-open>span{width:29px;height:29px;font-size:16px;flex:none}.apps-hit{border-radius:7px}#apps-detail{width:100%;top:22%;border-left:0;border-top:1px solid #95aeb53d;border-radius:15px 15px 0 0;padding:24px 8%;background:#091d28fb;backdrop-filter:blur(25px)}.has-app-detail .apps-stage{right:0;bottom:55%;top:15px;opacity:.3}.has-app-detail .apps-caption{opacity:0;pointer-events:none}.has-app-detail .apps-top button{visibility:hidden}.apps-detail-close{margin-bottom:30px;font-size:10px}#apps-detail-title{font-size:27px}.apps-detail-intro{font-size:12px;line-height:1.9}#apps-detail li{font-size:11px}.apps-detail-output{font-size:11px}.apps-scope-note{font-size:8px}.apps-idea{font-size:11px}}
@media(prefers-reduced-motion:reduce){.apps-space *{animation:none!important;transition:none!important}}

.apps-top #apps-back{border:0;padding-left:0;color:#c3d4dc}
.feature-summary{position:absolute;left:5%;right:29%;bottom:30px;z-index:6;pointer-events:none;max-width:660px}
.feature-summary p{font-size:12px;line-height:1.9;font-weight:300;color:#b3c7d0;margin:0;text-wrap:pretty}
@media(max-width:760px){.feature-level .apps-top{padding-top:61px;justify-content:space-between;gap:14px}.feature-level .apps-top h1{position:absolute;top:22px;right:6%;max-width:56%;font-size:8px;text-align:right;line-height:1.6}.feature-level .apps-top button{font-size:8px}.feature-summary{left:7%;right:7%;bottom:88px}.feature-summary p{font-size:10px;line-height:1.8}.feature-level .apps-caption{bottom:24px}}
/* Two feature prototypes: retain the 3D selector and give copy its own reading area. */
.feature-presentation[hidden]{display:none}
.feature-presentation{position:absolute;z-index:7;top:114px;right:5%;bottom:112px;width:43%;overflow-y:auto;overscroll-behavior:contain;padding:10px 22px 32px 30px;scrollbar-width:thin;scrollbar-color:#9a865b #06141c;background:linear-gradient(90deg,#06141c00,#06141cf2 5%);color:#b7cbd1}
.presentation-open .apps-stage{right:49%;top:85px;bottom:105px}
.presentation-open .apps-caption{right:6%;left:54%;justify-content:flex-start;bottom:30px;border-top:1px solid #bba47533;padding-top:20px}
.presentation-open #apps-open{font-size:14px;max-width:none}
.feature-presentation .presentation-kicker{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#dbbd83;margin:0 0 16px}
.feature-presentation h2{font-size:clamp(26px,3vw,42px);font-weight:300;line-height:1.2;color:#edf2e9;margin:0 0 20px}
.feature-presentation .presentation-headline{font-size:20px;line-height:1.5;color:#e2d2ae;font-weight:300;margin-bottom:16px}
.feature-presentation p,.feature-presentation li{font-size:14px;line-height:1.85;font-weight:300}
.feature-presentation h3{font-size:13px;font-weight:500;color:#e2e9e4;margin:25px 0 6px}
.feature-presentation ol{padding-left:24px;margin:10px 0}.feature-presentation li{padding:4px 0 4px 8px}.feature-presentation li::marker{color:#d6b77c}
.presentation-preview{border-top:1px solid #c6ac7640;border-bottom:1px solid #c6ac7640;padding:20px 0;margin:26px 0;background:linear-gradient(110deg,#7ca8b20b,transparent)}
.presentation-preview>span{display:block;font-size:9px;letter-spacing:2px;color:#8bafb9;margin-bottom:12px}.presentation-preview>strong{font-size:19px;font-weight:300;color:#e5eade}.presentation-preview p{margin:8px 0 0;color:#c4ad7e}
.presentation-io{display:grid;grid-template-columns:1fr 1fr;gap:26px}.feature-presentation .presentation-note{font-size:11px;color:#8ba7b1;border-top:1px solid #8ca9b329;padding-top:17px;margin-top:25px}
@media(max-width:760px){.presentation-open .apps-stage{right:0;top:95px;bottom:57%}.feature-presentation{top:43%;right:0;left:0;bottom:93px;width:auto;padding:20px 7% 28px;background:#06141cf5;border-top:1px solid #8ca9b32b}.feature-presentation h2{font-size:27px}.feature-presentation .presentation-headline{font-size:18px}.feature-presentation p,.feature-presentation li{font-size:13px}.presentation-open .apps-caption{left:7%;right:7%;bottom:20px;padding-top:14px;min-height:40px}.presentation-open #apps-open{font-size:12px}.presentation-io{grid-template-columns:1fr;gap:0}}
/* A selected feature opens a dedicated reading board. */
.presentation-open .apps-stage,.presentation-open .apps-top,.presentation-open .apps-caption,.presentation-open .feature-summary{display:none!important}
.presentation-open .feature-presentation{position:absolute;inset:80px 3% 24px;width:auto;padding:0;overflow-y:auto;border:1px solid #829da52b;border-radius:20px;background:radial-gradient(ellipse at 90% 0,#173943 0,transparent 50%),#091a22;scroll-padding:30px}
.presentation-back{position:sticky;top:0;z-index:2;display:block;width:100%;text-align:left;padding:21px 5%;background:#091a22f5;border:0;border-bottom:1px solid #9db7bc22;color:#d7c296;font-size:13px;cursor:pointer}
.presentation-body{max-width:1180px;margin:auto;padding:38px 5% 50px}.feature-presentation .presentation-kicker{font-size:11px;letter-spacing:2px}.feature-presentation h2{font-size:clamp(32px,4vw,54px);margin-bottom:16px}.feature-presentation .presentation-headline{font-size:24px}.presentation-body>p{max-width:840px}.feature-presentation p,.feature-presentation li{font-size:15px;line-height:1.85}.feature-presentation h3{font-size:18px;margin:30px 0 16px}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.capability-card{position:relative;border:1px solid #a6bbc326;border-radius:12px;background:#8caab506;padding:24px}.capability-card>span{display:block;font-size:11px;letter-spacing:2px;color:#d7b67d;margin-bottom:14px}.capability-card h4{font-size:18px;font-weight:400;color:#e3ece8;margin:0 0 10px}.capability-card p{margin:0;color:#abc2cb}.presentation-scenario{border-left:2px solid #c6a66d;padding:1px 24px;margin:32px 0;background:#c6a66d08}.presentation-contact{padding:17px 24px;border:1px solid #c6a66d88;border-radius:30px;color:#e5c78c;background:#c6a66d0c;font-size:15px;cursor:pointer;margin-top:20px}
@media(max-width:760px){.presentation-open .feature-presentation{inset:65px 3% 12px;border-radius:14px}.presentation-back{padding:18px 6%;font-size:12px}.presentation-body{padding:26px 6% 38px}.capability-grid{grid-template-columns:1fr}.capability-card{padding:21px}.feature-presentation .presentation-headline{font-size:20px}.feature-presentation p,.feature-presentation li{font-size:14px}.feature-presentation h2{font-size:33px}.presentation-io{grid-template-columns:1fr}.presentation-scenario{padding-left:18px}}
/* Customer Data: visual editorial introduction and illustrated capabilities. */
.customer-data-reading .presentation-body{max-width:1240px;padding-top:46px}.customer-data-reading .presentation-hero-copy{max-width:850px;margin:0 auto 38px;text-align:center}.presentation-hero-copy>.presentation-kicker{line-height:1.7}.presentation-hero-copy>p{color:#abc4ce;line-height:1.9}.customer-data-reading .presentation-headline{font-size:22px}.crm-visual{max-width:1050px;margin:0 auto 55px;perspective:1600px}.crm-window{border:1px solid #a3c1c442;border-radius:14px;overflow:hidden;background:#102630;box-shadow:0 35px 70px #0004,0 0 80px #71b5c510;transform:rotateX(3deg)}.crm-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 24px;background:#18323d;border-bottom:1px solid #9fc0c324;color:#95adb6;font-size:11px}.crm-brand{font-size:20px;letter-spacing:1px;color:#ecede1}.crm-brand small{font-size:10px;color:#dcc18b;margin-left:12px}.crm-window-bar i{font-size:7px;font-style:normal;letter-spacing:4px;color:#c7b07b}.crm-workspace{display:flex}.crm-rail{width:56px;flex:none;border-right:1px solid #9fc0c31c;display:flex;flex-direction:column;align-items:center;gap:28px;padding:26px 0;color:#749ba8;font-size:19px;background:#0c2029}.crm-rail b{color:#d8bd82;font-weight:300}.crm-record{padding:30px;flex:1;min-width:0}.crm-record-heading{display:flex;align-items:center;gap:17px}.crm-avatar{width:55px;height:55px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#6d9ea7,#2b5365);color:#f0e4ca;font-size:18px;flex:none}.crm-record-heading small{display:block;letter-spacing:1.6px;font-size:8px;color:#8eb0ba;margin-bottom:7px}.crm-record-heading strong{display:block;color:#e6eee8;font-size:18px;font-weight:400}.crm-record-heading span{display:block;font-size:10px;color:#8eacb7;margin-top:6px}.crm-record-heading em{margin-left:auto;color:#c4d9c6;background:#7eac8b18;border:1px solid #9dc3a730;border-radius:20px;font-style:normal;font-size:10px;padding:9px 13px;white-space:nowrap}.crm-tags{display:flex;gap:8px;padding:22px 0}.crm-tags span{font-size:10px;padding:7px 10px;border:1px solid #d9bd7c30;border-radius:5px;color:#cdb883;background:#cdb88306}.crm-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.crm-record-grid h4{font-size:12px;font-weight:400;color:#dbe8e5;border-bottom:1px solid #89aab025;padding-bottom:14px;margin:0 0 18px}.crm-record dl{display:grid;grid-template-columns:100px 1fr;gap:15px 8px;font-size:11px;line-height:1.6;margin-bottom:22px}.crm-record dt{color:#7396a3}.crm-record dd{margin:0;color:#c4d7db}.crm-file{display:flex;gap:12px;align-items:center;background:#83abb20b;border:1px solid #83abb220;border-radius:8px;padding:14px;color:#c9b180;font-size:18px}.crm-file span{font-size:11px;color:#c3d6d9}.crm-file strong{display:block;font-size:9px;color:#7697a4;font-weight:400;margin-top:5px}.crm-file b{margin-left:auto;font-weight:300}.crm-timeline>div{position:relative;padding:0 0 22px 24px;margin-left:4px;border-left:1px solid #83aab542}.crm-timeline>div:last-child{border:0;padding-bottom:0}.crm-timeline i{position:absolute;width:7px;height:7px;border-radius:50%;background:#c8ae74;left:-4px;top:4px;box-shadow:0 0 0 5px #c8ae7410}.crm-timeline strong{font-size:11px;font-weight:400;color:#d3dfdf}.crm-timeline p{font-size:10px!important;color:#86a5b0;margin:7px 0 0;line-height:1.7!important}.crm-visual figcaption{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.6px;color:#bda979;padding:17px 4px}.crm-visual figcaption span{color:#799ba7;letter-spacing:.5px}.customer-data-reading .capability-section>h3{font-size:25px;font-weight:300;margin:0 0 25px}.capability-card{padding:28px 27px 26px 84px;overflow:hidden}.capability-icon{position:absolute;left:24px;top:29px;width:37px;height:37px;color:#b8cdd0}.capability-card>span{font-size:9px;letter-spacing:2px;color:#a78c59;margin:0 0 10px}.capability-card h4{font-size:18px}.capability-card p{font-size:14px}.capability-card:nth-child(4n+2) .capability-icon,.capability-card:nth-child(4n+3) .capability-icon{color:#cfb47f}.customer-data-reading .presentation-scenario{border:1px solid #c6a66d35;border-radius:12px;padding:10px 28px 20px;margin-top:35px;background:linear-gradient(110deg,#c6a66d0e,#7ba4ac08)}
@media(max-width:760px){.customer-data-reading .presentation-body{padding-top:26px}.customer-data-reading .presentation-hero-copy{text-align:left;margin-bottom:26px}.customer-data-reading .presentation-headline{font-size:19px}.crm-record{padding:18px 14px}.crm-rail{display:none}.crm-window-bar{padding:13px 14px}.crm-window-bar>span:nth-child(2){display:none}.crm-record-heading{gap:10px;flex-wrap:wrap}.crm-avatar{width:40px;height:40px;font-size:14px;border-radius:12px}.crm-record-heading strong{font-size:13px}.crm-record-heading small{font-size:7px;letter-spacing:1px}.crm-record-heading span{font-size:8px}.crm-record-heading em{font-size:8px;padding:6px 9px;margin-left:50px}.crm-tags{flex-wrap:wrap;padding:16px 0}.crm-tags span{font-size:8px}.crm-record-grid{grid-template-columns:1fr;gap:20px}.crm-record dl{grid-template-columns:80px 1fr;font-size:10px}.crm-visual figcaption{font-size:8px;line-height:1.7;display:block}.crm-visual figcaption span{display:block;margin-top:5px}.crm-visual{margin-bottom:35px}.capability-card{padding:23px 20px 23px 68px}.capability-icon{left:19px;top:27px;width:30px;height:30px}.customer-data-reading .capability-section>h3{font-size:22px}.customer-data-reading .presentation-scenario{padding:8px 20px 15px}}
.presentation-back:focus-visible{outline:0;box-shadow:inset 3px 0 #d6b57a;color:#f0d69c}
.customer-flow{margin:0 auto 54px;padding:32px 24px 18px;border:1px solid #9fbbc430;border-radius:18px;background:radial-gradient(ellipse at 50% 45%,#244b572e,transparent 65%),#0b222c;box-shadow:0 25px 70px #0002}.flow-heading{text-align:center;margin-bottom:32px}.flow-heading>span{font-size:9px;letter-spacing:2.5px;color:#ccaf78}.feature-presentation .flow-heading h3{font-size:25px;font-weight:300;color:#e4ede7;margin:12px 0 10px}.feature-presentation .flow-heading p{font-size:12px;color:#91aeb9;margin:0}.flow-map{display:grid;grid-template-columns:1.15fr 20px 1fr 20px 1.25fr 20px 1fr 20px 1fr;align-items:center;gap:6px}.flow-node{min-width:0;padding:22px 12px;border:1px solid #91b2bc24;border-radius:12px;background:#18323c5c;text-align:center}.flow-step{display:block;font-size:8px;letter-spacing:1.2px;line-height:1.6;color:#97b4bf;margin:14px 0 8px}.flow-node h4{font-size:14px;font-weight:400;line-height:1.6;color:#e1ebe7;margin:0 0 12px}.feature-presentation .flow-node p{font-size:11px;line-height:2;color:#90aeb9;margin:0}.flow-arrow{font-size:23px;color:#c7ad75;text-align:center}.flow-node>.capability-icon{position:static;width:32px;height:32px;margin:0 auto 7px;display:block;color:#9ec3cb}.flow-sources{padding:20px 10px}.flow-sources>.flow-step{margin-top:0}.flow-source{display:flex;gap:7px;align-items:center;text-align:left;padding:10px 5px;border-top:1px solid #8caeb525;color:#acc5cb;font-size:10px;line-height:1.6}.flow-source .capability-icon{position:static;flex:none;width:20px;height:20px;color:#a5c0c8}.flow-core{border-color:#c7aa6a88;background:linear-gradient(145deg,#31516099,#112f3c);box-shadow:0 0 35px #afcfd312;padding:25px 10px}.flow-core-icon{width:62px;height:62px;border-radius:50%;border:1px solid #d2b77566;display:grid;place-items:center;margin:auto;background:#e2c88c0b}.flow-core-icon .capability-icon{position:static;width:34px;height:34px;color:#e0c48c}.flow-core h4{font-size:17px;color:#f1e4c8}.flow-core-tag{display:inline-block;font-size:8px;color:#d3bc8d;border:1px solid #c6ac7133;border-radius:20px;padding:7px 8px;margin-top:18px}.flow-return{margin:23px 13% 0;padding:15px 12px;border-bottom:1px solid #a2c0c13b;border-left:1px solid #a2c0c13b;border-right:1px solid #a2c0c13b;border-radius:0 0 15px 15px;text-align:center;font-size:11px;color:#a1bec6}.flow-return>span{color:#dfc58d;font-size:18px;margin-right:10px}.flow-foundation{display:flex;align-items:center;justify-content:center;gap:13px;margin:25px 0 16px;color:#8fabb6;font-size:10px;line-height:1.7}.flow-foundation .capability-icon{position:static;width:22px;height:22px;color:#cab17d}.flow-foundation i{width:3px;height:3px;border-radius:50%;background:#c9b27c}.customer-flow figcaption{text-align:center;border-top:1px solid #8aaab322;padding-top:14px;font-size:8px;letter-spacing:2px;color:#6e929e}
@media(max-width:1000px){.flow-map{grid-template-columns:1fr;gap:10px;max-width:470px;margin:auto}.flow-node{padding:22px;width:100%}.flow-arrow{transform:rotate(90deg);height:20px;line-height:20px}.flow-source{justify-content:center}.flow-core{padding:25px}.flow-return{margin:20px 0 0;font-size:11px}.flow-foundation{flex-wrap:wrap;gap:8px;font-size:9px}.feature-presentation .flow-node p{font-size:12px}.flow-node h4{font-size:17px}.flow-step{font-size:9px}.flow-source{font-size:12px}.customer-flow{padding:26px 17px 18px}.feature-presentation .flow-heading h3{font-size:23px}}
/* Refined flow: open stages, luminous connectors, a central customer hub. */
.customer-flow{position:relative;isolation:isolate;padding:42px 30px 20px;background:radial-gradient(ellipse at 50% 52%,#41687330 0,transparent 48%),linear-gradient(145deg,#102b35,#081c26);border-color:#9ab8bf24;border-radius:24px;overflow:hidden}.customer-flow::before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#90b3be22 .6px,transparent .6px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 75%);pointer-events:none}.flow-heading{margin-bottom:52px}.flow-heading>span{font-size:9px;letter-spacing:3.5px}.feature-presentation .flow-heading h3{font-size:29px;letter-spacing:-.5px;margin-top:17px}.feature-presentation .flow-heading p{font-size:13px}.flow-map{grid-template-columns:1.1fr 32px 1fr 32px 1.4fr 32px 1fr 32px 1fr;gap:0;min-height:310px}.flow-node{position:relative;border:0;background:transparent;padding:24px 7px;box-shadow:none}.flow-node h4{font-size:15px;font-weight:400}.flow-node>.capability-icon{width:43px;height:43px;box-sizing:content-box;padding:17px;border:1px solid #95b4c13a;border-radius:23px;background:linear-gradient(145deg,#3656636b,#102d3c80);box-shadow:inset 0 1px #c6dce31a,0 12px 25px #0002;color:#adcdd4;margin-bottom:24px}.flow-step{font-size:8px;letter-spacing:1.8px;color:#829fa9;margin-bottom:9px}.feature-presentation .flow-node p{font-size:11px;line-height:2.15;color:#a7c0c8}.flow-sources{padding:12px 4px}.flow-sources h4{margin-bottom:20px}.flow-source{border:1px solid #90b4bf24;border-radius:11px;background:linear-gradient(110deg,#34536250,#17344144);padding:12px 10px;margin:10px 0;box-shadow:0 5px 15px #0001;font-size:10px}.flow-source .capability-icon{width:22px;height:22px;color:#bccece}.flow-core{padding:42px 8px 30px;min-height:310px;background:radial-gradient(ellipse,#31566288,transparent 70%);border:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.flow-core::before{content:"";position:absolute;inset:7px -3px;border:1px solid #bfa77444;border-radius:47% 47% 44% 44%;background:linear-gradient(140deg,#739eaa12,#183a4933);box-shadow:inset 0 0 30px #9ac6ce08,0 0 55px #b8c7b50b;z-index:-1}.flow-core-orbit{position:absolute;inset:-7px -15px;border:1px dashed #90b4bc2d;border-radius:50%;pointer-events:none}.flow-core-orbit::after{content:"";position:absolute;width:6px;height:6px;background:#dbbd82;box-shadow:0 0 12px #e1c184;border-radius:50%;top:17%;right:10%}.flow-core-icon{width:78px;height:78px;background:radial-gradient(circle at 35% 30%,#618795,#1a3d4b);border:1px solid #d4bc8499;box-shadow:0 0 0 8px #c7ae7907,0 0 30px #a4c8cc15;margin:0 auto 22px}.flow-core-icon .capability-icon{width:38px;height:38px;color:#f0dab1}.flow-core .flow-step{color:#b9ad90;font-size:7px}.flow-core h4{font-size:19px;color:#f1e4c9;margin-bottom:13px}.flow-core-tag{font-size:8px;background:#d9bd7b09;border-color:#c6ac7140}.flow-arrow{position:relative;display:flex;align-items:center;height:20px;color:#c5b07b}.flow-arrow::before{content:"";height:1px;width:100%;background:linear-gradient(90deg,#87b4bd22,#baa97799,#87b4bd22)}.flow-arrow>b{position:absolute;right:0;font-weight:300;font-size:18px;top:-2px}.flow-arrow>i{position:absolute;left:0;width:4px;height:4px;top:8px;border-radius:50%;background:#e3cb95;box-shadow:0 0 9px #f1d99a;animation:flow-travel 3.6s ease-in-out infinite}.flow-arrow:nth-child(4)>i{animation-delay:.6s}.flow-arrow:nth-child(6)>i{animation-delay:1.2s}.flow-arrow:nth-child(8)>i{animation-delay:1.8s}.flow-return{margin:37px 12% 0;padding:17px 15px;border-color:#87b2bd30;font-size:11px;color:#95b4bd}.flow-foundation{margin-top:28px;gap:15px;color:#91aeb9}.flow-foundation>span{font-size:9px}.customer-flow figcaption{color:#648996;letter-spacing:2.4px;font-size:7px}
@keyframes flow-travel{0%{left:0;opacity:0}20%{opacity:.8}85%{opacity:.8}100%{left:90%;opacity:0}}
@media(max-width:1000px){.customer-flow{padding:30px 19px 18px}.flow-heading{margin-bottom:25px}.flow-map{grid-template-columns:1fr;max-width:440px;gap:8px}.flow-node{padding:18px 15px}.flow-source{justify-content:flex-start;padding:14px 18px;font-size:12px}.flow-sources h4{font-size:18px}.flow-node h4{font-size:18px}.flow-step{font-size:9px}.flow-core{max-width:270px;min-height:330px;margin:20px auto;width:100%}.flow-core h4{font-size:23px}.flow-arrow{width:42px;height:20px;margin:10px auto;transform:rotate(90deg)}.flow-return{margin:25px 0 0;font-size:11px}.flow-foundation{gap:9px}.feature-presentation .flow-heading h3{font-size:25px}.feature-presentation .flow-node p{font-size:13px}.flow-core .flow-step{font-size:8px}.flow-core-tag{font-size:9px}}
@media(prefers-reduced-motion:reduce){.flow-arrow>i{animation:none;left:50%;opacity:.7}}
.data-story{margin:15px auto 60px;border-top:1px solid #a5b8bc40;border-bottom:1px solid #a5b8bc40;padding:38px 0 15px;color:#c2d0d0}.data-story-title{position:static;display:grid;grid-template-columns:1fr 1.7fr 1.25fr;align-items:start;gap:28px;padding:0 0 38px;background:none}.data-story-title>span{font-size:9px;letter-spacing:2px;color:#b8a782;padding-top:8px}.feature-presentation .data-story-title h3{font-size:32px;font-weight:300;line-height:1.25;margin:0;color:#e5e8df;letter-spacing:-.7px}.feature-presentation .data-story-title p{font-size:12px;line-height:1.9;margin:5px 0;color:#96aeb5}.data-story-scene{display:grid;grid-template-columns:1fr 65px 1.2fr 65px 1fr;gap:8px;align-items:start}.story-label{display:flex;gap:14px;align-items:center;font-size:11px;color:#c1d0d1;margin-bottom:25px}.story-label b{font-size:11px;font-weight:400;color:#b9a57d;font-family:Georgia,serif}.paper-stack{position:relative;min-height:345px;padding-top:14px}.paper-back{position:absolute;left:20px;right:15px;top:7px;height:170px;background:#9daead;transform:rotate(-6deg);opacity:.3}.message-slip{position:relative;background:#d8d8cc;color:#243c43;padding:23px 19px;transform:rotate(-3deg);box-shadow:0 8px 14px #0002;z-index:1}.message-slip small{font-size:8px;letter-spacing:1.6px;color:#67716b}.feature-presentation .message-slip p{font-family:Georgia,'Segoe UI',serif;font-size:16px;line-height:1.6;color:#263d43;margin:19px 0}.message-slip>span{font-size:8px;color:#64716f}.slip-line{height:1px;background:#84918b66;margin:15px 0}.note-slip{position:relative;margin:0 7px 0 35px;padding:14px 17px;background:#b4c5c2;color:#2d4649;transform:rotate(4deg);z-index:2;box-shadow:0 6px 12px #0002}.note-slip>span{font-size:9px;color:#456064}.feature-presentation .note-slip p{font-size:12px;line-height:1.7;color:#304c50;margin:9px 0}.note-slip i{display:block;height:1px;background:#778f9055;margin-top:8px;width:90%}.note-slip i:last-child{width:65%}.table-slip{position:relative;margin:-3px 17px 0 0;border:1px solid #809b9f70;background:#17323b;padding:13px 15px;transform:rotate(-2deg);z-index:3}.table-slip>span{font-size:9px;color:#c0d1cf}.table-slip>div{display:grid;grid-template-columns:1.3fr .7fr 1fr;font-size:8px;color:#8ea9ae;border-top:1px solid #829c9c40;margin-top:9px;padding-top:8px;gap:7px}.table-slip i{display:block;background:#a0b1ae44;height:3px;margin:4px 0}.story-connector{padding-top:185px}.story-connector>span{display:block;text-align:center;font-size:8px;letter-spacing:.4px;color:#8fa3a7;margin-bottom:3px}.story-connector svg{width:100%;fill:none;stroke:#b6a27c;stroke-width:1}.customer-folder{position:relative;padding-top:17px}.folder-tab{position:absolute;top:0;left:0;padding:8px 17px 7px;background:#c2b08a;color:#354344;font-size:8px;letter-spacing:1px;clip-path:polygon(0 0,90% 0,100% 100%,0 100%);min-width:160px}.folder-content{padding:24px 20px 0;background:#e0e1d7;color:#304648;box-shadow:0 14px 30px #0003;border-top:3px solid #c2b08a}.folder-person{display:flex;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid #929f9644}.folder-person svg{width:36px;height:42px;fill:none;stroke:#657d7a;stroke-width:1.2}.folder-person small{display:block;font-size:7px;letter-spacing:1.4px;color:#75817b;margin-bottom:9px}.folder-person strong{font-size:12px;font-weight:500;color:#304949}.folder-content dl{font-size:9px;display:grid;grid-template-columns:1fr;gap:6px;margin:18px 0}.folder-content dt{color:#7d8780;font-size:8px}.folder-content dd{margin:0 0 8px;color:#3a5554}.folder-history{border-top:1px solid #929f9644;padding:16px 0 18px}.folder-history>span{font-size:7px;letter-spacing:1.3px;color:#6f7d77}.folder-history>div{font-size:9px;color:#4c6562;margin-top:13px;display:flex;align-items:center;gap:9px}.folder-history i{width:4px;height:4px;border-radius:50%;background:#7a9189}.folder-footer{margin:0 -20px;background:#c8d1c8;padding:13px 12px;font-size:8px;text-align:center;color:#4b6560}.feature-presentation .story-caption{font-size:10px;color:#879fa5;line-height:1.8;margin:20px 0 0}.follow-page{padding-top:18px;border-top:1px solid #9ab1b04c;min-height:360px}.follow-eyebrow{font-size:8px;letter-spacing:1.3px;color:#b8a47b}.follow-task{display:flex;gap:12px;padding:23px 0;border-bottom:1px solid #9ab1b026}.follow-task>i{width:12px;height:12px;border:1px solid #9bb5b2;margin-top:4px;flex:none}.follow-task strong{font-size:12px;font-weight:400;color:#d0dedb}.feature-presentation .follow-task p{font-size:10px;color:#849fa6;margin:8px 0 0}.feature-presentation .follow-result{font-family:Georgia,'Segoe UI',serif;font-size:20px;line-height:1.6;color:#c7b68f;margin:24px 0 0}.story-foot{margin-top:33px;border-top:1px solid #9ab1b02f;padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#b3c4c5}.story-foot small{font-size:9px;color:#829da4}.data-story figcaption{font-size:8px;color:#617f89;letter-spacing:1px;text-align:right}
@media(max-width:1000px){.data-story-title{grid-template-columns:1fr;gap:16px}.feature-presentation .data-story-title h3{font-size:29px}.data-story-scene{grid-template-columns:1fr;max-width:360px;margin:auto;gap:10px}.story-connector{padding:6px 0 14px;height:65px;display:flex;align-items:center;justify-content:center;gap:12px}.story-connector svg{width:60px;transform:rotate(90deg)}.story-connector>span{font-size:10px}.paper-stack{min-height:345px}.story-label{font-size:13px}.feature-presentation .story-caption{font-size:12px}.folder-content{padding:28px 25px 0}.folder-person strong{font-size:15px}.folder-person small{font-size:9px}.folder-content dl{font-size:12px;gap:8px}.folder-content dt{font-size:10px}.folder-history>span{font-size:9px}.folder-history>div{font-size:12px}.folder-footer{margin:0 -25px;font-size:10px}.follow-task strong{font-size:15px}.feature-presentation .follow-task p{font-size:12px}.follow-eyebrow{font-size:10px}.follow-page{min-height:0}.story-foot{display:block;font-size:12px;line-height:1.8}.story-foot small{display:block;margin-top:10px}.data-story figcaption{text-align:left;font-size:9px}}
@media(max-width:1000px){.data-story-scene{width:calc(100% - 24px)}.story-input,.story-profile,.story-follow{min-width:0}.story-foot{padding-left:5px;padding-right:5px}}
.customer-dashboard{margin:10px auto 55px;padding:27px;background:#0b202a;border:1px solid #8aa8b52f;border-radius:13px;box-shadow:0 18px 50px #0002}.dash-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid #8aa8b52b}.dash-header>div>span{font-size:8px;letter-spacing:2px;color:#bba778}.feature-presentation .dash-header h3{margin:10px 0 0;font-size:23px;font-weight:300;color:#e1e9e5}.dash-demo{font-size:9px;color:#bda97e;border:1px solid #bda97e35;padding:8px 11px;border-radius:5px}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:20px}.dash-metrics>div{border-left:1px solid #8ba8b52e;padding-left:19px}.dash-metrics>div:first-child{border:0;padding-left:0}.dash-metrics span{display:block;font-size:11px;color:#a4bcc5}.dash-metrics strong{display:block;font-size:34px;font-weight:300;letter-spacing:-1px;color:#edf0e4;margin:9px 0}.dash-metrics em{font-size:17px;font-style:normal;color:#b7cdd1;margin-left:3px}.dash-metrics small{font-size:9px;color:#6e929f}.dash-charts{display:grid;grid-template-columns:1fr 1.15fr;gap:17px}.dash-charts>section,.dash-bottom>section{border:1px solid #8aa8b525;border-radius:8px;padding:22px;background:#102a3455}.dash-chart-title h4{font-size:14px;font-weight:400;color:#d5e3e0;margin:0 0 7px}.dash-chart-title>span{font-size:10px;color:#7598a6}.donut-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;margin-top:15px}.donut-layout svg{width:100%;max-width:230px;overflow:visible}.donut-total{font-size:29px;fill:#e3ece5;text-anchor:middle;font-family:'Segoe UI',sans-serif;font-weight:300}.donut-unit{font-size:8px;letter-spacing:1.3px;fill:#7b9ba8;text-anchor:middle}.donut-layout ul{list-style:none;margin:0;padding:0}.donut-layout li{display:flex;align-items:center;gap:8px;font-size:10px;padding:12px 0;border-bottom:1px solid #829eab1b;color:#afc7ce}.donut-layout li i{width:7px;height:7px;border-radius:2px;flex:none}.donut-layout li b{font-weight:400;margin-left:auto;color:#d5e1df}.dash-pareto>svg{width:100%;margin-top:12px;overflow:visible}.chart-grid path{fill:none;stroke:#7e9ba125;stroke-width:1}.chart-axis text{fill:#70909e;font-size:8px}.bar-value{fill:#b4c9cd;font-size:9px;text-anchor:middle}.bar-label{fill:#8daab5;font-size:9px;text-anchor:middle}.pareto-legend{display:flex;justify-content:center;gap:22px;font-size:9px;color:#8eaab5}.pareto-legend span{display:flex;gap:7px;align-items:center}.pareto-legend i{width:12px;height:6px;background:#9bbfc9}.pareto-legend span:last-child i{height:2px;background:#ddc38f}.dash-bottom{display:grid;grid-template-columns:1fr 1.15fr;gap:17px;margin-top:17px}.quality-row{display:grid;grid-template-columns:120px 1fr 35px;align-items:center;gap:10px;font-size:10px;color:#a2bdc6;margin-top:19px}.quality-row>div{height:4px;background:#41606c55}.quality-row i{height:100%;display:block;background:#94b9c2}.quality-row b{font-weight:400;text-align:right;color:#c3d5d8}.dash-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 15px;font-size:10px;color:#c3d3d5}.dash-flow>span{border-bottom:1px solid #b8a67966;padding-bottom:8px}.dash-flow>i{font-style:normal;color:#bfae83}.feature-presentation .dash-bottom p{font-size:10px;color:#7496a3;line-height:1.8;margin:0}.customer-dashboard figcaption{margin-top:22px;padding-top:15px;border-top:1px solid #8aa8b525;font-size:9px;line-height:1.8;color:#849da7}
@media(max-width:900px){.customer-dashboard{padding:18px 14px}.dash-header{display:block}.dash-demo{display:inline-block;margin-top:14px;font-size:8px}.dash-metrics{grid-template-columns:1fr 1fr;gap:25px 15px}.dash-metrics>div:nth-child(3){padding-left:0;border:0}.dash-metrics strong{font-size:30px}.dash-metrics small{font-size:8px}.dash-charts,.dash-bottom{grid-template-columns:1fr}.dash-charts>section,.dash-bottom>section{padding:18px 13px}.donut-layout{gap:10px;grid-template-columns:1fr 1fr}.donut-layout li{font-size:9px;gap:5px}.dash-flow{font-size:9px;gap:6px}.quality-row{grid-template-columns:110px 1fr 30px;font-size:9px}.feature-presentation .dash-header h3{font-size:21px}}
/* Customer Data overview occupies one desktop viewport; prose lives in its own tab. */
.presentation-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #91aeb329;background:#0b1e28;padding:0 23px;min-height:47px}.presentation-nav .presentation-back{position:static;width:auto;padding:14px 0;border:0;background:none;font-size:11px}.presentation-tabs{display:flex;gap:22px;align-self:stretch}.presentation-tabs button{font-size:11px;padding:12px 0;color:#7f9da9;border-bottom:2px solid transparent}.presentation-tabs button[aria-pressed=true]{color:#e4d0a6;border-bottom-color:#d3b882}.presentation-tabs button:focus-visible{outline:1px solid #d3b882;outline-offset:2px}
.customer-data-reading.presentation-open .feature-presentation{inset:65px 2.5% 22px;display:flex;flex-direction:column;overflow:hidden;background:#081a23;border-radius:12px}.customer-data-reading .presentation-body{max-width:none;margin:0;padding:15px;flex:1;min-height:0;display:flex;flex-direction:column}.customer-data-reading:not(.show-description) .presentation-hero-copy,.customer-data-reading:not(.show-description) .presentation-description{display:none}.customer-data-reading .customer-dashboard{margin:0;padding:0;border:0;box-shadow:none;background:transparent;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;flex:1;min-height:0}.customer-data-reading .dash-header{padding:0 4px 12px;gap:14px}.customer-data-reading .dash-header>div>span{font-size:7px;letter-spacing:1.7px}.feature-presentation .dash-header h3{font-size:21px;margin:6px 0 0}.dash-header h3>span{font-size:12px;color:#7f9fab;margin-left:10px}.customer-data-reading .dash-demo{font-size:8px;padding:6px 9px}.dash-workspace{display:grid;grid-template-columns:148px minmax(0,1fr);gap:15px;min-height:0}.dash-filters{padding:18px 14px;background:#102b36;border:1px solid #83a4b52b;border-radius:7px;display:flex;flex-direction:column;gap:20px}.dash-filters>span{font-size:8px;color:#c1ad82;letter-spacing:1.3px}.dash-filters label{font-size:10px;color:#a2bbc6;line-height:1.7}.dash-filters select{display:block;width:100%;margin-top:7px;padding:8px 5px;background:#0b202b;color:#b2c9d1;border:1px solid #8ca8b439;border-radius:4px;font:inherit;font-size:9px;opacity:1}.filter-note{font-size:8px;color:#728f9c;line-height:1.8}.filter-foot{margin-top:auto;border-top:1px solid #86a6b42f;padding-top:15px;color:#638493;font-size:10px;letter-spacing:2px}.filter-foot b{display:block;font-size:25px;font-weight:300;letter-spacing:3px;color:#9ab8bf;margin-top:4px}.dash-main{display:grid;grid-template-rows:85px minmax(180px,1fr) 125px;gap:12px;min-width:0;min-height:0}.customer-data-reading .dash-metrics{padding:0;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.customer-data-reading .dash-metrics>div{background:#102a35;border:1px solid #8aa8b52a;border-radius:6px;padding:12px 15px;min-width:0}.customer-data-reading .dash-metrics strong{font-size:29px;margin:5px 0}.customer-data-reading .dash-metrics span{font-size:10px}.customer-data-reading .dash-metrics small{font-size:8px}.customer-data-reading .dash-charts{gap:12px;min-height:0;grid-template-columns:1fr 1.2fr}.customer-data-reading .dash-charts>section,.customer-data-reading .dash-bottom>section{padding:14px 17px;background:#102832;border-color:#8aa8b526;min-height:0;overflow:hidden}.customer-data-reading .dash-chart-title h4{font-size:12px;margin-bottom:5px}.customer-data-reading .dash-chart-title>span{font-size:9px}.dash-donut{display:flex;flex-direction:column}.customer-data-reading .donut-layout{flex:1;min-height:0;margin-top:8px;grid-template-columns:1.35fr 1fr;gap:8px}.customer-data-reading .donut-layout svg{max-width:none;width:100%;height:100%;max-height:230px;min-height:0}.customer-data-reading .donut-layout li{padding:10px 0;font-size:9px}.dash-pareto{display:flex;flex-direction:column}.customer-data-reading .dash-pareto>svg{flex:1;min-height:0;width:100%;margin-top:8px}.customer-data-reading .pareto-legend{padding-top:4px;font-size:8px}.customer-data-reading .dash-bottom{margin:0;gap:12px;min-height:0;grid-template-columns:1fr 1.2fr}.customer-data-reading .quality-row{margin-top:12px;font-size:9px;grid-template-columns:105px 1fr 30px}.customer-data-reading .dash-flow{margin:18px 0 12px;font-size:9px}.customer-data-reading .dash-bottom p{font-size:9px}.customer-data-reading .customer-dashboard figcaption{font-size:8px;margin:0;padding:8px 4px 0;line-height:1.5}.customer-data-reading.show-description .feature-presentation{overflow:auto}.customer-data-reading.show-description .customer-dashboard{display:none}.customer-data-reading.show-description .presentation-body{display:block;max-width:1150px;margin:auto;padding:30px 5%}.customer-data-reading.show-description .presentation-hero-copy{display:block;text-align:left;margin:0 0 30px}.customer-data-reading.show-description .presentation-description{display:block}
@media(max-height:760px) and (min-width:901px){.customer-data-reading.presentation-open .feature-presentation{inset:54px 2% 12px}.customer-data-reading .presentation-body{padding:10px}.dash-main{grid-template-rows:75px minmax(160px,1fr) 108px;gap:8px}.customer-data-reading .dash-metrics>div{padding:9px 12px}.customer-data-reading .dash-metrics strong{font-size:25px}.customer-data-reading .dash-header h3{font-size:18px}.customer-data-reading .dash-bottom>section{padding:10px 13px}.customer-data-reading .quality-row{margin-top:9px}.customer-data-reading .dash-flow{margin:12px 0 9px}.customer-data-reading .dash-chart-title>span{font-size:8px}.customer-data-reading .dash-bottom .dash-chart-title>span{display:none}.customer-data-reading .dash-header{padding-bottom:8px}.customer-data-reading .customer-dashboard{gap:8px}}
@media(max-width:900px){.customer-data-reading.presentation-open .feature-presentation{overflow:auto;inset:60px 2% 12px;display:block}.presentation-nav{position:sticky;top:0;z-index:3;padding:0 12px;gap:10px;flex-wrap:wrap}.presentation-tabs{gap:18px}.presentation-nav .presentation-back{font-size:10px}.presentation-tabs button{font-size:10px}.customer-data-reading .presentation-body{display:block;padding:12px}.customer-data-reading .customer-dashboard{display:block}.customer-data-reading .dash-header{display:block}.dash-workspace{display:block}.dash-filters{display:none}.dash-main{display:block}.customer-data-reading .dash-metrics{grid-template-columns:1fr 1fr;margin:15px 0}.customer-data-reading .dash-metrics>div{padding:12px}.customer-data-reading .dash-charts,.customer-data-reading .dash-bottom{display:grid;grid-template-columns:1fr;margin-top:12px}.customer-data-reading .donut-layout{min-height:190px}.customer-data-reading .dash-pareto>svg{height:230px;flex:none}.customer-data-reading .dash-bottom>section{min-height:145px}.customer-data-reading .customer-dashboard figcaption{margin-top:14px}.dash-header h3>span{display:block;margin:7px 0 0}.customer-data-reading .dash-demo{margin-top:12px}}
.customer-data-reading .dash-main{grid-template-rows:85px minmax(160px,1fr) 145px}.customer-data-reading .dash-bottom .dash-chart-title>span{display:none}.customer-data-reading .quality-row{margin-top:13px}.customer-data-reading .dash-bottom>section{padding:14px 17px}.customer-data-reading .dash-flow{margin:19px 0 12px}
@media(max-height:760px) and (min-width:901px){.customer-data-reading .dash-main{grid-template-rows:75px minmax(140px,1fr) 125px}.customer-data-reading .dash-bottom>section{padding:10px 13px}.customer-data-reading .quality-row{margin-top:11px}.customer-data-reading .dash-flow{margin:14px 0 10px}}
@media(max-width:900px){.customer-data-reading .dash-main{display:block}.customer-data-reading .dash-bottom>section{min-height:160px}}
/* Restore the ATU dark surface; refine only report containers and typography. */
.customer-data-reading:not(.show-description) .presentation-body{background:#091c26}.customer-data-reading .dash-header{border-color:#8faeb827;padding:2px 5px 13px}.customer-data-reading .dash-header h3{font-size:22px;font-weight:300;letter-spacing:-.35px;color:#edf1e8}.customer-data-reading .dash-header h3>span{font-size:11px;color:#7898a7}.customer-data-reading .dash-demo{border:0;background:#c3a7710b;color:#bda77d;font-size:8px;border-left:2px solid #bda77d66;border-radius:0;padding:7px 10px}.customer-data-reading .dash-filters{background:linear-gradient(180deg,#15333f,#0d2531);border:1px solid #7b9da83b;border-radius:10px;padding:20px 15px;gap:24px;box-shadow:inset 0 1px #a4c5c80a}.customer-data-reading .dash-filters>span{font-size:8px;letter-spacing:2px;color:#cbb58b;border-bottom:1px solid #86a9b025;padding-bottom:13px}.customer-data-reading .dash-filters label{font-size:10px;color:#a0bac4;letter-spacing:.15px}.customer-data-reading .dash-filters select{padding:9px 7px;margin-top:9px;border:1px solid #8eacb538;border-radius:5px;background:#0a202b;color:#c3d3d7;font-size:9px}.customer-data-reading .filter-note{color:#73929e;font-size:8px;line-height:1.9}.customer-data-reading .filter-foot{font-size:8px;letter-spacing:2.7px;color:#6e909d}.customer-data-reading .filter-foot b{font-size:27px;letter-spacing:4px;color:#b6c7c9}.customer-data-reading .dash-metrics>div{position:relative;overflow:hidden;border:1px solid #87a8b139;border-radius:9px;background:linear-gradient(125deg,#193a47,#102b37 75%);padding:12px 17px;box-shadow:inset 0 1px #a6c8d00c}.customer-data-reading .dash-metrics>div::before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:2px;background:#88b1bd}.customer-data-reading .dash-metrics>div:nth-child(2)::before{background:#c4af7f}.customer-data-reading .dash-metrics>div:nth-child(3)::before{background:#85aaa1}.customer-data-reading .dash-metrics>div:nth-child(4)::before{background:#bba077}.customer-data-reading .dash-metrics span{font-size:10px;font-weight:400;letter-spacing:.25px;color:#b2c7ce}.customer-data-reading .dash-metrics strong{font-variant-numeric:tabular-nums;font-family:'Segoe UI',sans-serif;font-weight:300;letter-spacing:-1.2px;color:#f0eee2;line-height:1.15;margin:6px 0 5px}.customer-data-reading .dash-metrics em{font-size:14px;color:#a7bdc5;margin-left:4px}.customer-data-reading .dash-metrics small{font-size:8px;color:#7c9ba8;letter-spacing:.1px}.customer-data-reading .dash-charts>section{border-radius:10px;background:#102a35;border-color:#85a6b331}.customer-data-reading .dash-chart-title h4{font-weight:400;font-size:13px;color:#dce6e3;letter-spacing:.1px}.customer-data-reading .dash-chart-title>span{font-size:9px;color:#7899a7}.customer-data-reading .dash-bottom>section{position:relative;background:linear-gradient(115deg,#15313d,#102832);border:1px solid #86a7b333;border-radius:10px;padding:15px 18px}.customer-data-reading .dash-bottom>section::before{content:"";position:absolute;top:15px;left:0;width:2px;height:16px;background:#bfa879}.customer-data-reading .quality-row{grid-template-columns:112px 1fr 35px;gap:12px;margin-top:12px;font-size:9px;color:#9db8c3}.customer-data-reading .quality-row>div{height:5px;border-radius:3px;background:#3454647a;overflow:hidden}.customer-data-reading .quality-row i{background:linear-gradient(90deg,#517c8b,#a2c3c9);border-radius:3px}.customer-data-reading .quality-row b{font-size:10px;font-weight:400;color:#d3dfdb;font-variant-numeric:tabular-nums}.customer-data-reading .dash-flow{margin:17px 0 12px;gap:10px}.customer-data-reading .dash-flow>span{color:#c6d6da;font-size:10px;padding-bottom:10px;border-bottom:1px solid #769caa66}.customer-data-reading .dash-flow>i{color:#ceb689;font-size:12px}.customer-data-reading .dash-bottom p{font-size:9px;line-height:1.8;color:#7e9faa}.customer-data-reading .customer-dashboard figcaption{color:#668894;font-size:8px;letter-spacing:.1px}
@media(max-height:760px) and (min-width:901px){.customer-data-reading .dash-metrics>div{padding:9px 15px}.customer-data-reading .dash-metrics strong{font-size:25px;margin:5px 0 4px}.customer-data-reading .dash-header h3{font-size:18px}.customer-data-reading .dash-bottom>section{padding:12px 15px}.customer-data-reading .quality-row{margin-top:10px}.customer-data-reading .dash-flow{margin:14px 0 10px}}
.customer-data-reading .dash-metrics>div{padding-top:10px;padding-bottom:10px}.customer-data-reading .dash-metrics span{line-height:1.25}.customer-data-reading .dash-metrics strong{font-size:27px;line-height:1.05;margin:5px 0 4px}.customer-data-reading .dash-metrics small{display:block;line-height:1.25;white-space:nowrap}
@media(max-height:760px) and (min-width:901px){.customer-data-reading .dash-metrics>div{padding-top:8px;padding-bottom:8px}.customer-data-reading .dash-metrics strong{font-size:25px;margin:4px 0 3px}}
.catalog-polished .apps-top{padding:15px 4% 12px;min-height:76px;gap:30px}.catalog-polished .apps-top h1{font-family:Georgia,'Times New Roman',serif;font-weight:600;color:#f4e4c5;font-size:clamp(26px,3.1vw,48px);line-height:1.2;letter-spacing:-.6px;display:flex;align-items:center;gap:25px;margin:0}.catalog-polished .apps-top h1::before,.catalog-polished .apps-top h1::after{content:"";height:1px;width:65px;background:linear-gradient(90deg,transparent,#e0c385)}.catalog-polished .apps-top h1::after{transform:rotate(180deg)}.catalog-polished .apps-top>span{display:none}.catalog-polished .apps-stage{top:78px;bottom:20px}.catalog-polished .apps-caption{bottom:12px;min-height:32px}.catalog-polished .apps-top #apps-overview{position:absolute;right:4%;bottom:-2px;font-size:9px;color:#b4c8ce}.catalog-polished #apps-guide{font-size:9px;color:#91b4c3}.catalog-polished #apps-open{font-size:10px;color:#d9c397}
@media(max-width:760px){.catalog-polished .apps-top{min-height:92px;padding-top:52px;justify-content:center}.catalog-polished .apps-top h1{font-size:25px;gap:12px;line-height:1.2}.catalog-polished .apps-top h1::before,.catalog-polished .apps-top h1::after{width:22px}.catalog-polished .apps-stage{top:93px;bottom:30px}.catalog-polished .apps-top #apps-overview{bottom:-14px;font-size:8px}.catalog-polished .apps-caption{bottom:9px}}
.catalog-polished .apps-top h1{font-family:'Times New Roman',Georgia,serif;font-weight:700;letter-spacing:-.8px}
/* Keep Vietnamese diacritics in one complete serif face; avoid Georgia fallback mixing. */
.catalog-polished .apps-top h1{font-family:'Times New Roman','Noto Serif',serif;font-weight:700;font-style:normal;font-synthesis:none;font-feature-settings:normal;font-variant-ligatures:normal;letter-spacing:-.5px;word-spacing:0;line-height:1.25;white-space:nowrap}
.catalog-polished.feature-level .apps-top{padding-top:30px;min-height:100px}
.catalog-polished.feature-level .apps-top h1{font-size:clamp(24px,2.65vw,44px);gap:20px;max-width:94%;text-align:center}
.catalog-polished.feature-level .apps-top h1::before,.catalog-polished.feature-level .apps-top h1::after{width:clamp(20px,4vw,65px);flex:none}
.catalog-polished.feature-level .apps-top #apps-back{position:absolute;left:4%;top:7px;font-size:10px;color:#adc7d3}
.catalog-polished.feature-level .apps-stage{top:100px;bottom:36px}
@media(max-width:760px){.catalog-polished.feature-level .apps-top{padding:70px 5% 10px;min-height:140px;justify-content:center}.catalog-polished.feature-level .apps-top h1{position:static;font-size:clamp(17px,4vw,25px);max-width:100%;white-space:normal;text-align:center;line-height:1.3;gap:10px}.catalog-polished.feature-level .apps-top h1::before,.catalog-polished.feature-level .apps-top h1::after{width:15px}.catalog-polished.feature-level .apps-top #apps-back{top:43px;font-size:8px;left:6%}.catalog-polished.feature-level .apps-stage{top:143px;bottom:43px}.catalog-polished.feature-level .apps-top #apps-overview{bottom:-8px}}
.catalog-polished.feature-level .apps-top #apps-back{top:80px}
.catalog-polished .apps-top button:focus-visible{outline:none;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.catalog-polished.feature-level .apps-top #apps-back{top:54px;font-size:10px;min-height:28px;padding:4px 0}}
.reference-art{display:none}
@media(max-width:760px){
 .reference-gallery.board-overview #apps-canvas{visibility:hidden}
 .reference-gallery.board-overview .apps-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:center;padding:12px 5%;pointer-events:none}
 .reference-gallery.board-overview .apps-hit{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:auto!important;aspect-ratio:var(--card-aspect);visibility:visible!important;opacity:1;background:none;border:none;padding:0;overflow:hidden;pointer-events:auto}
 .reference-gallery.board-overview .reference-art{display:block;width:100%;height:100%}
 .reference-gallery.board-overview[data-card-count="3"] .apps-controls{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));justify-items:center;gap:12px;padding:6px 5%}
 .reference-gallery.board-overview[data-card-count="3"] .apps-hit{height:100%!important;max-width:310px;aspect-ratio:auto}
 .reference-gallery.board-overview .apps-hit:focus-visible{outline:1px solid #f4ce83;outline-offset:3px;border-radius:10px}
}