:root{color-scheme:dark;--bg:#0E101F;--soft:#17182A;--panel:rgba(23,24,42,.76);--line:rgba(221,225,232,.16);--bright:rgba(235,238,244,.46);--text:#F4F6FA;--muted:#A7ADB8;--silver:#DDE1E8;--container:min(1180px,calc(100vw - 40px));--shadow:0 28px 90px rgba(0,0,0,.48);--scroll-y:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 18% 0,rgba(180,190,205,.075),transparent 30rem),radial-gradient(circle at 86% 12%,rgba(95,108,128,.085),transparent 28rem),linear-gradient(180deg,#0E101F,#17182A 48%,#0E101F);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;overflow-x:hidden;letter-spacing:0}a{color:inherit;text-decoration:none}main{position:relative;z-index:1}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.9}.ambient:before,.ambient:after,.ambient span{content:"";position:absolute;left:50%;width:150vw;height:56vh;min-width:1200px;background:url("silver-waves.svg") center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.48;filter:blur(.2px);transform:translate3d(-50%,0,0);will-change:transform,opacity}.ambient:before{top:18%;animation:silk-wave-a 28s ease-in-out infinite}.ambient:after{top:58%;opacity:.34;transform:translate3d(-50%,0,0) scaleX(-1) rotate(-2deg);animation:silk-wave-b 34s ease-in-out infinite}.ambient span:nth-child(1){top:2%;opacity:.22;transform:translate3d(-50%,0,0) scale(.86) rotate(4deg);animation:silk-wave-c 40s ease-in-out infinite}.ambient span:nth-child(2){top:76%;opacity:.2;transform:translate3d(-50%,0,0) scale(1.08) rotate(2deg);animation:silk-wave-b 46s ease-in-out infinite reverse}.ambient span:nth-child(3){display:none}@keyframes silk-wave-a{0%,100%{transform:translate3d(-54%,0,0) scale(1) rotate(-1deg);opacity:.34}45%{transform:translate3d(-47%,18px,0) scale(1.04) rotate(1.5deg);opacity:.56}72%{transform:translate3d(-51%,-10px,0) scale(1.02) rotate(.4deg);opacity:.42}}@keyframes silk-wave-b{0%,100%{transform:translate3d(-46%,0,0) scaleX(-1) scale(1.02) rotate(-3deg);opacity:.22}50%{transform:translate3d(-54%,-22px,0) scaleX(-1) scale(1.08) rotate(1deg);opacity:.4}}@keyframes silk-wave-c{0%,100%{transform:translate3d(-50%,0,0) scale(.86) rotate(4deg);opacity:.16}50%{transform:translate3d(-45%,24px,0) scale(.92) rotate(1deg);opacity:.28}}.site-header{width:var(--container);margin:0 auto;min-height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(23,24,42,.88)}.brand{display:inline-flex;align-items:center;gap:13px;min-width:max-content}.brand b{display:block;font-size:clamp(22px,2vw,30px);line-height:.86}.brand small{display:block;margin-top:6px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.18em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 0 18px rgba(255,255,255,.18),0 0 18px rgba(189,205,232,.22)}.brand-mark i{width:13px;height:13px;border:1px solid var(--silver);background:linear-gradient(135deg,#fff,#697282)}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.8vw,42px);color:var(--muted);font-size:14px}.main-nav a{position:relative;padding:12px 0;transition:color .25s}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);transform:scaleX(0);transition:transform .35s}.main-nav a:hover,.main-nav .active{color:#fff}.main-nav a:hover:after,.main-nav .active:after{transform:scaleX(1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:0 24px;border-radius:6px;border:1px solid var(--bright);transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(217,221,229,.13)}.btn-silver{color:#0E101F;border:0;background:linear-gradient(135deg,#fff,#d9dde5 38%,#8b94a3);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 14px 44px rgba(217,221,229,.14)}.btn-outline,.btn-ghost{color:var(--text);background:rgba(255,255,255,.02)}.btn-outline:hover,.btn-ghost:hover{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.06)}
.icon{width:22px;height:22px;display:inline-block;position:relative;flex:0 0 22px}.icon:before,.icon:after{content:"";position:absolute;inset:4px;border:1.6px solid currentColor;border-radius:4px}.icon.arrow:before{height:1px;border:0;background:currentColor;top:10px;left:2px;right:2px}.icon.arrow:after{border:0;border-right:1.8px solid currentColor;border-top:1.8px solid currentColor;width:7px;height:7px;left:auto;right:2px;top:6px;transform:rotate(45deg)}.icon.target:before,.icon.search:before,.icon.clock:before{border-radius:50%}.icon.search:after{border:0;width:8px;height:1.6px;background:currentColor;inset:auto 0 3px auto;transform:rotate(45deg)}.icon.chart:before{border-width:0 0 1.6px 1.6px;border-radius:0}.icon.chart:after{border:0;border-left:1.6px solid currentColor;border-top:1.6px solid currentColor;transform:skew(-18deg);inset:5px}.hero{width:var(--container);min-height:calc(100svh - 88px);margin:0 auto;display:grid;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);align-items:center;gap:30px;padding:64px 0 74px}.hero-copy{max-width:620px}.eyebrow{margin:0 0 18px;color:var(--silver);text-transform:uppercase;letter-spacing:.18em;font-size:12px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,7vw,96px);line-height:.94;margin-bottom:26px;background:linear-gradient(180deg,#fff,#d7dce7 54%,#858d9b);-webkit-background-clip:text;color:transparent;text-transform:uppercase}h2{font-size:clamp(30px,4vw,58px);line-height:1.02;margin-bottom:18px}h3{font-size:clamp(18px,1.5vw,24px);line-height:1.18;margin-bottom:12px}.lead{color:#d5dbe6;font-size:clamp(17px,1.45vw,22px);max-width:620px;margin-bottom:32px}.actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;max-width:560px}.stats-row div{border-left:1px solid var(--line);padding-left:20px}.stats-row b{display:block;font-size:25px;color:#fff;margin-bottom:4px}.stats-row span{color:var(--muted);font-size:13px}.hero-visual{position:relative;min-height:520px;margin:0;perspective:1200px;transform:translateY(var(--scroll-y))}.rock{position:absolute;left:5%;right:0;bottom:42px;height:130px;background:linear-gradient(135deg,#17182A,#0E101F 55%,#17182A);clip-path:polygon(0 56%,13% 18%,28% 34%,45% 6%,66% 28%,82% 10%,100% 38%,94% 92%,12% 100%);border:1px solid rgba(255,255,255,.1);filter:drop-shadow(0 28px 34px rgba(0,0,0,.55))}.laptop{position:absolute;width:min(620px,88%);right:4%;top:52px;transform:rotateX(6deg) rotateY(-12deg) rotateZ(1deg)}.screen{aspect-ratio:16/10;border:8px solid #0E101F;border-radius:14px;background:linear-gradient(135deg,rgba(15,24,36,.95),rgba(5,7,10,.96));box-shadow:var(--shadow),inset 0 0 0 1px rgba(255,255,255,.16);overflow:hidden;padding:24px}.screen-nav{display:flex;gap:7px;justify-content:flex-end;margin-bottom:18px}.screen-nav span{width:6px;height:6px;border-radius:50%;background:rgba(217,221,229,.55)}.base{width:86%;height:30px;margin:0 auto;background:linear-gradient(180deg,#aeb5c1,#252b35 55%,#07090d);border-radius:0 0 22px 22px;box-shadow:0 18px 34px rgba(0,0,0,.62)}.phone{position:absolute;right:2%;bottom:92px;width:148px;aspect-ratio:9/18.5;border:6px solid #0E101F;border-radius:28px;background:#17182A;box-shadow:0 26px 60px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.18);padding:12px}.phone-screen{height:100%;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 40% 0,rgba(159,178,210,.22),transparent 35%),#17182A;display:grid;place-items:center}.website-preview strong{display:block;max-width:360px;font-size:38px;line-height:1.02;text-transform:uppercase;background:linear-gradient(180deg,#fff,#909aaa);-webkit-background-clip:text;color:transparent}.website-preview p{color:var(--muted);max-width:330px}.website-preview span{display:block;color:var(--silver);letter-spacing:.16em;font-size:11px;margin-bottom:42px}.website-preview i{display:block;height:1px;background:linear-gradient(90deg,#fff,transparent);opacity:.45;margin:12px 0}.compact{text-align:center;padding:8px}.compact strong{font-size:19px}.compact p{font-size:11px}.ad-chart span{color:var(--silver);font-weight:700}.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 26px}.kpi b{padding:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:8px}.ad-chart svg{width:100%;height:auto}.ad-chart polyline{fill:none;stroke:#d9dde5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(217,221,229,.26))}.ad-chart polyline+polyline{stroke:#8A93A2}.google-mark{display:grid;gap:12px;place-items:center;color:#fff;font-size:13px}.google-mark i{width:58px;height:78px;border-radius:22px;background:linear-gradient(135deg,#F6F7FA,#DDE1E8 58%,#8D96A4);transform:rotate(33deg)}
.section{width:var(--container);margin:0 auto;padding:56px 0}.section-head{max-width:760px;margin-bottom:34px}.section-head p{color:var(--muted);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service-panel,.compact-card,.case-card,.price-card,.feature-strip article,.benefit-grid article,.story-grid article,.city-seo,.split-note,.cta-band,.faq-list details{border:1px solid var(--line);background:linear-gradient(145deg,rgba(23,24,42,.82),rgba(14,16,31,.88));border-radius:8px;box-shadow:var(--shadow)}.service-panel{min-height:320px;padding:32px;position:relative;overflow:hidden}.service-panel:after,.cta-band:after,.split-note:after{content:"";position:absolute;inset:auto -12% -35% 18%;height:160px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);filter:blur(18px);transform:rotate(-9deg)}.service-panel p,.compact-card p,.case-card p,.price-card li,.feature-strip p,.benefit-grid p,.story-grid p,.city-seo p,.split-note p,.cta-band p,.faq-list p{color:var(--muted)}ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}li{position:relative;padding-left:22px;color:var(--muted)}li:before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1px;background:var(--silver)}.service-panel>.icon,.compact-card>.icon,.feature-strip .icon,.benefit-grid .icon{width:52px;height:52px;display:grid;border:1px solid var(--bright);border-radius:8px;color:var(--silver);background:radial-gradient(circle at 30% 0,rgba(255,255,255,.22),rgba(255,255,255,.03));margin-bottom:24px;transition:transform .3s,box-shadow .3s}.service-panel>.icon:before,.service-panel>.icon:after,.compact-card>.icon:before,.compact-card>.icon:after,.feature-strip .icon:before,.feature-strip .icon:after,.benefit-grid .icon:before,.benefit-grid .icon:after{inset:14px}.service-panel:hover,.compact-card:hover,.case-card:hover,.price-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.35)}.text-link{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:600;margin-top:18px}.split-note{padding:clamp(28px,5vw,54px);position:relative;overflow:hidden}.split-note h2{max-width:760px}.split-note p{max-width:720px;font-size:18px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.case-card{overflow:hidden;transition:transform .3s,border-color .3s}.case-card>div:last-child{padding:22px}.case-visual{min-height:210px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.22),transparent 32%),linear-gradient(135deg,#17182A,#0E101F);border-bottom:1px solid var(--line)}.case-visual span{align-self:flex-start;padding:7px 11px;font-size:12px;border-radius:5px;background:rgba(255,255,255,.1);color:#fff}.case-visual strong{font-size:27px;text-transform:uppercase;line-height:1}.case-1{background:radial-gradient(circle at 55% 35%,rgba(102,132,178,.28),transparent 38%),linear-gradient(135deg,#17182A,#0E101F)}.case-2{background:radial-gradient(circle at 80% 20%,rgba(195,202,214,.22),transparent 36%),linear-gradient(135deg,#17182A,#0E101F)}.case-3{background:radial-gradient(circle at 60% 35%,rgba(240,244,252,.35),transparent 32%),linear-gradient(135deg,#eef2f8,#59616d);color:#0E101F}.case-card b{color:#fff}.feature-strip,.benefit-grid,.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-strip article,.benefit-grid article,.story-grid article{padding:28px}.benefit-grid,.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-line{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.process-step{position:relative}.process-step:after{content:"";position:absolute;top:30px;left:64px;right:-16px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.45),transparent)}.process-step:last-child:after{display:none}.process-step span,.step-index{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--bright);border-radius:50%;margin-bottom:20px;color:#fff;background:rgba(255,255,255,.03)}.process-step p{color:var(--muted);font-size:14px}.cards-five,.cards-six,.pricing-grid{display:grid;gap:18px}.cards-five{grid-template-columns:repeat(5,minmax(0,1fr))}.cards-six{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-card{padding:26px;transition:transform .3s,border-color .3s}.tech-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tech-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:22px}.tech-grid span{min-height:86px;display:grid;place-items:center;border-right:1px solid var(--line);color:var(--silver)}.tech-grid span:last-child{border-right:0}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.price-card{padding:28px;position:relative;display:flex;flex-direction:column;gap:18px;transition:transform .3s,border-color .3s}.price-card strong{font-size:24px;color:#fff}.price-card .btn{margin-top:auto;width:100%}.badge{position:absolute;top:-13px;right:20px;color:#0E101F;background:var(--silver);padding:5px 14px;border-radius:5px;font-size:12px;text-transform:uppercase}
.city-seo{width:var(--container);margin:44px auto;padding:clamp(26px,4vw,44px)}.city-seo div{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.city-seo span{color:var(--silver);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:start}.faq-list{display:grid;gap:12px}.faq-list details{overflow:hidden}.faq-list summary{cursor:pointer;list-style:none;padding:22px 24px;display:flex;justify-content:space-between;gap:18px;color:#fff}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:0;padding:0 24px 22px}.cta-band{width:var(--container);margin:52px auto;padding:clamp(28px,5vw,54px);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;position:relative;overflow:hidden}.cta-band h2{margin-bottom:10px}.footer{width:var(--container);margin:42px auto 0;padding:46px 0 24px;border-top:1px solid var(--line);position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr .8fr;gap:44px}.footer p,.footer a,.footer span,.footer address{color:var(--muted);font-style:normal}.footer h3{font-size:14px;color:#fff;margin-bottom:15px}.footer a,.footer span{display:block;margin-bottom:9px}.socials{display:flex;gap:12px;margin-top:22px}.socials a{border:1px solid var(--line);padding:8px 10px;border-radius:6px}.copyright{text-align:center;color:#6f7a8c;margin-top:34px;font-size:13px}.filter-bar{display:flex;gap:12px;margin-bottom:24px}.filter-bar button{color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:10px 18px;cursor:pointer;transition:.25s}.filter-bar button.is-active,.filter-bar button:hover{color:#0E101F;background:var(--silver);border-color:var(--silver)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible,.hero.reveal{opacity:1;transform:translateY(0)}@media(max-width:1180px){.site-header{grid-template-columns:1fr auto}.main-nav{grid-column:1/-1;order:3;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:460px}.portfolio-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-five{grid-template-columns:repeat(3,minmax(0,1fr))}.process-line{grid-template-columns:repeat(3,minmax(0,1fr))}.process-step:after{display:none}.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){:root{--container:min(100vw - 28px,680px)}.site-header{min-height:72px;gap:16px}.header-cta{display:none}.brand b{font-size:22px}.main-nav{gap:18px;font-size:13px}.hero{padding:42px 0 44px}h1{font-size:clamp(38px,12vw,60px)}.lead{font-size:16px}.actions,.stats-row{display:grid;grid-template-columns:1fr}.btn{width:100%;min-height:50px}.stats-row div{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.hero-visual{min-height:330px}.laptop{width:94%;right:0;top:10px}.screen{padding:16px}.website-preview strong{font-size:25px}.phone{width:104px;right:0;bottom:50px}.service-grid,.portfolio-grid,.pricing-grid,.cards-five,.cards-six,.feature-strip,.benefit-grid,.story-grid,.process-line,.footer-grid,.faq-section,.cta-band{grid-template-columns:1fr}.section{padding:38px 0}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-band .btn{width:100%}.footer-grid{gap:24px}}@media(max-width:390px){.brand-mark{width:30px;height:30px}.brand small{font-size:9px}.main-nav{gap:14px}.service-panel,.compact-card,.price-card,.feature-strip article,.benefit-grid article,.story-grid article{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.logo-img{display:block;width:156px;height:auto;max-height:66px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(221,225,232,.18))}.footer-logo-img{width:172px;max-height:76px}.brand picture{display:block}.brand:has(.logo-img){gap:0}.footer .brand:has(.logo-img){margin-bottom:16px}.brand-mark{display:none}.case-2{background:radial-gradient(circle at 80% 20%,rgba(205,212,224,.20),transparent 36%),linear-gradient(135deg,#17182A,#0E101F)}.case-3{background:radial-gradient(circle at 60% 35%,rgba(235,239,246,.30),transparent 32%),linear-gradient(135deg,#C9CFDA,#68707C);color:#0E101F}@media(max-width:760px){.logo-img{width:136px;max-height:58px}.footer-logo-img{width:154px}}




body{background:radial-gradient(circle at 18% 0,rgba(221,225,232,.08),transparent 30rem),radial-gradient(circle at 86% 12%,rgba(221,225,232,.06),transparent 28rem),linear-gradient(180deg,#0E101F 0%,#17182A 48%,#0E101F 100%)}.site-header{background:rgba(23,24,42,.9);border-bottom-color:rgba(221,225,232,.18)}.screen,.service-panel,.compact-card,.case-card,.price-card,.feature-strip article,.benefit-grid article,.story-grid article,.city-seo,.split-note,.cta-band,.faq-list details{background:linear-gradient(145deg,rgba(23,24,42,.84),rgba(14,16,31,.9))}.rock{background:linear-gradient(135deg,#17182A,#0E101F 55%,#17182A)}.case-visual{background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 32%),linear-gradient(135deg,#17182A,#0E101F)}.case-1{background:radial-gradient(circle at 55% 35%,rgba(221,225,232,.16),transparent 38%),linear-gradient(135deg,#17182A,#0E101F)}.case-2{background:radial-gradient(circle at 80% 20%,rgba(221,225,232,.18),transparent 36%),linear-gradient(135deg,#17182A,#0E101F)}


/* Requested header and H1 corrections */
h1{font-size:35px!important;line-height:1.14!important;max-width:720px;letter-spacing:0!important}.hero{min-height:auto;padding-top:72px}.site-header{width:100%!important;max-width:none!important;margin:0!important;padding-left:max(20px,calc((100vw - 1480px)/2))!important;padding-right:max(20px,calc((100vw - 1480px)/2))!important}.main-nav{min-width:0}.header-cta{justify-self:end}@media(max-width:760px){h1{font-size:35px!important;line-height:1.14!important}.site-header{padding-left:14px!important;padding-right:14px!important}}

/* Smooth page changes */
body:not(.page-ready) main#app{opacity:0;transform:translateY(8px)}body.page-ready main#app{opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .28s ease}body.page-leaving main#app,body.page-leaving .site-header,body.page-leaving .footer{opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}body.page-leaving{pointer-events:none}.site-header,.footer{transition:opacity .18s ease,transform .18s ease}

/* Silk-ribbon background tuned to the reference */
.ambient{opacity:.72!important}.ambient:before,.ambient:after,.ambient span{height:34vh!important;min-height:240px!important;background-size:100% 100%!important;filter:none!important}.ambient:before{top:36%!important;opacity:.5!important;animation:silk-wave-a 36s ease-in-out infinite!important}.ambient:after{top:64%!important;opacity:.28!important;animation:silk-wave-b 44s ease-in-out infinite!important}.ambient span:nth-child(1){top:18%!important;opacity:.16!important;animation:silk-wave-c 52s ease-in-out infinite!important}.ambient span:nth-child(2){top:82%!important;opacity:.18!important;animation:silk-wave-b 58s ease-in-out infinite reverse!important}.cta-band:after,.split-note:after,.service-panel:after{background:url("silver-waves.svg") center/115% 100% no-repeat!important;filter:none!important;height:220px!important;opacity:.46!important;transform:rotate(0deg)!important;inset:auto -10% -42px -8%!important;mix-blend-mode:screen!important}.service-panel:after{opacity:.12!important;height:160px!important}

/* Custom uploaded service icons */
.service-image-icon{width:74px;height:74px;display:grid;place-items:center;position:relative;margin-bottom:28px;border:1px solid rgba(221,225,232,.34);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 42px rgba(0,0,0,.28);overflow:hidden;animation:icon-float 6.8s ease-in-out infinite}.service-image-icon:before{content:"";position:absolute;inset:-42%;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.32) 48%,transparent 62%);transform:translateX(-72%) rotate(8deg);animation:icon-shimmer 5.4s ease-in-out infinite}.service-image-icon:after{content:"";position:absolute;inset:12px;border:1px solid rgba(221,225,232,.11);border-radius:10px}.service-image-icon img{width:42px;height:42px;object-fit:contain;position:relative;z-index:1;opacity:.92;filter:invert(96%) sepia(8%) saturate(178%) hue-rotate(184deg) brightness(104%) contrast(92%) drop-shadow(0 0 16px rgba(221,225,232,.22));transition:transform .35s ease,filter .35s ease,opacity .35s ease}.service-panel:nth-child(2) .service-image-icon{animation-delay:-2.2s}.service-panel:nth-child(2) .service-image-icon:before{animation-delay:-1.8s}.service-panel:hover .service-image-icon{border-color:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 22px 54px rgba(221,225,232,.13)}.service-panel:hover .service-image-icon img{transform:translateY(-2px) scale(1.08) rotate(-2deg);opacity:1;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(112%) contrast(96%) drop-shadow(0 0 22px rgba(245,247,251,.34))}.service-panel:nth-child(2):hover .service-image-icon img{transform:translateY(-2px) scale(1.08) rotate(2deg)}@keyframes icon-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}@keyframes icon-shimmer{0%,45%{transform:translateX(-82%) rotate(8deg);opacity:0}62%{opacity:1}82%,100%{transform:translateX(82%) rotate(8deg);opacity:0}}@media(prefers-reduced-motion:reduce){.service-image-icon,.service-image-icon:before{animation:none!important}}

/* Static uploaded icons for the DIONYSU benefits block */
.feature-image-icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:28px;border:1px solid rgba(221,225,232,.32);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 16px 38px rgba(0,0,0,.24);overflow:hidden}.feature-image-icon img{width:38px;height:38px;object-fit:contain;opacity:.9;filter:invert(96%) sepia(8%) saturate(178%) hue-rotate(184deg) brightness(104%) contrast(92%) drop-shadow(0 0 12px rgba(221,225,232,.18))}.feature-strip article:hover .feature-image-icon{border-color:rgba(221,225,232,.44);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.024))}


