.dev-hero{min-height:960px;padding-bottom:160px}.dev-grid-lines{position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(46,176,208,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(46,176,208,.08) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.product-map{position:relative;align-self:center;padding:18px 20px 14px;border:1px solid rgba(69,210,235,.25);border-radius:30px;background:linear-gradient(145deg,rgba(8,39,68,.9),rgba(4,20,40,.78));box-shadow:0 32px 80px rgba(0,0,0,.28),inset 0 0 55px rgba(27,168,204,.05)}
.product-map-head{display:flex;justify-content:space-between;padding:4px 5px 10px;color:#77b9c9;font-size:10px;font-weight:800;letter-spacing:.13em}.product-map-head .live{color:#bcebf1}.product-map-head .live i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.product-map svg{display:block;width:100%;height:auto}.product-map-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;border-top:1px solid rgba(94,192,216,.18);color:#8cb5c3;font-size:10px;font-weight:700;text-transform:uppercase}.product-map-status span{text-align:center}.product-map-status b{color:var(--cyan);margin-right:4px}.dev-proof{margin-top:60px}.dev-proof strong{white-space:nowrap}
.service-formats{background:#eef5f7}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:20px 70px;align-items:end;margin-bottom:44px}.section-heading .kicker{grid-column:1/-1}.section-heading h2{margin:0}.section-heading>p:last-child{margin:0;color:#617886;font-size:16px;line-height:1.75}.format-card p{margin:0;color:#637b88;font-size:14px;line-height:1.65}
.discovery{color:#fff;background:linear-gradient(135deg,#06162c,#083b5c)}.discovery-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.discovery-grid>div:first-child>p:last-child{max-width:580px;color:#a9bfca;line-height:1.75}.discovery-cards{display:grid;gap:12px}.discovery-cards article{display:grid;grid-template-columns:48px 1fr;gap:5px 16px;padding:24px 26px;border:1px solid rgba(96,202,224,.2);border-radius:20px;background:rgba(9,43,70,.76);transition:border-color .25s,background .25s,box-shadow .25s}.discovery-cards article:hover{border-color:rgba(68,226,244,.64);background:rgba(11,59,88,.86);box-shadow:0 0 28px rgba(45,232,253,.08)}.discovery-cards b{grid-row:1/3;color:var(--cyan);font-size:22px}.discovery-cards h3{margin:0;font-size:20px}.discovery-cards p{margin:6px 0 0;color:#a9c2cd;font-size:14px;line-height:1.6}
.dev-process{background:#edf5f7}.dev-process .process-head{color:var(--navy)}.dev-process .process-head>p{color:#617986}.dev-steps{position:relative;margin-top:38px;border-top:1px solid #c9dfe5}.dev-steps article{display:grid;grid-template-columns:54px 74px minmax(0,1fr) auto;gap:22px;align-items:center;min-height:150px;padding:22px 8px;border-bottom:1px solid #c9dfe5}.dev-steps article>span{color:#149eb7;font-size:15px;font-weight:800}.step-icon{display:grid;width:68px;height:68px;place-items:center;border:1px solid #a9dbe4;border-radius:19px;background:#f8fcfd}.step-icon svg{width:46px;fill:none;stroke:#0b4d7c;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.dev-steps h3{margin:0 0 8px;color:var(--navy);font-size:20px}.dev-steps p{max-width:750px;margin:0;color:#637b88;font-size:14px;line-height:1.65}.dev-steps article>b{padding:8px 12px;border:1px solid #acdce5;border-radius:999px;color:#168fa6;font-size:10px;letter-spacing:.12em}.dev-steps article:hover .step-icon{border-color:#2ddbea;box-shadow:0 0 24px rgba(45,219,234,.15)}
@media(max-width:1100px){.format-grid{grid-template-columns:1fr 1fr}.format-card{min-height:350px}.discovery-grid{gap:45px}.dev-case-card{flex-basis:88vw}.dev-price-panel{gap:40px;padding:40px}}
@media(max-width:1050px){.dev-hero{min-height:auto;padding-bottom:70px}}
@media(min-width:900px) and (max-width:1050px){.dev-hero{min-height:900px;padding-bottom:145px}.dev-hero .hero-grid{grid-template-columns:1.05fr .95fr;gap:28px}.dev-hero h1{font-size:clamp(52px,6.3vw,65px)}.product-map{padding:14px 15px 11px;border-radius:25px}.dev-hero .dev-proof{position:absolute;left:50%;bottom:0;width:min(1180px,calc(100% - 40px));margin:0;transform:translateX(-50%)}}
@media(max-width:760px){.dev-hero{padding-bottom:0}.dev-hero .hero-grid{padding-bottom:35px}.product-map{padding:12px 10px 10px;border-radius:22px}.product-map svg{margin:-8px 0}.product-map-status{font-size:8px}.dev-proof{margin-top:0}.section-heading{display:block;margin-bottom:28px}.section-heading>p:last-child{margin-top:18px;font-size:15px}.format-grid{grid-template-columns:1fr}.format-card{min-height:0;padding:22px}.format-icon{width:66px;height:66px;margin:25px 0 22px}.format-icon svg{width:43px}.discovery-grid{grid-template-columns:1fr;gap:30px}.discovery-cards article{padding:20px}.dev-process .process-head{display:block}.dev-process .process-head>p{margin-top:18px}.dev-steps article{position:relative;grid-template-columns:42px 58px 1fr;gap:12px;align-items:start;min-height:0;padding:22px 0}.dev-steps article:before{content:"";position:absolute;left:70px;top:83px;bottom:-22px;width:1px;background:#b8dce3}.dev-steps article:last-child:before{display:none}.step-icon{width:56px;height:56px;border-radius:16px}.step-icon svg{width:38px}.dev-steps article>b{grid-column:3;justify-self:start}.dev-steps h3{font-size:18px}.dev-case-card{grid-template-columns:1fr;flex-basis:calc(100vw - 34px);min-height:0;border-radius:24px}.dev-case-shot{height:270px}.dev-case-info{min-height:330px;padding:27px 23px}.dev-case-info .case-label{margin-top:20px}.dev-case-info h3{font-size:27px}.dev-price-panel{grid-template-columns:1fr;gap:35px;padding:30px 20px;border-radius:27px}.price-points{gap:8px}.price-points article{min-height:176px;padding:18px}.price-points h3{margin:18px 0 8px;font-size:17px}.price-points p{font-size:12px}.reviews .review-meta{align-items:center}.mobile-phone>i{grid-row:auto;grid-column:auto}}
@media(max-width:380px){.price-points{grid-template-columns:1fr}.price-points article{min-height:0}.dev-case-shot{height:230px}}
@media(prefers-reduced-motion:reduce){.format-card,.dev-case-shot img,.discovery-cards article,.price-points article{transition:none!important}}

/* Development hero follows the approved homepage/SEO underwater system. */
.dev-hero{min-height:1020px;padding-bottom:205px;background:radial-gradient(ellipse at 78% 29%,rgba(13,93,139,.7),transparent 42%),radial-gradient(ellipse at 7% 78%,rgba(15,83,139,.38),transparent 36%),linear-gradient(145deg,#041329,#082a4b 55%,#06172f)}
@media(min-width:1051px){.dev-hero h1{font-size:clamp(64px,5.42vw,78px)}}
.dev-hero:before{content:"";position:absolute;inset:58px 0 45px;background:repeating-radial-gradient(ellipse at 73% 46%,transparent 0 78px,rgba(76,193,222,.04) 79px 80px);pointer-events:none}
.dev-hero:after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:430px;mask-image:none;background:linear-gradient(to bottom,rgba(2,13,29,0),rgba(2,13,29,.58) 48%,#020d1d 88%);pointer-events:none}
.concept-deep .dev-hero .depth-scale{position:absolute;z-index:3;right:18px;top:145px;bottom:205px;display:flex;flex-direction:column;justify-content:space-between;color:#5590a9;font-size:9px;font-weight:800;letter-spacing:.08em}.concept-deep .dev-hero .depth-scale:before{content:"";position:absolute;right:38px;top:0;bottom:0;width:1px;background:linear-gradient(#37e9ff,rgba(55,233,255,.05))}.concept-deep .dev-hero .depth-scale span:before{content:"";display:inline-block;width:18px;height:1px;margin:0 9px 3px 0;background:#4eaac1}
.dev-bubbles{position:absolute;z-index:2;inset:85px 0 45px;display:block!important;pointer-events:none;overflow:hidden}.dev-bubbles i{position:absolute;bottom:-30px;width:9px;height:9px;border:1px solid rgba(83,238,253,.42);border-radius:50%;box-shadow:0 0 12px rgba(45,232,253,.12);animation:devBubbleRise 12s linear infinite}.dev-bubbles i:nth-child(1){left:4%;width:5px;height:5px;animation-delay:-2s}.dev-bubbles i:nth-child(2){left:18%;width:13px;height:13px;animation-delay:-7s;animation-duration:16s}.dev-bubbles i:nth-child(3){left:35%;animation-delay:-4s;animation-duration:14s}.dev-bubbles i:nth-child(4){left:54%;width:6px;height:6px;animation-delay:-10s}.dev-bubbles i:nth-child(5){left:66%;width:15px;height:15px;animation-delay:-5s;animation-duration:18s}.dev-bubbles i:nth-child(6){left:75%;width:7px;height:7px;animation-delay:-1s}.dev-bubbles i:nth-child(7){left:84%;width:11px;height:11px;animation-delay:-8s;animation-duration:15s}.dev-bubbles i:nth-child(8){left:92%;width:5px;height:5px;animation-delay:-3s}.dev-bubbles i:nth-child(9){left:48%;width:4px;height:4px;animation-delay:-12s;animation-duration:17s}@keyframes devBubbleRise{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.8}70%{opacity:.42}100%{transform:translateY(-900px) translateX(28px);opacity:0}}
.build-bay{position:relative;align-self:center;padding:22px;border:1px solid rgba(109,215,234,.28);border-radius:32px;background:linear-gradient(145deg,rgba(5,24,45,.91),rgba(8,43,73,.84));box-shadow:0 32px 90px rgba(0,0,0,.3),0 0 55px rgba(45,232,253,.07),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(12px);overflow:hidden}.build-bay:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,rgba(45,232,253,.065),transparent 65%);transform:translateX(-100%);animation:baySweep 7s infinite;pointer-events:none}@keyframes baySweep{50%,100%{transform:translateX(100%)}}
.build-bay-head{position:relative;z-index:2;display:flex;justify-content:space-between;color:#87aaba;font-size:10px;font-weight:800;letter-spacing:.14em}.build-bay-head .live{color:#81effb}.build-bay-head .live i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 11px var(--cyan)}
.build-bay-screen{position:relative;margin:18px 0 15px;border:1px solid rgba(84,184,207,.2);border-radius:24px;background:radial-gradient(circle at 50% 42%,rgba(25,148,184,.15),transparent 51%),#04172c;overflow:hidden}.build-bay-screen svg{display:block;width:100%;height:auto}.bay-rings{opacity:.16}.bay-rings ellipse{transform-origin:center;animation:bayPulse 5s ease-in-out infinite}.bay-rings ellipse:nth-child(2){animation-delay:-1.6s}.bay-rings ellipse:nth-child(3){animation-delay:-3.1s}@keyframes bayPulse{50%{opacity:.38;transform:scale(1.025)}}.site-module{transform-origin:50% 55%;animation:siteFloat 5.5s ease-in-out infinite}@keyframes siteFloat{50%{transform:translateY(-5px)}}.bay-node circle{fill:#06213a;stroke:#4bdcea;stroke-width:2}.bay-node text{fill:#e9feff;stroke:#06213a;stroke-width:2;paint-order:stroke;letter-spacing:.04em;font:800 14px Manrope;text-anchor:middle}.bay-pings{fill:#60edfa}.bay-sub{animation:subCruise 7s ease-in-out infinite}@keyframes subCruise{50%{transform:translateX(14px) translateY(-4px)}}.bay-sub text{fill:#c4fbff;font:800 11px Manrope;letter-spacing:1.5px}.bay-bubbles{opacity:.66;animation:subBubbles 4s linear infinite}@keyframes subBubbles{to{transform:translate(16px,-38px);opacity:0}}.build-progress{position:absolute;z-index:3;left:18px;right:18px;bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(79,193,214,.2);border-radius:12px;background:rgba(3,18,35,.82);backdrop-filter:blur(8px)}.build-progress span{padding:9px 6px;border-right:1px solid rgba(79,193,214,.17);color:#87a8b8;font-size:8px;font-weight:750;text-align:center;text-transform:uppercase}.build-progress span:last-child{border:0}.build-progress b{color:#3ee2f1;margin-right:4px}.build-bay-status{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.build-bay-status span{padding:11px 7px;border:1px solid rgba(102,181,203,.14);border-radius:12px;color:#7397a9;background:rgba(10,38,62,.5);font-size:8px;line-height:1.35;text-align:center}.build-bay-status b{display:block;margin-bottom:3px;color:#dffcff;font-size:10px}.dev-proof{bottom:52px;margin-top:0;overflow:hidden;background:rgba(2,13,29,.9)}.concept-deep .dev-proof>div{display:flex;min-height:118px;padding:27px 34px;align-items:flex-start;justify-content:center;flex-direction:column;text-align:left}.dev-proof strong,.dev-proof span{width:100%;text-align:left}.dev-proof strong{font-size:30px;line-height:1}.dev-proof span{margin-top:10px;font-size:12px;line-height:1.35}.dev-hero-wave{position:absolute;z-index:6;left:0;bottom:-1px;width:100%;height:54px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 31 C90 17 145 18 225 29 C310 40 380 13 470 24 C560 37 625 42 715 27 C810 11 875 39 965 27 C1055 14 1115 39 1205 26 C1295 12 1355 21 1440 31 L1440 60 L0 60 Z' fill='%23eef5f7'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}

/* The second service card repeats the approved homepage accent card. */
.format-card{align-items:center;text-align:center;transition:color .28s ease,background .28s ease,transform .28s ease,border-color .28s ease,box-shadow .28s ease}.format-card>span{width:100%;color:#378b9f;text-align:center}.format-card h3{display:flex;width:100%;min-height:55px;align-items:center;justify-content:center;color:#168da3;text-align:center}.format-card p{width:100%;text-align:center}.format-card>b{width:100%;text-align:center}.format-card:hover{border-color:rgba(45,205,226,.52);background:linear-gradient(155deg,#fff 15%,#edf9fb 100%);box-shadow:0 20px 42px rgba(10,69,91,.13),0 0 25px rgba(45,232,253,.09)}.format-card:hover h3{color:#168da3}.format-icon{transition:transform .28s ease,box-shadow .28s ease}.format-card:hover .format-icon{transform:scale(1.035);box-shadow:0 0 22px rgba(45,232,253,.12)}.format-card-dark{color:#fff;border-color:rgba(45,232,253,.3);background:#0a2741;box-shadow:0 18px 44px rgba(3,28,51,.17)}.format-card-dark>span,.format-card-dark h3,.format-card-dark>b{color:#83eefa;text-shadow:0 0 14px rgba(45,232,253,.14)}.format-card-dark p{color:#aec2ce}.format-card-dark .format-icon{border-color:rgba(45,232,253,.38);background:var(--cyan)}.format-card-dark .format-icon svg{stroke:#062139}.format-card-dark:hover{color:#fff;border-color:rgba(45,232,253,.5);background:#0d3552;box-shadow:0 20px 44px rgba(3,28,51,.22),0 0 30px rgba(45,232,253,.14);transform:translate3d(0,-3px,0)}.format-card-dark:hover h3{color:#83eefa}.format-card-dark:hover p{color:#c1d3dc}

/* Five development stages use the approved dark SEO route. */
.dev-process{position:relative;overflow:hidden;color:#fff;background:#031225}.dev-process:before{content:"";position:absolute;left:-260px;top:-260px;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(24,131,168,.13),rgba(3,18,37,0) 66%);pointer-events:none}.dev-process>.container{position:relative;z-index:1}.dev-process .process-head{color:#fff;margin-bottom:34px;padding-bottom:34px;border-bottom:1px solid rgba(79,177,203,.25)}.dev-process .process-head>p{max-width:470px;padding:5px 0 5px 22px;border-left:2px solid #35d6eb;color:#a9becb;font-size:15px}.dev-steps{margin-top:0;border-top:0}.dev-steps article{position:relative;grid-template-columns:54px 72px minmax(0,1fr) auto 12px;min-height:128px;padding:0;border-bottom:1px solid rgba(79,177,203,.22);transition:padding-left .24s ease,background .24s ease}.dev-steps article:after{content:"";grid-column:5;width:7px;height:7px;border-radius:50%;background:#43ddef;box-shadow:0 0 12px #35d9ed}.dev-steps article>span{color:#47d9ea;font-size:17px}.step-icon{width:68px;height:68px;border-color:rgba(52,201,222,.32);border-radius:18px;background:rgba(7,34,56,.72);box-shadow:inset 0 0 20px rgba(26,155,184,.05)}.step-icon svg{stroke:#7da5b6;stroke-width:1.8}.dev-steps h3{color:#f6fbfd}.dev-steps p{color:#7893a3}.dev-steps article>b{min-width:102px;border-color:rgba(47,198,220,.38);color:#59d5e5;font-size:12px;text-align:center}.dev-steps article:hover{padding-left:12px;background:linear-gradient(90deg,rgba(45,232,253,.055),transparent 72%)}.dev-steps article:hover .step-icon{border-color:rgba(91,238,250,.82);background:rgba(10,67,91,.78);box-shadow:0 0 24px rgba(45,232,253,.09)}.dev-steps article:hover h3{color:#49dced}.dev-steps article:hover>b{color:#9af8ff;border-color:rgba(91,238,250,.75);background:rgba(10,70,95,.55)}

@media(max-width:1050px){.dev-hero{padding-bottom:90px}.dev-proof{position:relative;left:auto;bottom:auto;width:min(1180px,calc(100% - 40px));margin:60px auto 0;transform:none}.concept-deep .dev-hero .depth-scale{display:none}.build-bay{max-width:720px}.dev-hero-wave{height:46px}}
@media(min-width:900px) and (max-width:1050px){.dev-hero{min-height:980px;padding-bottom:190px}.dev-hero .dev-proof{position:absolute;left:50%;bottom:48px;margin:0;transform:translateX(-50%)}.build-bay{max-width:none}}
@media(max-width:760px){.dev-hero{padding-bottom:72px}.dev-hero .hero-grid{padding-bottom:0}.build-bay{padding:15px;border-radius:24px}.build-bay-head{gap:10px;font-size:8px}.build-bay-screen{margin:14px 0 10px;border-radius:18px}.build-progress{left:8px;right:8px;bottom:8px}.build-progress span{padding:7px 2px;font-size:6.5px}.build-bay-status{gap:5px}.build-bay-status span{padding:8px 4px;font-size:6.5px}.build-bay-status b{font-size:8px}.dev-proof{margin-top:40px}.concept-deep .dev-proof>div{min-height:126px;padding:20px 12px;align-items:center;text-align:center}.dev-proof strong,.dev-proof span{text-align:center}.dev-proof strong{font-size:24px}.dev-proof span{margin-top:7px;font-size:10px}.dev-hero-wave{height:38px}.dev-process .process-head{padding-bottom:28px}.dev-process .process-head>p{padding-left:16px}.dev-steps article{grid-template-columns:32px 52px minmax(0,1fr);gap:12px;padding:22px 0}.dev-steps article:before{display:none}.dev-steps article:after{display:none}.dev-steps article>b{grid-column:3;justify-self:start;min-width:0;margin-top:2px;padding:6px 10px;font-size:9px}.step-icon{width:48px;height:48px;border-radius:14px}.step-icon svg{width:33px}.dev-steps h3{font-size:16px}.dev-steps p{font-size:12px;line-height:1.55}}
@media(prefers-reduced-motion:reduce){.dev-bubbles i,.build-bay:after,.bay-rings ellipse,.site-module,.bay-sub,.bay-bubbles{animation:none!important}}

/* Shared homepage/SEO intro marker and a coherent custom SVG icon family. */
.section-heading>p:last-child{padding:5px 0 5px 22px;border-left:2px solid #25cfe2}
.format-icon{width:82px;height:82px;margin:34px 0 25px;border-radius:24px}
.format-icon svg{width:56px;stroke-width:2.15}
.format-icon .icon-accent{stroke:#19bcd2}
.format-card-dark .format-icon .icon-accent{stroke:#168fa8}
@media(max-width:760px){.section-heading>p:last-child{padding:4px 0 4px 16px}.format-icon{width:72px;height:72px;margin:25px 0 22px}.format-icon svg{width:49px}}

/* Alternate dark discovery, light process, dark cases instead of three dark blocks in a row. */
.dev-process{color:var(--navy);background:#eef5f7}
.dev-process:before{background:radial-gradient(circle,rgba(24,131,168,.09),rgba(238,245,247,0) 66%)}
.dev-process .process-head{color:var(--navy);border-bottom-color:#c9dfe5}
.dev-process .process-head>p{color:#617986}
.dev-steps article{border-bottom-color:#c9dfe5}
.dev-steps article:after{background:#18abc2;box-shadow:0 0 10px rgba(24,171,194,.35)}
.dev-steps article>span{color:#168fa6}
.dev-steps .step-icon{border-color:#a9dbe4;background:#f8fcfd;box-shadow:none}
.dev-steps .step-icon svg{stroke:#0b4d7c}
.dev-steps h3{color:var(--navy)}
.dev-steps p{color:#637b88}
.dev-steps article>b{border-color:#acdce5;color:#168fa6;background:rgba(255,255,255,.38)}
.dev-steps article:hover{background:linear-gradient(90deg,rgba(35,188,211,.09),transparent 72%)}
.dev-steps article:hover .step-icon{border-color:#2ddbea;background:#fff;box-shadow:0 0 24px rgba(45,219,234,.15)}
.dev-steps article:hover h3{color:#087f98}
.dev-steps article:hover>b{color:#087f98;border-color:#38c9dd;background:#fff}

/* The first screen repeats the approved SEO motion and link behavior. */
.dev-hero .typing-line{display:block}
.dev-hero h1>em,.dev-hero .typing-accent{white-space:nowrap}
.dev-hero .typing-word{display:inline-block;white-space:nowrap}
.dev-hero .typing-accent{color:#2de8fd;text-shadow:0 0 32px rgba(45,232,253,.13)}
.dev-hero .typing-letter{display:inline-block;animation:devDepthType .48s cubic-bezier(.2,.8,.2,1) var(--typing-delay) both}
@keyframes devDepthType{0%{opacity:0;transform:translateY(10px);filter:blur(5px)}45%{opacity:.55;filter:blur(1px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
.dev-hero .hero-tags span{position:relative;overflow:hidden;transition:transform .24s ease,border-color .24s ease,color .24s ease,background .24s ease,box-shadow .24s ease}
.dev-hero .hero-tags span:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(105deg,transparent 20%,rgba(130,245,255,.16) 48%,transparent 76%);transition:transform .48s ease}
.dev-hero .text-link{position:relative;display:inline-flex;align-items:center;padding:8px 2px;color:#d9edf4;transition:color .22s ease}
.dev-hero .text-link:after{content:"";position:absolute;left:2px;right:25px;bottom:3px;height:1px;transform:scaleX(0);transform-origin:left;background:#4cecff;box-shadow:0 0 8px rgba(76,236,255,.55);transition:transform .25s ease}
.dev-hero .text-link span{display:inline-block;transition:transform .25s ease,color .25s ease}
@media(hover:hover){.dev-hero .hero-tags span:hover{transform:translateY(-3px);color:#fff;border-color:rgba(91,235,250,.7);background:rgba(10,78,108,.78);box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 16px rgba(45,232,253,.1)}.dev-hero .hero-tags span:hover:after{transform:translateX(110%)}.dev-hero .text-link:hover{color:#fff}.dev-hero .text-link:hover:after{transform:scaleX(1)}.dev-hero .text-link:hover span{transform:translateY(4px);color:#7af4ff}}
@media(prefers-reduced-motion:reduce){.dev-hero .typing-letter{animation:none!important}.dev-hero .hero-tags span,.dev-hero .text-link,.dev-hero .text-link:after,.dev-hero .text-link span{transition:none!important}}

/* The development route stays dark, matching the approved SEO route block. */
.dev-process{color:#fff;background:#031225}
.dev-process:before{background:radial-gradient(circle,rgba(24,131,168,.13),rgba(3,18,37,0) 66%)}
.dev-process .process-head{color:#fff;border-bottom-color:rgba(79,177,203,.25)}
.dev-process .process-head>p{color:#a9becb}
.dev-steps article{border-bottom-color:rgba(79,177,203,.22)}
.dev-steps article:after{background:#43ddef;box-shadow:0 0 12px #35d9ed}
.dev-steps article>span{color:#47d9ea}
.dev-steps .step-icon{border-color:rgba(52,201,222,.32);background:rgba(7,34,56,.72);box-shadow:inset 0 0 20px rgba(26,155,184,.05)}
.dev-steps .step-icon svg{stroke:#7da5b6}
.dev-steps h3{color:#f6fbfd}
.dev-steps p{color:#7893a3}
.dev-steps article>b{border-color:rgba(47,198,220,.38);color:#59d5e5;background:transparent}
.dev-steps article:hover{background:linear-gradient(90deg,rgba(45,232,253,.055),transparent 72%)}
.dev-steps article:hover .step-icon{border-color:rgba(91,238,250,.82);background:rgba(10,67,91,.78);box-shadow:0 0 24px rgba(45,232,253,.09)}
.dev-steps article:hover h3{color:#49dced}
.dev-steps article:hover>b{color:#9af8ff;border-color:rgba(91,238,250,.75);background:rgba(10,70,95,.55)}

/* Light portfolio carousel: one project shown across desktop, tablet and phone. */
.dev-cases{color:var(--navy);background:#eef5f7}
.dev-cases .cases-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px}
.dev-cases .cases-head h2{color:var(--navy)}
.dev-cases .cases-head h2 em{color:#6d9eac}
.dev-cases .case-controls{display:flex;align-items:center;gap:10px}
.dev-cases .case-controls>span{min-width:58px;color:#7895a0;font-size:11px;font-weight:700;text-align:center}
.dev-cases .case-controls b{color:#168da3;font-size:16px}
.dev-cases .case-controls button{border-color:#bdd8de;color:#143c4c;background:#fff}
.dev-cases .case-controls button:hover{color:#06172c;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 24px rgba(45,232,253,.22);transform:translateY(-2px)}
.dev-case-card{grid-template-areas:"info media";grid-template-columns:.38fr .62fr;flex-basis:min(1180px,86vw);min-height:620px;border-color:#c7dfe5;background:#fff;box-shadow:0 26px 70px rgba(7,52,73,.11)}
.dev-case-info{grid-area:info;padding:48px 42px;color:var(--navy);background:#fff}
.dev-case-logo img{filter:none;opacity:1}
.dev-case-logo--wide img{max-width:190px;max-height:68px}
.dev-case-logo--square img{max-width:76px;max-height:76px}
.dev-case-wordmark{display:inline-flex;align-items:center;color:#151719;font-size:32px;font-weight:800;letter-spacing:-.055em;line-height:1}
.dev-case-wordmark--soko b{display:inline-flex;margin-left:2px;padding:4px 5px 8px;background:#f5c63d;font:inherit}
.dev-case-info .case-label{color:#168da3}
.dev-case-info h3{color:var(--navy)}
.dev-case-info>p:not(.case-label){color:#607784}
.dev-case-info li{border-color:#b9dce3;color:#386979;background:#f5fbfc}
.dev-case-shot{position:relative;grid-area:media;min-height:620px;background:radial-gradient(circle at 74% 22%,rgba(45,232,253,.22),transparent 27%),linear-gradient(145deg,#dceef2,#afd5de);isolation:isolate}
.dev-case-shot:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-radial-gradient(ellipse at 60% 52%,transparent 0 58px,rgba(12,92,115,.08) 59px 60px)}
.device-desktop,.device-tablet,.device-phone{position:absolute;overflow:hidden;background:#fff;box-shadow:0 26px 55px rgba(6,43,61,.25);transition:transform .4s ease,box-shadow .4s ease}
.device-desktop,.device-tablet,.device-phone{background:#0b2a40}
.device-desktop{left:5%;top:12%;width:81%;height:66%;padding-top:19px;border:6px solid #0b2a40;border-radius:14px}
.device-desktop:before{content:"";position:absolute;left:10px;top:7px;width:5px;height:5px;border-radius:50%;background:#39d8e8;box-shadow:10px 0 #7b9fad,20px 0 #7b9fad}
.device-tablet{z-index:2;right:5%;bottom:9%;width:35%;height:49%;border:8px solid #10344a;border-radius:18px}
.device-tablet:after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;border-radius:50%;background:#7eddeb;transform:translateX(-50%)}
.device-phone{z-index:3;right:35%;bottom:5%;width:17%;height:39%;border:7px solid #082436;border-radius:19px}
.device-tablet--landscape{right:4%;bottom:10%;width:46%;height:38%}
.device-phone--raketa{right:37%;bottom:5%;width:23%;height:39%}
.device-phone--bestinfitness{right:36%;width:19%;contain:paint}
.device-phone--bestinfitness img{max-width:100%;object-position:top center}
.device-desktop:has(img[src*="hudkov"]),.device-desktop:has(img[src*="palitrafoods"]),.device-desktop:has(img[src*="valetek"]),.device-desktop:has(img[src*="skanerlidov"]){height:55%}
.device-phone:has(img[src*="skanerlidov"]) img{width:calc(100% + 2px);max-width:none;margin-left:-1px}
.dev-case-card--pizzamania .dev-case-logo img{max-width:168px;max-height:58px}
.dev-case-logo--hudkovpro{width:174px;height:72px;padding:8px 12px;border-radius:12px;background:#26364b}
.dev-case-logo--hudkovpro img{width:100%;max-width:150px;max-height:54px;object-fit:contain}
.device-phone:after{content:"";position:absolute;left:50%;top:3px;width:22%;height:3px;border-radius:4px;background:#426777;transform:translateX(-50%)}
.dev-case-shot--dual{background:radial-gradient(circle at 20% 18%,rgba(45,232,253,.2),transparent 28%),linear-gradient(145deg,#dceef2,#a9d0da)}
.dev-case-shot--dual .device-desktop{height:54%;padding-top:16px;border-width:5px;border-radius:12px}
.dev-case-shot--dual .device-desktop--site{z-index:1;left:3%;top:8%;width:77%;transform:rotate(-1deg)}
.dev-case-shot--dual .device-desktop--cabinet{z-index:2;right:3%;bottom:8%;left:auto;top:auto;width:74%;transform:rotate(1deg)}
.dual-screen-label{position:absolute;z-index:4;padding:7px 10px;border:1px solid rgba(16,70,87,.18);border-radius:999px;color:#164557;background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(7,52,73,.12);font-size:8px;font-weight:800;letter-spacing:.12em}
.dual-screen-label--site{left:5%;top:4%}
.dual-screen-label--cabinet{right:5%;bottom:4%}
.dev-case-wordmark--compass{display:block;color:#0d3334;font-size:25px;line-height:1.05;letter-spacing:-.04em}
.dev-case-wordmark--compass b{display:block;color:#54b895;font:inherit}
.dev-case-shot .device-desktop img,.dev-case-shot .device-tablet img,.dev-case-shot .device-phone img{position:static;display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transform:none}
.dev-case-card:hover .dev-case-shot img{transform:none}
.dev-case-card:hover .device-desktop{transform:translateY(-5px);box-shadow:0 31px 62px rgba(6,43,61,.29)}
.dev-case-card:hover .device-tablet{transform:translate(4px,-7px)}
.dev-case-card:hover .device-phone{transform:translate(-3px,-9px)}
.dev-cases .case-dot{background:#b8cfd6}.dev-cases .case-dot.active{background:#168da3}
@media(max-width:760px){.dev-cases .cases-head{display:block}.dev-cases .case-controls{margin-top:22px}.dev-case-card{grid-template-areas:"media" "info";grid-template-columns:1fr;flex-basis:88vw;min-height:0}.dev-case-shot{height:335px;min-height:335px}.device-desktop{left:4%;top:10%;width:84%;height:66%;border-width:4px}.device-tablet{right:4%;bottom:8%;width:36%;height:48%;border-width:6px}.device-phone{right:38%;bottom:4%;width:18%;height:38%;border-width:5px}.device-tablet--landscape{right:3%;bottom:10%;width:47%;height:37%}.device-phone--raketa{right:39%;bottom:4%;width:24%;height:40%}.device-phone--bestinfitness{right:39%;width:20%;height:40%}.dev-case-shot--dual .device-desktop{height:55%;border-width:4px}.dev-case-shot--dual .device-desktop--site{left:3%;top:8%;width:83%}.dev-case-shot--dual .device-desktop--cabinet{right:3%;bottom:8%;left:auto;top:auto;width:82%}.dual-screen-label{font-size:7px}.dev-case-info{min-height:330px;padding:28px 24px}.dev-case-logo{height:58px}.dev-case-info .case-label{margin-top:18px}}

/* Cookie notice and back-to-top stay floating; they no longer create a white page strip. */
.ddd-cookie{--ddd-navy:#07172f;--ddd-cyan:#2de8fd;position:fixed;z-index:99999;left:24px;bottom:24px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;width:min(560px,calc(100vw - 48px));padding:12px 14px;color:#fff;border:1px solid rgba(74,222,240,.28);border-radius:16px;background:linear-gradient(135deg,rgba(4,20,38,.95),rgba(7,39,68,.93));box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px);font-family:Manrope,Arial,sans-serif}.ddd-cookie[hidden]{display:none}.ddd-cookie__mark{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:var(--ddd-cyan);background:rgba(45,232,253,.1);font-size:20px}.ddd-cookie__title{margin:0 0 3px;font-size:14px;font-weight:800}.ddd-cookie__text{margin:0;color:rgba(255,255,255,.74);font-size:11.5px;line-height:1.4}.ddd-cookie__text a{color:var(--ddd-cyan);text-decoration:none}.ddd-cookie__button{min-width:102px;padding:11px 15px;border:0;border-radius:10px;color:var(--ddd-navy);background:var(--ddd-cyan);font:800 12px/1 Manrope,Arial,sans-serif;cursor:pointer}.to-top{position:fixed;z-index:9998;left:16px;bottom:60px;display:grid;width:46px;height:46px;padding:0;place-items:center;border:1px solid rgba(91,227,242,.42);border-radius:50%;color:#c9fbff;background:rgba(4,25,45,.94);box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 20px rgba(45,232,253,.08);backdrop-filter:blur(10px);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:.22s}.to-top.visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}.to-top svg{width:21px;height:21px}.cookie-open .to-top{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:620px){.ddd-cookie{left:12px;right:12px;bottom:82px;grid-template-columns:minmax(0,1fr) auto;width:auto;padding:12px;border-radius:14px}.ddd-cookie__mark{display:none}.ddd-cookie__text{font-size:11px}.ddd-cookie__button{min-width:96px;padding:11px 12px}.to-top{left:14px;bottom:20px}}

/* Use the exact approved SEO typography for the four hero facts. */
.concept-deep .dev-proof>div{min-height:132px;padding:24px 28px;align-items:center;text-align:center;background:radial-gradient(circle at 50% 0,rgba(67,223,240,.055),transparent 72%)}
.concept-deep .dev-proof strong,.concept-deep .dev-proof span{width:100%;text-align:center}
.concept-deep .dev-proof strong{color:#73eaf6;font-size:29px;line-height:1.05;text-shadow:0 0 16px rgba(45,232,253,.22)}
.concept-deep .dev-proof span{margin-top:7px;color:#c0d4de;font-size:14px;font-weight:600;line-height:1.35}
@media(max-width:760px){.concept-deep .dev-proof>div{min-height:126px;padding:20px 18px}.concept-deep .dev-proof strong{font-size:24px}.concept-deep .dev-proof span{font-size:12px}}

/* Keep FAQ identical to the approved local SEO page without importing its
   creative layer into unrelated development-page sections. */
.concept-deep .faq{background:linear-gradient(180deg,#fff 0%,#eef8fa 100%)}
.concept-deep .faq-list{display:grid;gap:12px;border-top:0}
.concept-deep .faq-list details{padding:0;border:1px solid #d2e4e9;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(14,58,73,.045);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.concept-deep .faq-list summary{padding:23px 60px 23px 23px;color:#092b3c;font-size:20px;line-height:1.35}
.concept-deep .faq-list summary:after{right:22px;color:#149cb4;font-size:29px;font-weight:500}
.concept-deep .faq-list details p{max-width:800px;margin:0;padding:0 60px 25px 23px;color:#255466;font-size:16px;font-weight:550;line-height:1.7}
.concept-deep .faq-list details[open]{border-color:#69d4e2;background:linear-gradient(135deg,#fff 35%,#eafafd 100%);box-shadow:0 14px 34px rgba(18,112,133,.1)}
@media(hover:hover){
  .concept-deep .faq-list details:hover{transform:translateY(-2px);border-color:#83dce6;box-shadow:0 13px 30px rgba(18,91,109,.09)}
  .concept-deep .faq-list summary:hover{color:#057d96}
}

@media(min-width:1061px){.service-bar .service-dropdown a{font-size:14px}}

/* Mouse drag and touch swipe for the development cases carousel. */
.dev-cases .case-track{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.dev-cases .case-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.dev-cases .case-track img{pointer-events:none;-webkit-user-drag:none}

/* Responsive QA fixes: preserve the same safe edges and controls as the
   approved mobile layouts. */
.dev-price-copy h2>span{white-space:normal}
.price-points{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.price-points article{min-width:0}
.price-points h3,.price-points p{overflow-wrap:normal}
.dev-cases{padding-bottom:78px}
.dev-price{padding-top:78px;padding-bottom:88px}
.reviews{padding-top:88px}
@media(max-width:760px){
  .dev-hero h1{font-size:clamp(32px,9vw,42px)}
  .dev-hero .hero-grid{width:min(100% - 28px,1180px)}
  .dev-price-copy h2>span{white-space:normal}
  .dev-cases{padding-bottom:48px}
  .dev-price{padding-top:48px;padding-bottom:64px}
  .reviews{padding-top:64px}
  .dev-price-panel h2{font-size:clamp(43px,12vw,48px)}
  .dev-cases .case-controls{padding-left:52px}
  .menu-toggle{position:relative;display:grid;width:44px;height:44px;padding:0;place-items:center}
  .menu-toggle span{position:absolute;width:20px;height:2px;margin:0;transform-origin:center}
  .menu-toggle span:nth-child(1){transform:translateY(-6px)}
  .menu-toggle span:nth-child(2){transform:none}
  .menu-toggle span:nth-child(3){transform:translateY(6px)}
  .menu-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg)}
}

/* Shared deep-ocean hero base; development keeps a focused technical glow. */
.dev-hero{background:radial-gradient(ellipse at 78% 31%,rgba(13,93,139,.58) 0,rgba(7,49,84,.34) 25%,transparent 47%),linear-gradient(180deg,#04172d 0%,#031326 52%,#010817 100%)}
.dev-hero .ocean-glow-one{opacity:.34}.dev-hero .ocean-glow-two{opacity:.14}
@media(max-width:520px){.price-points{grid-template-columns:1fr}.price-points article{min-height:0}.price-points h3,.price-points p{overflow-wrap:normal}}

/* Portrait tablets: stack the price summary above a readable 2x2 card grid. */
@media(min-width:761px) and (max-width:1100px) and (orientation:portrait){
  .dev-price-panel{grid-template-columns:1fr!important;gap:32px!important;padding:38px!important}
  .dev-price-copy>p:not(.kicker){max-width:100%}
  .dev-price-panel h2{font-size:clamp(48px,7vw,54px)}
  .price-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .price-points article{min-width:0;min-height:170px;padding:22px}
  .price-points h3{margin:15px 0 8px;font-size:18px;line-height:1.25}
  .price-points p{font-size:12.5px;line-height:1.55}
}


.case-device-switcher{display:none}
/* Mobile cases show one large device at a time. The viewer can switch between
   every supplied desktop, tablet and phone capture without shrinking them. */
@media(max-width:760px){
  .dev-case-card{min-width:0;flex-basis:calc(100vw - 28px)}
  .dev-case-shot,.dev-case-info{min-width:0}
  .dev-case-shot{height:clamp(270px,82vw,350px);min-height:0}
  .dev-case-shot>.device-desktop,.dev-case-shot>.device-tablet,.dev-case-shot>.device-phone{display:none}
  .dev-case-shot>.is-case-screen-active{display:block}
  .device-desktop.is-case-screen-active,.device-tablet--landscape.is-case-screen-active{left:4%;right:auto;top:7%;bottom:auto;width:92%;height:auto;aspect-ratio:var(--case-screen-ratio,16/10);border-width:4px;transform:none}
  .device-tablet.is-case-screen-active:not(.device-tablet--landscape){left:50%;right:auto;top:8px;bottom:auto;width:auto;height:calc(100% - 58px);aspect-ratio:var(--case-screen-ratio,3/4);border-width:6px;transform:translateX(-50%)}
  .device-phone.is-case-screen-active{left:50%;right:auto;top:8px;bottom:auto;width:auto;height:calc(100% - 58px);aspect-ratio:var(--case-screen-ratio,9/19.5);border-width:5px;transform:translateX(-50%)}
  .dev-case-card:hover .device-desktop.is-case-screen-active,.dev-case-card:hover .device-tablet--landscape.is-case-screen-active{transform:none}
  .dev-case-card:hover .device-tablet.is-case-screen-active:not(.device-tablet--landscape),.dev-case-card:hover .device-phone.is-case-screen-active{transform:translateX(-50%)}
  .dev-case-shot--dual .device-desktop{height:auto;aspect-ratio:var(--case-screen-ratio,16/10)}
  .dev-case-shot--dual .device-desktop--site{left:4%;top:9%;width:92%}
  .dev-case-shot--dual .device-desktop--cabinet.is-case-screen-active{display:block;left:4%;right:auto;top:7%;bottom:auto;width:92%;transform:none}
  .dual-screen-label{display:none}
  .case-device-switcher{position:absolute;z-index:8;left:50%;bottom:10px;display:flex;max-width:calc(100% - 20px);gap:4px;padding:4px;border:1px solid rgba(10,77,99,.15);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(8,51,68,.13);transform:translateX(-50%);backdrop-filter:blur(10px)}
  .case-device-button{min-height:30px;padding:0 11px;border:0;border-radius:999px;color:#3e7182;background:transparent;font:800 9px/1 Manrope,Arial,sans-serif;white-space:nowrap;cursor:pointer}
  .case-device-button.is-active{color:#041b2e;background:#35dbea;box-shadow:0 4px 12px rgba(24,170,192,.2)}
  .dev-case-shot .device-desktop img,.dev-case-shot .device-tablet img,.dev-case-shot .device-phone img{width:100%;height:100%;object-fit:cover;object-position:top center}
  .dev-case-card:has(img[src*="otlk.png"]) .device-desktop.is-case-screen-active,.dev-case-card:has(img[src*="otlk.png"]) .device-tablet.is-case-screen-active{aspect-ratio:16/10}
  .dev-case-card:has(img[src*="otlk.png"]) .is-case-screen-active img{object-fit:contain;background:#fff}
  .dev-case-card:has(.device-desktop img[src*="hudkov.png"]) .device-desktop.is-case-screen-active,
  .dev-case-card:has(.device-desktop img[src*="palitrafoods.png"]) .device-desktop.is-case-screen-active,
  .dev-case-card:has(.device-desktop img[src*="valetek.png"]) .device-desktop.is-case-screen-active,
  .dev-case-card:has(.device-desktop img[src*="skanerlidov.png"]) .device-desktop.is-case-screen-active{height:auto;aspect-ratio:16/10}
  .dev-case-info h3{max-width:100%;overflow-wrap:anywhere}
  .menu-toggle{display:block;width:42px;height:38px;padding:6px;border:0;border-radius:0;background:none}
  .menu-toggle span{position:static;display:block;width:100%;height:3px;margin:5px 0;border-radius:4px;transform:none}
  .menu-toggle span:nth-child(1),.menu-toggle span:nth-child(2),.menu-toggle span:nth-child(3){transform:none}
  .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .mobile-phone>i{grid-column:3;grid-row:1}
}
@media(max-width:380px){.dev-case-shot{height:clamp(260px,84vw,310px)}.case-device-button{padding-inline:9px;font-size:8px}}
@media(max-width:340px){.dev-case-card:has(.dev-case-logo img[src*="artil-logo"]) .dev-case-info h3{font-size:22px;white-space:nowrap}}

/* Shared tablet fixes: switch to the compact header before labels collide
   and keep review documents centred at a useful, finite size. */
@media(max-width:1060px){
  .service-bar{display:none!important}
  .site-header{top:0!important}
}
@media(min-width:761px) and (max-width:1060px){
  .reviews .review-track{gap:16px;padding-inline:40px;scroll-padding-inline:40px}
  .reviews .review-track .review-card{flex-basis:calc(100vw - 80px);grid-template-columns:minmax(230px,.42fr) minmax(0,.58fr);gap:12px;min-height:430px;padding:12px;border-radius:28px}
  .reviews .review-card>.review-scan{grid-column:1;grid-row:1;width:100%;min-height:0;padding:22px;justify-self:stretch;align-self:stretch;border-radius:20px}
  .reviews .review-card>.review-scan img{display:block;width:auto;max-width:100%;height:min(360px,46vw);max-height:360px;margin-inline:auto;object-fit:contain}
  .reviews .review-content{grid-column:2;grid-row:1;width:100%;min-width:0;padding:28px 24px;align-self:stretch;border-radius:20px}
  .reviews .review-content .review-meta{gap:14px;padding-bottom:16px}
  .reviews .review-content blockquote{margin:18px 0;font-size:15px;line-height:1.55}
  .reviews .review-footer{margin-top:8px;padding-top:16px}
}
@media(min-width:761px) and (max-width:1100px) and (max-height:600px){
  .reviews .review-track{padding-inline:28px;scroll-padding-inline:28px}
  .reviews .review-track .review-card{flex-basis:calc(100vw - 56px);grid-template-columns:minmax(220px,30%) minmax(0,1fr);min-height:350px}
  .reviews .review-card>.review-scan{grid-column:1;grid-row:1;width:100%;padding:16px;justify-self:stretch;align-self:stretch}
  .reviews .review-card>.review-scan img{height:min(290px,72vh);max-height:290px}
  .reviews .review-content{grid-column:2;grid-row:1;width:100%;padding:20px 22px;align-self:stretch}
  .reviews .review-content .review-meta{gap:10px;padding-bottom:12px}
  .reviews .review-content blockquote{margin:12px 0;font-size:13.5px;line-height:1.45}
  .reviews .review-footer{padding-top:12px}
}

/* Final shared dimensions: identical to the main and SEO pages. */
.ddd-cookie{left:24px;right:auto;bottom:24px;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;width:min(560px,calc(100vw - 48px));max-width:calc(100vw - 48px);padding:12px 14px;border-radius:16px;font-family:Manrope,Arial,sans-serif}.ddd-cookie__content{min-width:0}.ddd-cookie__mark{width:36px;height:36px;font-size:20px}.ddd-cookie__title{margin:0 0 3px;font-size:14px}.ddd-cookie__text{font-size:11.5px;line-height:1.4;overflow-wrap:anywhere}.ddd-cookie__button{width:auto;min-width:102px;padding:11px 15px;border-radius:10px;font:800 12px/1 Manrope,Arial,sans-serif;white-space:nowrap}
@media(max-width:620px){.ddd-cookie{left:12px;right:12px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 68px));grid-template-columns:minmax(0,1fr) auto;gap:10px;width:auto;max-width:none;padding:12px;border-radius:14px}.ddd-cookie__mark{display:none}.ddd-cookie__text{font-size:11px}.ddd-cookie__button{grid-column:auto;width:auto;min-width:96px;padding:11px 12px}}

/* Keep a real hamburger at the intermediate header breakpoint. */
@media(max-width:1060px){
  .menu-toggle{position:relative;display:grid;width:44px;height:44px;margin-left:0;padding:0;place-items:center;border:1px solid rgba(70,207,228,.35);border-radius:50%;background:#092945}
  .menu-toggle span{position:absolute;display:block;width:20px;height:2px;margin:0;border-radius:3px;background:var(--cyan);transform-origin:center;transition:transform .2s ease,opacity .2s ease}
  .menu-toggle span:nth-child(1){transform:translateY(-6px)}
  .menu-toggle span:nth-child(2){transform:none}
  .menu-toggle span:nth-child(3){transform:translateY(6px)}
  .menu-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg)}
}
/* Hero status cards remain operational text, not decorative microcopy. */
.build-bay-status span{color:#a8cbd5;font-size:10px;line-height:1.4}
.build-bay-status b{color:#f0feff;font-size:12px;text-shadow:0 0 10px rgba(45,232,253,.16)}
@media(max-width:760px){.build-bay-status span{font-size:8.5px}.build-bay-status b{font-size:10px}}

/* Slow data flow between the product core and UX/UI/CMS/API nodes. */
.bay-cables path{animation:bayCableFlow 10s linear infinite;filter:drop-shadow(0 0 3px rgba(70,221,236,.28))}
.bay-cables path:nth-child(2){animation-delay:-2.5s}.bay-cables path:nth-child(3){animation-delay:-5s}.bay-cables path:nth-child(4){animation-delay:-7.5s}
@keyframes bayCableFlow{0%{stroke-dashoffset:0;opacity:.5}45%{opacity:1}100%{stroke-dashoffset:-52;opacity:.5}}
@media(prefers-reduced-motion:reduce){.bay-cables path{animation:none!important}}

/* Case media correctness shared by every local landing page. */
.device-phone img[src*="artil-mobile"]{object-fit:contain!important;object-position:top center!important;background:#fff}
.dev-case-card--eliziumloft .dev-case-logo{width:96px;height:96px}
.dev-case-card--eliziumloft .dev-case-logo img{max-width:96px;max-height:96px}
/* Accessible body copy on light cards. */
.format-card:not(.format-card-dark) p{color:#58717f}