/* Moath palette: logo blue, cyan highlights and silver, on a navy foundation. */
:root{--brand-blue:#087ffc;--brand-cyan:#03d3e7;--brand-silver:#e7edf4;--bg:#070e1b;--line:#7fa9d522;--text:#eaf2fb;--muted:#9caec5}
html{scrollbar-gutter:stable}.site-header{transition:background .3s,box-shadow .3s,border-color .3s}.site-header.is-scrolled{background:#080f1bf5;box-shadow:0 8px 32px #00000028;border-color:#80b3da30}.brand{gap:12px}.logo-frame{position:relative;background:#020b24;border:1px solid #7eacc940;border-radius:12px;box-shadow:0 3px 14px #0002,0 0 0 3px #6eadd206;isolation:isolate;transition:border-color .3s,box-shadow .3s}.logo-frame img{transform:scale(1.38);transition:transform .5s cubic-bezier(.2,.7,.3,1)}.logo-frame:after{content:"";position:absolute;inset:-80% -120%;background:linear-gradient(105deg,transparent 40%,#ecfbffe6 50%,transparent 60%);transform:translateX(-40%);opacity:0;pointer-events:none}.brand:hover .logo-frame{border-color:#55bcf07a;box-shadow:0 5px 25px #007bdb20}.brand:hover .logo-frame:after{animation:logo-sheen .85s ease-out}.brand small{color:#99b1c9;letter-spacing:.1px}.brand>span:last-child{color:var(--brand-silver)}.button{background:linear-gradient(115deg,#1388f6,#23bce8);color:#03162c;border-color:#72caff20;box-shadow:0 5px 20px #006cc214;transition:transform .25s cubic-bezier(.2,.75,.25,1),box-shadow .25s,background .25s,border-color .25s}.button:hover{background:linear-gradient(115deg,#4aa5ff,#48d6ed);box-shadow:0 9px 32px #0087db24}.button:active{transform:translateY(0) scale(.98)}.button.secondary{border-color:#9bb7d22f;background:#829db305;color:#dbeaf6;box-shadow:none}.inline-link{color:#6dbfe9}.hero h1 span{background:linear-gradient(115deg,#8ac8ff 10%,#47cadb 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.page-head h1 span,.principles-layout h2 span{color:#8fc4e6}.hero-kicker{color:#b7c8da}.live-dot{background:#23bce8;box-shadow:0 0 0 4px #10a7dd0a}.card-top>.icon,.offering-grid>a>.icon{color:#7ebfe8}.group-card,.service-card,.offering-grid>a,.tool-card{background:linear-gradient(145deg,#14223780,#0b142080);border-color:#729ac626;box-shadow:0 8px 28px #00000009;transition:transform .3s cubic-bezier(.2,.75,.25,1),border-color .3s,background .3s,box-shadow .3s}.group-card:hover,.service-card:hover,.offering-grid>a:hover,.tool-card:hover{border-color:#3899d867;box-shadow:0 14px 36px #001c3726;transform:translateY(-5px);background:linear-gradient(145deg,#19344a80,#10213380)}.cta-panel{background:radial-gradient(ellipse at 10% 10%,#087df516,transparent 60%),linear-gradient(110deg,#122238,#111c2a);border-color:#5b9ec448}.principles-section{background:linear-gradient(110deg,#0b1b2d70,#0a142388)}.scene-label{color:#7c9cba}.art-tag{background:linear-gradient(120deg,#16273be8,#0c1929eb);border-color:#7eafcf37;box-shadow:0 12px 36px #0003}.art-tag .icon{color:#8bc9ec}.art-tag small{color:#9cb4c9}.footer-note{color:#899db3}.menu-scrim{display:none}.menu-bars{width:19px;height:16px;position:relative;display:block}.menu-bars i{height:1.5px;width:19px;display:block;position:absolute;left:0;top:0;background:currentColor;border-radius:2px;transition:transform .28s cubic-bezier(.3,.7,.2,1),opacity .18s,top .28s}.menu-bars i:nth-child(2){top:7px}.menu-bars i:nth-child(3){top:14px}#menu-toggle[aria-expanded=true] .menu-bars i:first-child{top:7px;transform:rotate(45deg)}#menu-toggle[aria-expanded=true] .menu-bars i:nth-child(2){opacity:0;transform:scaleX(.4)}#menu-toggle[aria-expanded=true] .menu-bars i:nth-child(3){top:7px;transform:rotate(-45deg)}.footer-social{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:21px;border-top:1px solid var(--line);color:#9bb1c6;font-size:12px}.social-links{display:flex;gap:9px;flex-wrap:wrap}.social-links>a,.social-links>button{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;border:1px solid #8fadc730;background:#88b6d007;color:#aecbe0;border-radius:9px;min-width:44px;height:44px;padding:10px;transition:transform .25s,background .25s,border-color .25s,color .25s}.social-links .icon{width:19px;height:19px}.social-links>a:hover,.social-links>button:hover{background:#1684c115;color:#a1ddff;border-color:#47a9df7c;transform:translateY(-3px)}.social-links>a:active,.social-links>button:active{transform:scale(.96)}.channel-pending{width:4px;height:4px;border-radius:50%;background:#7990a5;position:absolute;right:5px;bottom:5px}.channels-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.channel-card{padding:22px 20px;background:linear-gradient(125deg,#12243990,#0c1625);border:1px solid var(--line);border-radius:11px;transition:border-color .3s,transform .3s,box-shadow .3s}.channel-card:hover{transform:translateY(-3px);border-color:#65afe257;box-shadow:0 8px 25px #001b3824}.channel-card:last-child{grid-column:1/-1}.channel-title{display:flex;align-items:center;gap:12px}.channel-title>.icon{width:24px;height:24px;color:#7fbee8}.channel-title>h3{font:600 16px/1.8 Arial,Studio,sans-serif}.channel-card>p{font-size:10px;margin-block:12px}.channel-card>.inline-link{font-size:11px;gap:20px;min-height:36px}.channels-heading{margin-bottom:18px}.contact-layout{grid-template-columns:1fr 1.15fr;gap:65px}.contact-main>p{max-width:440px}.site-footer .brand .logo-frame{width:48px;height:48px}.site-footer .brand small{font-size:9px}dialog[open]{animation:dialog-enter .24s cubic-bezier(.2,.8,.2,1)}dialog[open]::backdrop{animation:backdrop-enter .2s ease-out}.faq-list details[open]>p{animation:content-enter .25s ease-out}.filter-bar button{transition:background .2s,border-color .2s,color .2s}.field input,.field textarea,.field select{transition:background .2s,border-color .2s,box-shadow .2s}
.motion-ready .reveal{opacity:0;translate:0 17px;transition:opacity .65s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms),translate .65s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms),transform .3s,border-color .3s,box-shadow .3s,background .3s}.motion-ready .reveal.is-visible,.motion-ready .reveal:focus-within{opacity:1;translate:0 0}
@keyframes logo-sheen{0%{transform:translateX(-40%);opacity:0}20%{opacity:1}100%{transform:translateX(40%);opacity:0}}@keyframes layer-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes tag-float{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes ambient-breathe{0%,100%{opacity:.65}50%{opacity:1}}@keyframes dialog-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}@keyframes content-enter{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.architecture .stack-top{animation:layer-float 7s ease-in-out infinite}.architecture .stack-middle{animation:layer-float 8s 1.2s ease-in-out infinite}.art-tag.tag-one{animation:tag-float 6.5s .5s ease-in-out infinite}.art-tag.tag-two{animation:tag-float 7.5s 1.5s ease-in-out infinite}.tech-scene:before{animation:ambient-breathe 8s ease-in-out infinite}}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .16s ease-out}::view-transition-new(root){animation:page-in .25s ease-out}@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0}to{opacity:1}}
html[data-theme=light]{--bg:#f4f7fb;--text:#152e49;--muted:#536a82;--line:#345e851f}html[data-theme=light] .site-header{background:#f8fbffeb}html[data-theme=light] .site-header.is-scrolled{background:#f8fbfff5;box-shadow:0 5px 28px #1d4b7610;border-color:#3f75962b}html[data-theme=light] .brand>span:last-child{color:#173651}html[data-theme=light] .brand small{color:#496b85}html[data-theme=light] .logo-frame{background:#020b24;border-color:#6591b24d;box-shadow:0 3px 15px #113f651a,0 0 0 3px #087ffc04}html[data-theme=light] .button{background:linear-gradient(115deg,#086ed7,#087eaa);color:#fff;border-color:#086ed711}html[data-theme=light] .button:hover{background:linear-gradient(115deg,#045fbf,#006f99)}html[data-theme=light] .button.secondary{background:#fff;color:#215477;border-color:#477c9c40;box-shadow:none}html[data-theme=light] .hero h1 span{background:linear-gradient(115deg,#086fce,#087e9e);background-clip:text;-webkit-background-clip:text;color:transparent}html[data-theme=light] .page-head h1 span,html[data-theme=light] .principles-layout h2 span{color:#236f9e}html[data-theme=light] .group-card,html[data-theme=light] .service-card,html[data-theme=light] .offering-grid>a,html[data-theme=light] .tool-card,html[data-theme=light] .channel-card{background:linear-gradient(140deg,#fff,#f6faff);border-color:#336d982b;box-shadow:0 6px 24px #1b4a7005}html[data-theme=light] .group-card:hover,html[data-theme=light] .service-card:hover,html[data-theme=light] .offering-grid>a:hover,html[data-theme=light] .tool-card:hover,html[data-theme=light] .channel-card:hover{border-color:#1e85be66;box-shadow:0 12px 30px #1658810d}html[data-theme=light] .cta-panel{background:radial-gradient(ellipse at 10% 10%,#2aa4ed10,transparent 60%),linear-gradient(110deg,#e9f2fb,#f7fbff);border-color:#4388ae3b}html[data-theme=light] .hero-kicker{color:#426582}html[data-theme=light] .live-dot{background:#1489b9}html[data-theme=light] .principles-section{background:linear-gradient(110deg,#eaf1f9,#eff6fb)}html[data-theme=light] .card-top>.icon,html[data-theme=light] .offering-grid>a>.icon,html[data-theme=light] .channel-title>.icon{color:#287eb3}html[data-theme=light] .art-tag{background:linear-gradient(120deg,#fff,#eaf3fa);border-color:#6290b544;color:#1c4767}html[data-theme=light] .art-tag small{color:#4b6e8a}html[data-theme=light] .art-tag .icon{color:#2a80b0}html[data-theme=light] .footer-social{color:#426580}html[data-theme=light] .social-links>a,html[data-theme=light] .social-links>button{background:#fff;color:#3c718f;border-color:#3c7b9f3b}html[data-theme=light] .social-links>a:hover,html[data-theme=light] .social-links>button:hover{color:#075f94;background:#e8f4fb;border-color:#3487ba72}html[data-theme=light] .channel-pending{background:#8194a3}
@media(max-width:1100px){body.menu-is-open{overflow:hidden}.menu-scrim{display:block;position:fixed;inset:0;z-index:19;background:#020a1855;backdrop-filter:blur(2px);border:none;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s .3s}.menu-scrim.visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease,visibility 0s}.site-header nav{display:flex;max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;padding:0 24px;transform:translateY(-7px);border-bottom-color:transparent;box-shadow:none;transition:max-height .33s cubic-bezier(.2,.7,.3,1),opacity .2s ease,transform .3s ease,padding .33s ease,visibility 0s .33s}.site-header nav.open{display:flex;max-height:min(540px,calc(100dvh - 88px));padding:14px 24px;overflow-y:auto;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);border-bottom-color:#5f96bd40;box-shadow:0 20px 36px #020a1820;overscroll-behavior:contain;transition:max-height .38s cubic-bezier(.2,.7,.3,1),opacity .23s ease,transform .3s ease,padding .38s ease,visibility 0s}.site-header nav a{opacity:0;transform:translateY(-4px);transition:background .2s,color .2s,opacity .18s,transform .18s}.site-header nav.open a{opacity:1;transform:none;transition:background .2s,color .2s,opacity .28s .06s,transform .28s .06s}.site-header nav a:hover,.site-header nav a[aria-current]{background:#168bd40a;border-radius:5px}.site-header nav.open a:nth-child(2){transition-delay:0s,0s,.085s,.085s}.site-header nav.open a:nth-child(3){transition-delay:0s,0s,.11s,.11s}.site-header nav.open a:nth-child(4){transition-delay:0s,0s,.135s,.135s}.site-header nav.open a:nth-child(n+5){transition-delay:0s,0s,.16s,.16s}html[data-theme=light] .menu-scrim{background:#29415e24}.contact-layout{gap:35px}}
@media(max-width:850px){.site-header nav.open{max-height:min(540px,calc(100dvh - 76px))}.contact-layout{grid-template-columns:.8fr 1.2fr;gap:30px}.channels-grid{gap:12px}.channel-card{padding:19px 16px}.channel-title{gap:9px}.channel-title>h3{font-size:15px}.channel-title>.icon{width:21px;height:21px}.channel-card>.inline-link{font-size:10px}}
@media(max-width:600px){.brand{gap:9px}.site-header nav,.site-header nav.open{padding-inline:20px}.site-header nav.open{max-height:calc(100dvh - 72px);padding-block:10px}.contact-layout{grid-template-columns:1fr;gap:32px}.channels-grid{gap:12px}.channel-card{padding:22px 18px}.channel-title>h3{font-size:16px}.channel-card>p{font-size:9px}.channel-card>.inline-link{font-size:11px}.footer-social{align-items:center;flex-wrap:wrap;gap:15px;font-size:11px}.social-links{gap:8px}.social-links>a,.social-links>button{width:42px;height:42px;min-width:42px}.social-links .icon{width:18px;height:18px}.site-footer .brand .logo-frame{width:40px;height:40px}.site-footer .brand small{font-size:8px}.motion-ready .reveal{translate:0 12px}.motion-ready .reveal.is-visible{translate:0 0}.group-card:hover,.service-card:hover,.offering-grid>a:hover,.tool-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .reveal{opacity:1;translate:none;transition:none}.site-header nav,.site-header nav.open,.site-header nav a,.menu-scrim,.menu-bars i,.social-links>a,.social-links>button{transition:none!important}.architecture .stack,.art-tag,.tech-scene:before,dialog[open],dialog[open]::backdrop,.faq-list details[open]>p,.brand:hover .logo-frame:after{animation:none!important}::view-transition-old(root),::view-transition-new(root){animation:none}.group-card:hover,.service-card:hover,.offering-grid>a:hover,.tool-card:hover,.channel-card:hover,.social-links>a:hover,.social-links>button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html[dir] :is(a:hover,button:hover,a:focus-visible,button:focus-visible) .arrow{translate:0 0}}