/* Web development type cards: four uploaded static icons */
.web-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.web-type-icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:24px;border:1px solid rgba(221,225,232,.32);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 16px 38px rgba(0,0,0,.22);overflow:hidden}.web-type-icon img{width:38px;height:38px;object-fit:contain;opacity:.92;filter:invert(96%) sepia(8%) saturate(178%) hue-rotate(184deg) brightness(104%) contrast(92%) drop-shadow(0 0 12px rgba(221,225,232,.18))}.compact-card:hover .web-type-icon{border-color:rgba(221,225,232,.44);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.024))}@media(max-width:1180px){.web-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:760px){.web-type-grid{grid-template-columns:1fr!important}}


/* Google Ads hero: uploaded transparent stats inside laptop, no phone mockup */
.phone{display:none!important}.hero-visual .laptop{right:0;width:min(720px,94%)}.ad-chart-shot{height:100%;display:grid;grid-template-rows:auto 1fr;gap:18px}.ad-chart-shot>span{font-size:22px;color:#F4F6FA;text-shadow:0 0 18px rgba(221,225,232,.16)}.ad-chart-shot img{width:112%;max-width:none;align-self:center;justify-self:center;object-fit:contain;filter:drop-shadow(0 22px 40px rgba(0,0,0,.34)) saturate(.96);transform:translateY(8px)}.visual-ads .screen,.hero-ads .screen{background:linear-gradient(145deg,rgba(23,24,42,.9),rgba(14,16,31,.96))}@media(max-width:760px){.hero-visual .laptop{width:100%;right:0}.ad-chart-shot img{width:118%}.ad-chart-shot>span{font-size:18px}}


/* Google Ads pricing: two centered packages */
.pricing-grid:has(.price-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(320px,1fr));max-width:900px;margin-left:auto;margin-right:auto}.pricing-grid:has(.price-card:nth-child(2):last-child) .price-card{min-height:560px}.pricing-grid:has(.price-card:nth-child(2):last-child) .price-card strong{color:#DDE1E8;font-size:30px}.pricing-grid:has(.price-card:nth-child(2):last-child) .price-card li:nth-child(1),.pricing-grid:has(.price-card:nth-child(2):last-child) .price-card li:nth-child(2){color:#F4F6FA}.pricing-grid:has(.price-card:nth-child(2):last-child) .price-card li:nth-child(2){margin-bottom:8px;color:#DDE1E8}@media(max-width:760px){.pricing-grid:has(.price-card:nth-child(2):last-child){grid-template-columns:1fr}}

/* Keep Google Ads stats screenshot with original white background */
.ad-chart-shot img{width:100%!important;max-width:100%!important;border-radius:6px;background:#fff;box-shadow:0 20px 42px rgba(0,0,0,.32);filter:drop-shadow(0 18px 32px rgba(0,0,0,.28))!important;transform:none!important}.ad-chart-shot{gap:14px!important}.screen{padding:18px!important}@media(max-width:760px){.ad-chart-shot img{width:100%!important}}
/* Center Google Ads screenshot inside laptop screen */
.screen:has(.ad-chart-shot){display:grid;grid-template-rows:auto 1fr;padding:18px!important}.screen:has(.ad-chart-shot) .screen-nav{margin-bottom:4px}.ad-chart-shot{height:100%;display:grid!important;grid-template-rows:auto 1fr!important;align-items:center!important;gap:0!important}.ad-chart-shot>span{align-self:start;margin-top:10px}.ad-chart-shot img{align-self:center!important;justify-self:center!important;width:96%!important;max-width:96%!important;margin:0!important;transform:translateY(-6px)!important}@media(max-width:760px){.ad-chart-shot img{width:98%!important;max-width:98%!important;transform:translateY(-3px)!important}}
/* Static uploaded icons for Google Ads benefits */
.ads-benefit-icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:28px;border:1px solid rgba(221,225,232,.32);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 16px 38px rgba(0,0,0,.24);overflow:hidden}.ads-benefit-icon img{width:38px;height:38px;object-fit:contain;opacity:.92;filter:invert(96%) sepia(8%) saturate(178%) hue-rotate(184deg) brightness(104%) contrast(92%) drop-shadow(0 0 12px rgba(221,225,232,.18))}.benefit-grid article:hover .ads-benefit-icon{border-color:rgba(221,225,232,.44);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.024))}.case-link{display:block;height:100%;color:inherit}.case-card em{display:inline-block;margin-top:14px;color:#DDE1E8;font-style:normal;font-weight:600}.case-card:hover em{text-decoration:underline}
/* Portfolio hero screenshots */
.case-link{display:flex!important;flex-direction:column;height:100%;color:inherit;text-decoration:none}.case-link>.case-copy{padding:22px}.case-visual{position:relative;overflow:hidden;min-height:230px;color:#fff!important;background:linear-gradient(135deg,#17182A,#0E101F)!important}.case-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.74;filter:saturate(.94) contrast(.96) brightness(.82);transform:scale(1.01);transition:transform .55s ease,opacity .55s ease}.case-card:hover .case-visual img{transform:scale(1.045);opacity:.86}.case-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,16,31,.18),rgba(14,16,31,.78) 72%,rgba(14,16,31,.92));z-index:1}.case-visual span,.case-visual strong{position:relative;z-index:2;color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.72)}.case-visual span{background:rgba(14,16,31,.48);border:1px solid rgba(221,225,232,.18);backdrop-filter:blur(8px)}.case-card h3,.case-card b,.case-card em{color:#fff!important}.case-3{color:#fff!important;background:linear-gradient(135deg,#17182A,#0E101F)!important}@media(max-width:760px){.case-visual{min-height:210px}}
/* Portfolio card alignment */
.portfolio-grid{align-items:stretch}.case-card{height:100%;min-height:0}.case-link{min-height:100%;display:flex!important;flex-direction:column}.case-link>.case-copy{padding:22px;display:flex;flex-direction:column;flex:1;min-height:302px}.case-copy .eyebrow{min-height:18px;margin-bottom:22px}.case-copy h3{min-height:66px;margin-bottom:18px;display:flex;align-items:flex-start}.case-copy .case-desc{min-height:116px;margin:0 0 20px}.case-bottom{margin-top:auto;display:grid;gap:12px;align-content:end}.case-bottom b,.case-bottom em{display:block}.case-bottom em{margin-top:0}.case-visual{justify-content:flex-start!important}.case-visual strong{display:none!important}@media(max-width:1180px){.case-link>.case-copy{min-height:280px}.case-copy .case-desc{min-height:96px}}@media(max-width:760px){.case-link>.case-copy{min-height:0}.case-copy h3,.case-copy .case-desc{min-height:0}}
/* Premium living silk waves background */
:root{--bg:#0B1220;--soft:#111827;--panel:rgba(17,24,39,.76)}
html{background:#0B1220!important}
body{background:radial-gradient(circle at 18% -6%,rgba(220,225,235,.07),transparent 34rem),radial-gradient(circle at 86% 8%,rgba(255,255,255,.045),transparent 30rem),linear-gradient(180deg,#0B1220 0%,#111827 46%,#0B1220 100%)!important}
.site-header{background:rgba(17,24,39,.88)!important;border-bottom-color:rgba(220,225,235,.16)!important}.screen,.service-panel,.compact-card,.case-card,.price-card,.feature-strip article,.benefit-grid article,.story-grid article,.city-seo,.split-note,.cta-band,.faq-list details{background:linear-gradient(145deg,rgba(17,24,39,.86),rgba(11,18,32,.9))!important}.rock{background:linear-gradient(135deg,#111827,#0B1220 55%,#111827)!important}
.ambient{position:fixed!important;inset:-8vh 0!important;overflow:hidden!important;pointer-events:none!important;z-index:0!important;opacity:.9!important;contain:layout paint style!important}.ambient:before,.ambient:after,.ambient span{content:""!important;position:absolute!important;left:50%!important;width:172vw!important;height:42vh!important;min-width:1240px!important;min-height:300px!important;background:url("silver-waves.svg") center/100% 100% no-repeat!important;mix-blend-mode:screen!important;filter:none!important;backface-visibility:hidden!important;will-change:transform,opacity!important;transform:translate3d(-50%,0,0)!important}.ambient:before{top:12%!important;opacity:.34!important;animation:silk-drift-a 32s ease-in-out infinite!important}.ambient:after{top:42%!important;opacity:.28!important;transform:translate3d(-50%,0,0) scaleX(-1) rotate(-1.5deg)!important;animation:silk-drift-b 40s ease-in-out infinite!important}.ambient span:nth-child(1){display:block!important;top:27%!important;opacity:.18!important;transform:translate3d(-50%,0,0) scale(.88) rotate(3deg)!important;animation:silk-drift-c 50s ease-in-out infinite!important}.ambient span:nth-child(2){display:block!important;top:66%!important;opacity:.2!important;transform:translate3d(-50%,0,0) scale(1.1) rotate(1.2deg)!important;animation:silk-drift-d 58s ease-in-out infinite!important}.ambient span:nth-child(3){display:block!important;top:82%!important;opacity:.12!important;transform:translate3d(-50%,0,0) scale(.76) scaleX(-1) rotate(-4deg)!important;animation:silk-drift-e 66s ease-in-out infinite!important}
@keyframes silk-drift-a{0%,100%{transform:translate3d(-54%,0,0) scale(1) rotate(-1deg);opacity:.26}36%{transform:translate3d(-48%,18px,0) scale(1.035) rotate(.8deg);opacity:.4}68%{transform:translate3d(-51%,-14px,0) scale(1.015) rotate(-.25deg);opacity:.31}}
@keyframes silk-drift-b{0%,100%{transform:translate3d(-46%,0,0) scaleX(-1) scale(1.04) rotate(-2deg);opacity:.2}50%{transform:translate3d(-54%,-24px,0) scaleX(-1) scale(1.085) rotate(.7deg);opacity:.34}}
@keyframes silk-drift-c{0%,100%{transform:translate3d(-50%,0,0) scale(.88) rotate(3deg);opacity:.12}45%{transform:translate3d(-44%,20px,0) scale(.92) rotate(.6deg);opacity:.24}72%{transform:translate3d(-48%,-16px,0) scale(.9) rotate(1.4deg);opacity:.16}}
@keyframes silk-drift-d{0%,100%{transform:translate3d(-52%,0,0) scale(1.1) rotate(1.2deg);opacity:.14}52%{transform:translate3d(-47%,-26px,0) scale(1.16) rotate(-1deg);opacity:.26}}
@keyframes silk-drift-e{0%,100%{transform:translate3d(-47%,0,0) scale(.76) scaleX(-1) rotate(-4deg);opacity:.08}50%{transform:translate3d(-54%,16px,0) scale(.82) scaleX(-1) rotate(-1deg);opacity:.16}}
.cta-band:after,.split-note:after{background:url("silver-waves.svg") center/118% 100% no-repeat!important;opacity:.32!important;mix-blend-mode:screen!important;filter:none!important}.service-panel:after{background:url("silver-waves.svg") center/130% 100% no-repeat!important;opacity:.08!important;mix-blend-mode:screen!important;filter:none!important}
@media(max-width:760px){.ambient{opacity:.62!important}.ambient:before,.ambient:after,.ambient span{width:190vw!important;height:32vh!important;min-height:210px!important}.ambient:before{top:16%!important;opacity:.23!important;animation-duration:44s!important}.ambient:after{top:50%!important;opacity:.16!important;animation-duration:54s!important}.ambient span:nth-child(1){display:none!important}.ambient span:nth-child(2){top:74%!important;opacity:.12!important;animation-duration:68s!important}.ambient span:nth-child(3){display:none!important}.cta-band:after,.split-note:after{opacity:.2!important}}
@media(prefers-reduced-motion:reduce){.ambient:before,.ambient:after,.ambient span{animation:none!important;transform:translate3d(-50%,0,0)!important;opacity:.14!important}.ambient{opacity:.52!important}.ambient span:nth-child(1),.ambient span:nth-child(3){display:none!important}.cta-band:after,.split-note:after,.service-panel:after{animation:none!important;opacity:.12!important}}
/* Laptop website screenshot mockup */
.website-preview{position:relative;height:100%;min-height:270px;overflow:hidden;border-radius:7px;padding:clamp(22px,4vw,34px);display:flex;flex-direction:column;justify-content:center}.website-preview .mockup-site-shot{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;object-position:center top;opacity:.36;filter:saturate(.72) contrast(1.05) brightness(.48);transform:scale(1.02);transition:transform .7s ease,opacity .7s ease}.website-preview:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,18,32,.94) 0%,rgba(11,18,32,.76) 42%,rgba(11,18,32,.34) 100%),radial-gradient(circle at 76% 28%,rgba(220,225,235,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 38%)}.website-preview:after{content:"";position:absolute;inset:12px;z-index:1;border:1px solid rgba(220,225,235,.08);border-radius:6px;pointer-events:none}.website-preview>span,.website-preview>strong,.website-preview>p,.website-preview>i{position:relative;z-index:2}.website-preview span{margin-bottom:34px!important;text-shadow:0 0 18px rgba(0,0,0,.5)}.website-preview strong{max-width:420px!important;text-shadow:0 4px 28px rgba(0,0,0,.65)}.website-preview p{max-width:390px!important;color:#cbd2df!important;text-shadow:0 2px 20px rgba(0,0,0,.62)}.website-preview i{max-width:420px;background:linear-gradient(90deg,rgba(255,255,255,.68),rgba(220,225,235,.2),transparent)!important}.screen:hover .website-preview .mockup-site-shot{transform:scale(1.055);opacity:.43}@media(max-width:760px){.website-preview{min-height:230px;padding:20px}.website-preview .mockup-site-shot{opacity:.28}.website-preview span{margin-bottom:24px!important}.website-preview strong{font-size:25px!important}}
/* Knowledge base page */
.knowledge-hero{width:var(--container);margin:0 auto;padding:86px 0 64px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:54px;align-items:center}.knowledge-hero-copy{max-width:820px}.knowledge-search{display:grid;gap:10px;margin-top:34px}.knowledge-search span{color:var(--silver);font-size:13px;text-transform:uppercase;letter-spacing:.14em}.knowledge-search input{width:100%;min-height:58px;border:1px solid rgba(220,225,235,.26);border-radius:8px;background:linear-gradient(145deg,rgba(17,24,39,.86),rgba(11,18,32,.94));color:#fff;padding:0 18px;font:inherit;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.knowledge-search input:focus{border-color:rgba(255,255,255,.62);box-shadow:0 0 0 3px rgba(220,225,235,.12)}.quick-links,.knowledge-filter{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.quick-links button,.knowledge-filter button{min-height:44px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);padding:0 15px;cursor:pointer}.quick-links button:hover,.knowledge-filter button:hover,.knowledge-filter button.is-active,.knowledge-category.is-active{background:var(--silver);color:#0B1220;border-color:var(--silver)}.knowledge-orb{position:relative;min-height:420px}.knowledge-orb div{position:absolute;inset:13% 8%;border-radius:50%;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.5),rgba(220,225,235,.08) 34%,rgba(255,255,255,.02) 62%,transparent);box-shadow:inset 0 0 55px rgba(255,255,255,.12),0 0 95px rgba(220,225,235,.13)}.knowledge-orb span{position:absolute;border:1px solid rgba(220,225,235,.22);border-radius:10px;background:rgba(255,255,255,.035);backdrop-filter:blur(8px)}.knowledge-orb span:nth-child(2){width:54%;height:74px;left:2%;top:24%}.knowledge-orb span:nth-child(3){width:66%;height:110px;right:0;top:46%}.knowledge-orb span:nth-child(4){width:42%;height:62px;left:22%;bottom:14%}.knowledge-category-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;grid-auto-rows:minmax(156px,auto);gap:18px;margin-top:24px}.knowledge-category{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,24,39,.86),rgba(11,18,32,.9));border-radius:8px;color:#fff;text-align:left;padding:24px;cursor:pointer;transition:.25s}.knowledge-category.is-large{grid-row:span 2}.knowledge-category span{display:block;color:var(--silver);font-size:42px;font-weight:800;line-height:1;margin-bottom:18px;opacity:.7}.knowledge-category strong{display:block;font-size:24px;margin-bottom:10px}.knowledge-category em{display:block;color:#dfe4ee;font-style:normal;margin-bottom:12px}.knowledge-category p{color:var(--muted);margin:0}.featured-article{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:clamp(28px,5vw,54px);background:linear-gradient(145deg,rgba(17,24,39,.88),rgba(11,18,32,.92));box-shadow:var(--shadow);overflow:hidden}.featured-article h2{max-width:780px}.featured-visual{min-height:300px;position:relative;border:1px solid rgba(220,225,235,.16);border-radius:8px;background:radial-gradient(circle at 62% 35%,rgba(220,225,235,.18),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.01))}.featured-visual span{position:absolute;inset:18%;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 60px rgba(220,225,235,.14)}.featured-visual b{position:absolute;color:#fff;background:rgba(11,18,32,.72);border:1px solid rgba(220,225,235,.18);border-radius:6px;padding:10px 13px}.featured-visual b:nth-child(2){left:12%;top:20%}.featured-visual b:nth-child(3){right:14%;top:44%}.featured-visual b:nth-child(4){left:28%;bottom:18%}.featured-visual i{position:absolute;left:7%;right:7%;bottom:32%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:.38}.knowledge-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.knowledge-item{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(17,24,39,.84),rgba(11,18,32,.9));padding:24px;min-height:292px;display:flex;flex-direction:column;justify-content:space-between}.knowledge-item[hidden]{display:none}.knowledge-item h3{min-height:58px}.knowledge-empty{border:1px solid var(--line);border-radius:8px;padding:34px;background:rgba(255,255,255,.03)}.knowledge-reader{padding-top:10px}.knowledge-article{max-width:900px;margin:0 auto;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(17,24,39,.9),rgba(11,18,32,.94));padding:clamp(26px,5vw,56px);box-shadow:var(--shadow)}.article-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);margin-bottom:24px}.article-breadcrumb a{color:#fff}.article-lead{font-size:20px;color:#d9deea}.article-content{display:grid;gap:16px;color:#c6cedd}.article-content p{margin:0}.article-note{border-left:2px solid var(--silver);padding:18px 20px;background:rgba(255,255,255,.035);border-radius:0 8px 8px 0}.article-note strong{display:block;color:#fff;margin-bottom:8px}.knowledge-article .btn{margin-top:28px}@media(max-width:1180px){.knowledge-hero,.featured-article{grid-template-columns:1fr}.knowledge-orb{min-height:300px}.knowledge-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.knowledge-hero{padding:46px 0 36px;grid-template-columns:1fr;gap:28px}.knowledge-orb{min-height:220px}.quick-links,.knowledge-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.quick-links button,.knowledge-filter button{white-space:nowrap}.knowledge-category-grid,.knowledge-list{grid-template-columns:1fr}.knowledge-category.is-large{grid-row:auto}.featured-article{padding:24px}.featured-visual{min-height:220px}.knowledge-item h3{min-height:0}.article-lead{font-size:17px}}
/* Knowledge spacing fix */
body[data-page="knowledge"] .knowledge-hero{padding-top:34px!important;padding-bottom:42px!important;min-height:auto!important;align-items:center!important}
body[data-page="knowledge"] .knowledge-categories{padding-top:20px!important}
body[data-page="knowledge"] .knowledge-orb{min-height:300px!important}
@media(max-width:760px){body[data-page="knowledge"] .knowledge-hero{padding-top:26px!important;padding-bottom:28px!important}body[data-page="knowledge"] .knowledge-orb{min-height:170px!important}}
/* Knowledge hero visual placement */
@media(min-width:900px){
  body[data-page="knowledge"] .knowledge-hero{
    grid-template-columns:minmax(0,.98fr) minmax(390px,.72fr)!important;
    gap:clamp(44px,6vw,110px)!important;
    align-items:center!important;
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  body[data-page="knowledge"] .knowledge-hero-copy{
    max-width:760px!important;
    align-self:center!important;
  }
  body[data-page="knowledge"] .knowledge-orb{
    justify-self:end!important;
    align-self:center!important;
    width:min(520px,100%)!important;
    min-height:360px!important;
    transform:translateY(-4px)!important;
  }
  body[data-page="knowledge"] .knowledge-orb div{
    inset:7% 0 8% 8%!important;
  }
  body[data-page="knowledge"] .knowledge-orb span:nth-child(2){
    width:74%!important;
    height:72px!important;
    left:0!important;
    top:26%!important;
  }
  body[data-page="knowledge"] .knowledge-orb span:nth-child(3){
    width:92%!important;
    height:116px!important;
    right:0!important;
    top:48%!important;
  }
  body[data-page="knowledge"] .knowledge-orb span:nth-child(4){
    width:58%!important;
    height:62px!important;
    left:22%!important;
    bottom:10%!important;
  }
  body[data-page="knowledge"] .knowledge-categories{
    padding-top:18px!important;
  }
}
@media(max-width:899px){
  body[data-page="knowledge"] .knowledge-hero{
    grid-template-columns:1fr!important;
  }
  body[data-page="knowledge"] .knowledge-orb{
    justify-self:center!important;
    width:min(520px,100%)!important;
  }
}
/* Header language switch */
.lang-switch{display:inline-flex;align-items:center;gap:2px;justify-self:end;border:1px solid rgba(220,225,235,.2);border-radius:999px;padding:3px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.lang-switch button{min-width:42px;height:34px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:background .22s,color .22s,box-shadow .22s}
.lang-switch button.is-active{background:linear-gradient(135deg,#fff,#d9dde5 45%,#8f98a6);color:#0B1220;box-shadow:0 8px 22px rgba(221,225,232,.12)}
.lang-switch button:not(.is-active):hover{color:#fff;background:rgba(255,255,255,.06)}
@media(min-width:1181px){.site-header{grid-template-columns:auto 1fr auto auto!important}.main-nav{justify-content:center}}
@media(max-width:1180px){.lang-switch{order:2}.main-nav{grid-column:1/-1}.site-header{grid-template-columns:1fr auto auto!important}}
@media(max-width:760px){.lang-switch button{min-width:38px;height:32px;font-size:11px}.lang-switch{justify-self:end}}
/* Livelier silk wave motion */
.ambient:before{animation:silk-drift-a 18s ease-in-out infinite!important;opacity:.42!important}
.ambient:after{animation:silk-drift-b 24s ease-in-out infinite!important;opacity:.34!important}
.ambient span:nth-child(1){animation:silk-drift-c 28s ease-in-out infinite!important;opacity:.22!important}
.ambient span:nth-child(2){animation:silk-drift-d 34s ease-in-out infinite!important;opacity:.24!important}
.ambient span:nth-child(3){animation:silk-drift-e 38s ease-in-out infinite!important;opacity:.15!important}
@keyframes silk-drift-a{0%,100%{transform:translate3d(-58%,-8px,0) scale(1) rotate(-1.4deg);opacity:.3}28%{transform:translate3d(-48%,24px,0) scale(1.045) rotate(.9deg);opacity:.5}58%{transform:translate3d(-42%,-18px,0) scale(1.075) rotate(1.8deg);opacity:.42}82%{transform:translate3d(-52%,14px,0) scale(1.025) rotate(-.4deg);opacity:.36}}
@keyframes silk-drift-b{0%,100%{transform:translate3d(-42%,4px,0) scaleX(-1) scale(1.04) rotate(-2.4deg);opacity:.22}34%{transform:translate3d(-55%,-30px,0) scaleX(-1) scale(1.1) rotate(.9deg);opacity:.4}68%{transform:translate3d(-60%,20px,0) scaleX(-1) scale(1.07) rotate(-.8deg);opacity:.31}}
@keyframes silk-drift-c{0%,100%{transform:translate3d(-53%,0,0) scale(.88) rotate(3deg);opacity:.14}38%{transform:translate3d(-42%,28px,0) scale(.94) rotate(.2deg);opacity:.28}76%{transform:translate3d(-49%,-22px,0) scale(.91) rotate(1.8deg);opacity:.18}}
@keyframes silk-drift-d{0%,100%{transform:translate3d(-56%,0,0) scale(1.1) rotate(1.2deg);opacity:.15}35%{transform:translate3d(-45%,-34px,0) scale(1.18) rotate(-1.1deg);opacity:.3}72%{transform:translate3d(-39%,20px,0) scale(1.14) rotate(.6deg);opacity:.2}}
@keyframes silk-drift-e{0%,100%{transform:translate3d(-43%,0,0) scale(.76) scaleX(-1) rotate(-4deg);opacity:.08}44%{transform:translate3d(-57%,22px,0) scale(.84) scaleX(-1) rotate(-1deg);opacity:.2}78%{transform:translate3d(-51%,-16px,0) scale(.8) scaleX(-1) rotate(-3deg);opacity:.13}}
@media(max-width:760px){.ambient:before{animation-duration:26s!important;opacity:.28!important}.ambient:after{animation-duration:34s!important;opacity:.2!important}.ambient span:nth-child(2){animation-duration:42s!important;opacity:.14!important}}
@media(prefers-reduced-motion:reduce){.ambient:before,.ambient:after,.ambient span{animation:none!important}}
/* Mobile centering polish */
@media(max-width:760px){
  .actions{
    justify-items:center!important;
  }
  .actions .btn,
  .cta-band .btn,
  .price-card .btn{
    width:min(100%,320px)!important;
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .feature-strip article,
  .process-step{
    text-align:center!important;
  }
  .feature-image-icon,
  .process-step span,
  .step-index{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .process-step p,
  .feature-strip p{
    max-width:300px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .footer,
  .footer-grid,
  .footer address{
    text-align:center!important;
  }
  .footer .brand,
  .footer .brand picture,
  .footer-logo-img{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .footer .socials{
    justify-content:center!important;
  }
}
/* Global mobile card centering polish */
@media(max-width:760px){
  .actions,
  .cta-band,
  .price-card{
    justify-items:center!important;
    align-items:center!important;
  }
  .btn,
  .actions .btn,
  .cta-band .btn,
  .price-card .btn{
    width:min(100%,292px)!important;
    max-width:292px!important;
    min-height:46px!important;
    padding-left:18px!important;
    padding-right:18px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .service-panel,
  .compact-card,
  .benefit-grid article,
  .feature-strip article,
  .process-step,
  .story-grid article{
    text-align:center!important;
  }
  .service-image-icon,
  .web-type-icon,
  .ads-benefit-icon,
  .feature-image-icon,
  .compact-card>.icon,
  .benefit-grid .icon,
  .feature-strip .icon,
  .process-step span,
  .step-index{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .service-panel p,
  .compact-card p,
  .benefit-grid p,
  .feature-strip p,
  .process-step p,
  .story-grid p{
    max-width:310px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .service-panel ul,
  .price-card ul{
    justify-items:center!important;
  }
  .service-panel li,
  .price-card li{
    text-align:center!important;
    padding-left:0!important;
  }
  .service-panel li:before,
  .price-card li:before{
    display:none!important;
  }
  .text-link{
    justify-content:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .footer,
  .footer-grid,
  .footer address{
    text-align:center!important;
  }
  .footer .brand,
  .footer .brand picture,
  .footer-logo-img{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .footer .socials{
    justify-content:center!important;
  }
}
/* Footer mobile column alignment fix */
@media(max-width:760px){
  .footer,
  .footer-grid,
  .footer address{
    text-align:left!important;
  }
  .footer-grid > div:first-child{
    text-align:center!important;
  }
  .footer-grid > div:first-child p{
    margin-left:auto!important;
    margin-right:auto!important;
    max-width:310px!important;
  }
  .footer-grid > div:first-child .brand,
  .footer-grid > div:first-child .brand picture,
  .footer-grid > div:first-child .footer-logo-img{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .footer-grid > div:first-child .socials{
    justify-content:center!important;
  }
}
/* Mobile burger header */
.menu-toggle,.mobile-menu{display:none}
@media(max-width:760px){
  body.mobile-menu-open{overflow:hidden!important}
  .site-header{
    width:100%!important;
    min-height:74px!important;
    margin:0!important;
    padding:0 18px!important;
    grid-template-columns:44px 1fr auto!important;
    gap:10px!important;
    border-bottom:1px solid rgba(220,225,235,.16)!important;
    z-index:60!important;
  }
  .site-header>.brand{
    grid-column:2!important;
    justify-self:center!important;
    min-width:0!important;
  }
  .site-header>.brand .logo-img{
    width:132px!important;
    max-height:56px!important;
  }
  .menu-toggle{
    grid-column:1!important;
    display:grid!important;
    place-items:center!important;
    justify-self:start!important;
    width:42px!important;
    height:42px!important;
    border:1px solid rgba(220,225,235,.24)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.035)!important;
    color:#fff!important;
    padding:0!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:1002!important;
  }
  .menu-toggle span{
    display:block!important;
    width:18px!important;
    height:1.5px!important;
    background:currentColor!important;
    border-radius:999px!important;
    transition:transform .24s ease,opacity .24s ease!important;
    grid-area:1/1!important;
  }
  .menu-toggle span:nth-child(1){transform:translateY(-6px)}
  .menu-toggle span:nth-child(3){transform:translateY(6px)}
  body.mobile-menu-open .menu-toggle span:nth-child(1){transform:rotate(45deg)}
  body.mobile-menu-open .menu-toggle span:nth-child(2){opacity:0}
  body.mobile-menu-open .menu-toggle span:nth-child(3){transform:rotate(-45deg)}
  .site-header>.main-nav,
  .site-header>.header-cta{
    display:none!important;
  }
  .site-header>.lang-switch{
    grid-column:3!important;
    justify-self:end!important;
    order:0!important;
  }
  .site-header>.lang-switch button{
    min-width:36px!important;
    height:31px!important;
    font-size:10px!important;
  }
  .mobile-menu{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1000!important;
    pointer-events:none!important;
    opacity:0!important;
    background:rgba(3,6,12,.5)!important;
    backdrop-filter:blur(8px)!important;
    transition:opacity .25s ease!important;
  }
  body.mobile-menu-open .mobile-menu{
    opacity:1!important;
    pointer-events:auto!important;
  }
  .mobile-menu-panel{
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:86px!important;
    bottom:14px!important;
    padding:24px 18px!important;
    display:grid!important;
    grid-template-rows:auto 1fr auto!important;
    gap:20px!important;
    overflow:auto!important;
    border:1px solid rgba(220,225,235,.18)!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,rgba(17,24,39,.96),rgba(11,18,32,.98))!important;
    box-shadow:0 32px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06)!important;
    transform:translateY(-12px) scale(.98)!important;
    transition:transform .25s ease!important;
  }
  body.mobile-menu-open .mobile-menu-panel{
    transform:translateY(0) scale(1)!important;
  }
  .mobile-menu-logo{
    justify-self:center!important;
    margin:0 auto 4px!important;
  }
  .mobile-menu-logo .logo-img{
    width:158px!important;
    max-height:66px!important;
  }
  .mobile-menu-nav{
    display:grid!important;
    align-content:start!important;
    gap:10px!important;
    padding-top:4px!important;
  }
  .mobile-menu-nav a{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(220,225,235,.16)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.035)!important;
    color:#d7deea!important;
    font-weight:600!important;
  }
  .mobile-menu-nav a.active{
    color:#0B1220!important;
    background:linear-gradient(135deg,#fff,#d9dde5 45%,#8f98a6)!important;
    border-color:transparent!important;
  }
  .mobile-menu-contact{
    align-self:end!important;
    display:grid!important;
    justify-items:center!important;
    gap:10px!important;
    text-align:center!important;
    padding-top:18px!important;
    border-top:1px solid rgba(220,225,235,.14)!important;
  }
  .mobile-menu-contact h3{font-size:15px!important;margin:0!important;color:#fff!important}
  .mobile-menu-contact a,.mobile-menu-contact span{color:var(--muted)!important;margin:0!important}
  .mobile-menu-contact .socials{margin:6px 0 8px!important;justify-content:center!important;flex-wrap:wrap!important}
  .mobile-menu-contact .btn{width:min(100%,292px)!important;max-width:292px!important;color:#0B1220!important}
}
/* Compact mobile header order */
@media(max-width:760px){
  .site-header{
    min-height:62px!important;
    padding:6px 14px!important;
    grid-template-columns:minmax(122px,1fr) auto 42px!important;
    align-items:center!important;
    gap:8px!important;
  }
  .site-header>.brand{
    grid-column:1!important;
    justify-self:start!important;
    align-self:center!important;
  }
  .site-header>.brand .logo-img{
    width:118px!important;
    max-height:48px!important;
  }
  .site-header>.lang-switch{
    grid-column:2!important;
    justify-self:end!important;
    align-self:center!important;
  }
  .site-header>.lang-switch button{
    min-width:34px!important;
    height:29px!important;
    font-size:10px!important;
  }
  .menu-toggle{
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
    width:38px!important;
    height:38px!important;
    border-radius:9px!important;
  }
  .mobile-menu-panel{
    top:72px!important;
  }
}
/* Mobile header final alignment and overlay fix */
@media(max-width:760px){
  .site-header{
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    margin:0!important;
    padding:7px 12px!important;
    display:grid!important;
    grid-template-columns:minmax(118px,1fr) auto 40px!important;
    align-items:center!important;
    align-content:center!important;
    gap:8px!important;
    overflow:visible!important;
    position:sticky!important;
    top:0!important;
    z-index:2000!important;
  }
  .site-header>.brand,
  .site-header>.lang-switch,
  .site-header>.menu-toggle{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .site-header>.brand{
    grid-column:1!important;
    justify-self:start!important;
    display:flex!important;
    align-items:center!important;
    height:48px!important;
    line-height:0!important;
  }
  .site-header>.brand picture,
  .site-header>.brand img{
    display:block!important;
  }
  .site-header>.brand .logo-img{
    width:116px!important;
    max-height:44px!important;
    object-fit:contain!important;
  }
  .site-header>.lang-switch{
    grid-column:2!important;
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    height:36px!important;
    padding:3px!important;
  }
  .site-header>.lang-switch button{
    min-width:33px!important;
    height:28px!important;
    font-size:10px!important;
    line-height:1!important;
  }
  .site-header>.menu-toggle{
    grid-column:3!important;
    justify-self:end!important;
    display:grid!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    place-items:center!important;
    padding:0!important;
    z-index:4002!important;
  }
  .mobile-menu{
    position:fixed!important;
    inset:0!important;
    z-index:3000!important;
    transform:none!important;
    isolation:isolate!important;
  }
  .mobile-menu-panel{
    position:fixed!important;
    z-index:3001!important;
    top:76px!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    max-height:calc(100dvh - 90px)!important;
  }
  body.mobile-menu-open .mobile-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.mobile-menu-open main,
  body.mobile-menu-open .footer{
    pointer-events:none!important;
  }
}
/* Final mobile header and menu layering fix */
@media(max-width:760px){
  body.mobile-menu-open{overflow:hidden!important}
  .site-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    max-width:none!important;
    height:62px!important;
    min-height:62px!important;
    margin:0!important;
    padding:6px 12px!important;
    gap:8px!important;
    overflow:visible!important;
    position:sticky!important;
    top:0!important;
    z-index:7000!important;
    background:rgba(17,24,39,.94)!important;
    border-bottom:1px solid rgba(220,225,235,.14)!important;
    transform:none!important;
  }
  .site-header>.main-nav,
  .site-header>.header-cta{display:none!important}
  .site-header>.brand{
    order:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    justify-self:auto!important;
    align-self:center!important;
    grid-column:auto!important;
    line-height:0!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    transform:none!important;
  }
  .site-header>.brand picture,
  .site-header>.brand img{display:block!important}
  .site-header>.brand .logo-img{
    width:118px!important;
    max-width:118px!important;
    max-height:44px!important;
    object-fit:contain!important;
  }
  .site-header>.lang-switch{
    order:2!important;
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:auto!important;
    align-self:center!important;
    height:35px!important;
    margin:0!important;
    padding:3px!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    transform:none!important;
  }
  .site-header>.lang-switch button{
    min-width:33px!important;
    height:28px!important;
    padding:0!important;
    font-size:10px!important;
    line-height:1!important;
  }
  .site-header>.menu-toggle{
    order:3!important;
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    transform:none!important;
    align-self:center!important;
    justify-self:auto!important;
    z-index:7100!important;
  }
  .menu-toggle span{
    grid-area:1/1!important;
    display:block!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    margin:0!important;
    width:18px!important;
    height:1.6px!important;
    background:#fff!important;
    border-radius:999px!important;
    transition:transform .22s ease,opacity .22s ease!important;
  }
  .menu-toggle span:nth-child(1){transform:translateY(-6px)!important}
  .menu-toggle span:nth-child(2){transform:none!important}
  .menu-toggle span:nth-child(3){transform:translateY(6px)!important}
  body.mobile-menu-open .menu-toggle span:nth-child(1){transform:rotate(45deg)!important}
  body.mobile-menu-open .menu-toggle span:nth-child(2){opacity:0!important}
  body.mobile-menu-open .menu-toggle span:nth-child(3){transform:rotate(-45deg)!important}
  .mobile-menu{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:9000!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:rgba(3,6,12,.62)!important;
    backdrop-filter:blur(12px)!important;
    transition:opacity .24s ease,visibility .24s ease!important;
    transform:none!important;
    isolation:isolate!important;
  }
  body.mobile-menu-open .mobile-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .mobile-menu-panel{
    position:fixed!important;
    top:76px!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    z-index:9001!important;
    max-height:calc(100dvh - 90px)!important;
    overflow:auto!important;
    transform:translateY(-8px) scale(.98)!important;
  }
  body.mobile-menu-open .mobile-menu-panel{transform:translateY(0) scale(1)!important}
}
/* Equal centered technology tiles */
.tech-section .section-head{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.tech-grid{
  width:min(100%,1036px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:28px!important;
  display:grid!important;
  grid-template-columns:repeat(7,148px)!important;
  justify-content:center!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
.tech-grid span{
  width:148px!important;
  min-width:148px!important;
  min-height:86px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  border-right:1px solid var(--line)!important;
}
.tech-grid span:last-child{border-right:0!important}
.tech-section .benefit-grid{
  width:min(100%,1036px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:1180px){
  .tech-grid{
    width:min(100%,592px)!important;
    grid-template-columns:repeat(4,148px)!important;
  }
  .tech-grid span:nth-child(4n){border-right:0!important}
  .tech-grid span:last-child{border-right:1px solid var(--line)!important}
}
@media(max-width:760px){
  .tech-grid{
    width:min(100%,296px)!important;
    grid-template-columns:repeat(2,148px)!important;
  }
  .tech-grid span:nth-child(2n){border-right:0!important}
  .tech-grid span:last-child{border-right:1px solid var(--line)!important}
}
@media(max-width:360px){
  .tech-grid{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .tech-grid span{width:auto!important;min-width:0!important}
}
/* Mobile portfolio visibility fix */
@media(max-width:760px){
  body[data-page="portfolio"] main#app{
    opacity:1!important;
    transform:none!important;
    display:block!important;
  }
  body[data-page="portfolio"] .hero{
    width:var(--container)!important;
    min-height:auto!important;
    display:block!important;
    padding:28px 0 18px!important;
    margin:0 auto!important;
    opacity:1!important;
    transform:none!important;
  }
  body[data-page="portfolio"] .hero-copy{
    display:block!important;
    max-width:100%!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  body[data-page="portfolio"] .hero .eyebrow,
  body[data-page="portfolio"] .hero h1,
  body[data-page="portfolio"] .hero .lead,
  body[data-page="portfolio"] .hero .actions{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  body[data-page="portfolio"] .hero h1{
    font-size:35px!important;
    line-height:1.12!important;
    margin-bottom:16px!important;
  }
  body[data-page="portfolio"] .hero .lead{
    margin-bottom:22px!important;
  }
  body[data-page="portfolio"] .hero-visual{
    display:none!important;
    min-height:0!important;
  }
  body[data-page="portfolio"] .portfolio-filter{
    display:block!important;
    padding-top:22px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  body[data-page="portfolio"] .portfolio-filter .section-head,
  body[data-page="portfolio"] .filter-bar,
  body[data-page="portfolio"] .portfolio-grid{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  body[data-page="portfolio"] .filter-bar{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding-bottom:8px!important;
    margin-bottom:18px!important;
  }
  body[data-page="portfolio"] .filter-bar button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  body[data-page="portfolio"] .portfolio-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  body[data-page="portfolio"] .case-card{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    min-height:auto!important;
    height:auto!important;
  }
  body[data-page="portfolio"] .case-card[style*="display: none"]{
    display:none!important;
  }
  body[data-page="portfolio"] .case-link{
    display:flex!important;
    min-height:100%!important;
  }
  body[data-page="portfolio"] .case-visual{
    display:flex!important;
    min-height:190px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body[data-page="portfolio"] .case-visual img{
    opacity:.78!important;
    display:block!important;
  }
  body[data-page="portfolio"] .case-copy{
    display:flex!important;
    min-height:0!important;
    padding:20px!important;
    opacity:1!important;
    visibility:visible!important;
  }
}

/* SEO static additions */
.lang-switch a{min-width:46px;height:36px;display:grid;place-items:center;border:1px solid var(--line);color:var(--muted);font-size:12px;text-decoration:none}
.lang-switch a:first-child{border-radius:999px 0 0 999px}
.lang-switch a:last-child{border-radius:0 999px 999px 0;border-left:0}
.lang-switch a.is-active,.lang-switch a:hover{background:var(--silver);color:#0B1220;border-color:var(--silver)}
.knowledge-category{display:block;text-decoration:none}
.knowledge-item .text-link{align-self:flex-start}
.case-link{display:flex!important;flex-direction:column;height:100%}
.case-detail-link{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.case-site-link{margin:0 22px 22px;align-self:flex-start}
.case-shot{margin:0;align-self:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0B1220;box-shadow:var(--shadow)}
.case-shot img{display:block;width:100%;height:auto}
.case-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.related-section .compact-card{min-height:170px}
.article-content section{display:grid;gap:10px}
.article-content h2{font-size:clamp(24px,3vw,38px);margin:10px 0 0}
@media(max-width:760px){.case-detail-grid{grid-template-columns:1fr}.case-site-link{margin:0 18px 18px}}


/* SEO static layout fixes */
main[data-static="true"]{opacity:1!important;transform:none!important}
.case-detail-link>.case-copy{padding:22px;display:flex;flex-direction:column;flex:1;min-width:0;min-height:302px}
.case-detail-link>.case-copy h3,.case-detail-link>.case-copy .case-desc{overflow-wrap:anywhere}
.section-head h2,.section-head p,.hero-copy h1,.hero-copy .lead{overflow-wrap:anywhere}
@media(max-width:1180px){.case-detail-link>.case-copy{min-height:280px}}
@media(max-width:760px){.case-detail-link>.case-copy{min-height:0;padding:20px}}