/* Digital studio: graphite surfaces, cyan signals and precise technical detail. */
:root{color-scheme:dark;--paper:#080c14;--ink:#e9f4ff;--text:#e3edf8;--muted:#95a5bb;--line:#253044;--lime:#70e7ed;--white:#111a28}
body{background:#080c14;background-image:radial-gradient(ellipse at 80% 0,#103b5633,transparent 38%);color:var(--text)}
em,.mint{color:#6ce5e9}p{color:var(--muted)}h1,h2{font-weight:550;letter-spacing:-.055em}
.site-header{background:#080c14e8;border-color:#263248;backdrop-filter:blur(20px)}
.header-inner{height:88px}.brand{color:#f1f6ff}.brand-symbol{background:#6ce5e9;color:#08131e;border-radius:7px 7px 7px 0;box-shadow:0 0 25px #5cebf015}.brand-dot{color:#71e4ea}
#navigation>a:hover,#navigation>[aria-current]{color:#70e7ed}.nav-cta{border-color:#29364a}
.menu-toggle{border-color:#354158}.menu-toggle span{background:#e0f1ff}
.hero{padding-block:100px 95px;gap:65px;position:relative}.hero::before{content:'';position:absolute;left:-25px;top:50px;width:42px;height:42px;border-top:1px solid #4b6578;border-left:1px solid #4b6578;pointer-events:none}
.hero h1{font-size:clamp(48px,5.8vw,83px);line-height:1.07;max-width:700px}.hero h1 em{display:inline-block;color:#6ce5e9}.hero-copy .eyebrow{color:#87dce4;font-size:9px;letter-spacing:.16em}.status-dot,.live-dot{background:#72edf0;box-shadow:0 0 12px #74e7ed70}
.hero-copy>p{max-width:440px;line-height:1.9;color:#9baac0}.hero-note{color:#8fa0b8}.hero-note>span{color:#75dce2;border-color:#344057}.hero-actions{margin-top:35px}
.button{background:#73e4eb;border-color:#73e4eb;color:#07131e;border-radius:3px;font-weight:650;box-shadow:0 4px 24px #4de3eb0a;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{background:#a1f3f5;color:#07131e;box-shadow:0 0 24px #4de3eb25;transform:translateY(-2px)}
.underlink{border-color:#496075;color:#c1e7ef}.underlink:hover{color:#75e4eb;border-color:#75e4eb}
.hero-visual{background:#0e1725;border-color:#32435c;border-radius:7px;box-shadow:0 35px 85px #0006,0 0 70px #29d8e00b;overflow:visible}
.visual-top,.visual-bottom{color:#8da4bc;border-color:#29384d;font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.1em}.visual-top{padding-block:19px;background:#ffffff02}.visual-bottom{background:#ffffff02}
.ecosystem{height:410px;background-color:#0d1623;background-image:radial-gradient(ellipse at 50% 50%,#17546b50,transparent 60%),linear-gradient(#4f9abc0b 1px,transparent 1px),linear-gradient(90deg,#4f9abc0b 1px,transparent 1px);background-size:auto,27px 27px,27px 27px}
.ecosystem-orbit{border-color:#345a76}.orbit-one{width:220px;height:220px;box-shadow:0 0 35px #56dfe70b,inset 0 0 35px #56dfe709}.orbit-two{width:350px;height:350px;border-style:dashed;border-color:#35516c;animation:orbit-drift 100s linear infinite}
.core-mark{background:#112e43;color:#d8fbff;border:1px solid #63d6e4;border-radius:22px;transform:translate(-50%,-50%);box-shadow:0 0 0 9px #53cde609,0 0 65px #45d7e32b;font-size:76px}.core-mark span{color:#67e5ec}
.system-node{background:#131f30f5;border:1px solid #344d67;border-radius:5px;box-shadow:0 12px 22px #0003;color:#ddecfa}.system-node strong{font-weight:550}.system-node small{color:#8ba2bc}.node-icon{background:#1b3546;color:#80e4ec;border:1px solid #32556c;border-radius:4px}.node-web{top:36px}.node-ai{bottom:25px}.orbit-point{background:#7ee7ed;border-color:#0e1725;box-shadow:0 0 14px #7ee7ed55}.visual-caption{color:#748ba6;font-family:ui-monospace,Consolas,monospace}
.principles{background:#0d1420;border-color:#253248}.principles>.shell{color:#a6b5c8}.principles i{color:#73dae5}
.products-section,.work-section,.process-section{padding-block:90px}.section-heading .eyebrow{color:#6ec4d3;font-family:ui-monospace,Consolas,monospace;font-size:9px}.section-heading>p{color:#94a4ba}
.product-list{border-color:#29364b}.product-row{border-color:#29364b}.product-row summary{padding-block:28px}.product-row summary:hover h3{color:#79e5eb}.product-row[open] h3{color:#7de8ee}.product-number{color:#6b92b0;font-family:ui-monospace,Consolas,monospace}.product-promise{color:#879db5}.expand-icon{color:#70dae5}.product-tags{color:#6dabbf}.product-description>p{color:#9aadc3}.product-figure img{border-color:#344759;background:#182431;filter:saturate(.65)}.product-figure figcaption{color:#6e8ca5;font-family:ui-monospace,Consolas,monospace;font-size:7px}
.automation-section{background:#101b2a;border-top:1px solid #2a3c51;border-bottom:1px solid #2a3c51;position:relative}.automation-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 0,#17465933,transparent 65%);pointer-events:none}.automation-section>.shell{position:relative}.automation-grid .eyebrow{color:#70cbd5}.automation-grid h2{color:#e6effa}.automation-grid em{color:#6ed7e2}.automation-grid p{color:#9caec3}.automation-grid .underlink{border-color:#476b80}
.workflow{background:#0c1420;border-color:#324c63;border-radius:5px;box-shadow:0 20px 45px #0002}.workflow-label{color:#79b4c6}.workflow-step{border-color:#263d52}.workflow-step>span{background:#112c3b;color:#73dae5;border-color:#2a5267}.workflow-step strong{color:#e0edfb}.workflow-step small{color:#7d9ab3}.workflow-step b{color:#75e3e9}.voice-note{border-color:#30495e}.voice-note>span{color:#70d4e1}.voice-note h3{color:#d8eafa}.voice-note p{color:#9aadc4}.voice-note>a{color:#78d7e3;border-color:#49778b}
.section-note{color:#8da0b7}.work-media{background:#111b2b;border:1px solid #2b3b52}.work-meta .eyebrow{color:#68bacd}.work-meta h3{color:#e0edf9}.process-section{border-color:#26364b}.process-step{border-color:#38526b}.process-step>span{color:#69b7c8;font-family:ui-monospace,Consolas,monospace}.process-step h3{color:#dcebf9}.process-step p{color:#91a4bb}
.closing{background:#111f30;border-top:1px solid #31465f;background-image:linear-gradient(120deg,#12314855,transparent 65%)}.closing h2{color:#eff6ff}.closing .eyebrow{color:#73c6d6}.closing .button{background:#73e4eb;color:#07131e;border-color:#73e4eb}
.footer-main>div>.eyebrow{color:#6ab9ce}.footer-main p{color:#8499b3}.footer-bottom{color:#7189a4;border-color:#28394f}.footer-main a:hover,.footer-bottom a:hover{color:#7be4eb}
.language-dropdown>summary{background:#121e2e;border-color:#34475e}.language-dropdown>summary:hover,.language-dropdown[open]>summary{background:#1a2c40;border-color:#61bfce}.dropdown-caret{border-color:#8ec5d3}.language-options{background:#132133;border-color:#35516c;box-shadow:0 12px 35px #0006}.languages a{border-color:transparent}.language-options>a:hover,.language-options>a[aria-current]{background:#204052;border-color:#43748b}.languages img{box-shadow:0 0 0 1px #ffffff18}
.filters a{border-color:#34475f;color:#afc0d4}.filters .active{background:#1f465b;color:#8cedf1;border-color:#4f9bae}.post-card .eyebrow,.post-meta{color:#76b8cc}.post-card p{color:#95a7bd}.contact-form{background:#101d2c;border-color:#30475f}.contact-form input,.contact-form textarea,.search input{background:#09131f;color:#e4f2ff;border-color:#344e68}.contact-form label{color:#c8d9ea}input:focus,textarea:focus{outline-color:#72dbe5}.contact-item small,.caption{color:#7a9ab5}.contact-item{border-color:#30455d}.notice{background:#153b42;color:#b8f3eb}.notice.error{background:#48232e;color:#f7c4ce}.translation-note{background:#122d3b;border-color:#59bacb;color:#b4d4e2}.article-toc{background:#122334;color:#bbd0e2}.prose,.prose p{color:#a6b9cf}.article-dates{color:#7e9ab5}.article-author{border-color:#30445b}.article-author small{color:#7e9ab5}.studio-values{color:#79b8cb}.studio-values span{border-color:#34506a}.page-intro>.eyebrow{color:#79bdd0}
@keyframes orbit-drift{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(min-width:1550px){.hero{padding-block:110px}.ecosystem{height:440px}}
@media(max-width:1150px){.hero{gap:35px;padding-block:75px}.hero h1{font-size:63px}.ecosystem{height:380px}}
@media(max-width:850px){.header-inner{height:76px}#navigation{background:#0d1724;border-color:#30445d;box-shadow:0 25px 35px #0005}.hero{gap:25px;padding-block:60px}.hero h1{font-size:51px}.hero::before{display:none}.ecosystem{height:350px}.core-mark{font-size:62px}.orbit-one{width:175px;height:175px}.orbit-two{width:290px;height:290px}.products-section,.work-section,.process-section{padding-block:65px}#navigation .nav-cta{border-color:#30445d}}
@media(max-width:620px){.hero{padding-block:45px 60px;gap:42px}.hero h1{font-size:clamp(48px,12vw,67px);max-width:100%}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em}.hero-copy>p{font-size:14px}.hero-actions{gap:22px}.hero-visual{margin-bottom:8px}.ecosystem{height:350px}.core-mark{font-size:70px}.orbit-one{width:190px;height:190px}.orbit-two{width:300px;height:300px}.products-section,.work-section,.process-section{padding-block:55px}.hero-note{font-size:9px}.product-figure img{border-radius:4px}.section-heading h2{font-size:33px}.closing h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.orbit-two{animation:none}}
.visual-bottom>span:first-child{font-size:8px;letter-spacing:.1em}.visual-bottom{min-height:58px}

/* Give product imagery the same dark, cool surface treatment as the interface. */
.product-media-frame{background:#101e2c;border:1px solid #30475b;border-radius:7px;overflow:hidden;box-shadow:0 15px 35px #0002}
.product-media-top{display:flex;align-items:center;gap:5px;height:32px;padding:0 12px;background:#122131;border-bottom:1px solid #2c4255}
.product-media-top>span{width:4px;height:4px;border-radius:50%;background:#476275}
.product-media-top>span:first-child{background:#68aab6}
.product-media-top>b{font:8px ui-monospace,Consolas,monospace;color:#87a4b9;font-weight:400;margin-left:auto;letter-spacing:.07em}
.product-media-screen{position:relative;background:#101f30;isolation:isolate;overflow:hidden;aspect-ratio:3/2}
.product-media-screen::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(135deg,#2b819136,#101f3050);mix-blend-mode:color}
.product-media-screen>img,.product-media-screen>video{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;display:block;border:0;border-radius:0;filter:saturate(.38) brightness(.72) contrast(.88)}
.product-media-screen>video{filter:saturate(.65) brightness(.86) contrast(.94)}
.product-figure figcaption{color:#7b97ac;margin-top:11px;line-height:1.7}
@media(max-width:620px){.product-media-top{height:29px}.product-media-top>b{font-size:7px}}

/* Atmospheric light, progressive reveals and interactive panel surfaces. */
body::before{content:'';position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 25%,#185e7c25,transparent 35%),radial-gradient(ellipse at 80% 65%,#39388022,transparent 36%);animation:ambient-shift 18s ease-in-out infinite alternate}
.hero-copy{animation:hero-arrival .85s cubic-bezier(.2,.7,.2,1) both}.hero-visual{animation:panel-arrival 1.1s cubic-bezier(.2,.7,.2,1) both;transition:transform .3s ease-out,border-color .3s,box-shadow .3s}
.ecosystem::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0,#77e8f000 38%,#77e8f015 49%,#77e8f04d 50%,transparent 52%);transform:translateY(-100%);animation:system-scan 9s linear infinite}
.core-mark{animation:core-breathe 5s ease-in-out infinite}.system-node{animation:node-drift 6s ease-in-out infinite}.node-crm{animation-delay:-2s}.node-erp{animation-delay:-4s}.node-ai{animation-delay:-1s}
.live-dot,.status-dot{animation:signal-breathe 3s ease-in-out infinite}
.product-row{transition:background .3s,border-color .3s}.product-row:hover{border-color:#4d8799;background:linear-gradient(90deg,transparent,#2b64770b,transparent)}
.product-media-frame,.workflow{position:relative;transition:border-color .35s,box-shadow .35s;--spot-x:50%;--spot-y:50%}
.product-media-frame::after,.workflow::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(350px circle at var(--spot-x) var(--spot-y),#62dfe413,transparent 65%);transition:opacity .3s;z-index:2}
.product-media-frame:hover,.workflow:hover,.hero-visual:hover{border-color:#5c9dab;box-shadow:0 12px 45px #0004,0 0 26px #4bcdd214}
.product-media-frame:hover::after,.workflow:hover::after{opacity:1}.product-media-screen>img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s}.product-media-frame:hover .product-media-screen>img{transform:scale(1.035);filter:saturate(.46) brightness(.77) contrast(.9)}
.workflow-step{transition:background .3s,padding .3s}.workflow-step:hover{background:#63d9e107;padding-left:7px;padding-right:7px}
.workflow-step>span{animation:workflow-signal 6s ease-in-out infinite}.workflow-step:nth-of-type(2)>span{animation-delay:1s}.workflow-step:nth-of-type(3)>span{animation-delay:2s}.workflow-step:nth-of-type(4)>span{animation-delay:3s}
.button{position:relative;overflow:hidden}.button::before{content:'';position:absolute;inset:-60% auto -60% -80%;width:45%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:rotate(20deg);transition:left .65s}.button:hover::before{left:140%}
.motion-ready .reveal-target{opacity:0;transform:translateY(24px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.motion-ready .reveal-target.is-visible{opacity:1;transform:translateY(0)}
.scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#4c88d4,#83f2ed);box-shadow:0 0 9px #70e2ef55;transform:scaleX(0);transform-origin:left;z-index:101;pointer-events:none}
@keyframes ambient-shift{from{transform:translate3d(-3%,-2%,0)}to{transform:translate3d(4%,3%,0)}}
@keyframes hero-arrival{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes panel-arrival{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
@keyframes system-scan{0%{transform:translateY(-100%)}70%,100%{transform:translateY(100%)}}
@keyframes core-breathe{0%,100%{box-shadow:0 0 0 9px #53cde609,0 0 40px #45d7e320}50%{box-shadow:0 0 0 13px #53cde60c,0 0 75px #45d7e343}}
@keyframes node-drift{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes signal-breathe{0%,100%{box-shadow:0 0 8px #74e7ed35}50%{box-shadow:0 0 17px #74e7ed90}}
@keyframes workflow-signal{0%,60%,100%{border-color:#2a5267;box-shadow:none}20%{border-color:#6edbe5;box-shadow:0 0 16px #68d9e330}}
@media(prefers-reduced-motion:reduce){body::before,.hero-copy,.hero-visual,.ecosystem::after,.core-mark,.system-node,.live-dot,.status-dot,.workflow-step>span{animation:none!important}.motion-ready .reveal-target{opacity:1;transform:none}.product-media-screen>img,.product-media-frame,.workflow,.hero-visual,.workflow-step,.button::before{transition:none!important}.product-media-frame:hover .product-media-screen>img{transform:none}.scroll-progress{display:none}}
body{isolation:isolate}