.web-page{background:#f3f2f5}.web-wrap{padding:100px 5%;scroll-margin-top:90px}.web-page em{font-style:normal;color:#f26528}.web-page p{line-height:1.85}.web-page h3{font-size:30px;line-height:1.15}.web-hero{background:#15132d;color:white;height:160svh;--web-p:0}.web-hero-stage{position:sticky;top:0;min-height:850px;height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:130px 5% 80px;overflow:hidden;background:radial-gradient(ellipse at 80% 60%,#f2652819,transparent 55%)}.web-hero h1{font-size:clamp(46px,4.8vw,68px);line-height:1.05;margin:20px 0 30px}.web-hero h1 span{color:#f26528}.web-hero-copy>p:not(.seo-eyebrow){font-size:16px;color:#c6bad3;max-width:470px;margin-bottom:30px}.web-underlink{display:block;color:#baacc9;font:12px Arial;margin-top:22px;text-decoration:none}.web-blueprint{position:relative;transform:perspective(1000px) rotateY(calc((1 - var(--web-p))*-12deg)) rotateZ(calc((1 - var(--web-p))*3deg));transition:transform .12s linear}.web-browser-top{display:flex;justify-content:space-between;padding:20px;background:#332b46;border:1px solid #ffffff20;border-radius:16px 16px 0 0;font:8px Arial;color:#b9a9c8}.web-preview{background:#eee9f4;color:#21224e;position:relative;overflow:hidden;padding:25px;min-height:360px;border-radius:0 0 16px 16px;background-image:linear-gradient(#21224e08 1px,transparent 1px),linear-gradient(90deg,#21224e08 1px,transparent 1px);background-size:30px 30px}.web-preview-nav{display:flex;gap:10px;align-items:center;font:8px Arial}.web-preview-nav i{margin-left:auto;font-style:normal}.web-preview-body{position:relative;z-index:2;margin-top:40px}.web-preview-body>span{font:6px Arial;letter-spacing:.1em}.web-page .web-preview h2{font-size:30px;line-height:1.1;margin:15px 0}.web-preview-body p{font-size:9px;color:#83718e}.web-preview-body>b{display:inline-block;padding:10px;background:#21224e;color:#fff;border-radius:6px;font:8px Arial}.web-preview-bottom{display:flex;justify-content:space-between;border-top:1px solid #21224e20;margin-top:30px;padding-top:15px;font:8px Arial}.web-orbit{position:absolute;right:-40px;top:75px;width:230px;height:230px;opacity:calc(.3 + var(--web-p)*.7);rotate:calc(var(--web-p)*35deg)}.web-orbit i{position:absolute;inset:15px;border:1px solid #f26528;border-radius:50%}.web-orbit i:nth-child(2){inset:50px}.web-orbit img{position:absolute;width:95px;top:80px;left:65px}.web-code{margin:20px 0 0 30px;border-left:2px solid #f26528;padding:8px 20px;font:11px monospace;color:#f26528}.web-code p{font:11px monospace;color:#bbaecb}.web-blueprint>small{font:7px Arial;color:#91839e;display:block;margin-top:20px}.web-hero-rail{position:absolute;bottom:30px;left:5%;right:5%;display:flex;align-items:center;gap:20px;font:8px Arial;color:#a893b6}.web-hero-rail i{height:1px;flex:1;background:linear-gradient(90deg,#f26528,#ffffff15)}.web-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.web-benefits article{border-top:1px solid #d4c8df;padding-top:25px}.web-benefits span,.web-build-step>span,.web-project-copy>span{font:9px Arial;letter-spacing:.08em;color:#a66043}.web-benefits h3{font-size:25px}.web-benefits p,.web-section-lead{font-size:15px;color:#776683}.web-section-lead{max-width:650px}.web-build{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#15132d;color:white}.web-build-sticky{position:sticky;top:130px;align-self:start}.web-layer-scene{height:300px;position:relative;margin-top:40px;perspective:900px}.web-layer-scene>div{position:absolute;left:10%;width:80%;height:115px;border:1px solid #9b779d66;border-radius:16px;transform:rotateX(52deg) rotateZ(-20deg);background:linear-gradient(145deg,#453452,#1c1833);padding:25px;font:12px Arial;transition:translate .7s,border-color .7s;box-shadow:15px 25px 45px #0002}.web-layer-scene>div:nth-child(1){top:0;z-index:3}.web-layer-scene>div:nth-child(2){top:70px;z-index:2}.web-layer-scene>div:nth-child(3){top:140px;z-index:1}.web-layer-scene>div span{float:right;color:#f26528}.web-layer-scene>div.is-active{border-color:#f26528;translate:0 -15px}.web-stage-label{font-size:10px;color:#bca6ca}.web-build-step{min-height:65svh;padding:65px 0;display:flex;justify-content:center;flex-direction:column}.web-build-step h3{font-size:34px;margin:25px 0}.web-build-step>p{color:#b9a8c7;font-size:15px}.web-deliver{border-left:2px solid #f26528;padding-left:20px;margin-top:15px}.web-deliver small{font:8px Arial;color:#dc9777}.web-deliver p{font-size:13px;color:#d1bfdc}.web-project{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:65px 0;border-bottom:1px solid #d7cddd}.web-project-art{background:#e2dce9;min-height:440px;border-radius:20px;padding:30px;overflow:hidden}.web-project-art>span,.web-project-art>small{font:8px Arial;color:#81708b}.web-mini-browser{margin:35px 0;background:#fff;padding:25px;border-radius:10px;transform:rotate(-4deg);box-shadow:0 25px 45px #21224e16;transition:transform .7s}.web-project:hover .web-mini-browser{transform:rotate(0)}.web-mini-browser>i{font:8px Arial;color:#b7a9c5}.web-mini-browser h3{font-size:32px}.web-mini-browser p{font-size:9px}.web-mini-grid{display:flex;gap:12px}.web-mini-grid b{height:50px;flex:1;background:#f2652820;border-radius:6px}.art-1{background:#e4e7da}.art-1 .web-mini-grid b{background:#bac5a2}.art-2{background:#28223e}.art-2 .web-mini-browser{background:#403451;color:#fff}.web-project-copy h3{font-size:32px}.web-project-copy dt{font:9px Arial;color:#a45f41;margin-top:24px}.web-project-copy dd{margin:10px 0;font:14px/1.85 Arial;color:#786586}.web-stack{background:#211c37;color:#fff}.web-stack .web-section-lead{color:#baabc7}.web-stack-buttons{display:flex;gap:12px;margin:35px 0;flex-wrap:wrap}.web-stack-buttons button{padding:14px 20px;border-radius:30px;border:1px solid #ffffff30;background:none;color:#c7b6d3;cursor:pointer}.web-stack-buttons button[aria-pressed=true]{background:#f26528;color:#fff;border-color:#f26528}.web-stack-display{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #ffffff20;padding-top:35px;min-height:230px}.web-tech-names{display:flex;gap:12px;flex-wrap:wrap;align-content:start}.web-tech-names span{font:700 22px 'Chakra Petch';padding:20px;border-bottom:1px solid #f2652850}.web-tech-description h3{margin-top:0}.web-tech-description p{font-size:15px;color:#baabc7}.web-questions{max-width:1100px;margin:auto}.web-questions details{border-bottom:1px solid #d7cbdc;padding:25px 0}.web-questions summary{font:700 22px 'Chakra Petch';cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.web-questions summary span{color:#f26528}.web-questions details p{font-size:15px;color:#776683;max-width:780px}.web-close{background:#15132d;text-align:center;color:white}.web-close>img{margin:0 auto 30px;display:block;animation:web-float 5s ease-in-out infinite}.web-close>p:not(.seo-eyebrow){max-width:550px;margin:20px auto 30px;color:#b7a7c7;font-size:15px}@keyframes web-float{50%{transform:translate(10px,-12px) rotate(5deg)}}[data-web-reveal]{opacity:1;transform:none;transition:opacity .8s,transform 1s}.web-motion [data-web-reveal]:not(.is-visible){opacity:.15;transform:translateY(25px)}.web-page.web-hero-visible :is(.cookie-invitation,.cookie-launcher){visibility:hidden!important}
@media(max-width:700px){.web-wrap{padding:70px 20px}.web-hero{height:auto}.web-hero-stage{height:auto;min-height:0;position:relative;grid-template-columns:1fr;padding:130px 20px 90px;gap:50px}.web-hero h1{font-size:46px}.web-hero-copy>p:not(.seo-eyebrow){font-size:14px}.web-blueprint{transform:none}.web-preview{padding:20px}.web-page .web-preview h2{font-size:26px}.web-orbit{right:-100px}.web-hero-rail{font-size:6px;gap:8px}.web-benefits,.web-build,.web-project,.web-stack-display{grid-template-columns:1fr;gap:30px}.web-build-sticky{position:relative;top:auto}.web-layer-scene{height:270px}.web-build-step{min-height:0;padding:35px 0}.web-build-step h3{font-size:29px}.web-project{padding:40px 0}.web-project-art{min-height:370px;padding:22px}.web-mini-browser h3{font-size:27px}.web-project-copy h3{font-size:28px}.web-stack-buttons button{font-size:11px;padding:12px 14px}.web-tech-names span{font-size:19px;padding:15px}.web-questions summary{font-size:20px}.web-close h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.web-hero{height:auto}.web-hero-stage{position:relative;height:auto}.web-blueprint{transform:none}.web-close>img{animation:none}.web-motion [data-web-reveal]{opacity:1!important;transform:none!important}.web-layer-scene>div,[data-web-reveal],.web-mini-browser{transition:none}}
/* v86: align delivery, stack and closing with the established service-page system. */
.web-blueprint{transform:translateY(calc((1 - var(--web-p))*12px));transition:transform .18s linear}.web-preview{background:#efecf4;background-image:none;min-height:395px;padding:28px}.web-orbit{right:-35px;top:90px;opacity:.7}.web-build-quality{display:flex;justify-content:space-between;padding:22px 4px 0;font:8px Arial;letter-spacing:.06em;color:#b6a2c6}.web-preview-body{margin-top:45px}.web-page .web-preview h2{font-size:34px;line-height:1.1}.web-preview-bottom{margin-top:40px}.web-build-display{margin-top:36px;background:#252037;border:1px solid #ffffff18;border-radius:18px;padding:22px;box-shadow:0 25px 60px #0002}.web-display-top{display:flex;align-items:center;gap:14px;font:8px Arial;letter-spacing:.06em;color:#af9bbf;margin-bottom:23px}.web-display-number{font:11px Arial;margin-left:auto;color:#f26528}.web-build-frames{display:grid;min-height:280px}.web-build-frame{grid-area:1/1;opacity:0;translate:0 12px;transition:opacity .5s,translate .7s cubic-bezier(.22,1,.36,1);pointer-events:none}.web-build-frame.is-active{opacity:1;translate:0 0}.web-frame-label{font:8px Arial;color:#bd9ac8;letter-spacing:.06em}.web-build-frame h3{font-size:27px;line-height:1.15;margin:20px 0;color:white}.web-frame-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff16;padding:14px 0;font:11px/1.6 Arial;color:#a48bb6}.web-frame-row strong{color:#dfd1ea;font-weight:400;text-align:right}.web-build-track{display:flex;gap:8px;margin-top:25px}.web-build-track i{height:2px;flex:1;background:#ffffff16;transition:background .6s}.web-build-track i.is-active{background:#f26528}.web-stage-label{font-size:9px;letter-spacing:.05em;margin-top:20px}.web-stack{background:#f3f2f5;color:#21224e}.web-stack .web-section-lead{color:#786885}.web-stack-buttons button{border-color:#d4c9df;color:#776188}.web-stack-display{border-color:#d6ccdf;grid-template-columns:1.15fr 1fr;align-items:center;min-height:300px}.web-tech-names{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.web-tech-names .web-tech-logo{border:1px solid #e0d8e7;background:white;border-radius:14px;padding:22px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0;font:11px Arial;color:#766280;min-height:135px}.web-tech-logo img{width:46px;height:46px;object-fit:contain}.web-tech-description h3{font-size:30px;line-height:1.15}.web-tech-description p{color:#786885}.web-stack-note{font:10px/1.8 Arial;color:#9784a3;margin-top:25px}.web-build-step{opacity:.5;transition:opacity .6s}.web-build-step.is-active{opacity:1}.web-page .invitation-content h2{font-size:clamp(40px,4.5vw,62px)}
@media(max-width:900px){.web-tech-names{grid-template-columns:repeat(2,minmax(0,1fr))}.web-build{gap:45px}.web-build-display{padding:18px}.web-frame-row{font-size:10px}.web-build-frame h3{font-size:25px}}
@media(max-width:700px){.web-build-sticky{margin-bottom:10px}.web-build-display{display:none}.web-build-step{opacity:1}.web-page .web-preview h2{font-size:29px}.web-preview{min-height:365px;padding:22px}.web-stack-display{grid-template-columns:1fr;gap:35px}.web-tech-names{grid-template-columns:repeat(2,minmax(0,1fr))}.web-tech-names .web-tech-logo{min-height:125px}.web-page .invitation-content h2{font-size:42px}.web-build-quality{font-size:7px}.web-orbit{right:-95px}.web-hero-stage{gap:40px}.web-hero-rail{font-size:6px}}
@media(prefers-reduced-motion:reduce){.web-build-frame{transition:none;translate:none}.web-build-step{opacity:1;transition:none}.web-blueprint{transform:none}}
.web-tech-names .web-tech-logo>span{font:12px/1.5 Arial,sans-serif;border:0;padding:0;text-align:center}
