:root{color-scheme:dark;--navy:#13335f;--gold:#c09b50;--gold-hi:#d9b35e;--canvas:#09182b;--surface:#10243d;--surface-soft:#142b47;--border:#29415e;--ink:#f1f5fa;--muted:#a9b8cb;--muted-2:#758ba5;--white:#fff;--shadow:0 28px 80px rgba(0,0,0,.25);font-family:"IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html[data-theme=light]{color-scheme:light;--canvas:#f4f6f9;--surface:#fff;--surface-soft:#f8fafc;--border:#e3e8ef;--ink:#182230;--muted:#667085;--muted-2:#8a97a8;--shadow:0 24px 70px rgba(19,51,95,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--canvas);color:var(--ink);line-height:1.8;transition:background .45s,color .45s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--gold);color:#10243d}.skip-link{position:absolute;top:-60px;right:16px;z-index:100;background:var(--gold);color:#10243d;padding:8px 16px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--gold-hi);outline-offset:4px}.scroll-progress{height:2px;position:fixed;inset:0 0 auto;z-index:100;background:transparent}.scroll-progress span{display:block;width:0;height:100%;background:var(--gold-hi)}
.site-header{height:82px;padding:0 clamp(22px,6vw,96px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--canvas) 82%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);transition:background .4s,border-color .4s}.brand{display:flex;align-items:center;gap:12px;direction:ltr}.brand-word b{display:block;font:600 17px/1.1 "IBM Plex Sans",sans-serif;letter-spacing:3px;color:var(--ink)}.brand-word small{display:block;font-size:11px;line-height:1.4;color:var(--gold);letter-spacing:.12em}.main-nav{display:flex;gap:clamp(18px,3vw,44px);font-size:13px;color:var(--muted)}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--gold-hi)}.header-tools{display:flex;align-items:center;gap:10px}.language-toggle,.theme-toggle{height:38px;min-width:39px;border:1px solid var(--border);border-radius:50px;background:var(--surface);color:var(--ink);font:600 11px "IBM Plex Sans",sans-serif;transition:background .3s,border .3s}.language-toggle{padding:0 12px}.theme-toggle{width:39px;font-size:19px}.header-cta{display:flex;gap:14px;align-items:center;background:var(--gold);color:#142a43;padding:10px 16px;font-size:12px;font-weight:700;margin-inline-start:9px;transition:transform .25s,background .25s}.header-cta:hover{transform:translateY(-2px);background:var(--gold-hi)}.menu-toggle{display:none}
.hero{min-height:min(790px,calc(100svh - 82px));padding:clamp(65px,8vw,115px) clamp(24px,9vw,145px) 28px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:4vw;position:relative;overflow:hidden;background:radial-gradient(ellipse at 18% 52%,rgba(41,91,135,.38),transparent 37%),radial-gradient(ellipse at 84% 14%,rgba(192,155,80,.13),transparent 31%),linear-gradient(125deg,#081a30 0%,#102d50 56%,#163e61 100%);color:#fff;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.035) 50%,transparent 50.1%);pointer-events:none}.hero-noise{position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.hero-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 95%);pointer-events:none}.hero-orb{position:absolute;border:1px solid rgba(217,179,94,.17);border-radius:50%;pointer-events:none}.orb-a{width:720px;height:720px;right:-250px;top:-260px;box-shadow:0 0 0 65px rgba(217,179,94,.025),0 0 0 130px rgba(217,179,94,.018);animation:orb-drift 22s ease-in-out infinite alternate}.orb-b{width:400px;height:400px;left:-250px;bottom:-250px;border-color:rgba(122,165,198,.18);animation:orb-drift 17s ease-in-out infinite alternate-reverse}.hero-copy,.hero-visual{position:relative;z-index:2}.hero-copy{max-width:640px;text-align:right}.eyebrow,.section-index{display:flex;align-items:center;gap:12px;color:var(--gold-hi);font:600 10px/1.5 "IBM Plex Sans",sans-serif;letter-spacing:2px}.eyebrow-line{width:32px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(60px,7.2vw,100px);line-height:1.22;letter-spacing:-.045em;margin:28px 0 8px;font-weight:600}.hero h1 em,.intro h2 em,.cap-head h2 em,.manifesto h2 em,.closing h2 em{font-style:normal;color:var(--gold-hi)}.hero-english{font:500 clamp(16px,1.5vw,20px)/1.5 "IBM Plex Sans",sans-serif;color:#d7e2ec;letter-spacing:.02em;margin:0 0 25px}.hero-description{max-width:500px;color:#c1d0df;font-size:clamp(15px,1.15vw,17px);line-height:2.05;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:22px;padding:14px 20px;font-size:13px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s}.button-primary{background:var(--gold);color:#172b43;box-shadow:0 10px 35px rgba(0,0,0,.15)}.button-primary:hover{transform:translateY(-4px);background:var(--gold-hi);box-shadow:0 17px 35px rgba(0,0,0,.22)}.button-arrow{font:18px "IBM Plex Sans",sans-serif}.hero-secondary{display:flex;align-items:center;gap:15px;color:#e0e8f0;font-size:12px}.hero-secondary span:last-child{color:var(--gold-hi);font-size:18px;transition:transform .2s}.hero-secondary:hover span:last-child{transform:translateY(4px)}.hero-signature{display:flex;align-items:center;gap:13px;margin-top:62px;color:#a8b9cb;font-size:11px;letter-spacing:.04em}.signature-rule{width:38px;height:1px;background:var(--gold)}.hero-visual{height:490px;display:grid;place-items:center;perspective:1000px}.visual-halo{position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(84,135,173,.18);filter:blur(55px);animation:halo-pulse 7s ease-in-out infinite}.visual-orbit{position:absolute;border:1px solid rgba(217,179,94,.4);border-radius:50%;transform:rotate(-26deg);pointer-events:none}.orbit-one{width:min(38vw,460px);height:min(27vw,320px);animation:orbit-float 18s ease-in-out infinite alternate}.orbit-two{width:min(43vw,540px);height:min(32vw,390px);transform:rotate(34deg);border-style:dashed;border-color:rgba(168,197,218,.3);animation:orbit-float 25s ease-in-out infinite alternate-reverse}.visual-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 20px var(--gold);top:12%;left:18%}.orbit-two span{top:auto;left:auto;bottom:15%;right:17%;background:#a8c5da;box-shadow:0 0 18px #a8c5da}.logo-plaque{position:relative;width:min(390px,82%);padding:20px 25px 16px;background:rgba(248,250,252,.96);box-shadow:0 35px 100px rgba(0,0,0,.32);transform:rotate(-2deg);animation:plaque-float 8s ease-in-out infinite;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(12px)}.plaque-top,.plaque-bottom{display:flex;justify-content:space-between;align-items:center;color:#6b7c8e;font:600 8px "IBM Plex Sans",sans-serif;letter-spacing:1.4px}.plaque-status{display:flex;align-items:center;gap:6px;color:#94600b}.plaque-status i{width:5px;height:5px;border-radius:50%;background:#c09b50}.concept-logo{display:block;width:100%;height:265px;object-fit:contain;margin:2px auto}.plaque-bottom{border-top:1px solid #e5eaf0;padding-top:12px;font-size:7px}.plaque-dash{height:1px;flex:1;margin:0 12px;background:#c09b50}.floating-note{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;background:rgba(255,255,255,.96);color:#193554;font-size:10px;box-shadow:0 12px 35px rgba(0,0,0,.2);animation:note-float 6s ease-in-out infinite}.note-one{top:48px;right:-10px}.note-two{bottom:55px;left:-8px;animation-delay:-2.8s}.note-icon{font-size:16px;color:#b28a43}.visual-index{position:absolute;bottom:3px;right:12px;display:flex;align-items:center;gap:10px;color:#aabdd0;font:10px "IBM Plex Sans",sans-serif;letter-spacing:2px}.visual-index i{width:35px;height:1px;background:var(--gold)}.hero-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.19);padding-top:16px;color:#aebfd0;font:500 9px "IBM Plex Sans",sans-serif;letter-spacing:1.4px}.hero-footer b{color:var(--gold-hi);padding:0 4px}
.ticker{overflow:hidden;background:var(--gold);color:#172b43;padding:13px 0}.ticker-track{width:max-content;display:flex;align-items:center;gap:34px;animation:ticker-move 34s linear infinite;font:600 10px "IBM Plex Sans",sans-serif;letter-spacing:2px}.ticker-track i{font-style:normal;font-size:14px}.ticker:hover .ticker-track{animation-play-state:paused}
.section{padding:clamp(85px,10vw,145px) clamp(24px,10vw,160px)}.section-index{color:var(--gold);gap:14px}.section-index span:first-child{font:500 11px "IBM Plex Sans",sans-serif;opacity:.75}.intro{background:var(--canvas)}.intro-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:start;margin-top:45px}.intro h2,.cap-head h2,.manifesto h2,.closing h2{font-size:clamp(40px,5vw,68px);line-height:1.35;letter-spacing:-.045em;font-weight:500;margin:0;color:var(--ink)}.intro-text{padding-top:9px;max-width:520px}.intro-text p{font-size:15px;line-height:2.05;color:var(--muted);margin:0 0 20px}.underlined-link{display:inline-flex;align-items:center;gap:18px;margin-top:15px;padding-bottom:8px;border-bottom:1px solid var(--gold);font-size:12px;font-weight:600}.underlined-link b{color:var(--gold);font:18px "IBM Plex Sans",sans-serif}.intro-bottom{margin-top:100px;padding-top:18px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;color:var(--muted-2);font-size:10px}.intro-bottom span:first-child{font:10px "IBM Plex Sans",sans-serif;letter-spacing:1.5px}
.capabilities{background:var(--surface);border-block:1px solid var(--border)}.cap-head{display:grid;grid-template-columns:1fr .55fr;gap:8%;align-items:end;margin-bottom:55px}.cap-head h2{margin-top:25px}.cap-intro{color:var(--muted);font-size:14px;line-height:2;max-width:350px;margin:0 0 8px}.cap-list{border-top:1px solid var(--border)}.cap-row{display:grid;grid-template-columns:55px 90px 1fr 35px;gap:25px;align-items:center;padding:30px 10px;border-bottom:1px solid var(--border);transition:background .3s,padding .3s}.cap-row:hover{background:color-mix(in srgb,var(--gold) 5%,transparent);padding-inline:20px}.cap-row-number{color:var(--muted-2);font:12px "IBM Plex Sans",sans-serif}.cap-glyph{width:66px;height:66px;position:relative;display:grid;place-items:center}.glyph-structure span{position:absolute;width:15px;height:15px;border:1.5px solid var(--gold);border-radius:4px;transform:rotate(45deg)}.glyph-structure span:nth-child(1){top:2px}.glyph-structure span:nth-child(2){bottom:2px;left:9px}.glyph-structure span:nth-child(3){bottom:2px;right:9px}.glyph-structure span:nth-child(4){width:7px;height:7px;background:var(--gold);border:0}.glyph-report{display:flex;align-items:end;justify-content:center;gap:6px}.glyph-report span{width:10px;border:1px solid var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);height:23px}.glyph-report span:nth-child(2){height:40px}.glyph-report span:nth-child(3){height:31px}.glyph-flow span{position:absolute;width:19px;height:19px;border:1px solid var(--gold);border-radius:50%}.glyph-flow span:nth-child(1){top:3px}.glyph-flow span:nth-child(2){bottom:3px;right:4px}.glyph-flow span:nth-child(3){bottom:3px;left:4px}.glyph-progress span{position:absolute;width:14px;height:14px;border:1px solid var(--gold);transform:rotate(45deg)}.glyph-progress span:nth-child(1){top:4px}.glyph-progress span:nth-child(2){right:4px}.glyph-progress span:nth-child(3){bottom:4px}.glyph-progress span:nth-child(4){left:4px}.cap-row-copy{max-width:650px}.cap-label{font:600 9px "IBM Plex Sans",sans-serif;letter-spacing:1.7px;color:var(--gold);margin-bottom:8px}.cap-row h3{font-size:clamp(18px,2vw,24px);font-weight:500;margin:0 0 6px;letter-spacing:-.02em}.cap-row p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:620px}.cap-row-arrow{color:var(--gold);font:22px "IBM Plex Sans",sans-serif;transition:transform .25s}.cap-row:hover .cap-row-arrow{transform:translate(4px,-4px)}.cap-footnote{font-size:10px;color:var(--muted-2);margin:25px 0 0}
.manifesto{position:relative;overflow:hidden;background:linear-gradient(125deg,#0a1b30,#102f52 65%,#163b5c);color:#fff;padding:clamp(90px,12vw,165px) clamp(24px,10vw,160px);isolation:isolate}.manifesto:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 50%);z-index:-1}.manifesto-backdrop{position:absolute;right:-4vw;bottom:-9vw;z-index:-1;pointer-events:none}.manifesto-backdrop span{font:700 clamp(160px,29vw,420px)/.8 "IBM Plex Sans",sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.025)}.manifesto-inner{max-width:1000px}.manifesto .section-index{color:var(--gold-hi)}.manifesto h2{font-size:clamp(46px,6vw,82px);margin:38px 0 25px;color:#fff;line-height:1.25}.manifesto p{font-size:15px;line-height:2;color:#c3d2e0;max-width:570px}.principle-track{display:flex;align-items:center;gap:18px;margin-top:75px;max-width:650px}.principle-track div{display:flex;align-items:center;gap:12px;color:#e4ebf2;font:600 10px "IBM Plex Sans",sans-serif;letter-spacing:1.5px;white-space:nowrap}.principle-track b{color:var(--gold-hi);font-weight:500}.principle-track i{height:1px;background:rgba(255,255,255,.25);flex:1}
.closing{position:relative;overflow:hidden;background:var(--canvas);isolation:isolate}.closing-glow{position:absolute;width:500px;height:500px;left:-200px;top:10%;border-radius:50%;background:rgba(192,155,80,.09);filter:blur(90px);z-index:-1}.closing-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:end;margin-top:35px}.closing h2{font-size:clamp(54px,7vw,94px);line-height:1.2}.closing-copy{max-width:450px;padding-bottom:8px}.closing-copy p{color:var(--muted);font-size:15px;line-height:2;margin:0 0 24px}.contact-pending{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:7px;color:var(--muted);font-size:12px}.closing-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:100px;padding-top:20px;color:var(--muted-2);font-size:10px}.closing-bottom span:first-child{font:600 11px "IBM Plex Sans",sans-serif;letter-spacing:2px;color:var(--ink)}.closing-bottom b{color:var(--gold)}.closing-bottom a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;font-size:17px;transition:background .2s,color .2s}.closing-bottom a:hover{background:var(--gold);color:#142a43}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px clamp(24px,6vw,96px);border-top:1px solid var(--border);color:var(--muted-2);font-size:10px}.footer-brand{font:600 13px "IBM Plex Sans",sans-serif;letter-spacing:1.5px;color:var(--ink)}.footer-brand span{font-family:"IBM Plex Sans Arabic",sans-serif;color:var(--gold);margin-inline-start:6px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.65,.25,1),transform .8s cubic-bezier(.2,.65,.25,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero .reveal:nth-child(2){transition-delay:.08s}.hero .reveal:nth-child(3){transition-delay:.16s}.hero .reveal:nth-child(4){transition-delay:.24s}.hero .reveal:nth-child(5){transition-delay:.32s}.cap-row.reveal:nth-child(2){transition-delay:.08s}.cap-row.reveal:nth-child(3){transition-delay:.16s}.cap-row.reveal:nth-child(4){transition-delay:.24s}
html[data-theme=light] .site-header{background:rgba(244,246,249,.86)}html[data-theme=light] .brand-word b{color:var(--navy)}html[data-theme=light] .logo-plaque{box-shadow:0 35px 100px rgba(0,0,0,.32)}
[dir=rtl] .hero-copy,[dir=rtl] .intro,[dir=rtl] .capabilities,[dir=rtl] .closing{text-align:right}[dir=rtl] .hero-actions,[dir=rtl] .hero-signature{flex-direction:row}[dir=rtl] .hero-visual{direction:ltr}[dir=rtl] .logo-plaque{direction:ltr}[dir=rtl] .hero-footer,[dir=rtl] .intro-bottom,[dir=rtl] .closing-bottom{direction:ltr}[dir=rtl] .cap-row{direction:ltr;text-align:right;grid-template-columns:55px 90px 1fr 35px}[dir=rtl] .cap-row-copy{direction:rtl}[dir=rtl] .cap-row-arrow{transform:scaleX(-1)}[dir=rtl] .cap-row:hover .cap-row-arrow{transform:scaleX(-1) translate(4px,-4px)}[dir=rtl] .principle-track{direction:ltr}[dir=rtl] .manifesto-inner{text-align:right}[dir=rtl] .site-footer{direction:ltr}[dir=ltr] body{font-family:"IBM Plex Sans",sans-serif}[dir=ltr] .hero-copy,[dir=ltr] .intro,[dir=ltr] .capabilities,[dir=ltr] .closing,[dir=ltr] .manifesto-inner{text-align:left}[dir=ltr] .eyebrow,[dir=ltr] .section-index{justify-content:flex-start}[dir=ltr] .hero-visual{direction:ltr}[dir=ltr] .cap-row{direction:ltr;text-align:left}[dir=ltr] .cap-row-copy{direction:ltr}[dir=ltr] .intro-layout,[dir=ltr] .cap-head,[dir=ltr] .closing-layout{direction:ltr}[dir=ltr] .hero-footer,[dir=ltr] .intro-bottom,[dir=ltr] .closing-bottom,[dir=ltr] .site-footer{direction:ltr}
@keyframes plaque-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(-.5deg)}}@keyframes note-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes orb-drift{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(-25px,20px,0) rotate(12deg)}}@keyframes orbit-float{0%{transform:rotate(-26deg) scale(.96)}100%{transform:rotate(-18deg) scale(1.04)}}@keyframes halo-pulse{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes ticker-move{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:980px){.site-header{padding-inline:24px}.main-nav{gap:18px}.hero{grid-template-columns:1fr 1fr;padding-inline:6vw;gap:2vw}.hero h1{font-size:clamp(54px,7vw,78px)}.hero-visual{height:420px}.logo-plaque{width:88%}.concept-logo{height:230px}.floating-note{font-size:9px;padding:10px}.intro-layout,.closing-layout{gap:6%}.section{padding-inline:7vw}}
@media(max-width:700px){.site-header{height:70px;padding-inline:18px}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px 24px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:16px;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.header-tools{margin-inline-start:auto;margin-inline-end:12px}.header-cta{display:none}.menu-toggle{display:flex;width:38px;height:38px;border:1px solid var(--border);background:var(--surface);align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:15px;height:1px;background:var(--ink)}.hero{min-height:auto;grid-template-columns:1fr;padding:65px 24px 22px;gap:8px}.hero-copy{max-width:none}.hero h1{font-size:clamp(55px,13vw,78px);margin:22px 0 5px}.hero-description{font-size:14px}.hero-signature{margin-top:34px}.hero-visual{height:370px;margin-top:12px}.logo-plaque{width:min(340px,82%);padding:16px 20px 13px}.concept-logo{height:210px}.orbit-one{width:300px;height:230px}.orbit-two{width:340px;height:270px}.floating-note.note-one{top:27px;right:0}.floating-note.note-two{bottom:30px;left:0}.visual-index{bottom:-5px}.hero-footer{font-size:8px;letter-spacing:.7px}.hero-footer span:nth-child(2){display:none}.ticker{padding:11px 0}.section{padding:78px 24px}.intro-layout,.closing-layout{grid-template-columns:1fr;gap:25px;margin-top:28px}.intro h2,.cap-head h2{font-size:clamp(39px,10vw,58px)}.intro-text p{font-size:14px}.intro-bottom{margin-top:60px;flex-direction:column;gap:8px}.cap-head{grid-template-columns:1fr;gap:16px;margin-bottom:35px}.cap-head h2{margin-top:20px}.cap-intro{font-size:13px}.cap-row{grid-template-columns:28px 48px 1fr 18px;gap:12px;padding:23px 0}[dir=rtl] .cap-row{grid-template-columns:28px 48px 1fr 18px}.cap-glyph{width:46px;height:46px;transform:scale(.75)}.cap-row h3{font-size:17px}.cap-row p{font-size:11px}.cap-label{font-size:8px}.cap-footnote{line-height:1.8}.manifesto{padding:85px 24px}.manifesto h2{font-size:clamp(40px,10vw,62px)}.manifesto p{font-size:13px}.principle-track{gap:10px;margin-top:48px}.principle-track div{gap:6px;font-size:8px;letter-spacing:.6px}.closing h2{font-size:clamp(55px,13vw,78px)}.closing-copy p{font-size:14px}.closing-bottom{margin-top:65px;gap:10px}.site-footer{padding:22px 24px;flex-wrap:wrap}.site-footer span:nth-child(2){display:none}}
@media(max-width:390px){.language-toggle{min-width:34px}.theme-toggle{width:35px;min-width:35px}.header-tools{gap:6px}.cap-row{gap:8px;grid-template-columns:22px 38px 1fr 14px}[dir=rtl] .cap-row{grid-template-columns:22px 38px 1fr 14px}.cap-row h3{font-size:15px}.cap-row p{font-size:10px}}


/* Illustrative product experience — deliberately not a captured application screen. */
.experience{background:var(--canvas);overflow:hidden}
.experience-heading{display:grid;grid-template-columns:1.05fr .65fr;gap:9%;align-items:end;margin:38px 0 55px}
.experience-heading h2{font-size:clamp(38px,5vw,66px);line-height:1.32;letter-spacing:-.045em;font-weight:500;margin:0}
.experience-heading>p{color:var(--muted);font-size:14px;line-height:2;max-width:420px;margin:0 0 8px}
.product-preview{position:relative;background:#f4f6f9;color:#1b2a3d;border:1px solid #dce3eb;box-shadow:0 35px 90px rgba(0,0,0,.18);direction:ltr;overflow:hidden}
.preview-topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#fff;border-bottom:1px solid #e6ebf0}
.preview-brand,.preview-top-actions{display:flex;align-items:center;gap:11px}.preview-mark{display:grid;place-items:center;width:28px;height:28px;background:#13335f;color:#fff;font:700 13px "IBM Plex Sans",sans-serif}.preview-brand b{font:700 13px "IBM Plex Sans",sans-serif;letter-spacing:1.5px;color:#13335f}.preview-brand small{font:600 8px "IBM Plex Sans",sans-serif;letter-spacing:1px;color:#a07a34;border-left:1px solid #e0e5eb;padding-left:12px;margin-left:4px}.preview-search{font:10px "IBM Plex Sans",sans-serif;color:#8b98a8;background:#f4f6f9;padding:8px 13px;min-width:180px}.preview-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e8edf4;color:#29486b;font:600 11px "IBM Plex Sans Arabic",sans-serif}
.preview-body{display:grid;grid-template-columns:190px 1fr;min-height:410px}.preview-sidebar{background:#fff;border-right:1px solid #e5eaf0;padding:25px 15px;display:flex;flex-direction:column;gap:8px}.preview-side-label{font:600 8px "IBM Plex Sans",sans-serif;letter-spacing:1.5px;color:#9aa6b4;margin:0 10px 12px}.preview-nav-item{display:flex;align-items:center;gap:11px;padding:10px;color:#758397;font:500 10px "IBM Plex Sans Arabic","IBM Plex Sans",sans-serif}.preview-nav-item i{font-style:normal;width:17px;text-align:center;color:#9aa8b8;font-size:14px}.preview-nav-item.active{background:#edf2f7;color:#16385f;border-left:2px solid #c09b50}.preview-nav-item.active i{color:#c09b50}.preview-side-bottom{margin-top:auto;border-top:1px solid #edf0f4;padding:16px 8px 0;font:600 7px "IBM Plex Sans",sans-serif;letter-spacing:1.2px;color:#b18a46}
.preview-main{padding:30px 32px 26px;min-width:0}.preview-greeting{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.preview-greeting small{font:600 8px "IBM Plex Sans",sans-serif;letter-spacing:1.2px;color:#a07a34}.preview-greeting h3{font:600 24px "IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;color:#172f4d;margin:6px 0 0}.preview-greeting p{font:10px "IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;color:#8190a1;margin:0}.preview-date{font:600 7px "IBM Plex Sans",sans-serif;letter-spacing:1px;color:#8c9bad;border:1px solid #e0e6ed;padding:7px 9px}
.preview-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-stat{background:#fff;border:1px solid #e5eaf0;padding:15px;display:flex;flex-direction:column;gap:6px;min-height:105px}.preview-stat span{font:600 7px "IBM Plex Sans",sans-serif;letter-spacing:.8px;color:#8c9bad}.preview-stat b{font:500 25px "IBM Plex Sans",sans-serif;color:#18395f}.preview-stat i{font:10px "IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;color:#758397;font-style:normal}
.preview-lower{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-top:13px}.preview-panel{background:#fff;border:1px solid #e5eaf0;padding:16px;min-width:0}.preview-panel-head{display:flex;align-items:center;justify-content:space-between}.preview-panel-head b{font:600 11px "IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;color:#243c58}.preview-panel-head span{font:600 7px "IBM Plex Sans",sans-serif;letter-spacing:1px;color:#b18a46}.preview-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}.preview-flow>div{display:flex;flex-direction:column;gap:3px;min-width:0}.preview-flow i{font:600 7px "IBM Plex Sans",sans-serif;color:#b18a46;font-style:normal}.preview-flow b{font:600 10px "IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;color:#29415e}.preview-flow small{font:9px "IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;color:#8a97a8}.preview-flow>span{color:#c09b50;font-size:14px}.preview-note{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.preview-note-icon{font-size:17px;color:#c09b50}.preview-note b{font:600 11px "IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;color:#243c58;margin-top:5px}.preview-note p{font:9px/1.8 "IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;color:#8996a6;margin:4px 0 0}
.preview-disclaimer{display:flex;justify-content:center;align-items:center;gap:9px;padding:12px;background:#e9eef4;color:#60748a;font:600 7px "IBM Plex Sans",sans-serif;letter-spacing:1.1px;text-align:center}.preview-disclaimer span:first-child{color:#b18a46;font-size:12px}.experience-footnote{font-size:10px;color:var(--muted-2);margin:18px 0 0}
@media(max-width:760px){.experience-heading{grid-template-columns:1fr;gap:20px}.preview-body{grid-template-columns:56px 1fr;min-height:360px}.preview-sidebar{padding:18px 8px}.preview-side-label,.preview-nav-item span,.preview-side-bottom{display:none}.preview-nav-item{justify-content:center;padding:10px 4px;font-size:15px}.preview-main{padding:22px 15px}.preview-topbar{padding:0 13px}.preview-search{display:none}.preview-stat-grid{gap:6px}.preview-stat{padding:10px 8px;min-height:92px}.preview-stat span{font-size:6px;letter-spacing:0}.preview-stat b{font-size:21px}.preview-stat i{font-size:8px}.preview-lower{grid-template-columns:1fr}.preview-flow{gap:5px}.preview-flow small{font-size:7px}.preview-date{display:none}}
@media(max-width:420px){.preview-brand small{display:none}.preview-main{padding:18px 10px}.preview-flow{gap:3px}.preview-flow b{font-size:9px}.preview-flow small{font-size:6px}.preview-disclaimer{font-size:6px;letter-spacing:.5px}}
html[data-theme=light] .product-preview{box-shadow:0 25px 70px rgba(19,51,95,.11)}


/* Product-area showcase: original editorial illustrations, not application captures. */
.product-areas{background:var(--surface);border-block:1px solid var(--border)}
.product-areas-heading{display:grid;grid-template-columns:1fr .62fr;gap:9%;align-items:end;margin:38px 0 48px}
.product-areas-heading h2{font-size:clamp(40px,5vw,66px);line-height:1.32;letter-spacing:-.045em;font-weight:500;margin:0}
.product-areas-heading h2 em{font-style:normal;color:var(--gold)}
.product-areas-heading>p{color:var(--muted);font-size:14px;line-height:2;max-width:420px;margin:0 0 8px}
.product-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product-area-card{background:var(--canvas);border:1px solid var(--border);min-width:0;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}
.product-area-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--gold) 55%,var(--border));box-shadow:var(--shadow)}
.area-card-top{display:flex;align-items:center;justify-content:space-between;padding:15px 19px 0;color:var(--muted-2);font:600 8px "IBM Plex Sans",sans-serif;letter-spacing:1.2px}
.area-card-top span:last-child{color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);padding:4px 7px}
.area-visual{height:190px;margin:0 19px;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);overflow:hidden}
.area-visual:before{content:"";position:absolute;inset:18px 0;background-image:linear-gradient(color-mix(in srgb,var(--border) 50%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 50%,transparent) 1px,transparent 1px);background-size:26px 26px;opacity:.45;mask-image:radial-gradient(ellipse,#000 20%,transparent 78%)}
.org-visual{flex-direction:column;gap:0}
.org-node,.org-children>div{width:104px;height:42px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 55%,var(--border));display:flex;align-items:center;gap:7px;padding:0 10px;position:relative;z-index:1}
.org-node{box-shadow:0 7px 25px rgba(0,0,0,.08)}
.org-node i,.org-children i{width:13px;height:13px;border-radius:50%;background:color-mix(in srgb,var(--gold) 60%,var(--surface));flex:none}
.org-node b,.org-children b{height:4px;background:var(--muted-2);opacity:.6;width:26px}
.org-node b:last-child,.org-children b:last-child{width:17px;opacity:.35}
.org-branches{height:28px;width:48%;border-top:1px solid var(--gold);border-left:1px solid var(--gold);border-right:1px solid var(--gold);margin-top:0;position:relative;top:14px;z-index:0}
.org-children{display:flex;justify-content:space-between;width:48%;gap:30px;position:relative;top:0}
.org-children>div{width:108px;height:38px}
.report-visual{gap:24px}
.report-sheet{width:205px;height:132px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 28px rgba(0,0,0,.08);padding:17px;position:relative;z-index:1}
.sheet-heading{display:flex;align-items:center;gap:8px;margin-bottom:17px}.sheet-heading i{width:15px;height:15px;border-radius:3px;background:var(--gold)}.sheet-heading b,.sheet-heading span{height:5px;width:55px;background:var(--muted-2);opacity:.65}.sheet-heading span{width:28px;opacity:.3}
.sheet-line{height:5px;width:70%;background:var(--border);margin:10px 0}.sheet-line.long{width:94%}.sheet-line.medium{width:48%}
.sheet-footer{display:flex;justify-content:space-between;margin-top:15px}.sheet-footer i{width:45px;height:13px;background:color-mix(in srgb,#4e9b7b 22%,var(--surface));border:1px solid #4e9b7b}.sheet-footer b{width:34px;height:5px;background:var(--muted-2);opacity:.4;margin-top:4px}
.report-stamp{width:67px;height:67px;border:1px solid #4e9b7b;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#4e9b7b;transform:rotate(12deg);background:var(--surface);z-index:1}.report-stamp span{font:20px "IBM Plex Sans",sans-serif}.report-stamp b{width:30px;height:3px;background:#4e9b7b;margin:2px}.report-stamp small{width:20px;height:2px;background:#4e9b7b;opacity:.55}
.claims-visual{flex-direction:column;gap:0}
.claim-step{height:38px;width:230px;display:grid;grid-template-columns:25px 1fr 44px;gap:10px;align-items:center;position:relative;z-index:1}
.claim-step i{width:23px;height:23px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font:9px "IBM Plex Sans",sans-serif;color:var(--muted-2);font-style:normal;background:var(--surface)}
.claim-step.done i{background:#397f69;color:white;border-color:#397f69}.claim-step.current i{border-color:var(--gold);color:var(--gold)}
.claim-step span{height:5px;width:75%;background:var(--border)}.claim-step b{height:5px;width:35px;background:var(--border)}
.claim-step.done span{background:color-mix(in srgb,#397f69 60%,var(--border))}
.claim-connector{height:13px;width:1px;background:var(--border);margin-left:-205px}
.missions-visual{gap:13px}
.mission-board{width:220px;background:var(--surface);border:1px solid var(--border);padding:12px 15px;z-index:1;box-shadow:0 10px 28px rgba(0,0,0,.07)}
.mission-board>div{display:flex;align-items:center;gap:11px;padding:8px 0;border-bottom:1px solid var(--border)}.mission-board>div:last-child{border:0}
.mission-board i{width:13px;height:13px;border:1px solid var(--muted-2);border-radius:3px;flex:none}.mission-board i.checked{background:#397f69;border-color:#397f69;position:relative}.mission-board i.checked:after{content:"✓";position:absolute;color:#fff;font:9px "IBM Plex Sans",sans-serif;left:2px;top:-1px}
.mission-board span{height:5px;width:100px;background:var(--muted-2);opacity:.38}.mission-board>div:nth-child(2) span{width:130px}.mission-board>div:nth-child(3) span{width:80px}
.mission-side{display:flex;flex-direction:column;gap:9px}.mission-side i{width:37px;height:29px;background:var(--surface);border:1px solid var(--border);display:block}.mission-side i:first-child{border-color:var(--gold)}
.area-card-copy{padding:20px 22px 24px}.area-card-kicker{font:600 8px "IBM Plex Sans",sans-serif;letter-spacing:1.5px;color:var(--gold);margin-bottom:8px}.area-card-copy h3{font-size:clamp(18px,2vw,22px);font-weight:500;line-height:1.5;margin:0 0 7px}.area-card-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;max-width:490px}
.product-areas-note{font-size:10px;line-height:1.8;color:var(--muted-2);margin:20px 0 0}
@media(max-width:760px){.product-areas-heading{grid-template-columns:1fr;gap:18px}.product-area-grid{gap:12px}.area-visual{height:165px;margin-inline:13px}.area-card-copy{padding:16px}.area-card-copy h3{font-size:17px}.area-card-copy p{font-size:11px}.area-card-top{padding-inline:13px}.org-branches,.org-children{width:60%}}
@media(max-width:540px){.product-area-grid{grid-template-columns:1fr}.area-visual{height:180px}.area-card-copy{padding:18px 19px 21px}}