/* Palette supplied by the client. Invalid #ESBS37 is interpreted as #E5B537. */
:root{--gold:#e5b537;--plum:#321e48;--steel:#43637e;--mint:#d9fff4;--cyan:#65dcd5}
[hidden]{display:none!important}.masthead{background:linear-gradient(#090a0fee,#090a0f99,transparent);backdrop-filter:blur(6px)}.city{color:var(--mint)}.city path{stroke:var(--gold)}.hero-side .accent{color:var(--gold)}.ambient-two{opacity:.21}.ambient-one{opacity:.11}
.problem-experience,.services-experience{position:relative;background:#090a0f}.problem-experience{height:620svh}.services-experience{height:850svh}.narrative-stage{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.section-atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 60%,#321e4870,transparent 55%),radial-gradient(ellipse at 80% 80%,#43637e24,transparent 60%),#090a0f}.section-atmosphere:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#43637e15 1px,transparent 1px),linear-gradient(90deg,#43637e15 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}
.problem-heading{position:absolute;top:15%;left:15%;width:70%;text-align:center;z-index:10;pointer-events:none}.section-overline{display:block;font:12px/1.5 monospace;letter-spacing:.16em;color:var(--gold);margin-bottom:18px}.problem-heading h2{font-size:clamp(30px,3.25vw,57px);line-height:1.5;margin:0;font-weight:650;letter-spacing:-.035em}.problem-heading h2 em{font-style:normal;color:var(--cyan);font-weight:850}.browser-assembly-mount{position:absolute;inset:0;perspective:1400px;pointer-events:none}.browser-build{container-type:inline-size;position:absolute;width:min(44vw,74svh);aspect-ratio:1.52;left:50%;top:62%;transform:translate(-50%,-50%);z-index:4;isolation:isolate}.browser-shell{position:absolute;inset:0;border-radius:12px;border:1px solid #76949d80;background:#10151ce8;box-shadow:0 30px 100px #0008,0 0 80px #321e4870;transform:perspective(1600px) rotateX(var(--build-rx,8deg)) rotateY(var(--build-ry,-12deg));transform-style:preserve-3d;overflow:visible;will-change:transform}.browser-chrome{position:absolute;top:0;left:0;right:0;height:6.5%;border-radius:12px 12px 0 0;background:#24232c;border-bottom:1px solid #d9fff415;display:flex;align-items:center;justify-content:space-between;padding:0 2.3%;direction:ltr;font-size:1.35cqw;color:#afc3c6}.chrome-dots{display:flex;gap:.65cqw}.chrome-dots i{width:.8cqw;height:.8cqw;background:#6c6b76;border-radius:50%}.chrome-dots i:first-child{background:var(--gold)}.chrome-dots i:nth-child(2){background:var(--steel)}.chrome-dots i:nth-child(3){background:var(--cyan)}.chrome-address{padding:.4cqw 9cqw;background:#13161d;border-radius:4px;font-family:monospace}.chrome-add{font-size:2cqw}.website-grid{position:absolute;inset:6.5% 0 0;border-radius:0 0 12px 12px;background:linear-gradient(#43637e1a 1px,transparent 1px),linear-gradient(90deg,#43637e1a 1px,transparent 1px);background-size:6% 9%}.website-parts{position:absolute;inset:6.5% 0 0;transform-style:preserve-3d}.web-part{position:absolute;will-change:transform,opacity;transform-style:preserve-3d;color:#d9fff4;backface-visibility:hidden}.web-nav{top:3.5%;left:4%;width:92%;height:8%;display:flex;justify-content:space-between;align-items:center;direction:rtl;font-size:1.2cqw;border-bottom:1px solid #d9fff421}.web-nav>strong{font-size:2.1cqw;line-height:1.1}.web-nav strong span{display:block;font-size:.85cqw;font-weight:400;color:#99a8b8;margin-top:.6cqw}.web-nav>div span{margin-right:1.1cqw;color:#92a2b6}.web-nav>i{font-size:1.1cqw;font-style:normal;color:var(--cyan)}.web-hero{top:14%;left:4%;width:92%;height:39%;border:1px solid #b29bcb28;border-radius:1.2cqw;background:linear-gradient(125deg,#43637e35,#321e48);padding:2.4cqw;overflow:hidden}.mini-eyebrow{font-size:1.25cqw;color:#c5b1d5;display:block;margin-bottom:1cqw}.web-hero>strong{font-size:5.5cqw;line-height:1.28;display:block;font-weight:850;letter-spacing:-.03em;position:relative;z-index:1}.web-hero strong em{font-style:normal;color:var(--cyan)}.web-hero p{font-size:1.2cqw;color:#b8c4cc;margin:.8cqw 0 0}.mini-cta{font-size:1.2cqw;position:absolute;left:3cqw;bottom:2.4cqw;background:var(--gold);color:#181319;padding:1cqw 1.6cqw;border-radius:.6cqw}.hero-ui-detail{position:absolute;left:5cqw;top:3cqw;width:19cqw;height:12cqw;transform:rotate(-9deg);border:1px solid #d9fff432;border-radius:1.2cqw;background:#090a0f65;padding:2cqw}.hero-ui-detail>span{display:block;height:1.1cqw;margin-bottom:1.2cqw;border-radius:1cqw;background:#43637e}.hero-ui-detail>span:nth-child(2){width:74%;background:var(--cyan)}.hero-ui-detail>span:nth-child(3){width:45%;background:var(--gold)}.hero-ui-detail b{font-size:1.05cqw;color:#afc3c6;font-weight:400;white-space:nowrap}.web-feature{top:56%;width:29.3%;height:16.5%;border-radius:1cqw;background:#1b232e;border:1px solid #43637e70;padding:1.7cqw}.feature-one{right:4%}.feature-two{left:35.35%;background:#321e4870}.feature-three{left:4%}.feature-symbol{display:block;font:1.3cqw monospace;color:var(--gold);margin-bottom:1cqw}.web-feature strong{font-size:1.5cqw;display:block}.web-feature i{display:block;width:90%;height:.7cqw;border-radius:1cqw;background:#43637e60;margin-top:1cqw}.web-feature i:last-child{width:62%;margin-top:.6cqw}.web-stats{top:75%;left:4%;width:92%;height:7%;display:flex;align-items:center;justify-content:space-around;font-size:1.3cqw;color:#a0b2bc;border-block:1px solid #d9fff421}.web-stats b{color:var(--cyan);font-size:1.7cqw;font-weight:700;margin-left:.5cqw}.web-contact{top:84%;left:4%;width:92%;height:8%;display:flex;align-items:center;justify-content:space-between;padding:0 2cqw;background:var(--mint);color:#172331;border-radius:1cqw;font-size:1.7cqw}.web-contact>span{font-size:1.2cqw;padding:.8cqw 1.2cqw;background:var(--steel);color:var(--mint);border-radius:.5cqw}.web-bottom{top:94%;left:4%;width:92%;height:4%;display:flex;align-items:center;justify-content:space-between;font-size:1.1cqw;color:#91a4b6}.web-bottom strong{font-size:1.5cqw;color:var(--mint)}.build-scan{position:absolute;inset:6.5% 0 auto;height:2px;background:var(--cyan);box-shadow:0 0 25px 5px #65dcd53b;z-index:8;pointer-events:none;opacity:0}
.build-orbits{position:absolute;left:50%;top:62%;width:66vw;height:66vw;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.build-orbits i{position:absolute;inset:0;border:1px solid #43637e38;border-radius:50%;transform:rotateX(63deg) rotateZ(-20deg)}.build-orbits i:nth-child(2){inset:10%;transform:rotateX(63deg) rotateZ(20deg);border-color:#65dcd51c}.build-orbits i:nth-child(3){inset:20%;border-color:#e5b53720;transform:rotateX(63deg) rotateZ(30deg)}
.ingredient{position:absolute;padding:14px 18px;border:1px solid #43637e80;background:linear-gradient(135deg,#141c28ee,#321e48dd);border-radius:10px;z-index:3;opacity:0;transform-origin:center;box-shadow:0 15px 35px #0005;min-width:135px;color:#b9c6d4;direction:ltr;will-change:transform,opacity;font:12px/1.7 monospace}.ingredient-label{font:10px/1.5 monospace;letter-spacing:.1em;color:var(--gold);display:block;margin-bottom:9px}.ingredient code{color:var(--mint);font:12px/1.7 monospace}.ingredient>i{display:block;font-size:10px;font-style:normal;color:var(--cyan);margin-top:7px}.ingredient>svg{width:29px;height:29px;color:var(--cyan);display:inline-block;margin-right:10px;vertical-align:middle}.ingredient>code{display:block;margin-top:6px}.ingredient-html{left:30%;top:43%}.ingredient-css{right:29%;top:73%}.ingredient-ux{left:29%;top:67%}.ingredient-server{right:27%;top:41%}.ingredient-db{left:35%;top:74%}.ingredient-security{right:34%;top:45%}.ingredient-swatches{display:flex;gap:6px;margin-top:10px}.ingredient-swatches i{width:15px;height:15px;border-radius:3px;background:var(--plum);border:1px solid #fff2}.ingredient-swatches i:nth-child(2){background:var(--cyan)}.ingredient-swatches i:nth-child(3){background:var(--gold)}.ux-mini-flow{display:flex;align-items:center;gap:7px;direction:rtl;font-family:Vazirmatn}.ux-mini-flow span{padding:5px 12px;border:1px solid var(--steel);border-radius:5px}.ux-mini-flow i{color:var(--cyan)}
.problem-card{position:absolute;width:21%;top:53%;z-index:8;text-align:right;opacity:0;visibility:hidden;will-change:transform,opacity;perspective:1000px}.problem-card.from-right{right:5%}.problem-card.from-left{left:5%}.problem-number{display:block;font:11px/1.6 monospace;letter-spacing:.07em;color:var(--gold);margin-bottom:18px}.problem-card h3{font-size:clamp(23px,2.1vw,38px);line-height:1.65;margin:0;font-weight:600;letter-spacing:-.03em}.problem-card h3 em{font-style:normal;color:var(--cyan);font-weight:800}.problem-underline{display:block;width:55px;height:2px;background:var(--gold);margin-top:24px;transform-origin:right}.narrative-footer{position:absolute;inset:auto var(--pad) 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8c97a6;font-size:12px;z-index:12}.build-progress{height:1px;background:#43637e60;width:26%;position:absolute;left:37%;direction:ltr}.build-progress i{height:100%;width:100%;background:var(--cyan);display:block;transform:scaleX(0);transform-origin:left}.build-percentage{font:12px monospace;color:var(--cyan)}
.services-atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 23% 53%,#321e4855,transparent 60%),radial-gradient(ellipse at 85% 85%,#43637e22,transparent 45%),#090a0f}.services-stage:after{content:"";position:absolute;top:21%;bottom:17%;left:52%;width:1px;background:linear-gradient(transparent,#43637e80,transparent);z-index:-1}.services-heading{position:absolute;right:6%;top:29%;width:35%;z-index:7}.services-heading h2{font-size:clamp(34px,3.3vw,60px);line-height:1.6;letter-spacing:-.025em;margin:0;font-weight:650}.services-heading h2 em{font-style:normal;color:var(--cyan);font-weight:800}.services-heading-rule{display:block;width:65px;height:2px;background:var(--gold);margin-top:30px}.service-navigation{direction:ltr;margin-top:29px;display:flex;align-items:center;gap:17px;max-width:320px}.service-counter{font:12px monospace;color:#a4b8bf;white-space:nowrap}.service-nav-buttons{display:flex;gap:7px;flex:1}.service-nav-buttons button{position:relative;height:30px;min-width:20px;flex:1;background:none;border:0;padding:0;cursor:pointer}.service-nav-buttons button:before{content:"";position:absolute;top:14px;left:0;right:0;height:2px;background:#43637e60}.service-nav-buttons button:after{content:"";position:absolute;top:14px;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(var(--fill,0));transform-origin:left}.services-viewport{position:absolute;left:5%;top:20%;width:44%;height:66%;perspective:1200px}.service-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;will-change:transform,opacity;transform-origin:center}.service-composition{position:relative;isolation:isolate;width:100%;height:470px;max-height:100%;display:flex;align-items:center;justify-content:center}.service-index{position:absolute;left:0;top:0;font:11px/1.5 monospace;letter-spacing:.1em;color:var(--gold);direction:ltr}.service-composition h3{font-size:clamp(27px,3.1vw,54px);font-weight:650;line-height:1.6;letter-spacing:-.035em;margin:0;width:100%;position:relative;z-index:3;text-align:center}.service-word{display:block;will-change:transform,opacity;transform-origin:right;white-space:normal}.word-accent{color:var(--cyan);font-style:normal;font-weight:850}.motion-detail{will-change:transform,opacity}.draw-path{stroke-dasharray:1;stroke-dashoffset:1}.service-footer-label{font:11px monospace;letter-spacing:.1em;color:var(--gold)}
.strategy-composition h3{margin-top:-18px}.architecture-parent{position:absolute;top:46px;left:50%;transform:translateX(-50%);font-size:13px;border:1px solid #43637e;background:#17212d;padding:8px 20px;border-radius:6px;white-space:nowrap;color:var(--mint)}.architecture-lines{position:absolute;left:0;top:60px;width:100%;height:330px;color:var(--steel);z-index:-1}.architecture-nodes{position:absolute;top:72%;right:0;width:100%;display:flex;justify-content:space-around;gap:8px}.architecture-nodes span{padding:10px 13px;background:#1b2330;border:1px solid #43637e88;color:#b6c9d7;border-radius:6px;font-size:13px;white-space:nowrap}.architecture-outcome{position:absolute;bottom:8px;left:0;width:100%;font-size:13px;color:#8b9cad;text-align:center}
.design-selection{border:1px solid #65dcd580;padding:13px 24px;position:relative;width:87%;margin-top:10px}.design-selection>i{position:absolute;width:8px;height:8px;background:var(--cyan);border:1px solid #090a0f}.design-selection>i:nth-of-type(1){top:-4px;right:-4px}.design-selection>i:nth-of-type(2){top:-4px;left:-4px}.design-selection>i:nth-of-type(3){bottom:-4px;right:-4px}.design-selection>i:nth-of-type(4){bottom:-4px;left:-4px}.design-ruler{position:absolute;top:49px;width:75%;left:12.5%;border-top:1px dashed var(--steel);text-align:center;word-spacing:26px;font:11px/3 monospace;color:#70869d}.design-cursor{position:absolute;right:7%;bottom:25%;width:34px;height:42px;z-index:5}.design-swatches{position:absolute;bottom:30px;left:7%;display:flex;align-items:center;gap:11px;direction:ltr}.design-swatches i{width:22px;height:22px;border-radius:6px;background:var(--plum);border:1px solid #fff3}.design-swatches i:nth-child(2){background:var(--steel)}.design-swatches i:nth-child(3){background:var(--cyan)}.design-swatches i:nth-child(4){background:var(--gold)}.design-swatches span{font-size:12px;color:#9cabbc;margin-left:6px}.ux-wireframe{position:absolute;right:0;top:80px;display:flex;gap:5px;z-index:-1;transform:rotate(12deg)}.ux-wireframe i{width:30px;height:15px;border:1px solid #43637e;border-radius:3px}
.service-browser-frame{width:96%;border:1px solid #43637e90;border-radius:12px;background:linear-gradient(130deg,#43637e17,#321e4833);padding:64px 12px 22px;position:relative;box-shadow:0 22px 55px #0003}.service-browser-top{position:absolute;inset:0 0 auto;height:35px;background:#20222d;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-radius:12px 12px 0 0;direction:ltr;color:var(--gold);font-size:10px;letter-spacing:2px}.service-browser-top i{font:11px monospace;color:#91a6b6}.corporate-modules{display:flex;gap:12px;margin-top:28px;padding-inline:10px}.corporate-modules>div{flex:1;background:#192331;border:1px solid #43637e6a;border-radius:5px;padding:12px;font-size:12px;text-align:right}.corporate-modules b{font-weight:500;color:#aac2d1}.corporate-modules i{display:block;width:90%;height:3px;background:#43637e80;margin-top:10px}.corporate-modules i:last-child{width:63%;margin-top:5px}.corporate-corner{position:absolute;bottom:0;right:5%;font-size:13px;color:#8e9bac}
.commerce-composition h3{margin-top:-14px}.commerce-path{position:absolute;inset:46px 0 0;color:var(--steel);z-index:-1}.commerce-path svg{width:100%;height:100%}.product-card{position:absolute;top:48px;width:108px;height:107px;border:1px solid #43637e80;border-radius:9px;padding:12px;background:#1a2130;color:#a7bccc;font-size:12px;box-shadow:0 12px 24px #0003}.product-a{left:5%;transform:rotate(-9deg)}.product-b{right:9%;transform:rotate(8deg);background:#321e48a0}.product-card i{display:block;height:21px;border:1px solid #65dcd55c;margin-top:10px;background:linear-gradient(90deg,#65dcd528,transparent);border-radius:3px}.product-card b{position:absolute;bottom:5px;right:10px;color:var(--gold);font-size:15px}.checkout-strip{position:absolute;bottom:51px;left:2%;width:96%;display:flex;align-items:center;justify-content:center;gap:12px;background:#17212c;border:1px solid #43637e80;border-radius:7px;padding:16px 10px;font-size:13px}.checkout-strip i{color:var(--steel);font-style:normal}.checkout-strip strong{color:var(--cyan);font-weight:600}
.code-editor{position:relative;width:100%;border:1px solid #43637e80;border-radius:10px;background:#0d121be0;padding:57px 20px 21px;box-shadow:0 20px 60px #0004}.editor-tabs{position:absolute;inset:0 0 auto;height:37px;border-bottom:1px solid #43637e50;display:flex;align-items:center;gap:28px;padding:0 17px;font:11px monospace;direction:ltr;color:#8b9aae}.editor-tabs span:first-child{color:var(--cyan)}.editor-tabs i{font-size:18px;font-style:normal}.code-ghost{font:12px/1.9 monospace;color:#637a91;direction:ltr}.code-ghost span{display:block}.code-editor h3{font-size:clamp(26px,2.7vw,49px);padding:12px 0}.code-caret{display:inline-block;width:2px;height:.85em;background:var(--gold);margin-right:7px}.build-terminal{border-top:1px solid #43637e60;margin-top:12px;padding-top:13px;display:flex;align-items:center;gap:10px;direction:ltr;font:11px monospace;color:var(--mint)}.build-terminal b{color:var(--cyan);font-size:15px}.build-terminal i{margin-left:auto;font-style:normal;color:var(--gold)}
.growth-composition h3{margin-top:-35px;text-shadow:0 4px 20px #090a0f}.growth-chart{position:absolute;inset:45px 0 0;width:100%;height:88%;z-index:-1}.chart-grid{stroke:#43637e38;stroke-width:1}.chart-line{stroke:var(--cyan);stroke-width:2.5;filter:drop-shadow(0 0 7px #65dcd57a)}.search-result{position:absolute;bottom:5%;left:8%;width:84%;padding:17px 20px;border:1px solid #43637e90;background:#121d2aeb;border-radius:7px;text-align:right}.search-result>span{font:10px monospace;color:#7f9caf;display:block;text-align:left;margin-bottom:9px}.search-result strong{color:#bad3ee;font-size:16px;font-weight:600}.search-result>i{height:3px;width:90%;display:block;background:#43637e8a;margin-top:12px}.search-result>i:last-child{width:67%;margin-top:7px}.growth-marker{position:absolute;right:4%;top:48px;border:1px solid #65dcd56a;background:#12252a;padding:7px 12px;border-radius:5px;font-size:12px;color:var(--cyan)}
.care-composition h3{margin-top:15px}.speed-ring{position:absolute;left:50%;top:43px;transform:translateX(-50%);width:200px;height:156px;z-index:-1}.gauge-base{stroke:#43637e60;stroke-width:9}.gauge-value{stroke:var(--cyan);stroke-width:9;filter:drop-shadow(0 0 5px #65dcd555)}.care-tools{position:absolute;bottom:26px;left:6%;width:88%;display:flex;align-items:center;justify-content:space-around;gap:20px}.care-tools>span{display:flex;align-items:center;flex-direction:column;gap:12px;color:var(--cyan)}.care-tools svg{width:39px;height:39px}.care-tools b{font-size:13px;color:#9eb7c7;font-weight:500}.care-tools .care-pulse svg{width:95px;color:var(--gold)}
@media(min-width:1600px){.problem-card{width:20%}.problem-card.from-right{right:7%}.problem-card.from-left{left:7%}.services-viewport{left:7%;width:42%}.services-heading{right:8%}.service-composition{height:520px}}
@media(max-width:1100px){.service-composition{height:440px}.architecture-nodes span{font-size:11px;padding:9px}.design-selection{padding:15px 10px}.design-ruler{word-spacing:12px}.design-swatches{gap:7px}.design-swatches i{width:18px;height:18px}.design-swatches span{font-size:10px}.checkout-strip{gap:8px;font-size:11px}.product-card{width:92px;height:91px}.service-index{font-size:10px}.code-ghost{font-size:10px}.code-editor{padding-inline:12px}.corporate-modules{gap:7px;padding-inline:0}.corporate-modules>div{padding:9px;font-size:11px}}
@media(max-width:900px){.problem-heading{top:15%;left:5%;width:90%}.problem-heading h2{font-size:clamp(30px,4.3vw,40px)}.browser-build{width:min(69vw,54svh);top:49%}.build-orbits{width:100vw;height:100vw;top:48%}.problem-card{top:72%;width:39%}.problem-card.from-right{right:7%}.problem-card.from-left{left:7%}.problem-card h3{font-size:clamp(22px,2.8vw,30px);line-height:1.5}.problem-number{margin-bottom:12px}.problem-underline{margin-top:15px}.ingredient-html{top:39%;left:17%}.ingredient-css{top:54%;right:17%}.ingredient-ux{top:53%;left:17%}.ingredient-server{top:37%;right:17%}.ingredient-db{top:56%;left:33%}.ingredient-security{top:36%;right:31%}.services-heading h2{font-size:clamp(30px,4vw,38px)}.services-heading{right:5%;width:37%;top:33%}.services-viewport{left:4%;width:46%}.service-composition h3{font-size:clamp(25px,3.35vw,33px)}.service-composition{height:420px}.service-browser-frame{padding:54px 10px 18px}.corporate-modules>div{padding:8px 5px}.checkout-strip{font-size:10px;gap:6px}.design-swatches span{display:none}.architecture-nodes span{font-size:10px;padding:8px 7px}.architecture-outcome{font-size:11px}.search-result strong{font-size:14px}.search-result{padding:14px}.service-counter{font-size:11px}.service-navigation{gap:10px}.service-nav-buttons{gap:3px}.service-nav-buttons button{min-width:15px}}
@media(max-width:640px){.problem-heading{top:13%;left:5%;width:90%}.section-overline{font-size:10px;margin-bottom:12px}.problem-heading h2{font-size:clamp(25px,6.8vw,37px);line-height:1.55}.browser-build{width:84vw;top:46%}.problem-card{top:68%;width:42%}.problem-card.from-right{right:5%}.problem-card.from-left{left:5%}.problem-card h3{font-size:clamp(18px,4.9vw,24px);line-height:1.55}.problem-number{font-size:9px;letter-spacing:.02em;margin-bottom:10px}.problem-underline{height:1px;width:32px;margin-top:13px}.ingredient{padding:9px 11px;border-radius:7px;min-width:100px;font-size:9px}.ingredient code{font-size:9px}.ingredient-label{font-size:8px;margin-bottom:5px}.ingredient>svg{width:23px;height:23px;margin-right:6px}.ingredient-html{left:13%;top:32%}.ingredient-css{right:12%;top:52%}.ingredient-ux{left:11%;top:50%}.ingredient-server{right:10%;top:35%}.ingredient-db{left:30%;top:53%}.ingredient-security{right:23%;top:32%}.narrative-footer{bottom:19px;font-size:10px;gap:10px}.build-progress{width:20%;left:38%}.build-percentage{font-size:10px}.services-heading{right:var(--pad);top:13%;width:calc(100% - var(--pad)*2)}.services-heading h2{font-size:clamp(27px,7vw,36px);line-height:1.5}.services-heading h2 br:first-of-type{display:none}.services-heading h2 br:first-of-type:after{content:' '}.services-heading h2 em{white-space:nowrap}.services-heading-rule{margin-top:14px;width:45px}.service-navigation{position:absolute;left:0;bottom:-10px;width:45%;max-width:220px;gap:10px;margin:0}.service-nav-buttons{gap:4px}.service-counter{font-size:10px}.service-nav-buttons button{min-width:8px;height:20px}.service-nav-buttons button:before,.service-nav-buttons button:after{top:9px}.services-viewport{top:40%;left:6%;width:88%;height:48%}.services-stage:after{display:none}.service-composition{height:100%;max-height:450px}.service-composition h3{font-size:clamp(25px,6.7vw,35px);line-height:1.5}.service-index{font-size:9px}.architecture-parent{top:27px;padding:6px 13px;font-size:11px}.architecture-lines{top:30px;height:85%}.architecture-nodes{top:74%;gap:5px}.architecture-nodes span{font-size:10px;padding:8px}.architecture-outcome{bottom:-3px;font-size:10px}.design-selection{width:86%;padding:8px 15px;margin-top:0}.design-ruler{top:25px;font-size:9px;line-height:2.5}.design-swatches{bottom:10px;left:7%;gap:9px}.design-swatches span{display:block;font-size:10px}.design-cursor{width:26px;height:34px;bottom:24%}.ux-wireframe{top:46px}.service-browser-frame{padding:47px 10px 16px;width:96%}.service-browser-top{height:28px}.corporate-modules{margin-top:16px;gap:8px}.corporate-modules>div{font-size:10px;padding:8px}.corporate-modules i{margin-top:7px}.corporate-corner{bottom:0;font-size:10px}.product-card{top:28px;width:83px;height:77px;padding:9px;font-size:10px}.product-card i{height:12px;margin-top:7px}.product-card b{font-size:12px;bottom:2px}.checkout-strip{bottom:18px;padding:12px 8px;font-size:11px;gap:10px}.commerce-path{top:20px}.code-editor{padding:41px 15px 13px}.editor-tabs{height:28px;font-size:10px}.code-ghost{font-size:10px;line-height:1.7}.code-editor h3{font-size:clamp(25px,6.3vw,34px);padding:9px 0}.build-terminal{font-size:10px;padding-top:9px;margin-top:7px}.growth-chart{top:22px;height:94%}.growth-marker{top:29px;font-size:10px;padding:5px 9px}.growth-composition h3{margin-top:-15px}.search-result{bottom:1%;padding:12px 15px}.search-result strong{font-size:13px}.search-result>span{font-size:9px;margin-bottom:7px}.search-result>i{margin-top:8px}.speed-ring{top:22px;width:150px;height:118px}.care-composition h3{margin-top:12px}.care-tools{bottom:10px;gap:12px}.care-tools svg{width:30px;height:30px}.care-tools .care-pulse svg{width:78px}.care-tools b{font-size:10px}.care-tools>span{gap:8px}.service-footer-label{font-size:9px;letter-spacing:0}}
@media(max-height:710px) and (max-width:640px){.problem-heading{top:14%}.problem-heading h2{font-size:6.5vw}.section-overline{margin-bottom:7px}.browser-build{width:76vw;top:48%}.problem-card{top:71%}.problem-card h3{font-size:4.8vw;line-height:1.4}.problem-number{font-size:8px;margin-bottom:6px}.problem-underline{margin-top:8px}.services-heading{top:15%}.services-heading h2{font-size:6.7vw;line-height:1.4}.services-viewport{top:42%;height:46%}.service-composition h3{font-size:6.2vw}.service-index{top:-5px;font-size:8px}.architecture-parent{top:20px;padding:3px 11px;font-size:10px}.architecture-outcome{display:none}.architecture-nodes span{font-size:9px;padding:5px 7px}.design-ruler{top:13px}.design-swatches{bottom:0}.design-selection{padding:4px 12px}.product-card{top:13px;height:65px;width:74px}.product-card i{height:8px}.checkout-strip{bottom:0;padding:8px;font-size:10px}.code-ghost{font-size:8px;line-height:1.55}.editor-tabs{height:24px;font-size:9px}.code-editor{padding:31px 10px 10px}.code-editor h3{font-size:5.9vw;padding:5px 0}.build-terminal{font-size:8px;margin-top:5px;padding-top:5px}.corporate-modules{margin-top:11px}.corporate-modules>div{padding:6px;font-size:9px}.service-browser-frame{padding-top:36px;padding-bottom:12px}.corporate-corner{display:none}.search-result{padding:9px 13px;bottom:0}.search-result strong{font-size:11px}.search-result>i{margin-top:6px}.growth-marker{top:11px;font-size:9px}.speed-ring{top:10px;width:127px;height:97px}.care-tools{bottom:0}.care-tools svg{width:24px;height:24px}.care-tools>span{gap:5px}}
@media(max-height:520px) and (min-width:641px){.problem-heading{top:19%;left:5%;width:90%}.section-overline{font-size:9px;margin-bottom:5px}.problem-heading h2{font-size:5.8vh;line-height:1.3}.problem-heading h2 br{display:none}.browser-build{width:65svh;top:62%}.problem-card{top:45%;width:23%}.problem-card h3{font-size:4.5vh}.problem-number{font-size:9px;margin-bottom:8px}.problem-underline{margin-top:10px}.narrative-footer{bottom:10px;font-size:10px}.services-heading{top:28%;width:35%;right:6%}.services-heading h2{font-size:6.1vh;line-height:1.5}.services-heading-rule{margin-top:15px}.service-navigation{margin-top:12px}.services-viewport{top:24%;height:66%;width:44%;left:5%}.service-composition{height:100%}.service-composition h3{font-size:6.2vh}.service-index{font-size:8px;top:-12px}.architecture-parent{top:6px;padding:4px 13px;font-size:10px}.architecture-lines{top:5px;height:95%}.architecture-nodes span{font-size:9px;padding:6px 10px}.architecture-outcome{display:none}.design-ruler{top:4px;font-size:9px}.design-selection{width:78%;padding:3px 15px}.design-swatches{bottom:0}.design-swatches span{display:none}.design-swatches i{width:14px;height:14px}.design-cursor{width:26px;bottom:20%}.ux-wireframe{top:15px}.service-browser-frame{padding:33px 10px 10px}.service-browser-top{height:25px}.corporate-modules{margin-top:10px}.corporate-modules>div{padding:6px;font-size:9px}.corporate-corner{display:none}.product-card{top:3px;height:65px;width:80px;font-size:9px;padding:7px}.product-card i{height:10px}.product-card b{bottom:0;font-size:11px}.checkout-strip{bottom:0;padding:8px;font-size:10px}.code-editor{padding:28px 12px 10px}.editor-tabs{height:23px;font-size:9px}.code-ghost{font-size:8px;line-height:1.5}.code-editor h3{padding:5px;font-size:5.8vh}.build-terminal{margin-top:4px;padding-top:4px;font-size:8px}.growth-marker{top:0;font-size:9px}.search-result{bottom:0;padding:7px 12px}.search-result strong{font-size:11px}.search-result>span{font-size:8px;margin-bottom:3px}.search-result>i{margin-top:5px;height:2px}.growth-composition h3{margin-top:-14px}.speed-ring{top:-2px;height:105px;width:145px}.care-tools{bottom:0}.care-tools svg{width:24px;height:24px}.care-tools b{font-size:9px}.care-tools>span{gap:6px}}
html:not(.narrative-ready) .problem-experience,html:not(.narrative-ready) .services-experience{height:auto!important}html:not(.narrative-ready) .narrative-stage{height:auto;position:relative;padding:100px var(--pad) 60px}html:not(.narrative-ready) .problem-heading,html:not(.narrative-ready) .services-heading{position:relative;inset:auto;width:100%;margin-bottom:40px}html:not(.narrative-ready) .problem-copy-area{display:grid;grid-template-columns:1fr 1fr;gap:30px}html:not(.narrative-ready) .problem-card{position:relative;inset:auto;width:auto;opacity:1;visibility:visible}html:not(.narrative-ready) .narrative-footer,html:not(.narrative-ready) .service-navigation{display:none}html:not(.narrative-ready) .services-viewport{position:relative;inset:auto;width:100%;height:auto}html:not(.narrative-ready) .service-card{position:relative;opacity:1;visibility:visible;min-height:470px}
@media(prefers-reduced-motion:reduce){.browser-shell,.web-part,.problem-card,.service-card,.service-word,.motion-detail{will-change:auto}}
.problem-word{display:inline-block;will-change:translate,opacity,filter}