/* Larger, purposeful system presentations; one visual language across devices. */
:root{--sample-muted:#b7afc8;--sample-line:#393044;--sample-ink:#192333;--sample-body:#586477}
.sample-label{display:block;color:#c3a3ef;font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.6}
.showcase-hero .hero-grid{min-height:620px;padding-block:70px;grid-template-columns:1fr 1fr}
.showcase-hero h1{font-size:clamp(64px,7vw,100px);line-height:1.04;letter-spacing:-5px;margin:24px 0}
.showcase-hero .hero-foot{padding-bottom:30px}.showcase-hero h1 em{animation:none;background:linear-gradient(110deg,#ff80d7,#ba90ff,#8e9cff);background-clip:text}
.hero .orb:before,.hero .orb:after,.orbit-dot{display:none}.ribbon-canvas{opacity:.3!important}.showcase-hero .orb{max-width:540px}
.button{animation:none}.systems-opening{padding:110px 0 65px;text-align:center;background:#08070e}
.systems-opening h2{font-size:clamp(40px,5vw,68px);line-height:1.1;letter-spacing:-3px;margin:24px 0}
.systems-opening p{max-width:650px;margin:25px auto;font-size:17px}
.system-index{display:flex;justify-content:center;gap:15px;margin-top:40px;flex-wrap:wrap}
.system-index a{padding:14px 20px;border:1px solid #44354f;border-radius:100px;color:#d4c5e9;font-size:13px;min-height:46px;transition:background .2s}
.system-index a:hover{background:#271b35}.work-index{padding-bottom:30px}
.system-scene{position:relative;overflow:hidden;padding:110px 0;scroll-margin-top:105px}
.scene-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.scene-copy{max-width:520px}.scene-copy h2,.scene-intro h2{font-size:clamp(38px,4.6vw,62px);line-height:1.13;letter-spacing:-2.6px;margin:26px 0}
.scene-copy>p{font-size:17px;max-width:440px;color:var(--sample-muted)}
.scene-copy em,.scene-intro em,.systems-opening em{color:#bb99f6;font-style:normal;background:none}
.scene-inspection{background:radial-gradient(ellipse at 75% 40%,#42184e50,transparent 55%),#0a0810}
.scene-select{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:32px 0}
.scene-select button{display:flex;align-items:center;text-align:left;gap:12px;background:transparent;border:1px solid #44334f;border-radius:9px;padding:13px 15px;color:#c6b7d8;font-size:13px;min-height:46px}
.scene-select button span{font-size:10px;color:#9177aa}.scene-select button.active{background:#39214f;color:white;border-color:#bf87e2}.scene-select button.active span{color:#d8b8f0}
.scene-benefit{border-left:2px solid #b880e9;padding-left:18px;margin:30px 0}.scene-benefit strong{font-size:14px;color:#ddd0ee}.scene-benefit p{font-size:14px;line-height:1.7;margin:8px 0;color:var(--sample-muted)}
.phone-stage-new{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0 25px;min-width:0}
.device-glow{position:absolute;inset:10%;background:radial-gradient(ellipse,#8c268249,transparent 65%);filter:blur(25px);pointer-events:none}
.phone-shell{position:relative;width:332px;background:#f5f6f8;border:8px solid #15131b;border-radius:49px;box-shadow:0 0 0 1px #645268,10px 12px 0 #211b2b,0 45px 65px #0007;overflow:hidden;color:var(--sample-ink);transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);transition:transform .7s ease;flex-shrink:0}
.phone-shell:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.phone-notch{position:absolute;top:10px;left:100px;right:100px;height:20px;background:#15131b;border-radius:16px;z-index:2}
.phone-status{display:flex;justify-content:space-between;padding:16px 23px 13px;font-size:10px;font-weight:700;min-height:40px}
.phone-appbar{display:flex;align-items:center;gap:10px;padding:12px 17px;background:white;border-bottom:1px solid #e5e9ef}
.sample-appmark{background:#20395e;color:white;border-radius:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700}
.phone-appbar strong{display:block;font-size:12px}.phone-appbar small{display:block;font-size:9px;color:#596575;margin-top:4px}
.phone-progress{display:flex;justify-content:space-between;padding:17px 25px 4px;position:relative;gap:10px}
.phone-progress span{width:24px;height:24px;background:#e2e7ee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#536173}.phone-progress span.complete{background:#234873;color:white}
.phone-scroll{height:415px;overflow-y:auto;padding:20px 17px 10px;scrollbar-width:thin}
.phone-step-label{font-size:9px;font-weight:700;letter-spacing:1px;color:#416181}.phone-scroll h3{font-size:22px;letter-spacing:-.6px;margin:9px 0 22px;color:#192b46;line-height:1.15}
.sample-field{padding:12px;margin:10px 0;border-radius:9px;background:white;border:1px solid #dce2e9}.sample-field span{display:block;font-size:10px;color:#5a687b}.sample-field strong{font-size:12px;display:block;margin-top:5px;line-height:1.5}
.cycle-sample{display:flex;gap:6px;margin:12px 0}.cycle-sample span{border:1px solid #d3dce7;border-radius:7px;padding:10px 12px;font-size:11px;color:#5c697a}.cycle-sample .chosen{background:#e6eff9;border-color:#6d8cae;color:#1a416d}
.phone-note{font-size:10px;line-height:1.7;color:#596575;margin:18px 0}
.phone-actions{padding:12px 17px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dfe5ed;background:white}
.phone-actions button,.phone-primary{min-height:40px;border-radius:8px;border:1px solid #d6dfe9;background:white;color:#314765;padding:9px 12px;font-size:12px;font-weight:600}
.phone-actions button:disabled{opacity:.45;cursor:default}.phone-actions .phone-primary,.phone-primary{background:#224b78;color:white;border-color:#224b78}
.phone-homebar{height:5px;width:100px;background:#27313c;border-radius:8px;margin:9px auto 11px}
.device-caption{font-size:10px;color:#c1afcf;margin-top:35px;max-width:320px;text-align:center;line-height:1.7}
.evidence-heading{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin:0 0 13px}.evidence-heading span{color:#25674b}.evidence-image{border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #263f5520}.evidence-image svg{width:100%;display:block}
.check-sample{background:white;border:1px solid #dce2e9;padding:14px;border-radius:9px;margin-bottom:10px}.check-sample strong{font-size:12px;display:block;line-height:1.4}.check-sample>div{display:flex;gap:7px;margin-top:12px}.check-sample button{padding:9px 18px;font-size:11px;border:1px solid #c8d4e3;border-radius:7px;background:white;color:#304864;min-height:34px}.check-sample button.chosen{background:#244f7a;color:white;border-color:#244f7a}.check-sample small{display:block;font-size:10px;margin-top:10px;color:#924813;line-height:1.6}
.review-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.review-pair svg{width:100%;border-radius:6px}.report-icon{background:#e0f0e6;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#257047;font-size:26px;border-radius:50%;margin-bottom:15px}.sample-reference{font-size:10px;color:#3b6850}.phone-scroll h4{font-size:15px;margin:10px 0;color:#223953}
.scene-command{background:radial-gradient(ellipse at 50% 40%,#2a18584d,transparent 65%),#090911;border-block:1px solid #30233b}
.scene-intro{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:55px}.scene-intro>p{max-width:360px;font-size:16px;margin-bottom:7px;color:var(--sample-muted)}.scene-intro h2{margin-bottom:0}
.desktop-stage{perspective:1800px}.desktop-device{border:1px solid #53455d;border-radius:15px;overflow:hidden;background:#11131d;box-shadow:0 35px 65px #0008;transform:rotateX(3deg);transition:transform .6s}.desktop-device:hover{transform:rotateX(0)}
.device-toolbar{height:34px;background:#211b2c;border-bottom:1px solid #38303f;display:flex;gap:6px;align-items:center;padding:0 16px}.device-toolbar i{width:6px;height:6px;background:#766585;border-radius:50%}.device-toolbar span{margin:auto;color:#c6b9d2;font-size:10px;padding-right:30px}
.desktop-screen{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:460px}
.desktop-sidebar{padding:25px 15px;background:#12141d;border-right:1px solid #2e303e;display:flex;flex-direction:column;gap:6px}.demo-wordmark{font-size:20px;font-weight:700;letter-spacing:-.8px;margin:0 8px 25px}.demo-wordmark span{display:block;font-size:10px;color:#a7a2b8;font-weight:400;letter-spacing:1px;margin-top:6px}
.desktop-sidebar button{background:none;border:0;color:#b4b1c6;font-size:12px;display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:7px;text-align:left;min-height:44px}.desktop-sidebar button.active{background:#322443;color:#ecd8ff}.desktop-sidebar button:hover{background:#272032}.desktop-sidebar>small{margin-top:auto;padding:20px 8px 0;font-size:9px;line-height:1.8;color:#9993ad;letter-spacing:1px}
.desktop-main{min-width:0;background:#191925}.desktop-topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #36303f;padding:15px 24px;font-size:11px;color:#b3adc3}.desktop-topbar b{background:#3f3050;padding:7px;border-radius:50%;font-size:9px;margin-left:8px;color:white}
.desktop-content{padding:25px}.workspace-heading>span{font-size:9px;letter-spacing:1.4px;color:#b598d7}.workspace-heading h3{font-size:23px;letter-spacing:-.7px;margin:9px 0 25px}
.command-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.command-kpis>div{border:1px solid #45374f;border-radius:9px;padding:14px;background:#221c2c;min-width:0}.command-kpis small{color:#c4b5d2;font-size:10px;display:block}.command-kpis strong{font-size:28px;display:block;margin:8px 0}.command-kpis span{font-size:9px;color:#ada0bb;line-height:1.6}
.command-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:25px 0 12px}.command-panel-head h4{font-size:14px;margin:0}.command-panel-head>span,.command-panel-head label{font-size:10px;color:#ada0bb}.command-panel-head select{background:#272033;color:white;border:1px solid #50405f;border-radius:6px;padding:8px 10px;margin-left:6px;font-size:11px}
.command-row{display:grid;grid-template-columns:minmax(0,1fr) 45px 118px 65px;gap:12px;width:100%;padding:15px 0;color:#ded3eb;text-align:left;background:none;border:0;border-bottom:1px solid #3b3044;align-items:center}.command-row>span:first-child{display:grid;gap:5px}.command-row small{font-size:9px;color:#b6a0cb}.command-row strong{font-size:12px;line-height:1.5}.command-row:hover{background:#291f35}.task-person,.task-due{font-size:10px;color:#bcaecb}.demo-status{font-size:10px;display:inline-block;padding:6px 8px;border-radius:5px;color:#cfb4ed;background:#48305d;line-height:1.5}.demo-status.blocked{color:#ffc6bf;background:#552e33}.demo-status.done{color:#b4e3cc;background:#264b3c}
.demo-insight{border:1px solid #4b375d;background:#261b33;border-radius:9px;display:flex;align-items:start;gap:12px;padding:16px;margin-top:24px}.demo-insight>span{color:#caa1ed;font-size:19px}.demo-insight p{font-size:11px;margin:0;color:#cab9d9;line-height:1.8}
.desktop-base{height:15px;background:linear-gradient(#7a647d,#312936);border-radius:0 0 60% 60%;margin:0 -15px;box-shadow:0 8px 30px #0005}
.system-foot{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:40px}.system-foot>span{color:#b8aac8;font-size:13px;max-width:520px}.system-foot a{font-size:13px}
.team-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.team-demo-grid>div{border:1px solid #4b3b59;padding:18px;border-radius:10px}.person-avatar{width:32px;height:32px;display:flex;justify-content:center;align-items:center;background:#59416f;color:white;border-radius:50%;font-size:12px}.team-demo-grid h4{font-size:15px;margin:12px 0}.team-demo-grid strong{font-size:10px}.team-demo-grid p{font-size:10px;color:#b6a6c4;margin:10px 0}
.demo-clear{padding:30px;border:1px solid #3a6551;border-radius:9px;color:#c1e8d5;font-size:13px}.demo-back{background:none;border:0;color:#ceadeb;font-size:11px;padding:8px 0;min-height:36px}.task-detail-head{margin:18px 0}.task-detail-head small{color:#ba9ad8;font-size:10px}.task-detail-head h4{font-size:22px;line-height:1.4;margin:12px 0}.task-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px 0;border-block:1px solid #47354f}.task-detail-grid small{display:block;color:#b8a8c6;font-size:10px}.task-detail-grid strong{display:block;font-size:12px;margin-top:8px}
.task-decision{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.demo-primary,.demo-secondary{font-size:12px;border-radius:7px;padding:12px 16px;min-height:44px;border:1px solid #8d5ab3;background:#724395;color:white}.demo-primary:hover{background:#8951ac}.demo-secondary{background:none;border-color:#5a466a;color:#d1b7e5}.demo-small{font-size:10px;color:#aea2bc;line-height:1.7}
.scene-pricing{background:radial-gradient(ellipse at 100% 30%,#331a6440,transparent 60%),#0e0b17}.pricing-layout{grid-template-columns:.8fr 1.3fr;gap:50px}.pricing-workspace{min-width:0;padding:30px;border:1px solid #584065;border-radius:16px;background:linear-gradient(130deg,#241530,#141320);box-shadow:0 20px 70px #0005}
.pricing-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.pricing-top .sample-label{font-size:9px;letter-spacing:1px}.pricing-top h3{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:12px 0 25px}.sample-chip{font-size:9px;border:1px solid #77538c;color:#dec0ee;padding:7px 10px;border-radius:50px;white-space:nowrap}
.pricing-controls{display:grid;grid-template-columns:1.5fr .6fr;gap:13px}.pricing-controls label{font-size:11px;color:#c8b3d6}.pricing-controls input,.pricing-controls select{display:block;width:100%;padding:12px;margin:9px 0 18px;color:#eee4f5;background:#18101f;border:1px solid #64506e;border-radius:7px;font-size:12px;min-height:44px}
.quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.supplier-quote{padding:16px 12px;border:1px solid #51435e;border-radius:9px;background:#221a2c}.supplier-quote>span{font-size:10px;color:#d6c3e7}.supplier-quote strong{display:block;font-size:25px;letter-spacing:-1px;margin:10px 0}.supplier-quote small{display:block;font-size:9px;color:#beabc9;line-height:1.7}.supplier-quote b{display:block;font-size:9px;margin-top:15px;color:#c7b3d8;line-height:1.5;font-weight:500}.supplier-quote.best{border-color:#a899eb;background:#3c2853}.supplier-quote.best b{color:#dac9ff}
.pricing-result{margin:24px 0;display:grid;grid-template-columns:.85fr 1.2fr;gap:25px;border-block:1px solid #554160;padding:23px 0}.pricing-result>div:first-child>span{font-size:10px;color:#c3afcf}.pricing-result>div:first-child>strong{display:block;font-size:37px;letter-spacing:-1.6px;margin:10px 0;color:#dec0ff}.pricing-result small{display:block;font-size:9px;line-height:1.7;color:#bbaaC5}.pricing-explain p{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#c5b4d2;margin:5px 0 13px}.pricing-explain strong{font-size:11px;color:#e8ddf4;white-space:nowrap}.pricing-note{display:flex;gap:12px;margin-bottom:18px}.pricing-note>span{color:#c3a4eb;font-size:23px}.pricing-note p{font-size:11px;color:#c8b6d6;margin:0;line-height:1.8}
#sample-report-dialog{padding:0;width:min(740px,calc(100vw - 30px));max-height:90vh;border:1px solid #70627d;border-radius:14px;background:#fafafa;color:#192333;overflow:auto;box-shadow:0 35px 100px #0009}#sample-report-dialog::backdrop{background:#05030cba;backdrop-filter:blur(6px)}
.report-dialog-actions{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#21172b;color:#decbe9;font-size:11px}.report-dialog-actions button{background:none;color:white;border:0;padding:8px 12px;font-size:15px;min-height:40px}.sample-report-document{padding:35px}.sample-report-document .sample-label{color:#684283}.sample-report-document h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.sample-report-document p{font-size:12px;color:#516174}.report-meta{display:grid;gap:20px;margin:25px 0;padding:20px 0;border-block:1px solid #d2dce5}.report-meta small{display:block;color:#536174;font-size:11px}.report-meta strong{display:block;font-size:14px;margin-top:7px}.sample-report-document h3{font-size:18px;margin:25px 0 15px}.report-evidence{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-evidence span{font-size:11px;display:block;margin-bottom:8px}.report-evidence svg{width:100%;border-radius:6px}.report-check{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:15px 0;border-bottom:1px solid #d8dfe7}.report-check strong{font-size:11px}.report-disclosure{border-top:1px solid #d2dce5;padding-top:20px;margin-top:25px}.report-print{margin:0 35px 30px}
@media(max-width:1000px){.scene-layout{gap:30px}.scene-copy h2,.scene-intro h2{font-size:44px}.scene-intro{gap:30px}.pricing-layout{grid-template-columns:1fr}.pricing-layout .scene-copy{max-width:700px}.pricing-layout .scene-copy h2{font-size:52px}.pricing-workspace{max-width:850px;width:100%}.desktop-screen{grid-template-columns:135px minmax(0,1fr)}.desktop-content{padding:20px}.desktop-sidebar{padding:22px 10px}.demo-wordmark{font-size:17px}.command-row{grid-template-columns:minmax(0,1fr) 40px 100px}.task-due{display:none}}
@media(max-width:700px){.showcase-hero .hero-grid{grid-template-columns:1fr;padding-block:40px 10px;gap:0;min-height:0}.showcase-hero h1{font-size:64px;letter-spacing:-3px}.showcase-hero .orb-zone{min-height:320px}.showcase-hero .orb{max-width:350px}.showcase-hero .hero-foot{font-size:9px;gap:10px}.systems-opening{padding:75px 0 40px}.systems-opening h2{font-size:42px;letter-spacing:-2px}.systems-opening p{font-size:15px}.system-index{gap:8px;margin-top:25px}.system-index a{padding:12px 15px;font-size:11px}.system-scene{padding:70px 0}.scene-layout{grid-template-columns:1fr;gap:40px}.scene-copy{max-width:none}.scene-copy h2,.scene-intro h2{font-size:43px;letter-spacing:-2px}.scene-copy>p{font-size:15px}.scene-benefit p{font-size:13px}.scene-select{max-width:450px}.phone-shell{transform:none;width:318px}.phone-scroll{height:405px}.phone-stage-new{padding-right:8px}.scene-intro{display:block;margin-bottom:30px}.scene-intro>p{max-width:none;margin-top:22px;font-size:15px}.desktop-screen{display:block;min-height:0}.desktop-sidebar{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid #3c3044;padding:12px;gap:5px}.desktop-sidebar .demo-wordmark,.desktop-sidebar>small{display:none}.desktop-sidebar button{font-size:10px;padding:10px;min-height:40px;gap:6px}.desktop-sidebar button>span{display:none}.desktop-content{padding:18px 14px 25px}.desktop-topbar{padding:13px 16px;font-size:10px}.workspace-heading h3{font-size:21px}.command-kpis{grid-template-columns:1fr 1fr}.command-kpis>div{padding:12px}.command-kpis strong{font-size:26px}.command-row{grid-template-columns:minmax(0,1fr) 94px;gap:8px}.task-person{display:none}.command-row strong{font-size:11px}.demo-status{font-size:9px}.command-panel-head>span{display:none}.desktop-base{margin:0 -4px;height:10px}.device-toolbar span{font-size:8px}.system-foot{display:block}.system-foot>span{display:block;margin-bottom:20px;font-size:12px}.team-demo-grid{grid-template-columns:1fr}.team-demo-grid>div{padding:15px}.task-detail-grid{grid-template-columns:1fr 1fr}.task-detail-head h4{font-size:19px}.pricing-layout .scene-copy h2{font-size:43px}.pricing-workspace{padding:22px 17px}.pricing-top h3{font-size:22px}.pricing-top .sample-label{font-size:8px}.sample-chip{display:none}.pricing-controls{grid-template-columns:1fr .55fr}.quote-grid{gap:6px}.supplier-quote{padding:13px 8px}.supplier-quote strong{font-size:20px}.supplier-quote small,.supplier-quote b{font-size:8px}.pricing-result{gap:12px;grid-template-columns:1fr}.pricing-result>div:first-child>strong{font-size:36px}.pricing-explain p{font-size:11px}.sample-report-document{padding:22px}.report-evidence{grid-template-columns:1fr}.report-print{margin-left:22px}.report-check{font-size:11px}.scene-select button{min-height:46px}}
@media(max-width:360px){.phone-shell{width:285px;border-width:7px}.phone-scroll{height:410px}.phone-notch{left:88px;right:88px}.showcase-hero h1{font-size:57px}.scene-copy h2,.scene-intro h2{font-size:38px}.supplier-quote strong{font-size:18px}.desktop-sidebar button{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.phone-shell,.desktop-device{transform:none!important;transition:none!important}.device-glow{filter:none}}
@media print{body>*{display:none!important}body>main{display:block!important}main>*{display:none!important}#sample-report-dialog[open]{display:block!important;position:static;width:100%;max-height:none;overflow:visible;border:0;box-shadow:none}#sample-report-dialog::backdrop{display:none}.report-dialog-actions,.report-print{display:none!important}.sample-report-document{padding:0}.report-evidence{grid-template-columns:1fr 1fr}.sample-report-document{break-inside:avoid}}