/* A brighter expression of the supplied peach, lavender and violet direction. */
:root{--ink:#292238;--teal:#715197;--muted:#6c637b;--line:#dcd5e7;--ice:#f1edf8;color-scheme:light}
body{background:#faf8fe;color:var(--ink)}
.site-header,.site-header.is-scrolled{background:#eee6f5ed;border-color:#b59ac33b;box-shadow:0 10px 40px #6145750d}
.brand,.site-header .brand,.footer-main .brand{background:none;padding:0;border-radius:0}
.desktop-nav{color:#453650}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#754ba2}.menu-toggle span{background:#46324f}.mobile-nav{color:#362442;background:#f4eafb;border-color:#d4bfe3;box-shadow:0 20px 50px #57366b22}.mobile-nav a:hover{background:#e4d3f1}
.button{color:#fff;background:#7952a8;border-color:#7952a8;box-shadow:none}.button:hover{color:#fff;background:#5e3b88;border-color:#5e3b88}.button.small{background:#3d2856;border-color:#77519a}
.text-link{color:#714b94;border-color:#b899ce}.text-link:hover{color:#432654;border-color:#714b94}.eyebrow{color:#785599}.teal{color:#78549c}
.hero{background:radial-gradient(ellipse at 3% 2%,#ffdfb7 0%,#f9d9d4a3 28%,transparent 63%),radial-gradient(ellipse at 50% 6%,#ddc0f1 0%,#c4a1e2ab 39%,transparent 78%),linear-gradient(128deg,#efc9d8 0%,#c9ace9 43%,#8973b5 78%,#75669b);min-height:850px}
.hero h1{color:#2a2036}.hero h1 .teal{color:#593b80}.hero-description{color:#493650}.hero-platforms>span{background:#fff4ea66;border-color:#78578d3b;color:#513c61}.hero .text-link{color:#402650;border-color:#785b91}.hero-note p,.hero-note strong{color:#593f67}.stage-caption{color:#442f59}.orbit{border-color:#f6eaff88}.orbit-card{background:#423052ee;box-shadow:0 12px 35px #583d6b20;border-color:#d9b7f777}.hero .stage-grid{display:none}
.brand-symbol{width:55px;height:55px;position:relative;overflow:hidden;display:inline-block;flex-shrink:0;background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
.brand-symbol>img{position:absolute!important;width:640%!important;max-width:none!important;height:auto!important;left:-406.4%!important;top:-14.1%!important;border-radius:0!important;padding:0!important;background:none!important;box-shadow:none!important;mix-blend-mode:normal!important}
.mini-symbol{background:none;padding:0;border-radius:0}.mini-symbol .brand-symbol{width:38px;height:38px}.contact-top .brand-symbol{width:47px;height:47px}
.pillar-strip{border-color:#dfd4e8}.pillar-strip p{color:#847191}.pillar-strip strong,.pillar-strip a{color:#695278}.pillar-strip a:hover{color:#432855}
.section-heading>p{color:#766880}.day-chapter p{color:#74657f}.chapter-time{color:#86579e}.day-chapter{opacity:.66}.day-chapter.is-active{opacity:1}.day-chapter h3{color:#3f2c51}.day-stage{color:#fbf2ff;box-shadow:0 22px 60px #77599220;background:radial-gradient(ellipse at 14% 1%,#f0c8a575,transparent 65%),linear-gradient(155deg,#9270b6,#634884)}.day-stage[data-active="1"]{background:linear-gradient(150deg,#a07ecc,#60508e)}.day-stage[data-active="2"]{background:linear-gradient(145deg,#b279a4,#77558d)}.day-stage[data-active="3"]{background:linear-gradient(150deg,#bf917f,#79598b)}.day-stage-center .brand-symbol{width:68px;height:68px}.day-stage-top,.day-stage-center>p,.day-stage-info>p{color:#fff0ff}.day-stage-info{background:#35244430}.day-progress i.active{background:#ffe4d4}
.module-card{background:linear-gradient(140deg,#eee6fa,#f7f2fc);border-color:#ddd0e8}.hr-module{background:linear-gradient(140deg,#f5e5f2,#f6f0fa)}.transport-module{background:linear-gradient(140deg,#f9e9db,#f6eff5)}.passport-module{background:linear-gradient(140deg,#e0eff0,#eff1fa)}.module-card h3{color:#3e2a4e}.module-card>p{color:#74607f}.module-index{color:#856098}.module-card .tag-row span{color:#81678e;border-color:#cdb6d8}.circle-button{color:#79548b;border-color:#bda2cc}.section-footnote{color:#867193}
.pulse-section{color:#fff7ff;background:radial-gradient(ellipse at 18% 70%,#9f79c366,transparent 65%),#31253e;border-color:#8b68a244}.pulse-copy .text-link{color:#e6cbfa;border-color:#a57cc0}.pulse-copy>p:not(.eyebrow){color:#e0cde9}.benefit-list{color:#efe0f8}.pulse-copy h2>span{color:#d0b0ee}
.role-tabs{background:#eee5f5;border-color:#d9cbe4}.role-tabs button{color:#7c608e}.role-tabs button[aria-selected=true]{background:#8058a5;color:#fff}.role-tabs button:not([aria-selected=true]):hover{background:#e4d5ef}.role-copy h3{color:#3c2c4e}.role-copy>p{color:#786385}.role-label{color:#8c65a4}.role-benefits li{color:#725782}.role-benefits li:before{color:#815a9d;border-color:#b59bc9}.role-visual{box-shadow:0 22px 55px #806c9214;border-color:#d3c1e3}.role-visual-foot{color:#79648b}
.app-promo>div:first-child>p:not(.eyebrow){color:#796784}.os-inline>span{color:#79548d;border-color:#ccb1dc;background:#f0e4f94a}.phone-shell{box-shadow:0 0 0 1px #ac8bbb77,0 25px 55px #70568133}.phone-caption{color:#7b5d8e}
.brand-story{background:linear-gradient(120deg,#f5e6ed,#ede1f7 58%,#e8e4f8);border-color:#ded0e9}.story-copy>p:not(.eyebrow){color:#786482}.values-grid{border-color:#cfbddd}.values-grid article>span{color:#8d65a1}.values-grid p{color:#7b6588}
.brand-film{background:transparent;border-color:#b59cc749;box-shadow:none}.film-corner,.film-time{color:#836192}.film-control{color:#5f387b;background:#e4d0f155;border-color:#b79aca;gap:12px;cursor:pointer}.film-control:hover{background:#ddc5ef}.film-window{mix-blend-mode:multiply;display:block}.film-window video{display:block;width:155%;height:auto;max-width:none;object-fit:initial;position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);opacity:0}.film-window video.is-playing,.film-window video.has-played{opacity:1}.film-fallback{position:absolute;width:92%;height:auto;left:4%;top:50%;transform:translateY(-50%);object-fit:contain;opacity:1}.film-window video.is-playing+.film-fallback,.film-window video.has-played+.film-fallback{opacity:0}
.hero-brand-film{position:absolute;left:50%;top:48%;width:315px;height:195px;transform:translate(-50%,-50%);z-index:2;text-align:center}.hero-brand-film .film-corner{position:static;font-size:10px;letter-spacing:.11em;font-weight:700;color:#593e75}.hero-brand-film .film-window{inset:28px 0 43px}.hero-brand-film .film-control{left:50%;bottom:0;transform:translateX(-50%);font-size:11px;white-space:nowrap;background:#d9c3eb6b;border-color:#8f6dab78;color:#3e2857;min-height:36px}.hero-brand-film .film-time{display:none}
.faq-list details,.faq-list details:first-child{border-color:#d7c8e3}.faq-list summary>span{color:#996dae}.faq-list details p,.faq-section>div:first-child>p:not(.eyebrow){color:#796585}
.contact-section{background:radial-gradient(ellipse at 0 0,#fcd5ba66,transparent 65%),linear-gradient(120deg,#ac80ac,#8866a4 55%,#584272);border-color:#ba92c455}.contact-layout p{color:#fff2ff}.contact-bottom>span{color:#e9d7f0}.contact-kicker{color:#fff0ff}
.interior-page{background:radial-gradient(ellipse 100vw 580px at 20% -140px,#e6c6edaa,transparent 90%),#faf8fe}.page-hero h1{color:#33243f}.page-hero h1 em{color:#8c62a9}.page-lead{color:#7a6587}.feature-columns article{border-color:#d3c1df}.feature-columns article>span{color:#9067a2}.feature-columns p{color:#796485}.access-note{background:#f0e6f7;border-color:#d9c6e6}.access-note p{color:#765e86}.os-cards article{background:radial-gradient(ellipse at 100% 0,#d4b6ee66,transparent 70%),#eee1f6;border-color:#d4bce4}.os-cards article:nth-child(2){background:radial-gradient(ellipse at 100% 0,#ffe1bf77,transparent 70%),#f2e5f0}.os-cards p:not(.eyebrow){color:#7a5e89}.os-monogram{color:#9467af}.page-cta{border-color:#ddd0e6}.product-spotlight>div:first-child>p{color:#7c658a}.product-page-label{color:#825498}.product-feature-grid p{color:#7a6487}.product-feature-grid article{border-color:#d5bedf}.product-feature-grid article>span{color:#9067a3}.workflow-section,.workflow-step{border-color:#dfd1e8}.workflow-section>div>p:not(.eyebrow),.workflow-step p{color:#7c628b}.workflow-step>span{color:#9970ab}.next-product{background:linear-gradient(110deg,#ead7f5,#f6e8f0);border-color:#d4b8e4}.next-product>span{color:#8d609e}.next-product>a:hover{color:#9962b9}.contact-main-card{color:#fff4ff;background:radial-gradient(ellipse at 0 0,#f4c79666,transparent 75%),linear-gradient(135deg,#9d729f,#70548e);border-color:#b48ac5}.contact-main-card .eyebrow{color:#efdaff}.contact-main-card>p:not(.eyebrow){color:#f5e5ff}.contact-main-card .button{background:#412556}.conversation-card{background:#f0e4f7;border-color:#dbc5e8}.conversation-mark{color:#9464ac;border-color:#b78ecd}.conversation-card>p,.conversation-card li{color:#796184}.conversation-bottom{color:#80588d;border-color:#d7bfe2}.conversation-bottom strong{color:#754789}.contact-questions>p{color:#7d648b}
.footer-main h3{color:#674777}.footer-main a:not(.brand){color:#886a98}.footer-main a:hover{color:#56346b}.footer-main p{color:#8b7198}.footer-bottom{border-color:#ded2e6;color:#977da3}.footer-bottom a:hover{color:#57356b}
/* Product layouts: real module structure with clearly fictional demonstration records. */
.software-showcase{padding-bottom:70px}.preview-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.preview-tabs button{font:inherit;font-size:13px;line-height:1.4;border:1px solid #dfcee9;color:#795b8b;padding:12px 18px;background:#f2e9f8;border-radius:50px;cursor:pointer}.preview-tabs button:hover{background:#e8d7f4}.preview-tabs button[aria-selected=true]{background:#634482;color:#fff;border-color:#634482}
.software-window{border:1px solid #d4c5e0;border-radius:20px;overflow:hidden;box-shadow:0 24px 65px #8565941a;background:#fdfcff}.window-bar{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e1d6e9;background:#f0eaf7;padding:15px 22px;font-size:12px;color:#897198}.window-dots{display:flex;gap:6px}.window-dots i{height:7px;width:7px;border-radius:50%;background:#d0badd}.window-dots i:first-child{background:#d8b4b2}.window-dots i:last-child{background:#b4c9bb}.sample-label{margin-left:auto;font-size:10px;letter-spacing:.04em;color:#836b94;text-transform:uppercase}.software-layout{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:470px}.software-sidebar{background:#2d2844;color:#eee5fa;padding:30px 18px;display:flex;flex-direction:column}.workspace-name{font-size:19px;font-weight:700;letter-spacing:-.04em;padding-inline:10px}.workspace-name>span{display:block;font-size:10px;font-weight:500;color:#d1c1e4;letter-spacing:.02em;margin-top:6px}.software-sidebar>div{display:grid;gap:5px;margin-top:28px}.software-sidebar>div>span{font-size:12px;padding:10px;border-radius:7px;color:#b8aaca}.software-sidebar>div>.current{background:#766293;color:#fff}.software-sidebar>small{font-size:10px;color:#cbb8df;margin-top:auto;padding:30px 10px 0}.software-body{padding:32px;min-width:0;color:#40334f}.ui-breadcrumb{font-size:10px;letter-spacing:.075em;color:#7b6189}.software-body>h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin-top:15px}.software-body>p{font-size:12px;color:#796486;margin-top:9px}.ui-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-block:25px 20px}.ui-filter-row>span:not(.ui-chip){border:1px solid #e1d7e9;background:#faf7fd;border-radius:6px;color:#84708f;font-size:11px;padding:8px 11px}.ui-chip{font-size:10px;font-weight:600;border-radius:20px;display:inline-block;padding:5px 9px;line-height:1.4;white-space:nowrap}.ui-chip.green{color:#447565;background:#e4f3ed}.ui-chip.purple{color:#82609e;background:#eee5f8}.ui-chip.amber{color:#9a773c;background:#fff1d7}.ui-step-strip{display:flex;gap:25px;font-size:10px;color:#7b6087;border-bottom:1px solid #e5dcec;margin-bottom:15px;padding:5px 0 15px;flex-wrap:wrap}.ui-step-strip strong{color:#8c5fad}.ui-table-scroll{overflow:auto;overscroll-behavior-x:contain}.ui-table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:11px;line-height:1.5}.ui-table th{color:#796187;font-weight:500;font-size:10px;border-bottom:1px solid #e6deec;padding:12px 12px 12px 0}.ui-table td{padding:15px 12px 15px 0;border-bottom:1px solid #eee7f3;color:#7c668f}.ui-table td:first-child{font-weight:600;color:#614a73}.ui-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:20px}.ui-metrics>div{background:#f3edf9;border:1px solid #e7dbf0;padding:16px;border-radius:10px}.ui-metrics>div:nth-child(2){background:#faf0ee}.ui-metrics>div:nth-child(3){background:#ecf3f2}.ui-metrics span{font-size:10px;color:#765a88;display:block}.ui-metrics strong{font-size:20px;font-weight:600;letter-spacing:-.04em;display:block;margin-top:8px;color:#6a4e81}.ui-metrics small{font-size:9px;color:#7e688c;display:block;margin-top:6px}.ui-observation{display:flex;align-items:center;gap:12px;margin:20px 0}.ui-avatar{height:37px;width:37px;border-radius:12px;background:#e6d5ef;color:#9065a7;display:grid;place-content:center;flex-shrink:0}.ui-observation strong{display:block;font-size:12px}.ui-observation small{display:block;font-size:10px;color:#7d5e8d;margin-top:4px}.ui-observation .ui-chip{margin-left:auto}.ui-domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ui-domain-grid>div{padding:18px;border-radius:12px;background:#f4e9f8}.ui-domain-grid>div:nth-child(2){background:#fff0e2}.ui-domain-grid>div:nth-child(3){background:#e8f3ec}.ui-domain-grid span{font-size:9px;color:#7e5c8c;letter-spacing:.04em}.ui-domain-grid h4{font-size:15px;line-height:1.3;font-weight:600;margin-top:14px;color:#70507d}.ui-domain-grid p{font-size:11px;line-height:1.8;color:#785b85;margin-top:10px}.ui-note{font-size:10px;background:#f5eff9;padding:12px 15px;margin-top:18px;border-radius:7px;color:#775486;line-height:1.7}.preview-explanation{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;padding-top:33px}.preview-explanation .eyebrow{font-size:10px}.preview-explanation h3{font-size:25px;line-height:1.25;letter-spacing:-.035em;margin-top:15px;max-width:450px}.preview-explanation p{font-size:15px;line-height:1.8;color:#826a90}.preview-explanation .text-link{font-size:13px;margin-top:17px}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.directory-card{display:block;min-width:0;padding:29px;border:1px solid #dfcfea;border-radius:20px;background:#f0e7f8;transition:transform .25s,box-shadow .25s}.directory-card:nth-child(3n+2){background:#f7e9ee;border-color:#ead2df}.directory-card:nth-child(3n){background:#eaf0f4;border-color:#d5e0e8}.directory-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #9474a122}.directory-number{display:flex;justify-content:space-between;font-size:11px;color:#82608f}.directory-number>span{font-size:20px}.directory-card h3{font-size:25px;letter-spacing:-.04em;line-height:1.2;margin-top:30px;color:#664675}.directory-card>p{font-size:13px;color:#796083;line-height:1.7;margin-top:11px;min-height:44px}.directory-card ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 0;padding:0}.directory-card li{font-size:10px;line-height:1.45;color:#75547f;padding:6px 9px;border:1px solid #cfb7db77;border-radius:5px;background:#fff6}.related-workspaces{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:0 60px}.related-workspaces a{background:#efe1f7;border:1px solid #dbc3e8;border-radius:12px;padding:25px;font-size:15px;line-height:1.8;color:#865b9c}
.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.difference-grid article{border-top:1px solid #d8c3e3;padding-top:23px}.difference-grid article>span{font-size:12px;color:#ac88bf}.difference-grid h3{font-size:25px;letter-spacing:-.035em;line-height:1.25;margin-top:26px}.difference-grid p{color:#876b96;font-size:15px;line-height:1.8;margin-top:19px}.difference-grid a{display:inline-block;font-size:13px;color:#8651a1;margin-top:22px}
.research-section{border-top:1px solid #ddcce7}.research-intro{max-width:740px}.research-intro>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#80658f;margin-top:27px}.research-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.research-cards article{background:linear-gradient(135deg,#f3e2ed,#eee1f8);border:1px solid #dfc9e8;border-radius:24px;padding:35px}.research-source{font-size:10px;letter-spacing:.07em;color:#855c7c}.research-cards h3{font-size:28px;letter-spacing:-.04em;line-height:1.2;margin-top:24px;color:#724d82}.research-cards article>p{font-size:15px;line-height:1.8;color:#8a6a97;margin-top:18px}.research-connection{margin-top:24px;padding-top:20px;border-top:1px solid #d6bee4}.research-connection>span{font-size:10px;letter-spacing:.06em;color:#7a5a8c}.research-connection p{font-size:14px;line-height:1.8;color:#886692;margin-top:10px}.research-cards .text-link{font-size:13px;margin-top:25px}.research-attribution{font-size:12px;color:#795f87;line-height:1.8;max-width:880px;margin-top:24px}.research-link{display:grid;grid-template-columns:.7fr 1.8fr 1.1fr;gap:35px;align-items:center;margin-bottom:65px;padding:28px 32px;background:linear-gradient(110deg,#f5e5ed,#ede0f9);border:1px solid #dfc5e9;border-radius:17px}.research-link>span{font-size:10px;letter-spacing:.06em;color:#9a6a9b}.research-link>p{font-size:14px;line-height:1.8;color:#8a6797}.research-link .text-link{font-size:12px;justify-self:start;line-height:1.7}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #9766bd;outline-offset:4px}.preview-panel[hidden]{display:none}
@media(max-width:1000px){.software-layout{grid-template-columns:180px minmax(0,1fr)}.software-body{padding:26px}.directory-card{padding:24px}.ui-domain-grid{gap:9px}.ui-domain-grid>div{padding:14px}.directory-grid{gap:18px}.hero-brand-film{width:285px}.research-link{grid-template-columns:1fr 2fr}.research-link .text-link{grid-column:2}}
@media(max-width:820px){.hero{background:radial-gradient(ellipse at 0 0,#ffe0b6,transparent 48%),linear-gradient(155deg,#eac4e0,#c5a9e3 60%,#9b87bc)}.hero-brand-film{width:300px}.directory-grid{grid-template-columns:1fr 1fr}.software-layout{grid-template-columns:150px minmax(0,1fr)}.software-sidebar{padding:25px 12px}.workspace-name{font-size:16px}.software-sidebar>div>span{font-size:10px}.software-body{padding:24px 20px}.software-body>h3{font-size:23px}.ui-domain-grid{grid-template-columns:1fr}.ui-domain-grid>div{padding:14px 18px}.ui-domain-grid h4{margin-top:7px}.ui-domain-grid p{margin-top:6px}.preview-explanation{gap:35px}.difference-grid{gap:25px}.research-cards article{padding:28px}.research-cards h3{font-size:25px}.research-link{gap:20px}.film-window video{width:170%}}
@media(max-width:620px){.hero{min-height:0}.hero-brand-film{width:242px;height:175px}.hero-brand-film .film-corner{font-size:8px}.hero-brand-film .film-window{inset:23px 0 42px}.hero-brand-film .film-control{font-size:10px;padding:7px 10px}.hero .orbit-card{z-index:3}.hero .hr-orbit{top:80px}.hero .school-orbit{top:6px}.hero .passport-orbit{bottom:14px}.hero .bus-orbit{bottom:75px}.day-chapter{opacity:1;border-color:#dccbe7}.day-stage-center .brand-symbol{width:50px;height:50px}.preview-tabs{flex-wrap:nowrap;overflow:auto;padding:4px 4px 12px;margin-inline:-4px;gap:7px}.preview-tabs button{white-space:nowrap;font-size:12px;padding:10px 14px}.software-window{border-radius:14px}.window-bar{padding:12px 14px;gap:10px;font-size:10px}.sample-label{font-size:8px}.window-dots{gap:4px}.window-dots i{width:5px;height:5px}.software-layout{grid-template-columns:1fr;min-height:0}.software-sidebar{display:none}.software-body{padding:25px 17px}.software-body>h3{font-size:23px}.ui-filter-row{gap:6px}.ui-filter-row>span:not(.ui-chip){font-size:10px;padding:7px 9px}.ui-step-strip{gap:13px;font-size:9px}.ui-metrics{gap:7px}.ui-metrics>div{padding:13px 10px}.ui-metrics strong{font-size:17px}.ui-metrics span{font-size:9px}.ui-metrics small{font-size:8px}.ui-observation{gap:9px}.ui-observation small{font-size:9px}.ui-observation .ui-chip{display:none}.ui-domain-grid{grid-template-columns:1fr}.ui-domain-grid>div{padding:15px}.ui-domain-grid span{font-size:9px}.ui-domain-grid h4{font-size:16px}.ui-domain-grid p{font-size:12px}.preview-explanation{grid-template-columns:1fr;gap:16px;padding-top:27px}.preview-explanation h3{font-size:25px;margin-top:12px}.preview-explanation p{font-size:15px}.software-showcase{padding-bottom:35px}.directory-grid{grid-template-columns:1fr;gap:18px}.directory-card{padding:27px}.directory-card h3{margin-top:20px;font-size:28px}.directory-card>p{min-height:0;font-size:14px}.directory-card li{font-size:11px}.directory-card ul{margin-top:20px}.difference-grid{grid-template-columns:1fr;gap:32px}.difference-grid h3{margin-top:19px;font-size:26px}.research-cards{grid-template-columns:1fr;gap:20px;margin-top:28px}.research-cards article{padding:27px}.research-cards h3{font-size:28px}.research-intro>p:not(.eyebrow){font-size:16px}.research-link{grid-template-columns:1fr;gap:14px;padding:25px;margin-bottom:50px}.research-link .text-link{grid-column:1;font-size:12px}.research-link>span{font-size:10px}.related-workspaces{grid-template-columns:1fr;padding-bottom:40px}.brand-film{height:285px}.film-window video{width:165%}.hero-brand-film .film-window video{width:155%}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.film-window video{display:block}.directory-card:hover{transform:none}.film-window video:not(.is-playing):not(.has-played){opacity:0}.film-window video.is-playing+.film-fallback,.film-window video.has-played+.film-fallback{opacity:0}}

/* The brand line follows a circular path around the supplied logo film. */
.brand-orbit-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:1}
.brand-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:#664479;animation:brand-orbit-turn 32s linear infinite;animation-play-state:paused;pointer-events:none}
.brand-orbit text{fill:currentColor;stroke:none;font-family:inherit;font-size:11.5px;font-weight:650}
.brand-orbit path{fill:none;stroke:none}
[data-brand-film].orbit-running .brand-orbit{animation-play-state:running}
@keyframes brand-orbit-turn{to{transform:rotate(360deg)}}
.brand-orbit-stage .film-window{inset:32% 6%;z-index:1}
.brand-orbit-stage .film-window video{width:155%}
.brand-orbit-stage .film-fallback{width:88%;left:6%}
.hero-brand-film{width:65%;max-width:328px;height:auto;top:50%;text-align:center}
.hero-brand-film .film-window{inset:32% 6%}
.brand-motion-controls{display:flex;justify-content:center;align-items:center;gap:6px;position:absolute;left:0;right:0;top:67%;z-index:4}
.brand-motion-controls .film-control,.brand-motion-controls .orbit-toggle{position:static;inset:auto;transform:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 9px;border-radius:30px;border:1px solid #8d68a04d;background:#e4d0f177;color:#573168;font:inherit;font-size:9px;line-height:1.4;white-space:nowrap;cursor:pointer}
.brand-motion-controls .film-control:hover,.brand-motion-controls .orbit-toggle:hover{background:#e4cff2;border-color:#9067aa}
.brand-motion-controls .orbit-toggle{background:transparent;border-color:transparent}
.brand-film{display:grid;place-items:center;height:390px}
.brand-film .brand-orbit-stage{width:min(320px,90%)}
.brand-film .brand-motion-controls{top:auto;bottom:89px}
.brand-film .brand-orbit-stage .film-window{inset:32% 6%}

/* Fluid page proportions for laptops and desktop monitors. */
@media(min-width:821px){
  :root{scroll-padding-top:115px;--page-gutter:clamp(48px,7vw,144px)}
  .wrap{width:min(1360px,calc(100% - var(--page-gutter)))}
  .site-header{top:18px;width:min(1390px,calc(100% - var(--page-gutter)));height:68px;padding:12px 18px;border-radius:17px;gap:24px}
  .site-header.is-scrolled{top:12px}
  .site-header .brand{width:clamp(160px,14vw,194px);flex-shrink:0}
  .desktop-nav{gap:clamp(18px,2vw,30px)}
  .desktop-nav a{font-size:clamp(12px,.95vw,14px);white-space:nowrap}
  .hero{width:min(1560px,calc(100% - 32px));max-width:none;min-height:clamp(640px,calc(100svh - 32px),820px);margin:16px auto 0;padding:118px clamp(34px,5.3vw,84px) 42px;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:clamp(30px,4vw,64px);border-radius:30px;align-items:center}
  .hero-copy{min-width:0}
  .hero h1{font-size:clamp(52px,4.6vw,76px);line-height:1.06;letter-spacing:-.055em;margin-top:20px}
  .hero .eyebrow{font-size:clamp(10px,.82vw,12px);letter-spacing:.055em}
  .hero-platforms{margin-top:20px}
  .hero-platforms>span{font-size:11px;padding:5px 10px}
  .hero-description{font-size:clamp(14px,1.12vw,16px);line-height:1.75;max-width:460px;margin-top:16px}
  .hero-actions{margin-top:24px;gap:25px;flex-wrap:wrap}
  .hero-actions .button{font-size:13px;padding:13px 20px;gap:24px;min-height:46px}
  .hero-actions .text-link{font-size:13px}
  .hero-note{margin-top:25px}
  .hero-note p{font-size:12px}
  .connected-stage{width:100%;max-width:535px;min-width:0;aspect-ratio:1;height:auto;margin:0;transform:none;justify-self:center}
  .orbit{top:50%;left:50%;height:auto;aspect-ratio:1}
  .orbit-one{width:77%}
  .orbit-two{width:96%}
  .orbit-three{width:112%}
  .hero .orbit-card{padding:12px 14px;gap:10px;z-index:3;border-radius:15px}
  .hero .orbit-card .module-icon{width:34px;height:34px;border-radius:10px}
  .hero .orbit-card strong{font-size:clamp(11px,.9vw,13px)}
  .hero .orbit-card small{font-size:10px;margin-top:4px}
  .hero .school-orbit{left:0;top:1%;right:auto;bottom:auto}
  .hero .hr-orbit{right:-2%;top:20%;left:auto;bottom:auto}
  .hero .bus-orbit{left:-2%;bottom:18%;top:auto;right:auto}
  .hero .passport-orbit{right:0;bottom:0;top:auto;left:auto}
  .stage-caption{bottom:-30px;font-size:11px}
  .pillar-strip{padding-block:26px}
  .section{padding-block:clamp(62px,6vw,92px)}
  h2{font-size:clamp(36px,3.45vw,52px);line-height:1.12}
  .section-heading{gap:clamp(35px,5vw,80px);margin-bottom:36px}
  .section-heading>p{font-size:15px;max-width:380px}
  .page-hero{padding-top:148px;padding-bottom:40px}
  .page-hero h1{font-size:clamp(46px,4.6vw,72px);line-height:1.08;max-width:1100px;margin-top:21px}
  .page-lead{font-size:clamp(15px,1.2vw,17px);max-width:740px;margin-top:24px}
  .software-window,.preview-tabs,.preview-explanation{width:min(100%,1200px);margin-inline:auto}
  .software-showcase{padding-top:60px;padding-bottom:64px}
  .software-layout{grid-template-columns:clamp(180px,15vw,215px) minmax(0,1fr);min-height:430px}
  .software-body{padding:clamp(24px,2.4vw,36px)}
  .directory-grid{gap:clamp(18px,1.7vw,26px)}
  .directory-card{padding:clamp(23px,2.2vw,32px)}
  .directory-card h3{font-size:clamp(23px,1.9vw,29px)}
  .directory-card>p{font-size:14px}
  .directory-card li{font-size:11px}
  .scroll-layout{gap:clamp(45px,6vw,90px)}
  .day-chapter{min-height:54svh;padding-block:45px}
  .day-chapter h3{font-size:clamp(34px,3vw,45px)}
  .day-stage{top:120px;min-height:400px;margin-top:35px;padding:24px;box-shadow:0 20px 50px #77599220}
  .day-stage-center{padding-block:24px}
  .day-stage-center h3{font-size:clamp(31px,2.6vw,39px)}
  .pulse-copy h2,.app-promo h2,.product-spotlight h2,.workflow-section h2{font-size:clamp(36px,3.4vw,51px)}
  .app-promo,.product-spotlight,.workflow-section{gap:clamp(40px,6vw,90px)}
  .phone-shell{width:clamp(250px,20vw,285px)}
  .phone-composition{padding-block:20px 35px}
  .role-copy h3{font-size:clamp(33px,3.2vw,46px)}
  .page-cta h2{font-size:clamp(32px,3.2vw,46px)}
  .page-cta{padding-block:48px}
  .footer-expanded{padding-top:36px}
}
@media(min-width:821px) and (max-width:1100px){
  .hero{padding-inline:36px;gap:30px;min-height:650px}
  .hero h1{font-size:clamp(43px,4.7vw,52px)}
  .hero .eyebrow{font-size:9px;letter-spacing:.015em}
  .hero .eyebrow-line{width:20px}
  .hero-actions{gap:19px}
  .hero-actions .button{font-size:12px;gap:14px;padding-inline:16px}
  .hero-actions .text-link{font-size:12px}
  .hero .orbit-card small{display:none}
  .hero .orbit-card{padding:10px;gap:8px}
  .hero .orbit-card .module-icon{width:28px;height:28px}
  .hero-brand-film{width:70%}
  .brand-motion-controls{gap:0}
  .brand-motion-controls .film-control,.brand-motion-controls .orbit-toggle{font-size:8px;padding-inline:6px}
  .hero .hr-orbit{top:14%}
  .hero .bus-orbit{bottom:15%}
}
@media(min-width:1101px) and (max-height:800px){
  .hero{padding-top:112px;padding-bottom:34px;min-height:calc(100svh - 28px)}
  .hero h1{font-size:clamp(54px,4.3vw,67px)}
  .hero-platforms{margin-top:17px}
  .hero-description{margin-top:14px;font-size:15px}
  .hero-actions{margin-top:21px}
  .hero-note{margin-top:21px}
  .connected-stage{max-width:clamp(405px,62svh,485px)}
  .day-stage{top:105px;min-height:365px;padding:20px 24px}
  .day-stage-center{padding-block:18px}
  .day-stage-center .brand-symbol{width:51px;height:51px}
  .day-stage-center h3{font-size:34px}
}
@media(min-width:1600px){
  .wrap{width:min(1400px,calc(100% - 160px))}
  .hero{width:min(1600px,calc(100% - 64px));padding-inline:88px}
  .site-header{width:min(1424px,calc(100% - 160px))}
  .hero-brand-film{max-width:345px}
}
@media(max-width:820px){
  .hero-brand-film{width:62%;max-width:310px;height:auto}
  .hero .hr-orbit{top:15%}
  .hero .bus-orbit{bottom:16%}
  .brand-film{height:355px}
  .brand-film .brand-orbit-stage{width:290px}
  .brand-film .brand-motion-controls{bottom:77px}
}
@media(max-width:620px){
  .hero-brand-film{width:69%;max-width:278px}
  .hero .hr-orbit{top:15%}
  .hero .bus-orbit{bottom:14%}
  .hero .school-orbit{top:2%}
  .hero .passport-orbit{bottom:0}
  .brand-motion-controls{gap:0;top:65%}
  .brand-motion-controls .film-control,.brand-motion-controls .orbit-toggle{font-size:8px;padding:5px 7px;min-height:30px}
  .hero .brand-orbit{color:#5b3c70}
  .brand-film{height:335px}
  .brand-film .brand-orbit-stage{width:min(280px,95%)}
  .brand-film .brand-motion-controls{bottom:75px}
}
@media(prefers-reduced-motion:reduce){
  [data-brand-film]:not(.orbit-opt-in) .brand-orbit{animation-play-state:paused}
}

/* Keep playback controls outside the revolving text at every screen size. */
.hero-brand-film{inset:0;width:100%;max-width:none;height:100%;transform:none}
.hero-brand-film .brand-orbit-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:65%;max-width:328px}
.hero-brand-film .brand-motion-controls{top:auto;bottom:-23px;gap:10px}
.hero .stage-caption{display:none}
.brand-motion-controls .film-control,.brand-motion-controls .orbit-toggle{font-size:11px;min-height:34px;padding:7px 11px}
.brand-film .brand-motion-controls{top:auto;bottom:8px;gap:8px}
@media(min-width:1600px){.hero-brand-film .brand-orbit-stage{max-width:345px}}
@media(min-width:821px) and (max-width:1100px){.hero-brand-film .brand-orbit-stage{width:70%}}
@media(max-width:820px){.hero-brand-film .brand-orbit-stage{width:62%;max-width:310px}}
@media(max-width:620px){.hero-brand-film .brand-orbit-stage{width:69%;max-width:278px}.hero-brand-film .brand-motion-controls{bottom:-28px}.brand-motion-controls .film-control,.brand-motion-controls .orbit-toggle{font-size:10px;padding:7px 10px}}

/* Supplied circular mark, used consistently as the primary logo. */
.brand,.site-header .brand,.footer-main .brand{display:inline-flex;align-items:center;gap:9px;width:auto;flex-shrink:0;min-width:0;text-decoration:none}
.brand .brand-logo{display:block;width:43px;height:43px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}
.brand-name{font-size:24px;line-height:1;font-weight:800;letter-spacing:-.055em;color:#254d7a;white-space:nowrap}
.brand-name>span{color:#167a86}
.brand-symbol{mix-blend-mode:multiply;overflow:visible}
.brand-symbol>img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;left:auto!important;top:auto!important;object-fit:contain!important;mix-blend-mode:multiply!important}
.hero-brand-film .brand-orbit-stage .film-window,.brand-film .brand-orbit-stage .film-window{inset:20%;border-radius:50%;background:radial-gradient(circle,#eadff7,#dac6ee);mix-blend-mode:normal;overflow:hidden}
.brand-orbit-stage .film-window .film-fallback{inset:0;width:100%;height:100%;object-fit:contain;transform:none;mix-blend-mode:multiply}
.brand-orbit-stage .film-window video{mix-blend-mode:multiply;width:235%}
.day-stage-center .brand-symbol{background:#dfcff0!important;border-radius:50%!important;mix-blend-mode:normal}
.contact-top .brand-symbol{background:#e8d6f1!important;border-radius:50%!important;mix-blend-mode:normal}

/* Restore the richer peach-to-violet-to-midnight colour story. */
body{background:#f7f3fb}
.hero{background:radial-gradient(ellipse at 0 0,#ffe0b6 0%,#f6c6c985 25%,transparent 56%),radial-gradient(ellipse at 40% 8%,#c392e7 0%,#9c6ccd8c 44%,transparent 73%),linear-gradient(126deg,#caa2dc 0%,#a17cce 44%,#6a519a 69%,#252440 100%)}
.hero h1 .teal{color:#fff3ff}
.hero-description,.hero-note p,.hero-note strong{color:#3b284c}
.hero .hero-brand-film .brand-orbit{color:#efe0ff}
.hero .orbit-card{background:#272038ed;border-color:#d0aae254;box-shadow:0 12px 30px #1c10272b}
.hero .hr-orbit{top:12%}.hero .bus-orbit{bottom:10%}
.hero-brand-film .brand-motion-controls .film-control,.hero-brand-film .brand-motion-controls .orbit-toggle{color:#f4e7ff;background:#3f2c5d77;border-color:#caa6e455}
.hero-brand-film .brand-motion-controls .orbit-toggle{background:transparent}
.pillar-strip{border-bottom:1px solid #c8b4da;border-top:0;gap:20px}
.pillar-strip a{color:#614375;font-size:14px}
.section-heading>p{color:#6e577e}
.module-directory{position:relative}
.directory-card{box-shadow:0 10px 28px #71518410}
.directory-card:nth-child(1){background:radial-gradient(ellipse at 0 0,#a777c67a,transparent 70%),linear-gradient(135deg,#5a3d7b,#2c2948);border-color:#72548c}
.directory-card:nth-child(4){background:radial-gradient(ellipse at 0 0,#a36e8577,transparent 70%),linear-gradient(135deg,#6d466e,#34314e);border-color:#947087}
.directory-card:nth-child(1) h3,.directory-card:nth-child(4) h3{color:#fff2ff}
.directory-card:nth-child(1)>p,.directory-card:nth-child(4)>p{color:#e0c9ee}
.directory-card:nth-child(1) .directory-number,.directory-card:nth-child(4) .directory-number{color:#d2b1e7}
.directory-card:nth-child(1) li,.directory-card:nth-child(4) li{color:#e9d6f6;background:#ffffff0d;border-color:#c9a6df40}
.directory-card:nth-child(2){background:linear-gradient(145deg,#f8daca,#efd6ee)}
.directory-card:nth-child(3){background:linear-gradient(145deg,#e7d6f7,#dac7ef)}
.directory-card:nth-child(5){background:linear-gradient(145deg,#d7e6e4,#e4dff3)}
.directory-card:nth-child(6){background:linear-gradient(145deg,#efdcf0,#e0d5f3)}

/* Product previews pair a focused explanation with a usable-size interface. */
.preview-panel{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,2.2fr);gap:24px;align-items:stretch}
.preview-panel[hidden]{display:none}
.preview-panel .software-window{grid-column:2;grid-row:1;width:100%;margin:0;box-shadow:0 18px 40px #6c458421}
.preview-panel .preview-explanation{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;gap:30px;width:auto;margin:0;padding:28px;background:radial-gradient(ellipse at 0 0,#b287d24d,transparent 80%),linear-gradient(140deg,#66457f,#342a4c);border:1px solid #906daa;border-radius:20px;color:#fff1ff}
.preview-explanation .eyebrow{color:#d7b7ef;font-size:10px;line-height:1.8}
.preview-explanation h3{font-size:28px;line-height:1.2;color:#fff4ff;margin-top:22px}
.preview-explanation p{font-size:14px;line-height:1.8;color:#e2cfee}
.preview-explanation .text-link{color:#f4ddff;border-color:#a781c0;font-size:12px;line-height:1.7;margin-top:25px}
.preview-tabs,.software-window,.preview-explanation{max-width:none}
.preview-tabs{width:100%;margin-bottom:20px}
.software-layout{min-height:410px;grid-template-columns:175px minmax(0,1fr)}
.software-sidebar{padding:23px 14px}
.software-sidebar>div{gap:3px;margin-top:23px}
.software-sidebar>div>span{font-size:12px;padding:8px 10px;line-height:1.4}
.software-sidebar>small{padding-top:20px}
.software-body{padding:25px}
.software-body>h3{font-size:24px}
.software-body>p{font-size:12px;line-height:1.5}
.ui-filter-row{margin-block:20px 15px}
.ui-table th{font-size:11px;padding-block:9px}
.ui-table td{font-size:12px;padding-block:10px}
.ui-step-strip{margin-bottom:10px}
.ui-note{font-size:11px}
.ui-domain-grid{gap:10px}
.ui-domain-grid>div{padding:15px}
.ui-domain-grid p{font-size:12px;line-height:1.65}
.ui-domain-grid h4{font-size:15px}
.ui-metrics>div{padding:14px}
.ui-metrics small{font-size:10px}
.ui-breadcrumb{font-size:10px}

/* Four compact moments retain scroll-driven progression without long empty columns. */
.scroll-experience{padding:42px!important;border:1px solid #d9c0e7;border-radius:28px;background:radial-gradient(ellipse at 0 0,#edd1df,transparent 70%),linear-gradient(135deg,#ead8f4,#d7c5e9);margin-block:20px 50px}
.scroll-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:25px;align-items:stretch}
.scroll-chapters{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.day-chapter{min-height:0;padding:22px;justify-content:flex-start;opacity:1;border:1px solid #cbb4dc;border-radius:16px;background:#f9f1fb80;transition:background .35s,border-color .35s,color .35s}
.day-chapter .chapter-time{font-size:9px;line-height:1.6;letter-spacing:.04em;color:#855d98}
.day-chapter h3{font-size:24px;line-height:1.18;margin-top:15px;color:#634078}
.day-chapter p{font-size:13px;line-height:1.75;margin-top:14px;color:#7b5c8b}
.day-chapter .text-link{font-size:11px;line-height:1.6;margin-top:16px}
.day-chapter.is-active{background:linear-gradient(140deg,#8562a6,#4d3a6e);border-color:#8b69a7}
.day-chapter.is-active h3{color:#fff0ff}
.day-chapter.is-active .chapter-time,.day-chapter.is-active p{color:#e8d5f5}
.day-chapter.is-active .text-link{color:#f8e8ff;border-color:#ac8cc0}
.day-stage{position:relative;top:auto;margin:0;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:25px;border-color:#9872b5;box-shadow:0 20px 45px #76548820}
.day-stage-center{flex:1;justify-content:center;padding-block:26px}
.day-stage-center h3{font-size:34px}
.day-stage-center>p{margin-top:18px}
.day-stage-top{font-size:10px}
.day-stage-info>p{font-size:12px}
.day-stage-info>span{font-size:12px}

/* Denser editorial rhythm and more deliberate section contrast. */
.app-promo{padding:45px!important;border:1px solid #d8bde6;border-radius:28px;background:radial-gradient(ellipse at 100% 0,#deb3e66b,transparent 65%),linear-gradient(135deg,#f7e2d7,#e9d5f2 62%,#d1b6e5);margin-block:45px}
.phone-composition{padding:10px 20px 28px}
.phone-shell{min-height:445px;width:255px}
.phone-caption{right:20px;font-size:11px;color:#735182}
.brand-story{background:radial-gradient(ellipse at 100% 0,#ac7acb77,transparent 75%),linear-gradient(135deg,#dfc6e8,#c6a6db);border-color:#c1a3d1}
.brand-film{border-color:#9d7caf77;background:#e6d5f133}
.values-grid{margin-top:35px;padding-top:25px}
.pulse-section{padding-block:60px;background:radial-gradient(ellipse at 10% 0,#8962b58c,transparent 60%),linear-gradient(120deg,#352944,#25243b)}
.pulse-layout{gap:55px}
.pulse-copy h2{font-size:43px;line-height:1.12}
.pulse-copy>p:not(.eyebrow){margin-top:22px}
.pulse-dashboard{padding:24px;transform:none}
.pulse-dashboard-head{padding-bottom:14px}
.pulse-dashboard h3{font-size:26px}
.pulse-dashboard .pulse-greeting{padding-block:17px}
.pulse-greeting h4{font-size:17px;line-height:1.3}
.pulse-greeting p{font-size:12px;line-height:1.5;margin-top:6px}
.pulse-stats>div{padding:12px}
.pulse-stats strong{font-size:31px;line-height:1.3}
.pulse-stats p{font-size:11px;line-height:1.4;margin-top:5px}
.pulse-chart{margin-top:16px;padding:13px}
.bar-chart{height:112px;margin-top:10px}
.pulse-insight{margin-top:14px;padding:12px}
.pulse-source{margin-top:12px;font-size:11px}
.role-panel{gap:55px;min-height:0}
.role-copy h3{font-size:36px;line-height:1.15}
.role-copy>p{font-size:15px;line-height:1.75}
.role-tabs{margin-bottom:28px}
.contact-section{margin-top:16px;background:radial-gradient(ellipse at 0 0,#dfadab8a,transparent 60%),linear-gradient(120deg,#9670a0,#694b89 55%,#39324f)}
@media(min-width:821px){
  .wrap{width:min(1240px,calc(100% - 96px))}
  .hero{width:min(1560px,calc(100% - 32px));min-height:680px;padding:112px clamp(40px,5vw,80px) 44px}
  .hero h1{font-size:clamp(52px,4.5vw,72px)}
  .hero .hero-brand-film .brand-orbit-stage{width:63%}
  .section{padding-block:56px}
  .section-heading{margin-bottom:28px;gap:50px}
  .section-heading h2{font-size:40px;line-height:1.14}
  .section-heading>p{font-size:15px;max-width:400px}
  .software-showcase{padding-block:50px 65px}
  .directory-card{padding:25px}
  .directory-card h3{font-size:27px;margin-top:22px}
  .directory-card>p{font-size:14px;min-height:0}
  .directory-card ul{margin-top:19px;gap:7px}
  .directory-card li{font-size:11px;padding:6px 8px}
  .page-hero{padding-top:139px;padding-bottom:25px}
  .page-hero h1{font-size:clamp(46px,4.4vw,67px)}
  .page-lead{margin-top:21px;line-height:1.75}
  .product-spotlight{padding-block:20px 30px}
  .product-feature-grid{margin-top:32px}
  .workflow-section{padding-block:48px;gap:55px}
  .page-cta{padding-block:40px}
  .faq-section{padding-block:52px}
}
@media(min-width:1101px) and (max-height:800px){
  .hero{min-height:650px;padding-top:102px;padding-bottom:35px}
  .hero h1{font-size:58px}
  .connected-stage{max-width:460px}
  .hero-note{margin-top:20px}
}
@media(min-width:1600px){
  .wrap{width:1280px}
  .hero{width:1560px;min-height:730px;padding-inline:92px}
  .connected-stage{max-width:535px}
  .site-header{width:1376px}
  .hero h1{font-size:74px}
}
@media(min-width:821px) and (max-width:1100px){
  .wrap{width:calc(100% - 64px)}
  .hero{width:calc(100% - 28px);padding-inline:35px;min-height:650px}
  .brand-name{font-size:21px}.brand .brand-logo{width:38px;height:38px}
  .site-header{gap:16px}.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}
  .hero h1{font-size:clamp(44px,4.7vw,52px)}
  .preview-panel{grid-template-columns:245px minmax(0,1fr);gap:18px}
  .preview-panel .preview-explanation{padding:24px}
  .preview-explanation h3{font-size:26px}
  .software-layout{grid-template-columns:1fr}
  .software-sidebar{display:none}
  .scroll-experience{padding:30px!important}
  .scroll-layout{grid-template-columns:1.1fr .8fr;gap:20px}
  .scroll-chapters{grid-template-columns:1fr}
  .day-chapter{padding:18px}
  .day-chapter h3{font-size:25px}.day-chapter h3 br{display:none}
  .day-chapter p{margin-top:10px}.day-chapter .text-link{margin-top:9px}
  .day-stage{align-self:start;position:sticky;top:115px;min-height:400px}
  .pulse-layout{gap:35px}.pulse-copy h2{font-size:37px}
  .app-promo{padding:32px!important}
}
@media(max-width:820px){
  .brand-name{font-size:22px}.brand .brand-logo{width:39px;height:39px}
  .hero{background:radial-gradient(ellipse at 0 0,#ffe0b6,transparent 55%),linear-gradient(155deg,#d6a6db,#a778cf 60%,#4e406d)}
  .preview-panel{grid-template-columns:1fr}
  .preview-panel .software-window{grid-column:1;grid-row:2}
  .preview-panel .preview-explanation{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr 1.2fr;gap:30px;padding:25px}
  .preview-explanation h3{font-size:27px;margin-top:13px}
  .preview-explanation p{font-size:14px}
  .software-layout{grid-template-columns:160px minmax(0,1fr);min-height:400px}
  .software-sidebar{display:flex}
  .ui-domain-grid{grid-template-columns:1fr 1fr}
  .scroll-experience{padding:28px!important}
  .scroll-layout{grid-template-columns:1fr}
  .scroll-chapters{grid-template-columns:1fr 1fr;grid-row:2}
  .day-stage{position:relative;top:auto;min-height:315px;grid-row:1;padding:22px}
  .day-stage-center{padding-block:18px}
  .day-stage-center h3{font-size:31px}
  .day-stage-center .brand-symbol{width:50px;height:50px}
  .day-stage-info{display:none}
  .app-promo{padding:28px!important;gap:25px}
  .pulse-copy h2{font-size:37px}
}
@media(max-width:620px){
  .site-header .brand,.footer-main .brand{width:auto;gap:6px}
  .brand-name{font-size:20px}.brand .brand-logo{width:34px;height:34px}
  .hero h1{font-size:clamp(47px,12vw,65px)}
  .hero .hero-brand-film .brand-orbit-stage{width:65%}
  .hero .hr-orbit{top:13%}.hero .bus-orbit{bottom:10%}
  .section{padding-block:42px}
  .section-heading h2{font-size:35px}
  .preview-panel .preview-explanation{display:block;padding:25px}
  .preview-explanation h3{font-size:27px;margin-top:13px}
  .preview-explanation>div+div{margin-top:20px}
  .preview-explanation .text-link{margin-top:17px}
  .software-layout{grid-template-columns:1fr;min-height:0}
  .software-sidebar{display:none}.software-body{padding:22px 17px}
  .ui-domain-grid{grid-template-columns:1fr}
  .scroll-experience{padding:22px!important;margin-top:10px;margin-bottom:35px}
  .scroll-chapters{grid-template-columns:1fr}
  .day-chapter{padding:20px}.day-chapter h3{font-size:27px}.day-chapter h3 br{display:none}
  .day-chapter p{font-size:14px}.day-chapter .text-link{font-size:12px}
  .app-promo{padding:26px!important;margin-block:30px;gap:20px}
  .app-promo h2{font-size:35px}
  .app-promo>div:first-child>p:not(.eyebrow){font-size:15px;margin-top:19px}
  .phone-shell{width:245px;min-height:430px;padding-inline:15px}
  .phone-composition{padding-inline:0}
  .phone-caption{right:0;font-size:10px}
  .pulse-section{padding-block:45px}
  .pulse-copy h2{font-size:37px}
  .role-copy h3{font-size:32px}
  .contact-section{padding:28px}
  .contact-layout h2{font-size:34px}
}

/* Portrait tablets retain a balanced two-column opening, with touch navigation. */
@media(min-width:700px) and (max-width:1100px) and (orientation:portrait){
  .site-header{height:70px;gap:12px;width:calc(100% - 42px);padding:12px 16px}
  .desktop-nav{display:none}.menu-toggle{display:flex;min-width:40px;min-height:44px}.header-demo{margin-left:auto}
  .mobile-nav{top:76px;left:0;right:0;border-radius:17px}
  .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;width:calc(100% - 24px);min-height:720px;padding:124px 32px 65px}
  .hero-copy{text-align:left}
  .hero .eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:0}
  .hero .eyebrow-line{display:none}
  .hero h1{font-size:clamp(42px,5.4vw,54px);line-height:1.08;margin-top:20px}
  .hero-platforms{justify-content:flex-start;margin-top:18px;gap:6px}
  .hero-platforms>span{font-size:10px;padding:5px 8px}
  .hero-description{font-size:15px;line-height:1.7;margin-top:18px}
  .hero-actions{justify-content:flex-start;gap:17px;flex-wrap:wrap;margin-top:23px}
  .hero-actions .button{font-size:12px;padding:13px 16px;gap:15px;min-height:45px}
  .hero-actions .text-link{font-size:12px}
  .hero-note{justify-content:flex-start;margin-top:22px}.hero-note p{font-size:11px}
  .connected-stage{width:100%;min-width:0;max-width:none;aspect-ratio:1;height:auto;margin:0;transform:none}
  .hero .orbit{height:auto;aspect-ratio:1;top:50%}
  .hero .orbit-one{width:80%}.hero .orbit-two{width:100%}.hero .orbit-three{width:118%}
  .hero .orbit-card{padding:10px;gap:7px;border-radius:12px}
  .hero .orbit-card strong{font-size:10px}.hero .orbit-card small{display:none}
  .hero .orbit-card .module-icon{width:25px;height:25px}
  .hero .school-orbit{top:-1%;left:-3px}
  .hero .hr-orbit{top:11%;right:-6px}
  .hero .bus-orbit{bottom:7%;left:-6px}
  .hero .passport-orbit{bottom:-6%;right:-3px}
  .hero .hero-brand-film .brand-orbit-stage{width:61%}
  .hero-brand-film .brand-motion-controls{bottom:-62px;gap:5px}
  .hero-brand-film .brand-motion-controls .film-control,.hero-brand-film .brand-motion-controls .orbit-toggle{font-size:9px;min-height:36px;padding:6px 8px}
  .section{padding-block:46px}.section-heading h2{font-size:37px}
  .preview-panel{grid-template-columns:1fr}
  .preview-panel .software-window{grid-column:1;grid-row:1}
  .preview-panel .preview-explanation{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1.25fr;gap:30px;padding:26px}
  .software-layout{grid-template-columns:165px minmax(0,1fr)}.software-sidebar{display:flex}
  .directory-grid{grid-template-columns:1fr 1fr}
  .scroll-layout{grid-template-columns:1fr}.scroll-chapters{grid-template-columns:1fr 1fr;grid-row:2}
  .day-stage{position:relative;top:auto;grid-row:1;min-height:300px}
  .day-stage-info{display:none}
  .app-promo{grid-template-columns:1fr 1fr;gap:25px;padding:30px!important}
  .app-promo h2{font-size:35px}.app-promo>div:first-child>p:not(.eyebrow){font-size:15px}
  .phone-shell{width:240px}.phone-caption{font-size:10px}
}
@media(max-width:620px){
  .site-header{gap:8px}.menu-toggle{min-width:38px;min-height:44px}.header-demo{margin-left:auto}
  .hero{padding:104px 20px 45px;min-height:0}
  .hero h1{font-size:clamp(43px,12vw,58px);line-height:1.06;margin-top:17px}
  .hero .eyebrow{font-size:9px;letter-spacing:.01em}
  .hero-platforms{margin-top:15px}.hero-platforms>span{font-size:10px;padding:5px 9px}
  .hero-description{font-size:15px;line-height:1.65;margin-top:16px}
  .hero-actions{margin-top:21px;gap:18px;flex-wrap:wrap}
  .hero-actions .button{font-size:12px;padding:12px 16px;min-height:44px;gap:15px}
  .hero-actions .text-link{font-size:12px}
  .hero-note{display:none}
  .connected-stage{height:360px;margin-top:30px;max-width:350px}
  .hero .orbit-one{width:77%;height:auto;aspect-ratio:1;top:50%}
  .hero .orbit-two{width:99%;height:auto;aspect-ratio:1;top:50%}
  .hero .orbit-three{width:119%;height:auto;aspect-ratio:1;top:50%}
  .hero .orbit-card{padding:9px 10px;gap:7px;border-radius:12px}
  .hero .orbit-card strong{font-size:10px}.hero .orbit-card .module-icon{width:25px;height:25px;border-radius:8px}
  .hero .school-orbit{top:1%;left:0}.hero .hr-orbit{top:13%;right:0}
  .hero .bus-orbit{bottom:10%;left:0}.hero .passport-orbit{bottom:0;right:0}
  .hero .hero-brand-film .brand-orbit-stage{width:64%}
  .hero-brand-film .brand-motion-controls{bottom:-33px;gap:8px}
  .hero-brand-film .brand-motion-controls .film-control,.hero-brand-film .brand-motion-controls .orbit-toggle{font-size:9px;min-height:35px;padding:7px 8px}
  .preview-panel .software-window{grid-row:1}.preview-panel .preview-explanation{grid-row:2}
  .ui-table-scroll{max-width:100%;-webkit-overflow-scrolling:touch}
  .ui-table{min-width:380px}
  .preview-tabs button{min-height:44px}
  .day-stage{min-height:280px}
  .role-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:3px;padding:4px}
  .role-tabs button{white-space:nowrap;min-height:44px;flex:0 0 auto;padding-inline:13px}
  .footer-main{column-gap:20px}
  .page-hero h1{font-size:clamp(39px,10vw,49px)}
  .contact-big-link{font-size:18px}.contact-main-card{padding:26px}
}
@media(max-width:380px){.site-header .header-demo{display:none}.menu-toggle{margin-left:auto}.brand-name{font-size:21px}.phone-shell{width:225px}.contact-big-link{font-size:16px}.preview-tabs{gap:6px}.preview-tabs button{padding-inline:12px}}

.hero-note .mini-symbol{background:#cfb4e6;border-radius:50%;overflow:hidden;isolation:isolate}
.reveal{opacity:1;transform:translateY(18px)}
.reveal.is-visible{transform:none}
@media(prefers-reduced-motion:reduce){.reveal{transform:none}}
/* Give the original portrait film room to show its full wordmark when played. */
.hero-brand-film .brand-orbit-stage .film-window:has(video.is-playing),.brand-film .brand-orbit-stage .film-window:has(video.is-playing){inset:30% 4%;border-radius:12px;background:#dccaef}
.brand-orbit-stage .film-window video{width:100%}

/* Pure white, fluid page canvas and the logo as the O in every wordmark. */
:root{--ink:#111;--muted:#626269;--line:#e4e4e8;--ice:#fff}
body,body.interior-page{background:#fff;color:#111}
.brand-word{display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:0!important;white-space:nowrap;vertical-align:baseline;font:inherit!important;letter-spacing:inherit!important;line-height:1!important;color:inherit!important;margin:0!important;padding:0!important}
.brand-word>span{display:inline!important;font:inherit!important;color:inherit!important;letter-spacing:inherit!important;margin:0!important;padding:0!important}
.brand-word>.brand-o{display:inline-block!important;position:static!important;width:.96em!important;height:.96em!important;min-width:.96em;max-width:none!important;object-fit:contain;mix-blend-mode:multiply;vertical-align:middle;margin:0 .015em!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;transform:scale(1.12)!important}
.site-header .brand,.footer-main .brand{font-size:29px;font-weight:800;letter-spacing:-.065em;color:#111;gap:0}
.site-header,.site-header.is-scrolled{background:#fffffff2;border-color:#e5e5e8;box-shadow:0 8px 30px #00000005}
.desktop-nav{color:#111}.desktop-nav a{font-size:14px}.desktop-nav a:hover{color:#59407e}
.mobile-nav{background:#fff;border-color:#ddd;color:#111}.mobile-nav a:hover{background:#f2f0f6}
.software-window,.software-body,.role-visual,.access-note{background:#fff}
.footer-expanded,.footer-expanded *,.footer-main h3,.footer-main a:not(.brand),.footer-main p,.footer-bottom,.footer-bottom a,.footer-main .os-inline>span{color:#000}
.footer-main a:hover,.footer-bottom a:hover{color:#000;text-decoration:underline;text-underline-offset:4px}
.footer-main,.footer-bottom{border-color:#dedee3}.footer-main .os-inline>span{background:#fff;border-color:#d8d8df}
@media(min-width:821px){.wrap{width:calc(100% - clamp(48px,6vw,112px));max-width:none}.hero{width:calc(100% - 32px);max-width:none;margin-inline:16px}.site-header{width:calc(100% - 64px);max-width:none}.hero-inner{width:100%;max-width:none;padding-inline:clamp(24px,3.5vw,68px);grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,90px)}.connected-stage{width:100%;max-width:none}.footer-main{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:clamp(28px,4vw,80px)}}
@media(min-width:1800px){.hero{min-height:780px}.hero-inner{min-height:680px}.hero h1{font-size:clamp(68px,4.8vw,112px);max-width:900px}.hero-description{font-size:19px;max-width:650px}.connected-stage{height:570px}.hero-brand-film{width:390px}.section-heading h2{font-size:clamp(42px,3vw,64px)}.directory-card{padding:34px}.preview-panel{grid-template-columns:minmax(300px,.75fr) minmax(0,2.25fr)}}
@media(min-width:821px) and (max-width:1190px){.desktop-nav{display:none}.menu-toggle{display:block}.header-demo{margin-left:auto}}
@media(max-width:820px){.wrap{width:calc(100% - 40px);max-width:none}.hero{width:calc(100% - 20px);max-width:none;margin-inline:10px}.site-header{width:calc(100% - 40px);max-width:none}.site-header .brand{font-size:26px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.site-header{width:calc(100% - 30px)}.site-header .brand{font-size:23px}.footer-main .brand{font-size:27px}.footer-main{gap:30px 18px}}
.hero-actions>.button:first-child{background:#fff;border-color:#fff;color:#000;box-shadow:0 5px 18px #00000009}
.hero-actions>.button:first-child:hover{background:#fff;color:#000;border-color:#222}
.contact-section{background:#fff;border:1px solid #dedee3;box-shadow:none}
.contact-section *,.contact-layout h2,.contact-layout p,.contact-kicker,.contact-bottom>span,.whatsapp-link,.contact-section .button.white{color:#000}
.contact-section .button.white{background:#fff;border-color:#222}.contact-section .button.white:hover{background:#eee;color:#000}
.contact-bottom{border-color:#ddd}
.brand-orbit-stage{isolation:auto}
.hero-brand-film .brand-orbit-stage .film-window,.brand-film .brand-orbit-stage .film-window,.brand-film .brand-orbit-stage .film-window:has(video.is-playing){background:transparent;mix-blend-mode:multiply;border:0;box-shadow:none;border-radius:0}
.brand-orbit-stage .film-window .film-fallback{mix-blend-mode:normal}
.brand-motion-controls{display:none}
.brand-orbit{font-size:11px;font-weight:700;text-align:center}
.orbit-glyph{position:absolute;top:5%;left:calc(50% - .7em);width:1.4em;height:45%;transform-origin:50% 100%;text-align:center;line-height:1}
.orbit-glyph>span{display:block;line-height:1;font:inherit}
.orbit-glyph>.orbit-logo{display:block;width:1.35em;height:1.35em;object-fit:contain;max-width:none;mix-blend-mode:multiply;margin:-.15em auto 0}
[data-brand-film]:hover .brand-orbit{animation-play-state:paused}
.hero .orbit{left:50%;top:50%}
@media(min-width:821px){.hero .hero-brand-film{inset:0;width:100%;height:100%;max-width:none;transform:none}.hero .hero-brand-film .brand-orbit-stage{width:min(360px,70%);max-width:360px}}
.hero-note .mini-symbol,.day-stage-center .brand-symbol,.contact-top .brand-symbol{background:transparent!important;isolation:auto;mix-blend-mode:multiply!important}
@media(prefers-reduced-motion:reduce){[data-brand-film] .brand-orbit{animation:none!important}.brand-orbit-stage video{display:none!important}.brand-orbit-stage .film-fallback{opacity:1!important}}
/* Display the existing transparent symbol from the supplied wordmark asset. */
.logo-crop{position:relative;display:inline-block;overflow:hidden;background:transparent!important;isolation:auto;mix-blend-mode:normal!important}
.logo-crop>img,.brand-symbol.logo-crop>img{position:absolute!important;width:640%!important;height:auto!important;max-width:none!important;left:-406.4%!important;top:-14.1%!important;object-fit:initial!important;transform:none!important;mix-blend-mode:normal!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.brand-word>.brand-o{display:inline-block!important;position:relative!important;overflow:hidden!important;width:.96em!important;height:.96em!important;min-width:.96em;vertical-align:middle;transform:scale(.94)!important;margin:0 .025em!important}
.orbit-glyph>.orbit-logo{display:block;position:relative;width:1.3em;height:1.3em;margin:-.15em auto 0}
.hero-brand-film .brand-orbit-stage .film-window,.brand-film .brand-orbit-stage .film-window{mix-blend-mode:normal}
.brand-orbit-stage .film-window:has(video.is-playing){mix-blend-mode:multiply}
.brand-orbit-stage .film-window .film-fallback{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:normal}
.login-mark>.brand-symbol{width:100%;height:100%;background:transparent!important}
.hero-note .mini-symbol,.day-stage-center .brand-symbol,.contact-top .brand-symbol{mix-blend-mode:normal!important}
.site-header,.site-header.is-scrolled{background:#fff}
@media(max-width:1190px){.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;flex:0 0 44px;width:44px;height:44px;padding:10px;background:transparent;border:0;border-radius:8px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:#111;border-radius:1px}.menu-toggle:hover{background:#f2f2f5}}
@media(max-width:1190px){.mobile-nav{position:absolute;top:calc(100% + 8px);left:0;right:0;width:auto;padding:13px;border:1px solid #dddde3;border-radius:16px;box-shadow:0 15px 45px #00000012}.mobile-nav:not([hidden]){display:grid;gap:3px}.mobile-nav a{display:block;padding:13px 15px;border-radius:8px;font-size:15px;line-height:1.5}}
.brand-word{transform:none!important}
.faq-list summary>.faq-question,.faq-list details[open] summary>.faq-question{transform:none;color:inherit;font:inherit;letter-spacing:inherit;flex:1}
.footer-main .brand{color:#000}
.brand-film{background:transparent;mix-blend-mode:multiply}