/* LUMORA corporate site only. No portal or academy selectors/dependencies. */
:root{--primary:#2563eb;--secondary:#0c948e;--accent:#22c5df;--deep:#10284f;--surface:#fff;--muted-surface:#f3f7fd;--border:#dde6f2;--glow:rgba(68,153,255,.2);--muted:#627189;--gradient-brand:linear-gradient(105deg,#2466ee 8%,#1598d7 58%,#08a69a 95%);--gradient-mesh:radial-gradient(ellipse at 75% 20%,#c9eaff 0,transparent 50%),radial-gradient(ellipse at 15% 85%,#dbfaf3 0,transparent 50%),#f6f9ff;--shadow:0 24px 70px -28px #183b6b40;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.65;color:var(--deep);background:var(--surface);-webkit-font-smoothing:antialiased}body.corporate{overflow-x:clip}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--heading);font-weight:750;line-height:1.16;letter-spacing:-.045em}h2{font-size:clamp(34px,3.6vw,52px)}h3{font-size:26px;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;height:auto;display:block}svg{flex-shrink:0}::selection{background:#cae4ff;color:#10284f}[hidden]{display:none!important}:focus-visible{outline:3px solid #067f97;outline-offset:5px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px}.wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}.section{padding-block:112px}.icon{display:inline-block;vertical-align:middle}.muted{color:var(--muted)}.gradient-text{background:var(--gradient-brand);background-clip:text;-webkit-background-clip:text;color:transparent}.eyebrow{color:#3363a3;font-size:11px;font-weight:750;letter-spacing:.17em;line-height:1.7;margin-bottom:22px}.lead{font-size:18px;line-height:1.8;color:var(--muted)}.display{font-size:clamp(48px,4.8vw,72px);margin-bottom:28px}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split>*{min-width:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-head>.lead{max-width:375px}.section-head.centered{display:block;text-align:center}.section-head.centered p{margin-inline:auto}.section-head>h2{max-width:780px}.section-head:not(:has(>div)){display:block}.section-head:not(:has(>div))>.lead{max-width:700px;margin-top:24px}.split .section-head{display:block;margin:0}.split .section-head p:not(.eyebrow){margin-block:24px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:16px 25px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:650;line-height:1.4;color:white;background:var(--primary);box-shadow:0 6px 18px #2563eb19;transition:background .2s,box-shadow .2s,transform .2s}.button .icon{width:18px;height:18px}.button:hover{background:#174fcc;box-shadow:0 8px 22px #2563eb36;transform:translateY(-2px)}.button-secondary{background:#ffffffb3;color:var(--deep);border-color:#d7e2f0;box-shadow:none}.button-secondary:hover{background:white;color:var(--primary);border-color:#abc5eb}.button-small{font-size:12px;padding:12px 17px;gap:11px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--primary);font-size:14px;font-weight:650;margin-top:18px}.text-link:hover{gap:18px}.text-link .icon{width:18px}.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:200;background:var(--deep);color:#fff;padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
/* Keep the gradient on the moving text layer so masked GSAP lines retain their fill. */
.hero-line.gradient-text{background:none;color:var(--deep)}.hero-line.gradient-text>span{background:var(--gradient-brand);background-clip:text;-webkit-background-clip:text;color:transparent}
/* A single public navigation, built into every static page. */
.site-nav{position:sticky;top:0;z-index:50;background:#f7faffdc;backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:box-shadow .25s,background .25s}.site-nav.is-scrolled{background:#ffffffed;border-color:#e5edf7;box-shadow:0 5px 24px #14396708}.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative}.brand{display:inline-flex;flex-shrink:0}.brand img{width:155px;height:auto;mix-blend-mode:multiply}.desktop-nav{display:flex;gap:30px;align-items:center;margin-inline:auto}.desktop-nav a{font-size:13px;font-weight:550;position:relative;padding-block:15px;color:#51617a}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--primary)}.desktop-nav a[aria-current]:after{content:'';position:absolute;bottom:7px;inset-inline:40%;height:3px;background:var(--primary);border-radius:2px}.nav-actions{display:flex;gap:23px;align-items:center}.language-toggle{border:0;background:none;color:var(--muted);padding:8px 0;font-family:'Noto Sans Arabic',sans-serif;font-size:12px;min-height:44px}.login-link{font-size:13px;font-weight:650;white-space:nowrap}.menu-toggle{display:none;position:relative;width:44px;height:44px;border:1px solid var(--border);border-radius:8px;background:white}.menu-toggle span{display:block;width:18px;height:2px;background:var(--deep);margin:5px auto;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{position:absolute;inset-block-start:100%;inset-inline:0;background:#fff;border:1px solid var(--border);box-shadow:0 25px 30px #132f5220;border-radius:0 0 18px 18px;padding:20px;max-height:calc(100dvh - 84px);overflow:auto}.mobile-menu>a{display:flex;padding:14px 16px}.mobile-menu>a[aria-current]{color:var(--primary);background:var(--muted-surface);border-radius:8px}.mobile-menu .button{margin-top:12px}.menu-open{overflow:hidden}
/* Hero: type, airy orbital backdrop, and layered product UI. */
.hero{position:relative;isolation:isolate;background:linear-gradient(180deg,#f7faff,#f8fbff 55%,white);padding-top:55px;overflow:hidden}.hero-copy{text-align:center;position:relative;z-index:2}.eyebrow-pill{display:inline-flex;align-items:center;gap:10px;letter-spacing:.13em;font-size:10px;border:1px solid #dae6f8;border-radius:50px;padding:7px 14px;background:#ffffffbd;margin-bottom:23px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#0faf9b;box-shadow:0 0 0 4px #0faf9b0c;flex:none}.hero-title{font-size:clamp(48px,5.05vw,76px);line-height:1.14;font-weight:800;letter-spacing:-.057em}.hero-line{display:block;overflow:hidden;padding-block:2px}.hero-line>span{display:inline-block}.hero-lead{max-width:600px;margin:23px auto 0;color:#5e6e87;font-size:17px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:center;margin-top:28px}.hero-note{font-size:11px;color:#78889d;margin-top:17px}.hero-glow{position:absolute;z-index:-1;width:480px;height:480px;border-radius:50%;filter:blur(75px);opacity:.55;pointer-events:none}.glow-blue{background:#c4d8ff;inset-inline-start:-250px;top:100px}.glow-teal{background:#b9f6ec;inset-inline-end:-290px;top:290px}.hero-orbit{position:absolute;border:1px solid #d6e4f761;border-radius:50%;width:1600px;height:700px;z-index:-1;top:280px;left:50%;transform:translateX(-50%) rotate(-12deg);pointer-events:none}.orbit-two{width:1900px;height:780px;top:235px;transform:translateX(-50%) rotate(12deg)}.hero-product{position:relative;max-width:1180px;margin-top:52px;padding-bottom:28px;perspective:1200px}.hero-dashboard{width:84%;margin-inline:auto;position:relative;z-index:2;transform:rotateX(3deg)}.hero-product-glow{position:absolute;inset:15% 8% 10%;background:linear-gradient(100deg,#9bc6ff80,#82e4da5e);filter:blur(60px);border-radius:100px}.floating-card{position:absolute;display:flex;align-items:center;gap:12px;padding:18px;background:#ffffffed;border:1px solid #e3edfb;border-radius:14px;box-shadow:0 15px 44px #17477e1c;z-index:3}.floating-card small{display:block;font-size:8px;letter-spacing:.12em;color:#77889c;margin-bottom:5px}.floating-card strong{display:block;font-size:13px;font-family:var(--heading);letter-spacing:-.03em}.floating-icon{display:grid;place-items:center;align-self:start;width:37px;height:37px;background:#eaf1ff;color:#3869e8;border-radius:11px}.floating-icon.teal{background:#dcf7f0;color:#109b8b}.floating-icon .icon{width:20px}.float-brand{inset-inline-start:0;top:23%}.floating-swatches{display:flex;gap:5px;margin-top:10px}.floating-swatches i{width:14px;height:14px;background:#2666e9;border-radius:50%}.floating-swatches i:nth-child(2){background:#19bbb7}.floating-swatches i:nth-child(3){background:#153657}.floating-swatches i:nth-child(4){background:#eef3fa;border:1px solid #e2e7f0}.float-live{inset-inline-end:-5px;top:54%}.tiny-avatars{display:flex;align-items:center;margin-top:10px;padding-inline-start:4px}.tiny-avatars i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;background:#dbe8ff;border:2px solid white;border-radius:50%;font-size:8px;margin-inline-start:-4px;color:#395d8c}.tiny-avatars i:nth-child(2){background:#d2f0eb}.tiny-avatars i:nth-child(3){background:#e7defb}.tiny-avatars>span{font-size:8px;color:#76879a;margin-inline-start:6px}.float-course{inset-inline-end:7%;top:-18px;padding:10px 16px;font-size:10px;font-weight:650}.float-course>.icon{width:23px;height:23px;background:#e0f9ef;color:#168f72;border-radius:50%;padding:4px}.visual-caption{font-size:10px;line-height:1.7;color:#75849b;text-align:center;margin-top:22px;position:relative}.hero .visual-caption{margin-top:24px}
/* HTML compositions: illustrative product UI with real capability vocabulary. */
.product-window{background:#fff;border:1px solid #dce7f4;border-radius:12px;box-shadow:0 30px 65px -20px #234f8526;overflow:hidden;text-align:start;container-type:inline-size}.window-chrome{height:34px;background:#f9fbfe;border-bottom:1px solid #e7edf6;display:flex;align-items:center;justify-content:space-between;padding-inline:14px;color:#7d8b9c;font-size:8px;gap:12px}.window-chrome>span{display:flex;align-items:center;gap:6px}.window-chrome .icon{width:10px;height:10px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#e4e9f1;border-radius:50%}.window-dots i:first-child{background:#d4ddec}.workspace{display:grid;grid-template-columns:19% 81%}.workspace-sidebar{padding:19px 13px;border-inline-end:1px solid #eaf0f8;background:#fcfdff;position:relative}.workspace-brand{display:flex;align-items:center;gap:7px;margin-bottom:29px}.workspace-brand strong{font-size:10px;letter-spacing:-.025em}.academy-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#e7f0ff;color:var(--primary)}.academy-mark .icon{width:15px;height:15px}.workspace-sidebar>small{display:block;font-size:6px;letter-spacing:.1em;color:#9caabd;margin-bottom:13px}.workspace-nav{display:flex;align-items:center;gap:9px;font-size:8px;color:#8090a5;padding:9px 7px;margin-block:3px;border-radius:5px}.workspace-nav.selected{background:#eaf1ff;color:#3265d9;font-weight:650}.workspace-nav .icon{width:12px;height:12px}.workspace-sidebar-bottom{position:absolute;bottom:18px;inset-inline:16px;font-size:7px;color:#8492a6;display:flex;gap:6px;align-items:center}.workspace-sidebar-bottom .icon{width:12px;height:12px}.workspace-main{padding:0 23px 10px;background:linear-gradient(130deg,#fff,#f9fbff)}.workspace-top{height:49px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f7;font-size:8px;color:#73839c}.workspace-avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#eaf0ff;color:#5274b3}.workspace-avatar .icon{width:13px;height:13px}.workspace-welcome{display:flex;justify-content:space-between;align-items:center;padding-block:22px 19px}.workspace-welcome small{font-size:6px;letter-spacing:.12em;color:#95a2b5}.workspace-welcome h3{font-size:22px;line-height:1.4;letter-spacing:-.04em;margin-top:5px}.workspace-welcome p{font-size:8px;color:#8795a8;margin-top:4px}.welcome-symbol{width:47px;height:47px;background:linear-gradient(130deg,#e6f0ff,#e5faf4);border-radius:14px;display:grid;place-items:center;color:#3b91c9;transform:rotate(8deg)}.welcome-symbol .icon{width:30px;height:30px}.workspace-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.workspace-metrics>div{position:relative;display:grid;grid-template-columns:25px 1fr;column-gap:8px;border:1px solid #e5edf7;border-radius:7px;background:#fff;padding:12px 10px}.workspace-metrics .icon{grid-row:span 2;width:24px;height:24px;padding:5px;border-radius:6px;background:#ebf3ff;color:#4b78cf;align-self:center}.workspace-metrics>div:nth-child(2) .icon{background:#e3f7f3;color:#23a894}.workspace-metrics>div:nth-child(3) .icon{background:#f0ebff;color:#8d76c9}.workspace-metrics strong{font-size:9px}.workspace-metrics span{font-size:6px;color:#8d9aae;margin-top:2px}.workspace-section-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-block:10px}.workspace-section-title>span{font-size:7px;color:#6084bf}.workspace-section-title .icon{width:9px;height:9px}.workspace-courses{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.workspace-course{border:1px solid #e2eaf4;border-radius:7px;overflow:hidden;background:white}.course-art{height:94px;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden}.art-blue{background:linear-gradient(120deg,#195bbf,#4499ef);color:#e1f1ff}.art-teal{background:linear-gradient(120deg,#1b8b92,#83ddd0);color:#e8fffa}.art-violet{background:linear-gradient(120deg,#6b62b8,#a8b6ea);color:#f4edff}.course-art>.icon{width:36px;height:36px;position:relative;z-index:1}.art-ring{position:absolute;width:130px;height:130px;border:16px solid #ffffff13;border-radius:35px;transform:rotate(35deg);top:14px;inset-inline-end:-10px}.course-art:after{content:'';position:absolute;border:1px solid #ffffff21;width:100px;height:100px;border-radius:50%;inset-inline-start:-30px;top:-30px}.course-detail{padding:11px 11px 10px}.course-detail>small{font-size:6px;color:#8999ae;display:block}.course-detail strong{font-size:9px;display:block;margin-block:4px 12px;white-space:nowrap}.mini-progress{height:3px;background:#eef3f9;border-radius:4px;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#4d83e9,#3bc5b1)}.course-caption{display:block;font-size:6px;color:#8c9bb0;margin-top:5px}.workspace-bottom{display:flex;align-items:center;gap:6px;font-size:7px;color:#8b9aae;padding-block:15px 4px}.workspace-bottom .status-dot{width:4px;height:4px;box-shadow:none}.product-window-student .workspace-welcome{padding-block:30px}.product-window-student .course-art{height:125px}
/* Platform signal and asymmetric capability grid. */
.value-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px 43px;border-bottom:1px solid var(--border)}.value-strip>p{font-size:12px;line-height:1.65;color:var(--muted)}.value-strip>p strong{color:var(--deep);font-weight:550}.value-strip>span{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:550;color:#65768d}.value-strip>span>.icon{width:20px;height:20px;color:#5e7d9a}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.feature-card{grid-column:span 2;border:1px solid #e0e9f5;position:relative;border-radius:18px;background:#fbfcff;padding:28px;overflow:hidden;min-height:230px;transition:border-color .2s,box-shadow .2s}.feature-card:hover{border-color:#a9c8f5;box-shadow:0 16px 36px #264e8110}.feature-card:nth-child(n+4){grid-column:span 3;min-height:195px;padding-inline-end:60px}.feature-card h3{font-size:23px;line-height:1.28;max-width:300px;margin-top:24px;letter-spacing:-.04em}.feature-card p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px;max-width:325px}.feature-label{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;color:#6c7f99}.feature-label>.icon:first-child{width:28px;height:28px;padding:5px;color:#397bdb;background:#eaf2ff;border-radius:7px}.feature-label>.icon:last-child{margin-inline-start:auto;width:14px;height:14px;color:#7892b7}.feature-blue{background:linear-gradient(140deg,#f7faff,#eff5ff)}.feature-teal{background:linear-gradient(140deg,#f5fcfb,#effaf6)}.feature-wide{background:linear-gradient(145deg,#f5f9ff,#ebf4ff)}.mini-builder{height:145px;margin:25px -5px -45px;position:relative;border-radius:9px;border:1px solid #dce8fa;background:#fff;box-shadow:0 12px 25px #123e7512;display:grid;grid-template-columns:25% 75%;transform:rotate(-3deg)}.mini-builder-controls{padding:20px 10px;display:flex;gap:3px}.mini-builder-controls i{width:12px;height:12px;background:#2973e1;border-radius:50%}.mini-builder-controls i:nth-child(2){background:#16aea5}.mini-builder-controls i:nth-child(3){background:#243d69}.mini-builder-site{border-inline-start:1px solid #ebf1fa;padding:12px;background:#f7faff;position:relative;overflow:hidden}.mini-builder-site>span{font-size:5px;letter-spacing:.12em}.mini-builder-site>strong{font-family:var(--heading);display:block;font-size:20px;line-height:1.2;margin-top:14px;letter-spacing:-.06em;position:relative;z-index:1}.mini-builder-site>div{position:absolute;width:105px;height:105px;background:linear-gradient(120deg,#bddaff,#76c0ee);border-radius:50%;inset-inline-end:-20px;bottom:-12px}.feature-course-stack{position:relative;margin-top:25px;height:140px;padding-inline:5px}.feature-course-stack>div{display:flex;align-items:center;gap:9px;border:1px solid #dce7f7;background:#fff;padding:12px;border-radius:8px;box-shadow:0 8px 10px #254c7608;margin-bottom:7px;font-size:8px;color:#8599b4}.feature-course-stack .icon{width:17px;height:17px;color:#5687d3}.feature-course-stack>div:nth-child(2){margin-inline:10px -10px}.feature-course-stack>div:nth-child(3){margin-inline:20px -20px}.feature-course-stack i{width:65%;height:4px;background:#ecf2fb;border-radius:2px}.feature-course-stack span:last-child{margin-inline-start:auto}.feature-live-art{height:144px;position:relative;margin-top:24px;background:linear-gradient(130deg,#bbeae6,#e0f3f0);border-radius:12px;display:grid;place-items:center;overflow:hidden}.feature-live-art>span{display:grid;place-items:center;color:#1a9a91;background:#ffffffb8;width:55px;height:55px;border-radius:50%;z-index:1}.feature-live-art>i{position:absolute;width:190px;height:190px;border:1px solid #ffffffa6;border-radius:50%}.feature-live-art>i:nth-child(3){width:140px;height:140px}.feature-live-art>i:nth-child(4){width:95px;height:95px}
/* Interactive brand story. */
.builder-section{background:var(--gradient-mesh);overflow:hidden}.builder-section .split{grid-template-columns:.86fr 1.14fr;gap:70px}.builder-copy h2{font-size:clamp(38px,4.15vw,59px);line-height:1.2}.builder-copy .lead{font-size:16px;max-width:400px;margin-top:25px}.check-list,.role-points{list-style:none;padding:0;margin:25px 0}.check-list li,.role-points li{display:flex;align-items:center;gap:10px;font-size:13px;color:#536b89;margin-block:11px}.check-list .icon,.role-points .icon{width:18px;height:18px;color:#0b9a8a}.brand-stage{padding-block:50px 25px}.brand-demo{position:relative;padding:35px 22px 55px 0;min-width:0;container-type:inline-size}.brand-browser{border:1px solid #d6e3f4;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #2c67a725;transform:rotate(-2deg);background:#fff}.academy-preview{background:#fff}.academy-preview-nav{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;font-size:6px;color:#66809d}.academy-preview-nav strong{font-size:8px;color:var(--academy-accent)}.academy-preview-nav .icon{width:13px;height:13px}.academy-preview-hero{background:color-mix(in srgb,var(--academy-accent) 7%,white);padding:28px 23px 34px;position:relative;overflow:hidden;min-height:230px}.tiny-label{font-size:6px;letter-spacing:.15em;color:var(--academy-accent);position:relative;z-index:1}.academy-preview-hero h3{font-size:33px;line-height:1.15;margin-block:10px;max-width:70%;position:relative;z-index:1}.academy-preview-hero p{font-size:7px;color:#76889c;position:relative;z-index:1}.preview-pill{display:inline-flex;align-items:center;gap:12px;background:var(--academy-accent);color:white;font-size:7px;padding:8px 12px;border-radius:4px;margin-top:18px;position:relative;z-index:1}.preview-pill .icon{width:10px;height:10px}.academy-sculpture{position:absolute;inset-inline-end:-20px;top:55px;width:160px;height:200px;transform:rotate(25deg)}.academy-sculpture i{position:absolute;border-radius:60px 60px 14px 14px;width:75px;height:160px;background:linear-gradient(120deg,color-mix(in srgb,var(--academy-accent) 35%,white),var(--academy-accent));box-shadow:inset 10px 0 20px #ffffff5e,10px 5px 20px #0b4a8e13;transform:rotate(-30deg);left:10px}.academy-sculpture i:nth-child(2){left:55px;top:25px;transform:rotate(0);opacity:.8}.academy-sculpture i:nth-child(3){left:100px;top:50px;transform:rotate(30deg);opacity:.6}.academy-preview-cards{padding:18px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:7px;font-weight:600}.mini-art{display:block;height:50px;background:linear-gradient(135deg,#accff6,#e1effe);border-radius:5px;margin-bottom:8px}.mini-art.teal{background:linear-gradient(135deg,#99d7d0,#d9f3e8)}.mini-art.violet{background:linear-gradient(135deg,#b4bce6,#ece4fb)}.brand-controls{position:absolute;top:0;inset-inline-end:-15px;border:1px solid #e3e9f5;background:#ffffffeb;box-shadow:0 16px 40px #285b8b1d;border-radius:12px;padding:18px;width:175px;z-index:2}.control-heading{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650;margin-bottom:15px}.control-heading .icon{width:15px;height:15px;color:#3a81d2}.brand-controls>.muted{font-size:8px}.color-swatches{display:flex;gap:8px;margin-block:7px 15px}.color-swatches button{width:30px;height:30px;border-radius:50%;border:3px solid white;background:var(--swatch);box-shadow:0 0 0 1px #dce6f3;display:grid;place-items:center;color:white;padding:4px}.color-swatches button .icon{width:15px;height:15px;opacity:0}.color-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--swatch)}.color-swatches button[aria-pressed=true] .icon{opacity:1}.control-field{border-top:1px solid #e7eef7;padding-top:10px;display:grid;gap:5px}.control-field>span{font-size:8px;color:var(--muted)}.control-field strong{font-size:10px;border:1px solid #e2eaf3;border-radius:4px;padding:6px}.mobile-preview{position:absolute;bottom:0;inset-inline-end:-8px;width:125px;background:#fff;border:5px solid #153050;box-shadow:0 12px 26px #163b6633;border-radius:21px;padding:10px 9px 12px;z-index:3;transform:rotate(6deg)}.mobile-speaker{width:33px;height:4px;background:#153050;border-radius:4px;margin:0 auto 12px}.mobile-preview>span{font-size:5px;color:var(--academy-accent);display:flex;gap:3px;align-items:center}.mobile-preview>span .icon{width:8px;height:8px}.mobile-preview-art{display:grid;place-items:center;background:color-mix(in srgb,var(--academy-accent) 14%,white);height:67px;border-radius:6px;color:var(--academy-accent);margin-top:8px}.mobile-preview-art .icon{width:32px;height:32px}.mobile-preview h4{font-size:12px;margin-block:8px}.mobile-preview-line{width:90%;height:3px;background:#e5edf7;margin-block:4px}.mobile-preview-line.short{width:60%}.mobile-preview-button{font-size:6px;text-align:center;background:var(--academy-accent);color:#fff;border-radius:3px;padding:5px;margin-top:10px}
/* Role switcher, natural scroll, six-step process. */
.tab-list{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;border:1px solid var(--border);background:#f7f9fc;border-radius:50px;width:max-content;max-width:100%;margin:0 auto 40px}.tab-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:50px;background:transparent;color:#718198;font-size:13px;font-weight:550;padding:12px 26px;min-height:44px;transition:background .2s,box-shadow .2s}.tab-button[aria-selected=true]{background:white;color:var(--primary);box-shadow:0 3px 10px #1c416b13}.tab-button .icon{width:17px;height:17px}.tab-panel{background:linear-gradient(130deg,#f2f7ff,#f5fbfb);border:1px solid #e3ecf7;border-radius:20px;padding:55px;overflow:hidden}.role-experience .tab-panel{display:grid;grid-template-columns:.65fr 1.35fr;gap:45px;align-items:center}.role-copy h3{font-size:31px;line-height:1.3}.role-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:18px}.role-screen{min-width:0;margin-inline-end:-100px;transform:rotate(-2deg)}.role-screen .product-window{box-shadow:0 15px 35px #2c517a20}.roles-section .visual-caption{margin-top:16px}.process-section{background:#f8faff}.process{list-style:none;padding:0;margin:60px 0 0;position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:27px}.process-track{height:1px;background:#dce6f3;position:absolute;top:22px;inset-inline:22px}.process-progress{display:block;background:var(--primary);height:100%;width:100%}.process-step{position:relative}.step-number{display:grid;place-items:center;width:45px;height:45px;background:#f8faff;border:1px solid #d4e2f5;color:#7188a9;border-radius:50%;font-size:11px;font-weight:650;position:relative;transition:background .4s,color .4s,box-shadow .4s}.process-step.is-active .step-number{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 6px #e9f0fc}.process-step h3{font-size:15px;letter-spacing:-.025em;line-height:1.5;margin-top:22px}.process-step p{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.75}.process-action{display:flex;justify-content:center;margin-top:50px}
/* Final conversion scene and open corporate footer. */
.final-section{position:relative;isolation:isolate;overflow:hidden;min-height:440px;border:1px solid #deebfc;border-radius:24px;background:linear-gradient(110deg,#edf5ff 0%,#e6f5fe 55%,#d2f5ee 100%);padding:65px 65px;margin-block:88px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:20px}.final-content{position:relative;z-index:2}.final-content h2{font-size:clamp(36px,3.7vw,53px);line-height:1.2}.final-content>p:not(.eyebrow){font-size:15px;color:#6b7e98;margin-top:20px}.final-content .hero-actions{justify-content:flex-start;margin-top:25px}.final-content .button-secondary{border-color:#bfcfe4;background:transparent}.final-orb{position:absolute;width:400px;height:400px;border:50px solid #ffffff30;border-radius:50%;inset-inline-end:-100px;top:-100px;z-index:0}.final-visual{position:relative;height:300px}.final-card{position:absolute;width:245px;border:1px solid #cbdcf3;border-radius:13px;background:#fff;box-shadow:0 20px 40px #255b8b1c}.card-back{padding:23px;top:0;inset-inline-start:0;transform:rotate(-12deg);height:220px}.card-back>.icon{color:#3b79da}.card-back>span{display:block;font-size:9px;letter-spacing:.12em;margin-top:10px}.final-swatches{display:flex;gap:10px;margin-top:15px}.final-swatches i{width:30px;height:30px;background:#377bdd;border-radius:50%}.final-swatches i:nth-child(2){background:#17a6a0}.final-swatches i:nth-child(3){background:#102d51}.card-front{padding:18px;inset-inline-end:0;top:55px;transform:rotate(9deg);width:235px}.final-card-logo{display:flex;gap:6px;align-items:center;font-size:9px;letter-spacing:.06em}.final-card-logo .icon{width:18px;color:#2677d9}.final-card-art{height:100px;background:linear-gradient(120deg,#c2d9fa,#b0eee1);border-radius:7px;display:grid;place-items:center;color:#398daf;margin-top:16px}.final-card-art .icon{width:50px;height:50px}.final-card-lines{display:grid;gap:5px;margin-block:14px}.final-card-lines i{height:4px;background:#e6edf6;border-radius:3px;width:80%}.final-card-lines i:last-child{width:55%}.final-card-chip{font-size:7px;display:flex;align-items:center;gap:5px;color:#18836d}.final-card-chip .icon{width:12px;height:12px}.site-footer{position:relative;padding-top:5px;overflow:hidden;background:linear-gradient(180deg,#fff 45%,#f3f8ff)}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:50px;padding-block:25px 50px}.footer-brand .brand img{width:180px}.footer-brand>p{font-size:16px;color:#70829a;line-height:1.6;margin-top:20px}.footer-tag{display:flex;gap:8px;align-items:center;color:#8b9bb0;font-size:10px;margin-top:20px}.footer-tag .icon{width:13px}.footer-top nav{display:flex;flex-direction:column;align-items:start;gap:13px}.footer-top h2{font-family:var(--font);font-size:12px;font-weight:650;letter-spacing:0;margin-bottom:8px}.footer-top nav>a{font-size:12px;color:#75859b}.footer-top nav>a:hover{color:var(--primary)}.footer-languages{font-size:11px;color:#8392a7;margin-top:10px}.footer-bottom{border-top:1px solid var(--border);padding-block:21px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8a98ab}.motion-toggle{display:flex;align-items:center;gap:7px;border:0;background:none;color:#708099;font-size:10px;padding:10px;min-height:40px}.motion-toggle .icon{width:12px;height:12px}.footer-wordmark{font-family:var(--heading);font-size:clamp(90px,19vw,290px);font-weight:800;line-height:1;letter-spacing:-.065em;color:#e5eefc;text-align:center;padding-block:5px;user-select:none}.footer-wordmark span{font-size:.11em;vertical-align:top;display:inline-block;margin-top:30px;margin-inline-start:10px}
/* About / Solutions: editorial scale, connected product narrative. */
.editorial-hero,.services-hero{background:var(--gradient-mesh);padding-block:90px 110px;overflow:hidden}.editorial-hero .hero-copy,.services-hero .hero-copy{text-align:start}.editorial-hero .hero-actions,.services-hero .hero-actions{justify-content:flex-start}.editorial-hero .split,.services-hero .split{grid-template-columns:1.03fr .97fr;gap:65px}.editorial-hero .lead,.services-hero .lead{font-size:16px;max-width:510px}.editorial-visual,.services-hero-visual{width:720px;transform:rotate(-5deg);padding-block:50px}.editorial-visual .product-window,.services-hero-visual .product-window{box-shadow:0 40px 80px #27578626}.story-band{background:#102b50;color:#fff;position:relative;overflow:hidden}.story-band:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #d3e7ff12;border-radius:50%;bottom:-200px;inset-inline-start:-100px;pointer-events:none}.story-band .eyebrow{color:#8bc1ed}.story-band .split{align-items:start;gap:100px}.story-quote{font-size:clamp(40px,4vw,58px);line-height:1.23}.story-copy .lead{color:#c6d8ed;font-size:20px;line-height:1.75}.story-copy>p+p{color:#92accb;margin-top:25px;font-size:15px;line-height:1.9}.principles-section{background:#f5f8fc}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.principle{border-top:1px solid #cfdfee;padding-top:22px}.principle-number{display:block;font-family:var(--heading);font-size:60px;font-weight:450;letter-spacing:-.07em;color:#bfd3ee;line-height:1.2;margin-bottom:30px}.principle h3{font-size:23px}.principle p{font-size:15px;line-height:1.85;color:var(--muted);margin-top:18px}.ecosystem{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px;border:1px solid #e4edf9;background:var(--gradient-mesh);padding:35px;border-radius:30px}.ecosystem-center{grid-column:1/-1;display:grid;justify-items:center;gap:10px;padding:30px 10px 35px}.ecosystem-center>.icon{width:60px;height:60px;color:#3295d2;padding:10px;background:#ffffffce;box-shadow:0 10px 25px #4989bc21;border-radius:18px;margin-bottom:5px}.ecosystem-center strong{font-family:var(--heading);font-size:23px}.ecosystem-center span{font-size:10px;color:#7a90ad}.ecosystem-node{display:flex;align-items:center;gap:10px;padding:17px 15px;background:#ffffffd1;border:1px solid #fff;border-radius:10px;box-shadow:0 5px 15px #245e8910;font-size:11px;font-weight:550}.ecosystem-node .icon{color:#3e90b9;width:18px;height:18px}.capability-row{overflow:hidden;border-bottom:1px solid #e7edf5}.capability-row:nth-child(2){background:#f4f8fe}.capability-row:nth-child(2) .capability-copy{order:2}.capability-row:nth-child(2) .capability-visual{order:1}.capability-copy>h2{font-size:44px;line-height:1.25}.capability-copy>.lead{font-size:16px;margin-top:23px}.capability-detail{margin-top:26px;padding-top:20px;border-top:1px solid #dde7f3}.capability-detail h3{font-size:16px;letter-spacing:-.025em;display:flex;gap:10px;align-items:center}.capability-detail h3 .icon{width:19px;height:19px;color:#3682c8}.capability-detail p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:10px;max-width:410px}.capability-visual>.product-window{width:690px;max-width:none;transform:rotate(-3deg)}.capability-row:nth-child(2) .capability-visual>.product-window{position:relative;inset-inline-start:-145px}.capability-number{color:#87a5c9}.page-services .tab-panel>.split{grid-template-columns:.8fr 1.2fr;gap:35px}.page-services .tab-panel h3{font-size:30px;line-height:1.3}.page-services .tab-panel .lead{font-size:15px;margin-top:18px}.page-services .tab-panel .product-window{width:650px}.page-services .tab-panel .eyebrow{font-size:9px}.page-services .roles-section{background:#fafcff}
/* Contact: honest mail draft flow, accessible native form. */
.contact-hero{background:var(--gradient-mesh);padding-block:70px 40px}.contact-hero .hero-copy{text-align:start;max-width:800px}.contact-hero .display{font-size:clamp(50px,5.5vw,80px);margin-bottom:20px}.contact-hero .lead{max-width:660px;font-size:18px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.contact-intro h2{font-size:36px;line-height:1.25}.contact-intro>.lead{font-size:16px;margin-top:20px}.contact-channel{margin-top:28px;border-block:1px solid #e1eaf5;padding-block:22px;overflow-wrap:anywhere}.contact-channel .icon{width:19px;color:var(--primary)}.contact-channel>a{color:var(--primary);font-size:14px;font-weight:550}.contact-intro>.muted{font-size:13px;margin-top:20px}.contact-visual{margin-top:35px}.contact-visual .brand-demo{max-width:425px}.contact-form{background:#fff;border:1px solid #dfe8f5;border-radius:20px;box-shadow:0 16px 55px #234b7d0c;padding:38px}.form-heading{display:flex;align-items:center;gap:14px;margin-bottom:28px}.form-heading h2{font-size:26px}.form-heading p{font-size:12px;color:var(--muted);margin-top:5px}.form-icon{display:grid;place-items:center;width:44px;height:44px;background:#eef5ff;border-radius:12px;color:var(--primary)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field-wide{grid-column:1/-1}.field label{font-size:12px;font-weight:600;display:flex;gap:6px;flex-wrap:wrap}.optional{font-size:10px;color:#90a0b4;font-weight:400}.field input,.field textarea,.field select{width:100%;min-width:0;border:1px solid #dbe5f2;background:#fcfdff;color:var(--deep);padding:12px 13px;border-radius:7px;font-size:13px;line-height:1.5;transition:border-color .2s}.field input:hover,.field textarea:hover,.field select:hover{border-color:#a5bede}.field input::placeholder,.field textarea::placeholder{color:#9aa8bc}.field textarea{resize:vertical;min-height:130px}.field input[type=email]{direction:ltr;text-align:start}.contact-submit{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:25px}.contact-form>.button{margin-top:25px}.form-note{font-size:11px;color:#7c8da5;line-height:1.8;margin-top:16px}.contact-status{font-size:11px;color:#4e7398;margin-top:14px;line-height:1.8}.contact-next{background:#f5f9fe}.next-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.next-step .step-number{margin-bottom:22px;background:white}.next-step h3{font-size:22px}.next-step p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px}
.form-heading{display:grid;grid-template-columns:44px 1fr;gap:5px 14px}.form-heading .form-icon{grid-row:span 2}.form-heading h2{font-size:24px}.form-heading>p{grid-column:2;margin:0}.next-steps{padding:0;list-style:none}.contact-submit{width:100%;justify-content:center}.contact-status:empty{display:none}
.copy-enquiry{border:0;background:none;color:#315f9c;font-size:12px;margin-top:12px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.hero-note,.visual-caption,.form-note{color:#61738b}.footer-top nav>a{color:#61738b}.footer-bottom{color:#61738b}
@media(min-width:1000px){.editorial-hero .display,.services-hero .display{font-size:clamp(50px,4.3vw,64px)}.capability-visual{position:sticky;top:130px}.capability-row .split{align-items:start}}
/* Direction is inherited inside every composition. Movement mirrors in JS. */
[dir=rtl]{--font:'Noto Sans Arabic',sans-serif;--heading:'Noto Sans Arabic',sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{letter-spacing:-.045em;line-height:1.5}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .hero-title{font-size:clamp(43px,4.65vw,67px);line-height:1.5}[dir=rtl] .icon-arrow,[dir=rtl] .icon-arrowUp{transform:scaleX(-1)}[dir=rtl] .hero-line{padding-block:0}[dir=rtl] .brand-demo{padding:35px 0 55px 22px}[dir=rtl] .brand-browser{transform:rotate(2deg)}[dir=rtl] .academy-sculpture{transform:scaleX(-1) rotate(25deg)}[dir=rtl] .mobile-preview{transform:rotate(-6deg)}[dir=rtl] .workspace-welcome h3{font-size:20px}[dir=rtl] .workspace-brand strong{font-size:9px}[dir=rtl] .course-detail strong{font-size:8px}[dir=rtl] .workspace-metrics strong{font-size:8px}[dir=rtl] .hero-note{font-size:10px}[dir=rtl] .hero-lead{max-width:640px}[dir=rtl] .card-back{transform:rotate(12deg)}[dir=rtl] .card-front{transform:rotate(-9deg)}[dir=rtl] .footer-wordmark{font-family:'Manrope',sans-serif;direction:ltr;letter-spacing:-.065em}[dir=rtl] .window-dots{direction:ltr}[dir=rtl] .tiny-label{letter-spacing:0}[dir=rtl] .academy-preview-hero h3{font-size:29px}[dir=rtl] .floating-card strong{font-size:12px}
/* The UI compositions have proportional text at their compact sizes. */
@container (max-width:600px){.workspace-sidebar{padding:14px 8px}.workspace-brand{gap:4px;margin-bottom:17px}.workspace-brand strong{font-size:7px}.academy-mark{width:18px;height:18px}.academy-mark .icon{width:11px;height:11px}.workspace-main{padding-inline:15px}.workspace-nav{font-size:6px;padding:7px 3px;gap:5px}.workspace-nav .icon{width:10px;height:10px}.workspace-welcome h3{font-size:17px}.workspace-welcome p{font-size:6px}.workspace-welcome{padding-block:13px}.workspace-welcome small{font-size:5px}.workspace-metrics{gap:7px;margin-bottom:12px}.workspace-metrics>div{padding:8px 5px;grid-template-columns:18px 1fr;gap:5px}.workspace-metrics .icon{width:18px;height:18px;padding:4px}.workspace-metrics strong{font-size:7px}.workspace-metrics span{font-size:5px}.workspace-top{height:36px;font-size:6px}.workspace-courses{gap:7px}.course-art{height:68px}.course-detail{padding:8px}.course-detail strong{font-size:7px;margin-bottom:8px}.course-detail>small,.course-caption{font-size:5px}.welcome-symbol{width:35px;height:35px}.welcome-symbol .icon{width:24px;height:24px}.workspace-sidebar-bottom{font-size:5px;inset-inline:8px}.workspace-section-title{font-size:8px}.workspace-section-title>span{font-size:6px}.workspace-bottom{font-size:6px}.product-window-student .course-art{height:95px}.product-window-student .workspace-welcome{padding-block:20px}}
@media(min-width:1600px){.wrap{max-width:1300px}.hero-title{font-size:80px}.hero-product{max-width:1230px}.hero{padding-top:70px}.hero-lead{font-size:18px}}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.nav-inner{gap:20px}.desktop-nav{gap:22px}.nav-actions{gap:18px}.brand img{width:140px}.hero-product{max-width:1080px}.hero-title{font-size:64px}.floating-card{padding:14px}.float-brand{inset-inline-start:-3px}.float-live{inset-inline-end:-5px}.section{padding-block:90px}.split{gap:45px}.section-head{gap:35px}.feature-card{padding:24px}.feature-card h3{font-size:21px}.builder-section .split{gap:50px}.tab-panel{padding:40px}.final-section{padding:50px}.final-content h2{font-size:45px}.footer-top{gap:35px}.contact-grid{gap:55px}.editorial-hero .split,.services-hero .split{gap:45px}.editorial-visual,.services-hero-visual{width:620px}.capability-copy>h2{font-size:39px}.capability-visual>.product-window{width:590px}.capability-row:nth-child(2) .capability-visual>.product-window{inset-inline-start:-120px}}
@media(max-width:999px){.wrap{width:calc(100% - 56px)}.desktop-nav,.nav-actions>.login-link{display:none}.nav-inner{height:78px}.menu-toggle{display:block}.nav-actions{gap:20px}.hero{padding-top:50px}.hero-title{font-size:57px}.hero-lead{max-width:560px;font-size:16px}.hero-product{margin-top:55px;padding-bottom:20px}.hero-dashboard{width:91%}.floating-card{padding:12px;gap:8px}.floating-card strong{font-size:10px}.floating-card small{font-size:6px}.floating-icon{width:28px;height:28px;border-radius:8px}.floating-icon .icon{width:17px;height:17px}.float-brand{top:34%;inset-inline-start:-10px}.float-live{top:68%;inset-inline-end:-10px}.float-course{top:-20px;font-size:9px}.tiny-avatars>span{font-size:6px}.value-strip{gap:20px;flex-wrap:wrap;justify-content:center;padding-block:25px 35px}.value-strip>p{width:100%;text-align:center}.value-strip>p br{display:none}.value-strip>p strong{margin-inline-start:5px}.value-strip>span{font-size:11px}.section-head{display:block}.section-head>.lead{max-width:600px;margin-top:24px}.section{padding-block:80px}.feature-grid{gap:15px}.feature-card{grid-column:span 3}.feature-card:nth-child(3){grid-column:span 2;min-height:280px;padding:22px}.feature-card:nth-child(n+4){grid-column:span 2;padding:22px}.feature-card:nth-child(n+3) h3{font-size:20px}.feature-live-art{height:80px}.feature-card:nth-child(n+3) p{font-size:12px}.feature-label{font-size:9px;gap:5px}.feature-label>.icon:last-child{display:none}.builder-section .split{grid-template-columns:1fr;gap:30px}.builder-copy{text-align:center;max-width:570px;margin-inline:auto}.builder-copy h2 br{display:none}.builder-copy h2{font-size:45px}.builder-copy h2 span:after{content:' '}.builder-copy .lead{max-width:570px}.check-list{display:flex;flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:0}.builder-section .split>div:last-child{max-width:630px;width:100%;margin-inline:auto}.brand-stage{padding-top:20px}.brand-demo{padding-inline-end:35px}.brand-controls{inset-inline-end:0}.mobile-preview{inset-inline-end:15px}.role-experience .tab-panel{grid-template-columns:.7fr 1.3fr;gap:25px}.role-copy h3{font-size:27px}.role-copy p{font-size:13px}.role-screen{width:520px;margin-inline-end:-220px}.process{grid-template-columns:1fr;margin:40px auto 0;max-width:550px;gap:28px}.process-track{height:auto;width:1px;inset-block:23px;inset-inline-start:22px;inset-inline-end:auto}.process-progress{width:100%;height:100%}.process-step{display:grid;grid-template-columns:45px 1fr;gap:5px 25px;align-items:center}.process-step .step-number{grid-row:span 2}.process-step h3{margin:0;font-size:17px}.process-step p{margin:0;grid-column:2;font-size:13px}.process-section .section-head{text-align:center}.process-section .section-head>.lead{margin-inline:auto}.final-section{grid-template-columns:1.2fr .8fr;padding:40px;min-height:430px;margin-block:60px;gap:10px}.final-content h2{font-size:36px}.final-content>p:not(.eyebrow){font-size:13px}.final-content .button{font-size:12px;padding:13px 18px}.final-visual{height:280px;width:290px}.final-card{width:210px}.card-back{inset-inline-start:0}.card-front{inset-inline-end:-20px;width:200px}.footer-top{gap:25px;grid-template-columns:1.4fr 1fr 1fr}.footer-top>nav:last-child{grid-column:2/4;flex-direction:row;flex-wrap:wrap;gap:15px}.footer-top>nav:last-child h2{width:100%;margin:0}.footer-languages{margin-top:0}.editorial-hero .split,.services-hero .split{grid-template-columns:1fr;gap:25px}.editorial-hero .hero-copy,.services-hero .hero-copy{max-width:680px}.editorial-hero .display,.services-hero .display{font-size:68px}.editorial-hero .lead,.services-hero .lead{max-width:620px}.editorial-visual,.services-hero-visual{width:90%;margin-inline:auto;padding-block:20px;transform:rotate(-3deg)}.story-band .split{gap:40px}.story-quote{font-size:39px}.story-copy .lead{font-size:17px}.story-copy>p+p{font-size:13px}.page-about .section:not(.editorial-hero):not(.story-band)>.split{grid-template-columns:1fr;gap:40px}.page-about .brand-demo{max-width:620px;margin-inline:auto}.page-about .section>.split>.section-head{max-width:680px}.principle-grid{gap:25px}.principle h3{font-size:21px}.principle p{font-size:13px}.ecosystem{max-width:590px;width:100%;margin-inline:auto}.capability-row .split{gap:30px}.capability-copy>h2{font-size:32px}.capability-copy>.lead{font-size:14px}.capability-detail p{font-size:12px}.capability-visual>.product-window{width:500px}.capability-row:nth-child(2) .capability-visual>.product-window{inset-inline-start:-155px}.capability-row .brand-demo{width:435px;max-width:none}.capability-row .brand-controls{inset-inline-end:20px}.page-services .tab-panel>.split{grid-template-columns:1fr;gap:25px}.page-services .tab-panel .product-window{width:100%}.contact-grid{gap:35px;grid-template-columns:.8fr 1.2fr}.contact-form{padding:26px}.contact-intro h2{font-size:28px}.contact-intro>.lead{font-size:14px}.contact-visual .brand-demo{display:none}.field-grid{gap:17px;grid-template-columns:1fr}.field-wide{grid-column:auto}.next-steps{gap:30px}.next-step h3{font-size:20px}[dir=rtl] .hero-title{font-size:52px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav-inner{height:73px}.brand img{width:122px}.nav-actions{gap:12px}.nav-actions>.button{display:none}.language-toggle{font-size:11px}.hero{padding-top:34px}.eyebrow-pill{font-size:8px;letter-spacing:.06em;padding:6px 10px;margin-bottom:20px}.hero-title{font-size:clamp(35px,7.4vw,51px);letter-spacing:-.053em;line-height:1.21}.hero-lead{font-size:14px;line-height:1.8;max-width:470px;margin-top:18px;padding-inline:5px}.hero-actions{gap:10px;margin-top:23px}.hero-actions .button{font-size:12px;padding:14px 18px;gap:10px}.hero-note{font-size:9px;padding-inline:10px;margin-top:16px}.hero-product{margin-top:42px;padding-top:0;padding-bottom:0;min-height:285px}.hero-dashboard{width:108%;margin-inline:-4%;transform:none}.hero-product .workspace-sidebar{display:none}.hero-product .workspace{grid-template-columns:1fr}.hero-product .workspace-main{padding-inline:15px}.hero-product .workspace-welcome{padding-block:12px}.hero-product .workspace-welcome h3{font-size:18px}.hero-product .workspace-welcome p{font-size:7px}.hero-product .workspace-top{height:28px}.hero-product .workspace-courses{gap:7px}.hero-product .workspace-metrics{gap:7px;margin-bottom:10px}.hero-product .workspace-metrics strong{font-size:8px}.hero-product .workspace-metrics>div{padding:8px 5px;gap:3px}.hero-product .course-art{height:59px}.hero-product .course-detail strong{font-size:7px;margin-bottom:7px}.hero-product .workspace-bottom{padding-block:10px 1px}.hero-product .window-chrome{height:25px}.hero-product .visual-caption{margin-top:52px;padding-inline:15px;font-size:8px}.float-brand{top:auto;bottom:24px;inset-inline-start:2%;padding:10px;gap:7px}.float-brand .floating-swatches{margin-top:5px}.floating-swatches i{width:10px;height:10px}.float-brand small{font-size:5px}.float-brand strong{font-size:8px}.float-brand .floating-icon{width:25px;height:25px}.float-live{top:auto;bottom:18px;inset-inline-end:1%;padding:10px;gap:6px}.float-live small{font-size:5px}.float-live strong{font-size:8px}.float-live .floating-icon{width:25px;height:25px}.float-live .tiny-avatars{margin-top:5px}.tiny-avatars>span{display:none}.tiny-avatars i{width:17px;height:17px;font-size:6px}.float-course{font-size:7px;top:-17px;padding:7px 10px;inset-inline-end:4%;gap:5px}.float-course>.icon{width:16px;height:16px;padding:2px}.hero-glow{width:250px;height:250px;filter:blur(45px)}.glow-blue{inset-inline-start:-180px}.glow-teal{inset-inline-end:-170px;top:200px}.hero-orbit{width:800px;height:500px;top:300px}.orbit-two{width:900px}.value-strip{padding-block:28px;column-gap:25px;row-gap:18px}.value-strip>p{font-size:11px;margin-bottom:4px}.value-strip>span{font-size:10px;gap:8px;width:calc(50% - 15px);justify-content:center}.value-strip>span .icon{width:18px;height:18px}.section{padding-block:65px}h2{font-size:33px;line-height:1.25;letter-spacing:-.045em}.eyebrow{font-size:9px;margin-bottom:16px}.section-head{margin-bottom:30px}.section-head>.lead{font-size:14px;margin-top:19px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card,.feature-card:nth-child(3),.feature-card:nth-child(n+4){grid-column:auto;min-height:0;padding:27px}.feature-card h3,.feature-card:nth-child(n+3) h3{font-size:26px;max-width:320px;margin-top:20px}.feature-card p,.feature-card:nth-child(n+3) p{font-size:13px;max-width:400px}.feature-label{font-size:10px}.feature-label>.icon:last-child{display:block}.mini-builder{max-width:300px;height:155px;margin:25px auto -55px}.feature-course-stack{height:120px;margin:22px 12px -20px;max-width:400px}.feature-live-art{height:130px;max-width:400px;margin-bottom:-12px}.feature-card:nth-child(n+4){padding-bottom:29px}.builder-copy h2{font-size:39px;line-height:1.25}.builder-copy h2 br{display:block}.builder-copy .lead{font-size:14px;margin-top:20px}.check-list{display:block;text-align:start;max-width:320px;margin:20px auto}.check-list li{font-size:12px}.builder-section .split{gap:24px}.brand-stage{padding-block:10px}.brand-demo{padding-block:45px 48px;padding-inline-end:22px}.brand-controls{width:140px;padding:12px;inset-inline-end:0;top:0}.control-heading{font-size:9px;margin-bottom:8px}.color-swatches{gap:7px;margin-block:5px 9px}.color-swatches button{width:28px;height:28px}.control-field{padding-top:7px}.control-field strong{font-size:8px;padding:5px}.academy-preview-nav{padding:13px 14px}.academy-preview-nav strong{font-size:6px}.academy-preview-nav>span{font-size:5px}.academy-preview-hero{padding:23px 16px;min-height:195px}.academy-preview-hero h3{font-size:27px;max-width:75%;line-height:1.2}.academy-preview-hero p{font-size:6px;max-width:155px}.academy-sculpture{width:140px;height:150px;top:45px;inset-inline-end:-25px;transform:scale(.8) rotate(25deg);transform-origin:right center}.tiny-label{font-size:5px}.academy-preview-cards{padding:14px;gap:8px;font-size:6px}.mini-art{height:40px}.brand-browser .window-chrome{height:25px;font-size:6px;padding-inline:10px}.mobile-preview{width:98px;border-width:4px;border-radius:17px;inset-inline-end:0;padding:8px 6px}.mobile-speaker{margin-bottom:9px}.mobile-preview-art{height:49px}.mobile-preview h4{font-size:10px}.mobile-preview>span{font-size:4px}.mobile-preview-button{font-size:5px}.visual-caption{font-size:8px;margin-top:12px}.tab-list{margin-bottom:25px;width:100%;gap:0;padding:4px}.tab-button{font-size:10px;padding:11px 10px;flex:1;gap:5px;white-space:nowrap}.tab-button .icon{width:14px;height:14px}.tab-panel{padding:28px 22px;border-radius:15px}.role-experience .tab-panel{grid-template-columns:1fr;gap:25px}.role-copy h3{font-size:28px;max-width:290px}.role-copy p{font-size:13px;margin-top:15px}.role-screen{width:480px;margin-inline-end:-200px;transform:rotate(-2deg)}.role-screen .workspace-sidebar{display:none}.role-screen .workspace{grid-template-columns:1fr}.role-screen .workspace-main{max-width:420px}.text-link{font-size:12px;margin-top:17px}.process{gap:25px;margin-top:33px}.process-step{gap:5px 20px}.process-step h3{font-size:16px}.process-step p{font-size:12px}.process-action{margin-top:30px}.process-action .button{font-size:12px}.final-section{margin-block:48px;padding:33px 25px 25px;grid-template-columns:1fr;gap:5px;min-height:0;text-align:center;border-radius:19px}.final-content h2{font-size:35px}.final-content .eyebrow{font-size:8px}.final-content>p:not(.eyebrow){font-size:13px}.final-content .hero-actions{justify-content:center;margin-top:24px}.final-content .button{font-size:11px;padding:12px 16px;gap:9px}.final-visual{height:245px;width:260px;margin:30px auto 10px}.card-back{width:195px;inset-inline-start:-5px;height:200px}.card-front{width:180px;inset-inline-end:-2px;padding:14px;top:47px}.final-card-art{height:75px}.final-card-logo{font-size:7px}.final-card-chip{font-size:6px}.final-orb{width:350px;height:350px;top:auto;bottom:-100px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 25px;padding-block:20px 32px}.footer-brand{grid-column:1/-1}.footer-brand .brand img{width:155px}.footer-brand>p{font-size:15px;margin-top:16px}.footer-tag{font-size:9px;margin-top:15px}.footer-top nav{gap:13px}.footer-top>nav:last-child{grid-column:1/-1;gap:15px;flex-direction:row}.footer-top nav>a{font-size:11px}.footer-top h2{font-size:11px}.footer-languages{font-size:10px}.footer-bottom{font-size:8px;gap:5px;align-items:center;padding-block:12px}.motion-toggle{font-size:8px;gap:5px;padding-inline:0}.footer-wordmark{font-size:18.5vw;margin-block:8px;letter-spacing:-.07em}.footer-wordmark span{margin-top:9px;margin-inline-start:3px}.editorial-hero,.services-hero{padding-block:45px 50px}.editorial-hero .display,.services-hero .display{font-size:49px}.editorial-hero .lead,.services-hero .lead{font-size:14px}.editorial-hero .hero-actions,.services-hero .hero-actions{gap:8px}.editorial-hero .hero-actions .button,.services-hero .hero-actions .button{font-size:11px;padding:13px 14px}.editorial-visual,.services-hero-visual{width:510px;margin-inline:0;padding-block:20px 5px;transform:rotate(-3deg)}.story-band .split{grid-template-columns:1fr;gap:30px}.story-quote{font-size:38px;max-width:370px}.story-copy .lead{font-size:17px}.story-copy>p+p{font-size:14px;line-height:1.9}.split{grid-template-columns:1fr;gap:35px}.page-about .section>.split>.section-head p:not(.eyebrow){font-size:14px;margin-block:18px}.principle-grid{grid-template-columns:1fr;gap:30px}.principle{padding-top:20px;display:grid;grid-template-columns:55px 1fr;column-gap:15px}.principle-number{grid-row:span 2;font-size:40px;margin-bottom:0}.principle h3{font-size:23px;line-height:1.3;padding-top:5px}.principle p{font-size:14px;margin-top:12px}.ecosystem{padding:20px;gap:10px;border-radius:20px}.ecosystem-center{padding:17px 10px 25px}.ecosystem-center strong{font-size:24px}.ecosystem-node{font-size:10px;padding:13px 10px;gap:7px}.ecosystem-node .icon{width:17px;height:17px}.capability-row .split{grid-template-columns:1fr;gap:35px}.capability-copy>h2{font-size:34px}.capability-copy>.lead{font-size:14px;margin-top:18px}.capability-detail{margin-top:20px;padding-top:19px}.capability-detail h3{font-size:16px}.capability-detail p{font-size:13px}.capability-row:nth-child(2) .capability-copy{order:0}.capability-row:nth-child(2) .capability-visual{order:1}.capability-row .brand-demo{width:100%;max-width:500px;margin-inline:auto}.capability-row .brand-controls{inset-inline-end:0}.capability-visual>.product-window{width:510px}.capability-row:nth-child(2) .capability-visual>.product-window{inset-inline-start:0}.page-services .tab-panel .product-window{width:480px}.page-services .tab-panel h3{font-size:28px}.page-services .tab-panel .lead{font-size:14px}.role-points{margin-block:20px 0}.role-points li{font-size:12px}.contact-hero{padding-block:43px 35px}.contact-hero .display{font-size:47px}.contact-hero .lead{font-size:15px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-intro h2{font-size:31px}.contact-intro>.lead{font-size:14px;margin-top:18px}.contact-intro>.muted{font-size:12px}.contact-channel{margin-top:20px;padding-block:18px}.contact-channel>a{font-size:13px}.contact-form{padding:25px 20px}.form-heading{gap:12px;margin-bottom:23px}.form-heading h2{font-size:24px}.field-grid{gap:20px}.field input,.field select,.field textarea{font-size:16px;padding:11px 12px}.field label{font-size:12px}.contact-submit .button{width:100%;font-size:13px}.form-note,.contact-status{font-size:11px}.next-steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.next-step{display:grid;grid-template-columns:45px 1fr;column-gap:20px}.next-step .step-number{grid-row:span 2;margin:0}.next-step h3{font-size:21px;line-height:1.35;padding-top:6px}.next-step p{font-size:13px;margin-top:10px;grid-column:2}[dir=rtl] .hero-title{font-size:clamp(30px,7.8vw,48px);line-height:1.5}[dir=rtl] .hero-lead{font-size:13px}[dir=rtl] .hero-note{font-size:8px}[dir=rtl] .eyebrow-pill{font-size:7px}[dir=rtl] .hero-actions .button{font-size:11px;padding:13px 15px}[dir=rtl] .floating-card strong{font-size:7px}[dir=rtl] .workspace-welcome h3{font-size:16px}[dir=rtl] .hero-product .workspace-metrics strong{font-size:7px}[dir=rtl] .hero-product .course-detail strong{font-size:6px}[dir=rtl] .builder-copy h2{font-size:37px}[dir=rtl] .academy-preview-hero h3{font-size:23px}[dir=rtl] .tab-button{font-size:9px;padding-inline:7px}[dir=rtl] .final-content h2{font-size:31px}[dir=rtl] .editorial-hero .display,[dir=rtl] .services-hero .display{font-size:44px}[dir=rtl] .footer-top nav>a{font-size:10px}[dir=rtl] .contact-hero .display{font-size:41px}[dir=rtl] .hero-product .visual-caption{font-size:7px}[dir=rtl] .brand-demo{padding:45px 0 48px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-dashboard,.brand-browser,.mobile-preview{transform:none}.process-step .step-number{background:var(--primary);border-color:var(--primary);color:white}}
html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] *,html[data-motion=reduced] *{animation:none!important}html[data-motion=paused] .process-step .step-number{background:var(--primary);color:white}
@media print{.site-nav,.site-footer,.floating-card,.hero-glow,.hero-orbit,.hero-actions,.final-section{display:none!important}*{opacity:1!important;transform:none!important}.wrap{width:100%}.section{padding-block:25px}.tab-panel[hidden]{display:block!important}.hero{padding-top:0}.product-window{box-shadow:none}.hero-product{break-inside:avoid}}