/* Broader capabilities, readable demonstrations and practical automation. */
:root{--body-size:18px;--caption-size:13px;--section-rule:#e0d5eb;--soft-surface:#f8f5fc}
body{font-size:var(--body-size)}p{line-height:1.8}.hero p,.future-copy p,.scene-copy>p,.scene-intro>p,.story-heading>p,.refined-opening p,.section-head p,.cta p{font-size:18px}nav{font-size:15px}.button,.future-copy .button,.refined-hero .button{font-size:15px}.sample-label,.eyebrow{font-size:12px;letter-spacing:1.5px}.device-caption,.sample-disclosure,.story-bottom>span,.footer-top p,.footer-top>div,.footer-bottom{font-size:13px}.hero-capabilities,.future-footer a,.future-footer button{font-size:14px}.future-footer>span,.future-caption{font-size:11px}.module-indicator{font-size:11px}.orbit-module>span{font-size:10px}.guide-item p,.guide-action,.solution p,.solution ul,.delivery-steps p{font-size:16px}.scene-benefit strong,.scene-benefit p{font-size:16px}.story-tabs button,.scene-select button,.story-step-list button{font-size:15px}.story-app-copy p,.story-report-layout>div>p,.sample-site-hero p{font-size:16px}.sample-site-nav button,.sample-site-hero button{font-size:14px}.sample-site-eyebrow,.sample-site-services,.sample-site-strip p{font-size:13px}.sample-site-strip strong{font-size:16px}.sample-site-nav>span{font-size:12px}.story-chrome,.sample-site-strip>span{font-size:12px}.story-report-preview>p,.report-preview-top,.report-preview-row{font-size:13px}.report-preview-top>span,.report-preview-images span{font-size:11px}.sample-site-nav button{max-width:180px}
.capability-section{padding:92px 0;background:#fff}.capability-section h2{max-width:700px}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.capability-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--section-rule);border-radius:16px;background:linear-gradient(130deg,#fff,#faf7ff);transition:border-color .2s,transform .2s,box-shadow .2s;min-width:0}.capability-card:hover{border-color:#a070ca;transform:translateY(-4px);box-shadow:0 16px 32px #75418e10}.capability-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--purple);font-size:13px}.capability-card-top .ui-icon{width:25px;height:25px}.capability-card h3{font-size:23px;line-height:1.3;margin:26px 0 12px}.capability-card p{font-size:16px;line-height:1.8;margin:0 0 25px;flex:1}.capability-card-foot{padding-top:20px;border-top:1px solid #e7ddeb;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#775788;font-size:13px}
.automation-section{background:linear-gradient(130deg,#f5f0fd,#edf2ff);padding:96px 0;border-block:1px solid var(--section-rule)}.automation-switch{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 34px}.automation-switch button{font-size:15px;padding:15px 21px;min-height:48px;border-radius:100px;background:#fff;border:1px solid #cbb7df;color:#694584}.automation-switch button[aria-pressed=true]{background:#6f36a7;border-color:#6f36a7;color:#fff}.automation-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:25px}.automation-node{border-top:2px solid #d5c4e6;padding:20px 10px 18px 0;position:relative}.automation-node>span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e7dcee;color:#8b6c9f;font-size:12px;margin-bottom:14px}.automation-node>strong{font-size:14px;line-height:1.5;color:#846a97;font-weight:500;display:block}.automation-node.current{border-color:#8b3dc0}.automation-node.current>span{background:#7736b1;color:#fff;box-shadow:0 0 0 6px #9451c514}.automation-node.current>strong{color:#4e2b66;font-weight:700}.automation-node.complete{border-color:#9a75b8}.automation-node.complete>span{background:#efe4f9;color:#7b3b9f}.automation-console{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #d9c9e6;border-radius:20px;overflow:hidden;background:white;box-shadow:0 22px 45px #5834880b}.automation-record{padding:35px;background:#fcfaff;border-right:1px solid #e6d9ef}.automation-record h3{font-size:25px;line-height:1.35;margin:24px 0 28px}.automation-record dl{margin:0}.automation-record dl>div{display:grid;grid-template-columns:.7fr 1fr;gap:18px;border-top:1px solid #e8dff0;padding:18px 0;font-size:14px}.automation-record dt{color:#856a97}.automation-record dd{margin:0;color:#50355f;line-height:1.7}.automation-output{padding:35px;display:flex;flex-direction:column;min-width:0}.automation-output-head{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#8b69a3}.automation-state{border:1px solid #dbc7e9;padding:8px 12px;border-radius:50px;color:#825198;background:#faf4fe;font-size:12px}.automation-output h3{font-size:29px;margin:28px 0 12px;letter-spacing:-.8px}.automation-output>p{font-size:16px;margin:0 0 24px}.automation-result{border:1px solid #dac3ec;background:linear-gradient(120deg,#faf4ff,#f4f3ff);border-radius:12px;padding:20px 24px;margin:4px 0 20px}.automation-result small{display:block;font-size:11px;letter-spacing:1px;color:#936ba4;margin-bottom:12px}.automation-result strong{font-size:23px;color:#6c3790;line-height:1.4}.human-gate{display:flex;gap:12px;align-items:flex-start;border-left:2px solid #a764c7;padding:4px 0 4px 16px;margin:0 0 24px}.human-gate .ui-icon{color:#7e489e;margin-top:6px}.human-gate p{font-size:14px;margin:0;color:#705580}.automation-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:20px}.automation-actions button{font-size:14px;min-height:48px;padding:13px 18px;border-radius:9px;display:flex;align-items:center;gap:12px}.automation-actions button:disabled{opacity:.45;cursor:default}.automation-output .automation-note{font-size:12px;line-height:1.8;color:#85708f;margin:22px 0 0}.automation-footer{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:28px}.automation-footer p{font-size:13px;max-width:710px;margin:0;line-height:1.8}.automation-footer .textlink{white-space:nowrap;font-size:15px}
.malaysia-ai-section{padding:96px 0;background:#fff;border-top:1px solid var(--section-rule)}.ai-context-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px 80px}.ai-context-layout>div:first-child p{font-size:17px}.ai-context-layout h2{font-size:clamp(34px,4vw,50px)}.ai-principles>div{display:flex;gap:20px;padding:23px 0;border-top:1px solid #e5daed}.ai-principles>div:first-child{padding-top:0;border-top:0}.ai-principles>div>span{color:var(--purple);font-size:12px;margin-top:5px}.ai-principles h3{font-size:21px;margin:0 0 10px}.ai-principles p{font-size:16px;margin:0;line-height:1.8}.ai-source-note{grid-column:1/-1;padding-top:25px;border-top:1px solid #e5daed;font-size:13px;line-height:1.9;color:#806a91}.ai-source-note a{color:#6b3298;text-decoration:underline;text-underline-offset:4px}.ai-source-note>span{display:block;margin-top:8px}
.demo-size-control{display:flex;justify-content:flex-end;max-width:1040px;margin:0 auto 20px}.demo-size-control button,.expand-inline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;min-height:46px;font-size:14px;border:1px solid #cbb5db;color:#774990;background:#fff;border-radius:100px}.demo-size-control button:hover,.expand-inline:hover{background:#f4eafa}.expand-inline{margin:22px auto 10px}.story-phone-stage{flex-direction:column;align-items:center}.story-phone-stage .expand-inline{margin:0 0 20px}
.phone-appbar strong{font-size:14px}.phone-appbar small{font-size:11px}.phone-step-label,.phone-note{font-size:12px}.sample-field>span{font-size:12px}.sample-field>strong{font-size:14px}.phone-actions button,.phone-primary,.check-sample strong{font-size:14px}.check-sample small{font-size:12px}.cycle-sample{font-size:13px}.scene-select button span{font-size:12px}.desktop-sidebar button{font-size:13px}.desktop-topbar,.command-kpis small,.command-kpis span{font-size:12px}.command-row strong{font-size:14px}.command-row small,.task-person,.task-due,.demo-status{font-size:12px}.demo-insight p,.command-panel-head>span,.command-panel-head label,.demo-small{font-size:13px}.pricing-controls label,.pricing-controls input,.pricing-controls select{font-size:14px}.supplier-quote>span{font-size:14px}.supplier-quote small,.supplier-quote b{font-size:12px}.pricing-explain p,.pricing-note p,.pricing-result small{font-size:13px}.sample-report-document p,.report-check{font-size:15px}
#expanded-demo{width:min(1180px,95vw);max-width:95vw;max-height:92dvh;padding:0;border:1px solid #d4bde4;border-radius:18px;color:#34213f;background:#fff;box-shadow:0 30px 100px #21142f35;overflow:hidden}#expanded-demo::backdrop{background:#21142f80;backdrop-filter:blur(7px)}.expanded-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 26px;border-bottom:1px solid #e4d8ee;background:#faf7fd}.expanded-toolbar h2{font-size:19px;margin:0;letter-spacing:-.4px}.expanded-toolbar button{min-height:44px;padding:10px 15px;display:flex;align-items:center;gap:10px;border:1px solid #cdb2dd;border-radius:8px;background:white;color:#74458e;font-size:14px}#expanded-body{height:76dvh;overflow:auto;overscroll-behavior:contain;background:white}.expanded-command #command-demo{height:100%;min-height:0;grid-template-columns:200px minmax(0,1fr);display:grid;flex:none}.expanded-command .desktop-content{padding:30px}.expanded-command .desktop-sidebar{flex-direction:column;flex-wrap:nowrap;padding:28px 16px;border-right:1px solid #e3d7ec;border-bottom:0}.expanded-command .desktop-sidebar .demo-wordmark,.expanded-command .desktop-sidebar>small{display:block}.expanded-command .desktop-sidebar button{font-size:15px;min-height:48px;gap:12px}.expanded-command .desktop-sidebar button>span{display:inline-flex}.expanded-command .command-row strong{font-size:16px}.expanded-command .command-row small,.expanded-command .task-person,.expanded-command .task-due,.expanded-command .demo-status{font-size:14px}.expanded-command .workspace-heading h3{font-size:28px}.expanded-command .command-kpis small,.expanded-command .command-kpis span{font-size:14px}.expanded-pricing .pricing-workspace{max-width:100%;padding:35px}.expanded-pricing .pricing-controls label,.expanded-pricing .pricing-controls select,.expanded-pricing .pricing-controls input,.expanded-pricing .supplier-quote>span,.expanded-pricing .pricing-explain p{font-size:17px}.expanded-pricing .supplier-quote small,.expanded-pricing .supplier-quote b,.expanded-pricing .pricing-note p{font-size:15px}.expanded-pricing .supplier-quote strong{font-size:35px}.expanded-phone>div{max-width:540px;margin:auto;background:#fff}.expanded-phone .phone-scroll{height:52dvh;padding:25px;min-height:300px}.expanded-phone .phone-appbar strong{font-size:18px}.expanded-phone .phone-appbar small,.expanded-phone .phone-note,.expanded-phone .sample-field>span{font-size:14px}.expanded-phone .sample-field>strong,.expanded-phone .check-sample strong,.expanded-phone .phone-actions button,.expanded-phone .phone-primary{font-size:17px}.expanded-phone .phone-status{font-size:14px}.expanded-phone .sample-appmark{width:40px;height:40px}
@media(max-width:1000px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-card{padding:25px}.automation-console{grid-template-columns:1fr 1fr}.automation-record,.automation-output{padding:26px}.ai-context-layout{gap:40px}.automation-node>strong{font-size:13px}.automation-footer{display:block}.automation-footer .textlink{display:inline-flex;margin-top:20px}}
@media(max-width:700px){body{font-size:17px}.hero p,.future-copy p,.scene-copy>p,.scene-intro>p,.story-heading>p,.refined-opening p,.section-head p,.cta p{font-size:17px}.capability-section,.automation-section,.malaysia-ai-section{padding-block:64px}.capability-grid{grid-template-columns:1fr;margin-top:28px;gap:14px}.capability-card{padding:24px}.capability-card h3{font-size:24px;margin-top:20px}.capability-card p{font-size:16px}.automation-switch{gap:8px}.automation-switch button{font-size:14px;width:100%;text-align:left;justify-content:flex-start;border-radius:10px}.automation-flow{grid-template-columns:1fr;gap:6px}.automation-node{display:flex;align-items:center;gap:15px;border-top:0;border-left:2px solid #d5c4e6;padding:10px 15px}.automation-node>span{margin:0;flex-shrink:0;width:28px;height:28px}.automation-node>strong{font-size:14px}.automation-console{grid-template-columns:1fr}.automation-record{border-right:0;border-bottom:1px solid #e6d9ef;padding:24px}.automation-output{padding:24px}.automation-record h3{font-size:23px}.automation-output h3{font-size:26px}.automation-result strong{font-size:21px}.automation-output-head{align-items:flex-start;gap:12px}.automation-actions{gap:8px}.automation-actions button{font-size:13px;padding:12px 14px}.ai-context-layout{grid-template-columns:1fr;gap:35px}.ai-context-layout>div:first-child p{font-size:17px}.ai-source-note{grid-column:auto;font-size:13px}.future-copy .button{font-size:14px}.sample-site-nav button{font-size:12px;max-width:145px}.sample-site-hero button{font-size:13px}.sample-site-services{font-size:12px}.sample-site-hero p{font-size:16px}.story-step-list button,.scene-select button{font-size:14px}.story-phone-stage .phone-scroll{height:420px}.device-caption,.story-bottom>span{font-size:12px}.command-row strong{font-size:13px}.demo-status{font-size:11px}.desktop-sidebar button{font-size:11px}.desktop-content{padding:14px}.pricing-controls label,.pricing-controls input,.pricing-controls select{font-size:13px}.supplier-quote small,.supplier-quote b{font-size:11px}.supplier-quote>span{font-size:12px}.supplier-quote{padding:14px 9px}.quote-grid{grid-template-columns:1fr}.supplier-quote strong{font-size:26px}.ipad-screen{aspect-ratio:3/4}.demo-size-control{justify-content:center}.expanded-toolbar{padding:12px 16px}.expanded-toolbar h2{font-size:16px}.expanded-command #command-demo{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.expanded-command .desktop-sidebar{flex-direction:row;border-right:0;border-bottom:1px solid #e3d7ec;padding:6px;overflow:auto;gap:4px}.expanded-command .desktop-sidebar .demo-wordmark,.expanded-command .desktop-sidebar>small{display:none}.expanded-command .desktop-sidebar button{font-size:12px;padding:10px 8px;gap:5px}.expanded-command .desktop-content{padding:20px 16px}.expanded-command .command-row{grid-template-columns:minmax(0,1fr) 115px}.expanded-command .command-row strong{font-size:15px}.expanded-command .task-person,.expanded-command .task-due{display:none}.expanded-pricing .pricing-workspace{padding:24px 18px}.expanded-pricing .pricing-controls{grid-template-columns:1fr}.expanded-pricing .supplier-quote small,.expanded-pricing .supplier-quote b{font-size:14px}.expanded-phone .phone-scroll{height:49dvh;min-height:240px;padding:22px}.expanded-phone .phone-appbar strong{font-size:16px}.expanded-phone .phone-actions{padding:15px}.phone-note{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.capability-card{transition:none}.capability-card:hover{transform:none}}
@media(max-width:900px){header .menu{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}header nav{display:none;position:absolute;top:100%;left:0;width:100%;padding:24px 6%;background:#fff;border-bottom:1px solid var(--section-rule);font-size:16px}header nav.open{display:flex;flex-direction:column;gap:22px}header>.button{margin-left:auto}}