/* Material direction: optical glass, graphite and silver, around real software. */
:root{--navy:#151722;--blue:#6555dc;--ink:#202331;--muted:#626777;--paper:#f1f2f7;--line:#dce0ea;--iris:#7868f2;--ice:#b7d7ff}
body{background:#f7f8fb}.site-header{background:#11121be6;border-color:#c8caff21;backdrop-filter:blur(24px)}.site-header .brand-mark i:last-child{background:#b6b2ff}.header-contact.button{background:#eeedf9;border-color:#eeedf9;color:#242139;box-shadow:inset 0 1px 0 #fff,0 4px 20px #090a1533}.header-contact.button:hover{background:#fff}.nav-links a{color:#c8cad8}.nav-links a[aria-current]:after{background:#b6afff}
.blue-cover{background:#101119;isolation:isolate}.hero-art{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.hero-art>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:55% center;opacity:.84;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.04);transition:transform 1.2s var(--ease);will-change:transform;animation:art-breathe 16s var(--ease) infinite alternate}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101119 0%,#101119ee 25%,#10111999 43%,#10111908 72%),linear-gradient(0deg,#101119 0%,transparent 23%)}
@keyframes art-breathe{from{opacity:.72}to{opacity:.95}}
.ambient-data{position:absolute;inset:0;width:100%;height:100%;opacity:.75}.hero{position:relative;min-height:740px;align-items:center;padding-top:48px;padding-bottom:64px;gap:64px}.hero-copy{z-index:3}.hero h1{font-weight:500;letter-spacing:-.055em}.hero-category{color:#d8d7e9}.hero-description{color:#c7c6d6}.hero-offer{background:linear-gradient(120deg,#f4f1ff14,#f4f1ff05);border-color:#d5d0ff38;box-shadow:inset 0 1px 0 #ffffff12,0 12px 40px #04040a18;backdrop-filter:blur(16px);border-radius:16px}.hero-offer p{color:#dad8ed}.hero-offer>span{color:#b0afc4}
.hero .button-white{background:#f4f2ff;color:#28233f;border:1px solid #fff;box-shadow:0 4px 32px #9c8bff2b,inset 0 -3px 0 #dcd7ff}.button{position:relative;overflow:hidden;isolation:isolate}.button:after{content:'';position:absolute;top:-50%;bottom:-50%;width:48px;left:-80px;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-25deg);pointer-events:none;transition:transform .7s var(--ease),opacity .4s var(--ease);opacity:0;z-index:-1}.button:hover:after,.button:focus-visible:after{opacity:1;transform:translateX(400px) skewX(-25deg)}
.button-blue,.pain-action.button{background:#6555dc;box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px #6555dc1a}.button-blue:hover,.pain-action.button:hover{background:#5143c0}.hero-showcase{z-index:2;align-self:center;perspective:1600px;padding:32px 24px 24px;max-width:560px;border:1px solid #c9d0ff2b;border-radius:24px;background:linear-gradient(135deg,#13141f88,#23243a40);box-shadow:0 32px 80px #03030850,inset 0 1px 0 #fff1;backdrop-filter:blur(12px);transform:translateY(16px)}
.showcase-top{color:#dedceb;margin-bottom:24px}.showcase-count{color:#c2c1db}.hero-showcase .showcase-screen{margin:0;transform:rotateX(var(--stage-rx,0deg)) rotateY(var(--stage-ry,-4deg)) rotateZ(1deg);transition:transform .8s var(--ease);filter:drop-shadow(0 24px 24px #0004)}.hero-showcase .showcase-screen>img{border-color:#c2c4eb60;aspect-ratio:1.65}.screen-chrome{background:linear-gradient(90deg,#d9ddea,#f8f9fc);border-color:#c4c9da;color:#535d74;height:28px}.screen-chrome span,.screen-chrome i{background:#7b8397;width:5px;height:5px}.screen-underlay{inset:32px -8px -8px 20px;background:linear-gradient(135deg,#9b8cfc77,#4052b677);border:1px solid #c8baff60;backdrop-filter:blur(8px)}
.showcase-caption{min-height:120px;margin-top:24px}.showcase-caption h2{color:#f7f4ff;font-size:24px;line-height:32px;max-width:440px}.showcase-caption p{color:#cac8dc}.hero-switch-hint{color:#aaa8c0;max-width:100%;margin-top:24px}.carousel-dot:before{background:#77718d55}.carousel-dot[aria-pressed=true]:before{background:#c2b5ff}.carousel-pause,.carousel-next{border-color:#9b94b666;background:#d6d1ff0a}.hero-integrations{position:relative;border-color:#c4c0e620;gap:32px;padding-top:24px;padding-bottom:32px}.hero-integrations>p{color:#a7a7be}.hero-integrations>div{color:#d6d5e4;opacity:.8}
/* Fine surfaces keep long-form reading bright and legible. */
.pains-section{background:radial-gradient(ellipse at 0% 0%,#e9e7fa,transparent 50%),#f1f2f7}.section-label{color:#6255bc}.pain-grid{gap:24px}.pain-item{position:relative;isolation:isolate;border-color:#d6d9e8;background:linear-gradient(145deg,#fff,#f9faff);box-shadow:0 8px 24px #29225406,inset 0 1px 0 #fff;overflow:hidden}.pain-item:before,.project-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(320px circle at var(--surface-x,50%) var(--surface-y,0%),#7868f214,transparent 75%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none;z-index:-1}.pain-item:hover:before,.project-card:hover:before{opacity:1}.pain-item:hover{border-color:#aaa2d3;box-shadow:0 16px 40px #3126500d}.pain-role{background:#eeecfa;color:#61519c;border:1px solid #e0dbf1}.pain-item h3 span{color:#6753c2}.pain-answer{background:#f0eff8;color:#4d476a}.pain-item>p{color:#666a79}.pain-answer strong{color:#5e4b9b}
.economics-section{background:#fff;position:relative;overflow:hidden}.economics-section:before{content:'';position:absolute;right:-160px;top:-200px;width:640px;height:640px;border:1px solid #c9c5ea;border-radius:50%;box-shadow:0 0 0 48px #e5e3f51a,0 0 0 96px #eceaf514;pointer-events:none}.economics-section>.container{position:relative}.comparison-context{color:#625880}.comparison-option{position:relative;border:1px solid #dedee9;overflow:hidden;background:linear-gradient(135deg,#eeeff5,#f9f9fc);box-shadow:inset 0 1px 0 #fff}.comparison-option:after{content:'';height:4px;background:#b6b1c6;margin-top:32px;border-radius:4px;transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease)}.comparison-option.is-revealed:after{transform:scaleX(1)}.comparison-after{color:#f4f3ff;background:radial-gradient(ellipse at 100% 0%,#49406688,transparent 65%),#191a27;border-color:#353243;box-shadow:inset 0 1px 0 #b3a8e233,0 12px 32px #16122315}.comparison-after h4,.comparison-after>span{color:#beb8d8}.comparison-after:after{background:#b9a7ff;width:34%}.mechanisms article{border-color:#cfcbdf}.mechanisms h3{color:#342a50}
.price-offer-section{background:#fafafd}.inline-price-form,.audit-form-wrap{background:linear-gradient(130deg,#fff,#f2f0f9);border-color:#ddd9eb;box-shadow:0 16px 48px #40305d08}.deadline-statement strong{color:#6755bd}
.work-section{background:#f8f9fc}.project-card{position:relative;isolation:isolate;border-color:#d8dce7;box-shadow:0 8px 24px #27324d06;transition:transform .7s var(--ease),opacity .7s var(--ease),box-shadow .5s var(--ease);overflow:hidden}.project-card:hover{box-shadow:0 24px 56px #32275412}.project-kind{background:#eeedf8;color:#62538d;border:1px solid #e0ddec}.case-story b{color:#60528e}.project-result{background:#f0edf9;color:#59488b}.project-details{color:#6553a0;border-color:#d8d0e9}.project-details:hover{background:#f2eefc}.project-card .case-visual{background:linear-gradient(140deg,#e6e9f2,#f2f4f9)}.project-card .case-visual>img{box-shadow:0 12px 24px #24345518;border-color:#bec6d9;transition:transform .7s var(--ease),opacity .3s var(--ease)}.project-card .case-visual:hover>img{transform:translateY(-4px) scale(1.02);opacity:1}.project-card .visual-hub,.project-screen-note{background:#262836}.project-card .visual-legal,.project-card .visual-legal .project-image-footer{background:#e9e7f4}
.project-card.motion-reveal{transform:translateY(48px) rotate(.6deg)}.project-card.motion-reveal:nth-child(even){transform:translateY(48px) rotate(-.6deg)}.project-card.motion-reveal.is-revealed,.project-card.motion-reveal:focus-within{transform:none}
.value-section{background:radial-gradient(ellipse at 100% 100%,#d7d3ef,transparent 65%),#ececf5;border-top:1px solid #dedde9;border-bottom:1px solid #d9d7e8}.value-grid article{border-color:#cfccdf}.value-grid h3{color:#332b4a}.value-grid p{color:#69657a}.value-footer{border-color:#cfccdf}.value-footer p{color:#4a405e}.notifications-section{background:#f8f9fc;position:relative}.notifications-layout{position:relative}.notification-screen{transform:rotate(3deg);filter:drop-shadow(0 20px 32px #473e6820)}.notification-screen img{border-radius:24px;box-shadow:0 0 0 8px #fff,0 0 0 9px #dad8e8}.notification-topics h3{color:#47365c}
.solutions-section{background:radial-gradient(ellipse at 0% 50%,#2c254e88,transparent 60%),#151620}.solutions-section .section-label{color:#b9acf6}.solutions-section .solutions-intro>p:not(.section-label){color:#c0bbd2}.solutions-section .services-list p{color:#b7b4c8}.solutions-section .services-list article{border-color:#4a435e}.solutions-section .service-symbol{background:#302b41;border-color:#635577;color:#c5b9f0}.solutions-section .text-link{color:#c1afff}.data-network{background:linear-gradient(140deg,#28243988,#11121d);border-color:#5b5273;box-shadow:inset 0 1px 0 #b5a3e820,0 24px 64px #09081150}.circuit-traces path{stroke:#655883}.network-node rect{fill:#302b43;stroke:#877aa7}.network-node text{fill:#ded8f3}.network-server>rect:first-child{fill:#393049;stroke:#c3b0ff}.network-server>rect:not(:first-child){fill:#292333;stroke:#847096}.network-server path{stroke:#bda8ea}.network-server circle,.signal-core{fill:#d7c7ff}.signal-halo{fill:#8265e9}.network-port circle{fill:#342b4a;stroke:#9480bf}.data-network figcaption{color:#c6bbdd}.signal-status{background:#c5abff;box-shadow:0 0 12px #8d6cec}
.approach-section{background:linear-gradient(135deg,#24202f,#151620);color:#f3f0fc;position:relative;overflow:hidden}.approach-section:before{content:'';position:absolute;inset:auto -160px -320px auto;width:640px;height:640px;border:1px solid #c3b9e61a;border-radius:50%;box-shadow:0 0 0 48px #b6add508,0 0 0 96px #b6add505;pointer-events:none}.approach-section .section-label{color:#b5a1ef}.approach-heading>p:not(.section-label),.process-grid p{color:#c3bacf}.process-grid article{border-color:#51465f}.process-index{color:#c0a8f6}.price-rule{background:#c8aaff0a;border:1px solid #bfa6de33}.price-rule .price-icon{color:#c8b4f2}.price-rule p>span{color:#b9adc7}
.audit-section{background:#fafafd}.audit-deliverables h3{color:#4f3d67}.audit-deliverables article>span{color:#8c73a7}.promise-section{position:relative}.promise-text{color:#383040}.promise-word{color:#d3cedd}.promise-word.is-active{color:#383040}.faq-section{background:#fafafd}.faq-list details{border-color:#ddd7e7}.timeline-examples article{background:#f2eff8;border-color:#e0d8ec}.timeline-example-head strong{color:#7658a5}
.contact-section{background:radial-gradient(ellipse at 75% 10%,#5b477e88,transparent 65%),#23202f;color:#fff;position:relative;isolation:isolate;overflow:hidden}.contact-section:before{content:'';position:absolute;width:400px;height:400px;right:-160px;bottom:-180px;border:1px solid #d8c8ff30;border-radius:50%;box-shadow:0 0 0 40px #c6acff08,0 0 0 80px #c6acff05;z-index:-1}.contact-section .section-label{color:#c3a9f3}.contact-copy>p:not(.section-label),.contact-outcome>span{color:#d0c3e0}.contact-form-wrap{border:1px solid #e5deed;box-shadow:0 20px 64px #120f2214}.contact-section .contact-form-wrap{box-shadow:0 32px 64px #0a081c44}
.site-footer{background:#13141d;position:relative;isolation:isolate}.site-footer:before{content:'';position:absolute;inset:0;background:url('assets/art/connected-systems.webp') right bottom/800px auto no-repeat;opacity:.10;z-index:-1;mask-image:linear-gradient(0deg,#000,transparent 80%);pointer-events:none}.footer-callout,.footer-legal{border-color:#4b4659}.footer-directory a,.footer-directory p,.footer-positioning p{color:#c0b9d0}.footer-callout .section-label{color:#bcace8}.footer-connection button{border-color:#6f607d;color:#d3c6e3}.footer-wordmark{font-size:96px;line-height:1;color:#f2eff9;letter-spacing:-.065em}.footer-wordmark>span{background:linear-gradient(135deg,#e0dbea,#9a8eae);background-clip:text;-webkit-text-fill-color:transparent}.footer-legal{color:#aba3bc}.footer-callback{border-color:#84758e}
.mobile-menu{background:#17151ff5}.mobile-menu a[aria-current]{color:#c5b3ff}.mobile-menu a.menu-estimate{color:#33263d;background:#f0eaf9}.mobile-menu>span{color:#aa9fbb}
@media(max-width:1180px){.hero{gap:32px}.hero-showcase{padding:24px 20px 20px}.hero-art>img{object-position:65% center;opacity:.65}.hero-art:after{background:linear-gradient(90deg,#101119 0%,#101119f5 26%,#10111999 50%,transparent),linear-gradient(0deg,#101119,transparent 25%)}.footer-wordmark{font-size:72px;line-height:1}}
@media(max-width:800px){.hero{min-height:0;padding-top:32px;padding-bottom:40px;gap:0}.hero-art>img{object-fit:contain;object-position:center bottom;width:150%;height:auto;left:-25%;bottom:80px;top:auto;opacity:.8}.hero-art:after{background:linear-gradient(180deg,#101119 0%,#101119 40%,#10111955 60%,#10111944 85%,#101119 100%)}.hero-showcase{margin-top:40px;padding:24px 20px 20px;border-radius:20px;background:#17162366;transform:none;max-width:640px}.hero h1{max-width:680px}.hero-description{max-width:560px}.showcase-caption{min-height:112px}.showcase-caption h2{font-size:24px;line-height:32px}.hero-switch-hint{margin-top:20px}.hero-integrations{background:#10111988}.hero-art{inset:0}.pains-section{background:linear-gradient(150deg,#eeecf7,#f6f7fb)}.economics-section:before{width:400px;height:400px;right:-240px;top:-200px}.comparison-option:after{margin-top:24px}.footer-wordmark{font-size:60px;line-height:1}.notification-screen{transform:rotate(2deg)}.project-card.motion-reveal,.project-card.motion-reveal:nth-child(even){transform:translateY(32px)}.project-card.motion-reveal.is-revealed{transform:none}}
@media(max-width:560px){.hero{padding-top:24px}.hero-showcase{padding:20px 16px 16px;margin-top:40px;border-radius:16px}.hero-art>img{width:180%;left:-45%;bottom:100px}.hero-offer{border-radius:12px}.hero-showcase .showcase-screen{transform:perspective(1200px) rotateY(-3deg) rotateZ(1deg)}.hero-switch-hint{font-size:14px;line-height:20px;margin-top:20px}.showcase-caption{min-height:128px}.showcase-caption h2{font-size:20px;line-height:28px}.showcase-caption p{font-size:16px;line-height:24px}.carousel-controls{gap:4px}.carousel-dot{min-width:12px}.carousel-pause,.carousel-next{min-width:40px;width:40px}.footer-wordmark{font-size:36px;line-height:40px}.notification-screen img{border-radius:16px}.hero-integrations>div{opacity:.9}.ambient-data{opacity:.5}}
@media(max-width:360px){.hero-showcase{padding:16px 12px}.hero-art>img{width:210%;left:-60%;bottom:140px}.showcase-caption{min-height:152px}.footer-wordmark{font-size:30px;line-height:36px}}
@media(prefers-reduced-motion:reduce){.hero-art>img{animation:none;transform:none;transition:none}.hero-showcase .showcase-screen{transform:none;transition:none}.ambient-data{display:none}.button:after{display:none}.project-card.motion-reveal,.project-card.motion-reveal:nth-child(even){transform:none}.project-card .case-visual>img{transition:none}.project-card .case-visual:hover>img{transform:none}.comparison-option:after{transform:none;transition:none}}

.hero-line{display:inline-block;animation:hero-line-enter .9s var(--ease) both;animation-delay:var(--line-delay)}
@keyframes hero-line-enter{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@media(max-width:560px){.showcase-caption{min-height:112px}}
@media(max-width:360px){.showcase-caption{min-height:140px}}
@media(prefers-reduced-motion:reduce){.hero-line{animation:none}}
