/* Full tech-site art direction. Component behavior lives in app.js. */
:root{--paper:#fffaf6;--ink:#202522;--blue:#0343fa;--line:#daddd4;--muted:#70766e;--lime:#ff5500}
body{background:var(--paper)!important;color:var(--ink)!important;font-family:Base,Arial,sans-serif}
.wrap{width:calc(100% - 80px)!important;max-width:1400px!important}
.studio-nav{position:relative!important;top:auto!important;background:transparent!important;border-bottom:1px solid var(--line)!important;height:96px!important;padding:0!important;box-shadow:none!important}
.tech-wordmark{font-size:42px;letter-spacing:-3px}.tech-wordmark span{color:var(--blue)}
.studio-nav nav{gap:28px!important}.studio-nav nav a{font-size:13px!important}.studio-nav .nav-project{border:1px solid var(--ink)!important;background:transparent!important;color:var(--ink)!important;border-radius:30px;padding:13px 19px!important}
.tech-opening{padding:32px 0 0}.tech-eyebrow{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.09em;color:var(--muted)}.tech-eyebrow i{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-right:8px}
.tech-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:55px;align-items:center;padding:80px 0 85px}.tech-hero-copy h1{font-size:clamp(64px,7.5vw,112px);line-height:.99;letter-spacing:-.065em;font-weight:400;margin:0 0 32px;width:auto!important}.tech-hero-copy h1 em{font-style:normal;color:var(--blue)}.tech-hero-copy p{font-size:17px;line-height:1.7;max-width:440px;color:var(--muted)}.tech-hero-actions{display:flex;align-items:center;gap:28px;margin:32px 0 48px;font-size:13px}.tech-button{display:flex;gap:32px;align-items:center;background:var(--blue);color:white;border-radius:40px;padding:18px 24px}.tech-button span{font-size:22px}.tech-button:hover{background:var(--ink)}.tech-hero-foot{display:flex;gap:24px;color:var(--muted);font-size:9px;letter-spacing:.07em}
.product-composition{position:relative;min-height:440px;background:#fff0e5;border-radius:22px;padding:25px 25px 90px;border:1px solid #f1d6c5}.composition-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.06em;color:#886652}.composition-title{font-size:36px;letter-spacing:-.04em;line-height:1.1;margin:32px 0 25px}.composition-board{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:360px}.composition-board>div>span{font-size:8px;display:flex;justify-content:space-between;margin-bottom:12px}.composition-board article{background:white;border-radius:9px;padding:15px;box-shadow:0 6px 20px #26332608}.composition-board i{display:grid;place-items:center;font-style:normal;width:29px;height:29px;border-radius:50%;background:#eff1ff;color:var(--blue);font-size:10px;margin-bottom:12px}.composition-board strong{display:block;font-size:12px}.composition-board small{font-size:9px;color:var(--muted);display:block;margin:7px 0 19px}.composition-board label{font-size:8px;background:#fff0e5;border-radius:4px;padding:5px;display:block}
.composition-phone{position:absolute;right:-20px;bottom:-12px;width:185px;padding:21px 15px 15px;background:#fff;border:5px solid var(--ink);border-radius:28px;box-shadow:0 18px 30px #26332620;transform:rotate(6deg)}.composition-phone>span:first-child{font-size:8px;display:block;text-align:center}.phone-avatar{width:45px;height:45px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:50%;font-size:15px;margin:22px 0 15px}.composition-phone strong{font-size:17px;letter-spacing:-.04em;display:block}.composition-phone small{display:block;font-size:9px;line-height:1.5;margin:7px 0 18px;color:var(--muted)}.phone-milestone{font-size:10px;border-top:1px solid var(--line);padding:12px 0}.phone-milestone.granted{background:var(--lime);padding:12px 8px;border-radius:6px}.phone-home-line{display:block;width:45px;height:3px;background:var(--ink);margin:20px auto 0;border-radius:5px}.composition-note{position:absolute;bottom:25px;left:25px;font-size:11px;line-height:1.5;color:#99502c;display:flex;gap:15px}.composition-note>span{font-size:30px}
.tech-capabilities{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0;align-items:center}.tech-capabilities>span{font-size:11px;color:var(--muted)}.tech-capabilities>div{display:flex;gap:24px;font-size:13px}.tech-capabilities i{font-style:normal;color:var(--blue)}
.dashboard-section{padding:100px 0!important}.chapter-line{border-color:var(--line)!important;font-size:10px!important;letter-spacing:.08em!important;padding-bottom:18px!important;color:var(--muted)!important}.dashboard-title-row{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:30px!important;margin:35px 0!important}.dashboard-title-row h2{font-size:clamp(36px,4.5vw,64px)!important;line-height:1.05!important;letter-spacing:-.05em!important;font-weight:400!important;max-width:760px!important}.dashboard-title-row p{font-size:15px!important;line-height:1.7!important;max-width:620px!important}.dashboard-live-link-box{flex-shrink:0!important}.btn-live-portal-link{background:var(--lime)!important;border:none!important;padding:16px 22px!important}
#main-dashboard-app{border-radius:16px!important;box-shadow:0 20px 60px #2536230b!important;background:#fff!important}.ch-sidebar{background:#fff5ee!important}.ch-primary-nav-btn{box-shadow:none!important}.ch-content-body{background:#fffaf7!important}#main-dashboard-app .ch-hero-banner{background:#fff0e5!important;border:0!important}#main-dashboard-app .ch-card{border-radius:10px!important}.ch-kpi-card{box-shadow:none!important}.ch-nav-item.is-active{background:#e7eaff!important;color:var(--blue)!important}.ch-kanban-section{box-shadow:none!important}.ch-bottom-widgets-grid{margin-top:24px!important}
.excel-vs-system-section{padding:0 0 100px!important;margin-top:0!important}.excel-comparison-card{background:transparent!important;padding:0!important;border:none!important;box-shadow:none!important}.excel-header-block{text-align:left!important;margin-bottom:35px!important}.excel-header-block h3{font-size:clamp(34px,4vw,56px)!important;font-weight:400!important;letter-spacing:-.05em!important;color:var(--ink)!important}.excel-header-block p{font-size:15px!important;max-width:550px;line-height:1.7!important}.comparison-tag{font-size:10px!important;color:var(--muted)!important;background:none!important;padding:0!important}.comparison-grid{gap:24px!important}.comp-card{padding:32px!important;border-radius:14px!important;box-shadow:none!important}.legacy-excel{background:#f2eeeb!important;border:0!important}.modern-erp{background:var(--lime)!important;border:0!important}.comp-card h4{font-size:29px!important;font-weight:400!important;letter-spacing:-.04em!important}.comp-badge{background:transparent!important;padding:0!important;font-size:10px!important;color:#945a39!important}.comp-list li{font-size:14px!important;line-height:1.7!important;padding:16px 0!important;border-bottom:1px solid #20252218!important}.comp-list strong{font-weight:400!important;color:var(--ink)!important}
#solutions{background:#17202c!important;color:#fffaf6!important;padding:80px 0 90px!important}.studio-manifesto{padding:35px 0 45px!important;display:block!important}.studio-manifesto h2{font-size:clamp(48px,6.5vw,90px)!important;font-weight:400!important;letter-spacing:-.055em!important;line-height:1!important}.studio-manifesto h2 span{color:var(--lime)!important}.creative-orbit{display:none!important}.creative-services{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}.creative-service{padding:32px!important;border:1px solid #ffffff24!important;background:transparent!important;min-height:0!important;transition:background .2s!important}.creative-service:hover{background:#ffffff06!important;transform:none!important}.creative-service h3{font-size:36px!important;font-weight:400!important;letter-spacing:-.04em!important;line-height:1.12!important;margin:22px 0!important}.creative-service p{font-size:14px!important;line-height:1.7!important;max-width:440px!important;color:#b9c4d3!important}.service-index{font-size:10px!important;color:#a8b8ce!important}.service-symbol{height:130px!important;max-width:190px!important;margin:10px 0!important;opacity:.85}.service-symbol svg{height:130px!important}.service-link{font-size:12px!important;padding-top:18px!important;color:var(--lime)!important}.highlight-creative-card{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:60px!important}.highlight-creative-card .service-symbol{display:none!important}.highlight-creative-card p{grid-column:2;grid-row:1/4;margin:auto!important}.creative-brand-callout-banner{display:none!important}
#packages{background:var(--paper)!important;padding:100px 0!important;border:0!important}.package-story{display:block!important;text-align:left!important;margin:0 0 45px!important;max-width:none!important}.package-label{font-size:10px!important;color:var(--muted)!important;letter-spacing:.08em!important}.package-story h2{font-size:clamp(42px,5.5vw,76px)!important;line-height:1.05!important;letter-spacing:-.055em!important;font-weight:400!important;margin:25px 0!important;color:var(--ink)!important}.package-story p{font-size:15px!important;line-height:1.7!important;max-width:560px!important;color:var(--muted)!important}.tech-packages-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.tech-card-package{padding:27px 22px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;transform:none!important}.tech-card-package.featured-pkg{background:var(--lime)!important;border-color:var(--lime)!important}.pkg-badge{background:none!important;color:var(--muted)!important;border-radius:0!important;padding:0!important;font-size:9px!important;letter-spacing:.06em!important}.tech-card-package h3{font-size:26px!important;line-height:1.15!important;letter-spacing:-.035em!important;font-weight:400!important;margin:24px 0 15px!important;color:var(--ink)!important}.tech-card-package p{font-size:12px!important;line-height:1.7!important;color:var(--muted)!important}.pkg-features{gap:12px!important;margin:24px 0!important}.pkg-features span{font-size:11px!important;line-height:1.6!important;color:#86401f!important}.package-price-tag{font-size:31px!important;letter-spacing:-.04em!important;color:var(--ink)!important;white-space:normal!important}.package-price-tag small{font-size:10px!important;letter-spacing:0!important}.pkg-scope-note{font-size:10px!important;line-height:1.5!important;color:var(--muted)!important}.pkg-cta{background:var(--ink)!important;color:#fff!important;border:0!important;border-radius:30px!important;min-height:42px!important;font-size:12px!important;padding:14px!important;margin-top:24px!important}.pkg-cta:hover{background:var(--blue)!important}
#contact{background:#fff0e5!important;color:var(--ink)!important;padding:75px 0 35px!important}.contact-finale h2{font-size:clamp(48px,7vw,100px)!important;line-height:1!important;letter-spacing:-.055em!important;font-weight:400!important;margin:35px 0 55px!important}.contact-finale h2 a{color:var(--blue)!important}.brief-builder{grid-template-columns:.8fr 1.2fr!important;border-top:1px solid #20252225!important;padding-top:35px!important;gap:60px!important;background:transparent!important}.brief-intro h3{font-size:26px!important;font-weight:400!important}.enquiry-art{width:260px!important;color:#b36b43!important;opacity:.6}.contact-stepper{background:#fffaf6!important;border-radius:14px!important;padding:32px!important;border:none!important}.stepper-panel h3{font-size:26px!important;letter-spacing:-.03em!important;font-weight:400!important}.brief-fields label{font-size:12px!important;color:var(--muted)!important}.brief-fields input,.brief-fields textarea,.brief-fields select{background:#fff!important;border:1px solid #ead7cc!important;border-radius:7px!important;padding:14px!important;color:var(--ink)!important;font-size:14px!important;width:100%!important}.stepper-progress{margin-bottom:28px!important}.stepper-progress button.is-current{background:var(--blue)!important;color:white!important}.stepper-navigation button{border-radius:30px!important;font-size:12px!important;padding:14px 20px!important}.contact-bottom{border-color:#20252225!important;margin-top:50px!important;padding:28px 0!important;font-size:12px!important}.contact-signature{border-top:1px solid #20252225!important;margin:0!important;padding-top:35px!important}.footer-illuu-logo{max-width:170px!important;height:auto!important}.signature-subtext{font-size:9px!important}.floating-wa-btn{width:44px!important;height:44px!important;bottom:18px!important;right:18px!important}
@media(max-width:1100px){.tech-hero-grid{gap:30px}.tech-packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tech-capabilities>div{gap:12px;font-size:11px}.composition-phone{right:-8px}.dashboard-title-row{display:block!important}.dashboard-live-link-box{margin-top:24px!important}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)!important}.studio-nav{height:auto!important;min-height:85px!important;gap:20px!important;flex-wrap:wrap!important;padding:18px 0!important}.tech-wordmark{font-size:34px}.studio-nav nav{display:flex!important;gap:15px!important;flex-wrap:wrap!important}.studio-nav nav a{font-size:11px!important}.studio-nav .nav-project{padding:8px 12px!important}.tech-eyebrow>span:last-child{display:none}.tech-hero-grid{grid-template-columns:1fr;padding:50px 0 55px;gap:38px}.tech-hero-copy h1{font-size:clamp(54px,11vw,78px)}.tech-hero-copy p{font-size:15px}.tech-hero-actions{gap:22px;margin:28px 0}.tech-hero-foot{gap:17px;font-size:8px}.product-composition{margin-right:12px;min-height:400px;padding:22px}.composition-title{font-size:30px}.composition-board{max-width:300px}.composition-phone{width:160px;right:-12px;bottom:-10px}.composition-board article{padding:12px}.composition-board strong{font-size:10px}.composition-note{font-size:10px;bottom:30px;left:20px}.tech-capabilities{display:block;padding:22px 0}.tech-capabilities>div{display:flex;flex-wrap:wrap;margin-top:14px;gap:12px;line-height:1.7}.dashboard-section{padding:60px 0!important}.dashboard-title-row h2{font-size:38px!important}.comparison-grid{grid-template-columns:1fr!important}.excel-vs-system-section{padding-bottom:60px!important}.comp-card{padding:24px!important}.comp-list li{font-size:13px!important}#solutions{padding:55px 0!important}.creative-services{grid-template-columns:1fr!important}.creative-service{padding:25px!important}.creative-service h3{font-size:32px!important}.highlight-creative-card{display:flex!important;grid-column:auto!important}.service-symbol{height:100px!important}.service-symbol svg{height:100px!important}#packages{padding:60px 0!important}.brief-builder{grid-template-columns:1fr!important;gap:20px!important}.brief-intro{display:none!important}.contact-stepper{padding:22px!important}.contact-finale h2{font-size:54px!important}.contact-bottom{display:block!important}.contact-direct-ctas{margin-top:20px!important;flex-wrap:wrap!important}.contact-signature{display:flex!important;justify-content:space-between!important;align-items:center!important}.footer-illuu-logo{width:120px!important}}
@media(max-width:460px){.tech-packages-grid{grid-template-columns:1fr!important}.tech-card-package{padding:27px!important}.tech-card-package h3{font-size:30px!important}.tech-card-package p,.pkg-features span{font-size:13px!important}.package-price-tag{font-size:40px!important}.composition-board{gap:8px;max-width:255px}.composition-phone{width:150px}.composition-board>div>span{font-size:7px}.tech-capabilities>div{font-size:10px}.tech-hero-actions{font-size:11px;gap:18px}.tech-button{padding:15px 18px;gap:18px}.contact-finale h2{font-size:47px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(min-width:1280px){#main-dashboard-app .ch-kanban-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}#main-dashboard-app .ch-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}#main-dashboard-app .ch-kpi-card{padding:16px 12px!important;gap:8px!important}#main-dashboard-app .ch-kpi-icon{width:30px!important;height:30px!important}#main-dashboard-app .ch-kpi-body strong{font-size:24px!important}#main-dashboard-app .ch-card{padding:12px!important}#main-dashboard-app .ch-card-buttons{flex-wrap:wrap!important}#main-dashboard-app .ch-card-name{font-size:13px!important}}
.pkg-badge.highlight{background:transparent!important;color:#86401f!important}.package-story h2 span:after{display:none!important}.tech-hero-copy h1{color:var(--ink)!important}
@media(max-width:760px){.studio-nav nav a[href="#solutions"]{display:inline!important}}

/* illuugraphy blue + illuu.tech orange brand palette. */
:root{--orange:#ff5500;--blue:#0343fa;--lime:#ff5500;--line:#e6dcd5;--ink:#202126;--muted:#726b67}
.tech-hero-copy h1 em,.tech-wordmark span{color:var(--orange)!important}
.phone-milestone.granted{background:var(--orange);color:white}
.btn-live-portal-link{background:var(--orange)!important;color:white!important}
.modern-erp{background:#fff0e5!important;border:1px solid #ff550033!important}
.modern-erp .comp-icon{color:var(--orange)!important}
.comp-list strong,.comp-card h4{color:var(--ink)!important}
.studio-manifesto h2 span,.service-link{color:#ff8244!important}
.tech-card-package.featured-pkg{background:#fff0e5!important;border:1px solid var(--orange)!important}
.tech-card-package.featured-pkg .pkg-cta{background:var(--orange)!important}
.composition-board label{color:#99502c}
#main-dashboard-app .ch-hero-banner h2 span{color:var(--orange)!important}

.tech-hero-copy h1{font-size:clamp(48px,5.7vw,86px)!important;overflow-wrap:normal;line-height:1.04!important}
.preview-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}
.preview-paths button{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;text-align:left;transition:border-color .2s,transform .2s}
.preview-paths button:hover{border-color:var(--orange);transform:translateY(-3px)}
.preview-paths span{display:block;font-size:9px;letter-spacing:.07em;color:var(--muted);margin-bottom:15px}
.preview-paths strong{display:block;font-size:20px;font-weight:400;letter-spacing:-.03em;color:var(--blue)}
.preview-paths small{display:block;font-size:12px;color:var(--muted);margin-top:10px;line-height:1.6}
@media(max-width:760px){.tech-hero-copy h1{font-size:clamp(42px,9.5vw,64px)!important}.preview-paths{grid-template-columns:1fr}.preview-paths button{padding:20px}.tech-hero-foot{flex-wrap:wrap;line-height:1.5}}

/* Reference background treatment: white paper and the original illuugraphy mandala. */
body{background:#fff!important}
.tech-opening,#solutions{position:relative;isolation:isolate;background:#fff!important;color:var(--ink)!important}
.tech-opening:before,#solutions:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('../assets/seasonal/mandala-pattern.svg');background-repeat:repeat;background-size:640px 640px;background-position:center top;opacity:.32}
.tech-opening:before{left:-40px;right:-40px}
#solutions .chapter-line{color:var(--muted)!important;border-color:#e0e3ea!important}
#solutions .creative-service{background:#ffffffb8!important;border-color:#dee3ef!important;color:var(--ink)!important}
#solutions .creative-service:hover{background:#f4f6ffed!important;border-color:#0343fa55!important}
#solutions .creative-service h3{color:var(--ink)!important}
#solutions .creative-service p{color:#6d7078!important}
#solutions .service-index{color:#747985!important}
#solutions .service-symbol{color:var(--blue)!important}
#solutions .service-link{color:var(--blue)!important;border-color:#dce2ee!important}
#solutions .studio-manifesto h2 span{color:var(--orange)!important}
@media(max-width:760px){.tech-opening:before{left:-18px;right:-18px}.tech-opening:before,#solutions:before{background-size:420px 420px}}

/* Minimal admin workspace and independent student workspace. */
#main-dashboard-app .ch-hero-banner{background:#fff!important;border-bottom:1px solid #e5e7eb!important;border-radius:0!important;padding:18px 0!important}
#main-dashboard-app .ch-hero-side-card,#main-dashboard-app .ch-kpi-icon,#main-dashboard-app .ch-kpi-sparkline,#main-dashboard-app .ch-bottom-widgets-grid,#btn-quick-more,#btn-branch-overview,#btn-quick-report{display:none!important}
#main-dashboard-app .ch-kpi-card{border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:none!important}
#main-dashboard-app .ch-sidebar{background:#fafafa!important}
#main-dashboard-app .ch-content-body{background:#fff!important}
#main-dashboard-app .ch-card{box-shadow:none!important;border:1px solid #e5e7eb!important;background:#fff!important}
#main-dashboard-app .ch-column{background:#fafafa!important;border:1px solid #e5e7eb!important}
#main-dashboard-app .ch-col-header{background:transparent!important;color:var(--ink)!important}
#main-dashboard-app .ch-hero-banner:before,#main-dashboard-app .ch-hero-banner:after{display:none!important}
#main-dashboard-app .ch-hero-banner h2{font-size:26px!important}
.student-demo-section{padding:0 0 90px}.student-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:35px 0}.student-section-heading h2{font-size:clamp(38px,4.5vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.05em;margin:0}.student-section-heading p{max-width:440px;font-size:15px;line-height:1.7;color:var(--muted)}
.student-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid #e0e3e9;border-radius:14px;overflow:hidden;background:#fff}.student-navigation{padding:25px 18px;background:#fafafa;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.student-brand{font-size:20px;letter-spacing:-.04em;margin-bottom:30px}.student-brand span{display:block;font-size:8px;letter-spacing:.12em;color:var(--orange);margin-top:5px}.student-navigation nav{display:grid;gap:7px}.student-navigation button{padding:12px;text-align:left;border:none;background:transparent;border-radius:7px;font-size:13px}.student-navigation button[aria-pressed=true]{background:#edf1ff;color:var(--blue)}.student-navigation>small{margin-top:auto;padding-top:40px;font-size:10px;line-height:1.7;color:var(--muted)}.student-main{min-width:0}.student-topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid #e5e7eb;gap:20px}.student-topbar>span{font-size:10px;letter-spacing:.08em;color:var(--muted)}.student-topbar label{font-size:11px;display:flex;align-items:center;gap:10px}.student-topbar select{border:1px solid #e5e7eb;border-radius:6px;padding:8px;background:#fff;font-size:12px}#student-demo-content{padding:28px}.student-welcome>span{font-size:9px;letter-spacing:.08em;color:var(--muted)}.student-welcome h3{font-size:34px;font-weight:400;letter-spacing:-.04em;margin:12px 0}.student-welcome p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 26px}.student-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.student-summary article{border:1px solid #e5e7eb;padding:20px;border-radius:8px}.student-summary small{display:block;color:var(--muted);font-size:11px}.student-summary strong{display:block;font-size:22px;font-weight:400;margin-top:10px;letter-spacing:-.03em}.student-panel{border:1px solid #e5e7eb;border-radius:10px;padding:24px}.student-panel h4,.student-next h4{font-size:19px;font-weight:400;letter-spacing:-.02em;margin:0 0 16px}.student-panel p,.student-next p{font-size:13px;line-height:1.6;color:var(--muted)}.student-timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.student-timeline li{padding:15px 0}.student-timeline li>span{display:grid;place-items:center;width:30px;height:30px;background:#f2f3f5;border-radius:50%;font-size:12px;margin-bottom:14px}.student-timeline li.complete>span{background:#edf1ff;color:var(--blue)}.student-timeline strong{display:block;font-size:12px;font-weight:400}.student-timeline small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.student-next{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;background:#fff5ee;border-radius:10px;margin-top:24px}.student-next h4{margin-bottom:8px}.student-next p{margin:0}.student-main button,.student-upload{background:var(--blue);border:0;color:white;padding:12px 18px;font-size:12px;border-radius:7px}.student-document-list{margin:20px 0}.student-document-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e5e7eb;padding:17px 0;font-size:13px}.student-document-list strong{font-weight:400;overflow-wrap:anywhere}.student-document-list span{font-size:11px;color:var(--muted)}.student-upload{display:block;background:#f5f7ff;color:var(--ink);line-height:1.7}.student-upload input{display:block;margin-top:10px;font-size:12px;max-width:100%}.student-chat{display:grid;gap:12px;margin:25px 0}.student-chat p{margin:0;background:#f5f6f8;padding:15px;border-radius:8px;max-width:85%;color:var(--ink);overflow-wrap:anywhere}.student-chat p.student-message{justify-self:end;background:#edf1ff}.student-message-compose{display:flex;gap:10px;margin:10px 0}.student-message-compose input{min-width:0;flex:1;padding:12px;border:1px solid #e5e7eb;border-radius:7px;font-size:13px}#student-chat-form label{font-size:12px}#student-chat-form small{font-size:10px;color:var(--muted)}
@media(max-width:760px){.student-section-heading{display:block}.student-workspace{grid-template-columns:1fr}.student-navigation{border-right:0;border-bottom:1px solid #e5e7eb;padding:20px}.student-navigation nav{display:flex;overflow:auto;gap:5px}.student-navigation button{white-space:nowrap}.student-navigation>small{display:none}.student-brand{margin-bottom:15px}.student-topbar{padding:16px;flex-wrap:wrap}#student-demo-content{padding:18px}.student-summary{grid-template-columns:1fr}.student-summary article{padding:16px}.student-timeline{grid-template-columns:1fr 1fr}.student-next{flex-direction:column;align-items:start}.student-panel{padding:18px}.student-section-heading p{margin-top:20px}.student-demo-section{padding-bottom:60px}}

.prep-showcase{padding:20px 0 85px}.prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:55px 0 70px}.prep-eyebrow{font-size:10px;letter-spacing:.13em;color:var(--orange)}.prep-copy h2{font-size:clamp(44px,5.5vw,80px);font-weight:400;letter-spacing:-.05em;line-height:1.05;margin:25px 0}.prep-copy h2 em{font-style:normal;color:var(--orange)}.prep-copy p{font-size:16px;line-height:1.7;color:var(--muted);max-width:440px}.prep-exams{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.prep-exams button{border:1px solid var(--line);border-radius:25px;background:#fff;padding:10px 14px;font-size:11px}.prep-exams button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.prep-copy .tech-button{display:inline-flex;font-size:13px;margin:10px 0 20px}.prep-copy>small{display:block;font-size:10px;color:var(--muted)}.prep-phones{position:relative;display:flex;align-items:center;justify-content:center;min-height:530px;background:radial-gradient(ellipse,#fff0e5,transparent 70%)}.prep-splash-phone,.prep-interactive-phone{border:7px solid #202126;border-radius:34px;width:235px;height:475px;box-shadow:0 20px 40px #20212615;position:relative}.prep-splash-phone{background:var(--orange);color:#fff;transform:rotate(-8deg);padding:35px 20px;display:flex;flex-direction:column;justify-content:space-between;margin-right:-25px}.prep-splash-phone span{font-size:17px}.prep-splash-phone b{font-size:42px;font-weight:400;line-height:1;letter-spacing:-.04em}.prep-splash-phone i{font-size:100px;font-style:normal}.prep-splash-phone small{font-size:8px;letter-spacing:.1em}.prep-interactive-phone{background:#fff;transform:rotate(5deg);padding:14px;z-index:1;height:490px;width:250px}.prep-phone-status{display:flex;justify-content:space-between;font-size:9px;margin-bottom:20px}.prep-phone-home{position:absolute;bottom:8px;left:calc(50% - 25px);height:4px;width:50px;background:#202126;border-radius:4px}#prep-phone-content{max-height:420px;overflow:auto}#prep-phone-content h3{font-size:20px;font-weight:400;margin:0 0 16px}#prep-phone-content h4{font-size:18px;font-weight:400;line-height:1.4;margin:8px 0}#prep-phone-content small{font-size:9px;color:var(--orange)}#prep-phone-content p{font-size:10px;line-height:1.5;color:var(--muted)}.prep-foundation{background:var(--orange);color:#fff;padding:17px 12px;border-radius:10px;margin-top:20px}.prep-foundation strong{display:block;font-size:14px;font-weight:400}.prep-foundation span{font-size:9px;display:block;margin-top:8px}#prep-phone-content h5{font-size:12px;margin:20px 0 10px}.prep-practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.prep-practice-grid button{border:1px solid #f2ddd0;background:#fff8f3;border-radius:9px;color:var(--orange);padding:12px 3px;font-size:20px}.prep-practice-grid span{display:block;font-size:8px;color:var(--ink);margin-top:10px}.prep-mock{display:block;width:100%;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:14px 10px;margin-top:15px}.prep-mock strong{font-size:11px;font-weight:400;display:block}.prep-mock span{font-size:9px;color:var(--orange);display:block;margin-top:7px}#prep-back{border:0;background:transparent;padding:5px 0;font-size:10px;color:var(--blue);display:block;margin-bottom:25px}.prep-answers{display:grid;gap:10px;margin-top:20px}.prep-answers button{padding:13px;border:1px solid #ddd;border-radius:7px;background:white;font-size:12px;text-align:left}.prep-answers button.correct{border-color:var(--blue);background:#edf1ff}.prep-benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.prep-benefits article{padding:25px;border-right:1px solid var(--line)}.prep-benefits article:last-child{border-right:0}.prep-benefits span{font-size:10px;color:var(--orange)}.prep-benefits h3{font-size:20px;font-weight:400;letter-spacing:-.025em;margin:15px 0}.prep-benefits p{font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){.prep-grid{grid-template-columns:1fr;gap:25px;padding:40px 0}.prep-phones{min-height:470px}.prep-splash-phone{width:170px;height:400px;padding:25px 15px}.prep-splash-phone b{font-size:34px}.prep-interactive-phone{width:210px;height:460px;padding:12px}.prep-benefits{grid-template-columns:1fr 1fr}.prep-benefits article{padding:20px}.prep-benefits h3{font-size:18px}}

.prep-feature-panel{display:grid;grid-template-columns:.75fr 1.5fr;gap:35px;align-items:center;background:#fff2e9;border-radius:22px;padding:45px 35px;margin:0 0 45px}.prep-feature-intro>span{font-size:10px;color:var(--orange);letter-spacing:.1em}.prep-feature-intro h3{font-size:clamp(30px,3vw,45px);font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:22px 0}.prep-feature-intro p{font-size:14px;line-height:1.7;color:var(--muted)}.prep-feature-intro>a{display:inline-block;margin-top:20px;color:var(--blue);font-size:12px}.prep-feature-screens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.prep-feature-screen{min-width:0;background:white;border:1px solid #efded3;border-radius:20px;padding:16px 12px;min-height:350px;display:flex;flex-direction:column;box-shadow:0 15px 30px #b7682410}.prep-feature-screen header{font-size:11px;display:flex;justify-content:space-between;margin-bottom:20px}.prep-feature-screen header i{font-style:normal;color:var(--orange)}.prep-feature-screen h4{font-size:14px;line-height:1.4;letter-spacing:-.02em;font-weight:400;margin:10px 0}.prep-feature-screen p{font-size:9px;line-height:1.6;color:var(--muted)}.mini-tag{font-size:7px;letter-spacing:.05em;color:var(--orange)}.mini-quiz{display:grid;gap:8px;margin-top:12px}.mini-quiz button{border:1px solid #e6e7ed;border-radius:6px;background:#f8f9fb;padding:9px 5px;text-align:left;font-size:9px}.mini-quiz button.correct{background:#eef2ff;color:var(--blue);border-color:var(--blue)}.mini-primary{display:block;text-align:center;background:var(--orange);color:#fff;border:0;border-radius:7px;padding:10px 6px;font-size:9px;margin-top:auto}.mini-result-ring{width:100px;height:100px;border:9px solid #e8edff;border-top-color:var(--blue);border-right-color:var(--blue);border-radius:50%;display:grid;place-items:center;margin:20px auto 10px}.mini-result-ring b{font-size:25px;font-weight:400}.mini-stat-row{display:flex;justify-content:space-around;margin:15px 0;font-size:8px;color:var(--muted)}.mini-stat-row b{display:block;font-weight:400;font-size:20px;color:var(--blue);margin-bottom:6px}.mini-study>div{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0;font-size:10px}.mini-study small{font-size:8px;color:var(--muted)}.mini-study progress{grid-column:1/-1;width:100%;height:5px;accent-color:var(--blue)}.mini-plan{padding:12px 8px;border:1px solid #ff550044;border-radius:10px;margin-top:8px}.mini-plan>span{font-size:7px;color:var(--orange)}.mini-plan ul{padding-left:13px;font-size:9px;line-height:1.8;margin:15px 0}.mini-plan .mini-primary{margin-top:20px}
@media(max-width:1100px){.prep-feature-panel{grid-template-columns:1fr}.prep-feature-intro{max-width:500px}.prep-feature-screen{min-height:360px}}
@media(max-width:600px){.prep-feature-panel{padding:25px 18px}.prep-feature-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prep-feature-screen{padding:16px 10px;min-height:340px}.mini-result-ring{width:88px;height:88px}.prep-feature-intro h3{font-size:34px}}

/* The complete app screen fits inside the phone; navigation changes screens. */
.prep-interactive-phone{height:510px;transform:none;width:260px;padding:16px 14px}
.prep-splash-phone{height:490px;transform:rotate(-6deg)}
#prep-phone-content{height:435px;max-height:none;overflow:hidden;display:flex;flex-direction:column}
.prep-screen-body{flex:1;min-height:0;overflow:hidden}
#prep-phone-content h3{font-size:19px;margin:9px 0 8px}#prep-phone-content h4{font-size:17px;margin:12px 0}#prep-phone-content p{margin:8px 0;font-size:10px}
#prep-phone-content h5{margin:15px 0 9px}.prep-foundation{margin-top:14px;padding:15px 12px}.prep-practice-grid button{padding:10px 3px}.prep-practice-grid span{margin-top:7px}
.prep-bottom-nav{display:flex;justify-content:space-between;border-top:1px solid #e5e7eb;padding:12px 0 8px;gap:4px;margin-top:10px}.prep-bottom-nav button{font-size:10px;background:transparent;border:0;border-radius:5px;padding:8px 9px;color:var(--muted)}.prep-bottom-nav button[aria-pressed=true]{background:#eef2ff;color:var(--blue)}
.prep-service-list{display:grid;gap:9px;margin:20px 0}.prep-service-list button{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:13px 10px;border:1px solid #e5e7eb;background:white;border-radius:8px;font-size:11px}.prep-service-list b{color:var(--orange);font-weight:400}.prep-service-list span{flex:1;text-align:left}
.prep-profile-avatar{width:44px;height:44px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:50%;font-size:14px;margin:16px 0}.prep-profile-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:13px 0;border-bottom:1px solid #e5e7eb}.prep-profile-row b{font-weight:400}.prep-answers button.selected{border-color:var(--blue);background:#eef2ff}
@media(max-width:760px){.prep-phones{min-height:540px}.prep-splash-phone{width:150px;height:440px;margin-right:-50px;padding:25px 12px}.prep-splash-phone b{font-size:29px}.prep-interactive-phone{width:235px;height:510px;padding:16px 12px}.prep-splash-phone small{font-size:7px}.prep-screen-body{padding:0 2px}}

.prep-profile-avatar{width:34px;height:34px;margin:8px 0;font-size:12px}.prep-profile-row{padding:9px 0}.prep-screen-body #prep-plan,.prep-screen-body #prep-reset{padding:10px;margin-top:9px}.prep-screen-body #prep-plan span{margin-top:4px}.prep-bottom-nav{position:relative;z-index:3;flex-shrink:0}.prep-phone-home{pointer-events:none}

/* Shorter homepage: one phone showcase and tighter section rhythm. */
.composition-phone,.prep-splash-phone{display:none!important}
.tech-hero-grid{padding:50px 0!important}.product-composition{min-height:370px;padding-bottom:75px}.composition-board{max-width:none}.tech-hero-actions{margin-bottom:25px}
.dashboard-section{padding:60px 0!important}.student-demo-section{padding-bottom:55px}.prep-showcase{padding:0 0 55px}.prep-grid{padding:35px 0!important}.prep-phones{min-height:530px}.prep-interactive-phone{box-shadow:0 15px 45px #20212612}
#solutions{padding:50px 0!important}.studio-manifesto{padding:25px 0!important}.studio-manifesto h2{font-size:clamp(38px,4.5vw,60px)!important}.creative-services{gap:12px!important}.creative-service{padding:24px!important}.creative-service h3{font-size:28px!important;margin:15px 0!important}.service-symbol{display:none!important}.creative-service p{margin:12px 0 20px!important}.highlight-creative-card{display:none!important}
#packages{padding:55px 0!important}.package-story h2{font-size:clamp(36px,4vw,54px)!important}.package-story{margin-bottom:30px!important}.pkg-features{display:none!important}.tech-card-package p{font-size:12px!important}.tech-card-package{padding:23px!important;min-height:0!important}
#contact{padding:45px 0 25px!important}.contact-finale h2{font-size:clamp(38px,5vw,68px)!important;margin:25px 0 35px!important}.contact-signature{display:none!important}.enquiry-art{display:none!important}
@media(max-width:760px){.tech-hero-grid{padding:35px 0!important;gap:25px}.product-composition{min-height:340px;margin-right:0}.prep-phones{min-height:520px}.dashboard-section{padding:45px 0!important}.student-section-heading{margin:25px 0}.prep-copy h2{font-size:42px}}

/* Match the supplied illuugraphy reference typography and section colors. */
:root{--paper:#fff;--blue:#0343fa;--ink:#111;--muted:#777;--line:#e5e5e5}
body{background:#fff!important;font-family:Base,Arial,sans-serif!important;color:#111!important}
h1,h2,h3,h4,button,input,select,textarea{font-family:Base,Arial,sans-serif!important}
.tech-hero-copy h1{font-weight:400!important;letter-spacing:-.065em!important;line-height:1.02!important}
.tech-hero-copy p{font-family:BaseText,Base,Arial,sans-serif!important;font-size:17px!important;line-height:1.6!important;color:#777!important}
.tech-opening:before{opacity:.32}
#solutions{background:#0343fa!important;color:white!important;padding:55px 0 60px!important}
#solutions:before{display:none!important}
#solutions .chapter-line{color:#ffffff9c!important;border-color:#ffffff40!important}
#solutions .studio-manifesto h2,#solutions .studio-manifesto h2 span{color:white!important;font-weight:400!important;letter-spacing:-.055em!important}
#solutions .creative-services{gap:24px!important}
#solutions .creative-service{background:transparent!important;color:white!important;border:0!important;border-top:1px solid #ffffff66!important;border-radius:0!important;padding:20px 0 0!important}
#solutions .creative-service:hover{background:transparent!important;border-color:white!important}
#solutions .creative-service h3{font-weight:400!important;color:#fff!important;font-size:30px!important;letter-spacing:-.035em!important;line-height:1.12!important}
#solutions .creative-service p{color:#ffffffb5!important;font-family:BaseText,Base,Arial,sans-serif!important;font-size:13px!important}
#solutions .service-index{color:#ffffff9c!important;font-size:9px!important}
#solutions .service-link{color:#fff!important;border-color:#ffffff40!important;font-size:11px!important}
#solutions .service-symbol{display:flex!important;color:white!important;height:90px!important;border:1px solid #ffffff30!important;max-width:none!important;width:100%!important;margin:15px 0!important;justify-content:flex-start!important;padding:8px 15px!important}
#solutions .service-symbol svg{height:70px!important;width:120px!important}
#packages,#contact{background:#fff!important;color:#111!important}
.package-story h2,.student-section-heading h2,.dashboard-title-row h2,.prep-copy h2,.contact-finale h2{font-weight:400!important;letter-spacing:-.055em!important}
.contact-stepper{background:#f8f9fc!important;border:1px solid #e5e5e5!important}
@media(max-width:760px){.tech-hero-copy p{font-size:15px!important}#solutions .creative-service h3{font-size:28px!important}}

.consultancy-illustration{display:flex;align-items:center;justify-content:center;background:transparent;min-width:0}.consultancy-illustration img{display:block;width:100%;max-width:580px;height:auto;object-fit:contain}.tech-hero-grid{align-items:center!important}@media(max-width:760px){.consultancy-illustration img{max-width:420px}}

/* Consultancy investment presentation. */
#packages.investment-section{padding:65px 0!important;background:#fff!important}
.investment-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.investment-heading h2{font-size:clamp(40px,5vw,66px);font-weight:400;line-height:1.03;letter-spacing:-.055em;margin:0}.investment-heading h2 em{font-style:normal;color:var(--blue)}.investment-heading p{max-width:260px;line-height:1.6;color:#777;font-size:15px}
.investment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.investment-card{padding:28px;border:1px solid #e5e5e5;border-radius:16px;display:flex;flex-direction:column;background:#fff}.investment-icon{font-size:32px;color:var(--blue);margin-bottom:30px}.investment-card h3{font-size:30px;letter-spacing:-.04em;font-weight:400;margin:0 0 12px}.investment-card p{font-size:14px;color:#777;line-height:1.6;margin:0;min-height:66px}.investment-price{font-size:clamp(30px,3vw,44px);letter-spacing:-.055em;line-height:1.15;margin:24px 0}.investment-price>span{display:block;font-size:12px;letter-spacing:0;margin-bottom:7px;color:#777}.investment-card ul{list-style:none;padding:0;margin:0 0 25px;font-size:13px;line-height:2;color:#555}.investment-card li:before{content:'✓';color:var(--blue);margin-right:9px}.investment-card a,.investment-suite a{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;border-top:1px solid #dedede;font-size:13px;color:#111;text-decoration:none;margin-top:auto}.investment-card a span{font-size:22px;color:var(--blue)}.system-investment{background:#f3f6ff;border-color:#c8d5ff}
.investment-suite{margin-top:18px;border-radius:16px;padding:38px;background:var(--blue);color:#fff;display:grid;grid-template-columns:1.5fr 1fr;gap:35px;position:relative;overflow:hidden}.investment-suite h3{font-weight:400;font-size:clamp(30px,3.5vw,46px);letter-spacing:-.045em;line-height:1.1;margin:0 0 16px}.investment-suite p{font-size:14px;color:#ffffffb5;line-height:1.6}.suite-platforms{display:flex;gap:8px;margin-top:24px}.suite-platforms span{border:1px solid #ffffff50;border-radius:30px;padding:7px 15px;font-size:12px}.suite-decision{position:relative;z-index:1;align-self:center}.investment-suite .investment-price{font-size:48px;color:#fff}.investment-suite .investment-price>span{color:#ffffffb5}.investment-suite a{color:#fff;border-color:#ffffff50}.suite-orbit{position:absolute;font-size:230px;right:-25px;bottom:-90px;opacity:.07;pointer-events:none}.investment-card a:hover{color:var(--blue)}
@media(max-width:760px){.investment-heading{display:block}.investment-heading p{max-width:none}.investment-grid{grid-template-columns:1fr}.investment-card{padding:24px}.investment-icon{margin-bottom:18px}.investment-card p{min-height:0}.investment-suite{grid-template-columns:1fr;padding:26px;gap:10px}.investment-suite .investment-price{font-size:42px}}

/* Orange leads the tech identity. */
:root{--blue:#ff5500;--orange:#ff5500}
#solutions{background:#ff5500!important}
.system-investment{background:#fff4eb;border-color:#ffd3b7}
.investment-heading h2 em,.investment-icon,.investment-card a span,.investment-card li:before{color:#ff5500}
.investment-suite{background:#ff5500}
.student-navigation button[aria-pressed=true]{background:#fff0e6;color:#df4900}
.student-timeline li.complete>span{background:#fff0e6;color:#df4900}
#main-dashboard-app .ch-kpi-card{border-color:#f0e5dd!important}
.tech-button,.studio-nav .nav-project{background:#ff5500!important;border-color:#ff5500!important;color:#fff!important}
.prep-exams button[aria-pressed=true]{background:#ff5500!important;border-color:#ff5500!important;color:#fff!important}
.prep-bottom-nav button[aria-pressed=true]{color:#df4900!important;background:#fff0e6!important}

.studio-nav .wordmark{display:flex!important;align-items:center;gap:16px;text-decoration:none}.tech-logo{display:block;width:215px;height:auto}.division-signature{border-left:1px solid #ddd;padding-left:16px;color:#777;font-size:11px;line-height:1.5;letter-spacing:0}.division-signature strong{font-weight:400;font-size:14px;color:#111}@media(max-width:760px){.tech-logo{width:175px}.division-signature{font-size:10px;padding-left:12px}.division-signature strong{font-size:12px}.studio-nav .wordmark{gap:12px}}

/* Logo palette: dark neutrals with a warm orange accent. */
:root{--orange:#f56a00;--blue:#f56a00;--ink:#111;--paper:#fff}
#solutions{background:#111!important;color:#fff!important}
.investment-suite{background:#111;color:#fff}
.investment-suite a span,.suite-orbit{color:#f56a00}
.investment-heading h2 em,.investment-icon,.investment-card a span,.investment-card li:before{color:#f56a00}
.tech-button,.studio-nav .nav-project,.prep-exams button[aria-pressed=true]{background:#f56a00!important;border-color:#f56a00!important}
.system-investment{background:#fff9f4;border-color:#f3d5be}
.tech-hero-copy h1 em{color:#f56a00!important}

.studio-nav .tech-logo{width:116px;height:55px;object-fit:contain}

.investment-suite{background:#0343fa!important;color:#fff!important}.investment-suite a span,.investment-suite .suite-orbit{color:#fff!important}

.tech-footer-signature{border-top:1px solid #e5e5e5;margin-top:45px;padding:45px 0 20px}.footer-tech-wordmark{display:block;width:100%;max-width:1000px;height:auto;margin:0 auto 35px}.footer-division{display:flex;align-items:center;justify-content:center;gap:18px;font-size:12px;color:#777}.footer-division img{width:130px;height:auto}@media(max-width:760px){.tech-footer-signature{padding-top:30px}.footer-division{gap:12px;font-size:10px}.footer-division img{width:100px}}

.plan-folder{--ff-w:150px;--ff-h:100px;--ff-back:#d95600;--ff-front:#f56a00;--ff-paper:#ffe6d3;--ff-item:#fff;--ff-spread:105px;margin:65px auto 24px;display:block}.plan-folder .folder-float__front{box-shadow:0 -5px 16px #a8430020}.plan-folder .folder-float__trigger:focus-visible{outline:2px solid #111;outline-offset:5px}.plan-folder .folder-float__item:focus-visible{outline:2px solid #f56a00;outline-offset:3px}.investment-card{overflow:visible}.folder-float__label{font-family:Base,Arial,sans-serif}

/* Keep every dashboard control on the same Base family used by the site. */
#main-dashboard-app,#main-dashboard-app *,.modal-backdrop-custom,.modal-backdrop-custom *{font-family:Base,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#main-dashboard-app button,#main-dashboard-app input,#main-dashboard-app select,#main-dashboard-app textarea{font-family:Base,Arial,sans-serif!important;letter-spacing:-.01em}
#main-dashboard-app .ch-hero-banner p,#main-dashboard-app .ch-card-degree,#main-dashboard-app .ch-card-univ,#main-dashboard-app .ch-nav-item{font-family:BaseText,Base,Arial,sans-serif!important}

#solutions{background:#0343fa!important;color:#fff!important}

/* Staggered navigation adapted from React Bits for the static site. */
.studio-nav{position:relative;z-index:1200;isolation:isolate}.stagger-menu{margin-left:auto;position:relative;z-index:1202}.stagger-toggle{display:flex;align-items:center;gap:15px;background:#f56a00;color:#fff;border:0;border-radius:40px;padding:14px 20px;font:15px Base,Arial,sans-serif;cursor:pointer;position:relative;z-index:5}.stagger-toggle:focus-visible{outline:2px solid #111;outline-offset:4px}.stagger-icon{width:18px;height:14px;position:relative}.stagger-icon i{position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:transform .35s ease,top .35s ease}.stagger-icon i:first-child{top:3px}.stagger-icon i:last-child{top:10px}.stagger-menu[data-open] .stagger-icon i:first-child{top:7px;transform:rotate(45deg)}.stagger-menu[data-open] .stagger-icon i:last-child{top:7px;transform:rotate(-45deg)}
.stagger-panel{position:fixed;z-index:3;top:0;right:0;width:min(520px,100vw);height:100dvh;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:110px clamp(28px,6vw,72px) 45px;visibility:hidden;transform:translateX(102%);transition:transform .7s cubic-bezier(.22,1,.36,1),visibility .7s;box-shadow:-24px 0 70px #19191920}.stagger-menu[data-open] .stagger-panel{visibility:visible;transform:translateX(0)}.stagger-panel>a{display:block;overflow:hidden;color:#111;text-decoration:none;font-size:clamp(30px,5vw,54px);font-weight:400;letter-spacing:-.055em;line-height:1.05;padding:7px 0;transform:translateY(28px);opacity:0;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease,color .2s}.stagger-menu[data-open] .stagger-panel>a{transform:translateY(0);opacity:1}.stagger-menu[data-open] .stagger-panel>a:nth-child(1){transition-delay:.13s}.stagger-menu[data-open] .stagger-panel>a:nth-child(2){transition-delay:.20s}.stagger-menu[data-open] .stagger-panel>a:nth-child(3){transition-delay:.27s}.stagger-menu[data-open] .stagger-panel>a:nth-child(4){transition-delay:.34s}.stagger-panel>a:hover{color:#f56a00}.stagger-panel .stagger-contact{color:#f56a00}.stagger-panel>p{font:12px BaseText,Arial,sans-serif;color:#777;border-top:1px solid #e5e5e5;padding-top:20px;margin:40px 0 0}.stagger-menu-layers{position:fixed;inset:0;z-index:2;pointer-events:none;visibility:hidden}.stagger-menu[data-open] .stagger-menu-layers{visibility:visible}.stagger-menu-layers span{position:absolute;top:0;right:0;width:min(520px,100vw);height:100%;transform:translateX(102%);transition:transform .58s cubic-bezier(.22,1,.36,1)}.stagger-menu[data-open] .stagger-menu-layers span{transform:translateX(0)}.stagger-menu-layers span:nth-child(1){background:#ffb477;transition-delay:0s}.stagger-menu-layers span:nth-child(2){background:#f56a00;transition-delay:.055s}.stagger-menu-layers span:nth-child(3){background:#0343fa;transition-delay:.11s}.stagger-menu[data-open] .stagger-menu-layers span:nth-child(3){transition-delay:0s}.stagger-menu[data-open] .stagger-menu-layers span:nth-child(2){transition-delay:.055s}.stagger-menu[data-open] .stagger-menu-layers span:nth-child(1){transition-delay:.11s}
@media(prefers-reduced-motion:reduce){.stagger-panel,.stagger-panel>a,.stagger-menu-layers span,.stagger-icon i{transition-duration:.01ms!important}}

#site-menu-panel{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:10px!important;padding:110px clamp(28px,6vw,72px) 45px!important;font-size:16px!important}#site-menu-panel>a{display:block!important;font-size:clamp(30px,5vw,54px)!important;line-height:1.05!important;white-space:normal!important;padding:7px 0!important}#site-menu-panel>p{font-size:12px!important;margin:40px 0 0!important}

@media(max-width:760px){#main-dashboard-app .ch-kanban-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important}#main-dashboard-app .ch-kanban-grid>.ch-column{flex:0 0 min(300px,82vw)!important;min-width:min(300px,82vw)!important;width:auto!important;scroll-snap-align:start!important}}

/* Keep the tablet dashboard in the compact, full-width shell. */
@media (min-width: 861px) and (max-width: 1100px) {
  #main-dashboard-app { grid-template-columns: minmax(0, 1fr) !important; }
  #main-dashboard-app .ch-sidebar { display: none !important; }
  #main-dashboard-app .ch-main-area { grid-column: 1 / -1 !important; width: 100% !important; min-width: 0 !important; }
  #main-dashboard-app .ch-content-body { width: 100% !important; min-width: 0 !important; }
}
