/* Webgurmesi Studio. Presentation only; original content and routes retained. */
html.agency-root{background:#f4f6fc!important;scroll-padding-top:96px}
html.agency-root body.agency-theme{
  --font-body:Manrope,Arial,sans-serif;--wg-readable:#171b27;
  --studio-blue:#284bff;--studio-coral:#ff795c;--studio-ink:#171b27;
  --studio-paper:#f4f6fc;--studio-lavender:#dfe4ff;
  --wg-bg:#f4f6fc;--wg-bg-deep:#eef1fa;--wg-surface:#fff;--wg-surface-2:#e9edf8;
  --wg-line:#d9deeb;--wg-text:#171b27;--wg-muted:#555e72;--wg-blue:#284bff;
  --wg-cyan:#284bff;--wg-gold:#ff795c;--wg-dark:#171b27;
  --wg-shell:min(1360px,calc(100% - 96px));--wg-shadow:0 20px 60px #171b2710;
  background:var(--studio-paper)!important;color:var(--studio-ink)!important;font-size:16px!important;line-height:1.7!important;
}
html.agency-root body.agency-theme::before,html.agency-root body.agency-theme::after{display:none}
html.agency-root body.agency-theme ::selection{background:#dfe4ff!important;color:#172997!important}
html.agency-root body.agency-theme :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #284bff;outline-offset:5px}
html.agency-root body.agency-theme :is(h1,h2,h3,.brand-word){font-family:'Space Grotesk',Manrope,Arial,sans-serif!important}
html.agency-root body.agency-theme[dir=rtl] :is(h1,h2,h3){font-family:Cairo,Manrope,sans-serif!important}
html.agency-root body.agency-theme .reveal{opacity:1;transform:none;transition:none}
html.agency-root body.agency-theme .announcement{background:#171b27!important;color:#e5e9f8!important;border:0!important;font-size:11px!important}
html.agency-root body.agency-theme .announcement-inner{min-height:34px}
html.agency-root body.agency-theme .announcement a{color:white!important}
html.agency-root body.agency-theme .announcement .top-whatsapp{color:#c3e0cd!important}
html.agency-root body.agency-theme .announcement-dot{background:#ff795c!important;box-shadow:none}
html.agency-root body.agency-theme .site-header,html.agency-root body.agency-theme .site-header.scrolled{background:#f4f6fcf5!important;border-color:#d9deeb!important;box-shadow:none;backdrop-filter:blur(16px)!important}
html.agency-root body.agency-theme .header-row{height:88px;grid-template-columns:auto 1fr auto;gap:32px}
html.agency-root body.agency-theme .brand{color:#171b27!important;gap:10px;font-size:24px!important;letter-spacing:-1.2px!important;white-space:nowrap}
html.agency-root body.agency-theme .brand img{width:37px;height:37px;object-fit:contain}
html.agency-root body.agency-theme .primary-nav{gap:22px}
html.agency-root body.agency-theme .primary-nav a{font-size:12px!important;color:#4c5365!important;padding:30px 0}
html.agency-root body.agency-theme .primary-nav a:hover,html.agency-root body.agency-theme .primary-nav a.active{color:#284bff!important}
html.agency-root body.agency-theme .primary-nav a::after{height:5px;width:5px;border-radius:50%;left:calc(50% - 2px);bottom:18px;background:#284bff!important;opacity:0}
html.agency-root body.agency-theme .primary-nav a.active::after,html.agency-root body.agency-theme .primary-nav a:hover::after{opacity:1}
html.agency-root body.agency-theme .header-cta{min-height:45px;border:1px solid #171b27!important;background:#171b27!important;color:#fff!important;border-radius:50px;padding:10px 19px;font-size:12px!important;letter-spacing:0!important}
html.agency-root body.agency-theme .header-cta:hover{background:#284bff!important;border-color:#284bff!important}
html.agency-root body.agency-theme .language>button{border:0!important;color:#171b27!important;padding:0 8px;min-width:44px;min-height:44px}
html.agency-root body.agency-theme .language-menu{background:white!important;color:#171b27!important;border-color:#d9deeb!important}
html.agency-root body.agency-theme .nav-toggle{min-width:44px;min-height:44px;color:#171b27!important}
html.agency-root body.agency-theme .nav-toggle span{background:#171b27!important;height:2px}
html.agency-root body.agency-theme .eyebrow{color:#555e72!important;font-size:12px!important;letter-spacing:.01em!important;text-transform:none!important;font-weight:600!important}
html.agency-root body.agency-theme .eyebrow i{height:7px;width:7px;border-radius:50%;background:#284bff!important}
html.agency-root body.agency-theme .button{border-radius:50px!important;min-height:53px;padding:14px 23px;font-size:13px!important;letter-spacing:0!important;transition:background .18s,color .18s}
html.agency-root body.agency-theme .button:hover{transform:none}
html.agency-root body.agency-theme .button-primary{background:#284bff!important;color:#fff!important;border-color:#284bff!important}
html.agency-root body.agency-theme .button-primary:hover{background:#1735d8!important;border-color:#1735d8!important}
html.agency-root body.agency-theme .button-ghost{background:transparent!important;color:#171b27!important;border-color:#c5cbda!important}
html.agency-root body.agency-theme .button-ghost:hover{background:#dfe4ff!important;border-color:#bec8ff!important}
html.agency-root body.agency-theme .quiet-link,html.agency-root body.agency-theme .text-link{color:#284bff!important;border-color:#9baaf2!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important}
html.agency-root body.agency-theme .quiet-link:hover{color:#172997!important;border-color:#172997!important}
html.agency-root body.agency-theme.page-home .home-hero{background:#f4f6fc!important;min-height:auto;border:0!important;overflow:hidden}
html.agency-root body.agency-theme.page-home .home-hero::before,html.agency-root body.agency-theme.page-home .hero-image{display:none}
html.agency-root body.agency-theme.page-home .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:64px;align-items:start;padding:74px 0 88px}
html.agency-root body.agency-theme.page-home .hero-copy{padding-top:9px}
html.agency-root body.agency-theme.page-home .hero-copy h1{font-size:clamp(48px,5.2vw,78px)!important;font-weight:600!important;line-height:1.02!important;letter-spacing:-.065em!important;max-width:850px;color:#171b27!important;margin:26px 0;text-wrap:balance}
html.agency-root body.agency-theme.page-home .hero-kicker{font-size:20px!important;color:#284bff!important;line-height:1.45!important;max-width:600px;font-weight:600!important}
html.agency-root body.agency-theme.page-home .hero-description{font-size:14px!important;line-height:1.8!important;max-width:580px;color:#555e72!important;margin-top:15px}
html.agency-root body.agency-theme.page-home .action-row{margin-top:28px;gap:12px}
html.agency-root body.agency-theme.page-home .trust-list{gap:19px;flex-wrap:wrap;margin-top:28px;color:#555e72!important;font-size:10px!important}
html.agency-root body.agency-theme.page-home .trust-list b{font-size:0!important;width:6px;height:6px;background:#284bff!important;border-radius:50%}
.studio-side{display:grid;gap:18px;min-width:0;padding-top:4px}
.studio-art{isolation:isolate;position:relative;height:342px;background:#284bff!important;color:white!important;overflow:hidden;border-radius:160px 160px 22px 22px}
.studio-art::before{content:'';position:absolute;width:248px;height:248px;border:1px solid #ffffff40!important;border-radius:50%;left:calc(50% - 124px);top:46px}
.studio-art::after{content:'';position:absolute;width:390px;height:390px;border:1px solid #ffffff30!important;border-radius:50%;left:calc(50% - 195px);top:-25px}
.studio-art-monogram{position:absolute;inset:36px 0 0;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif!important;font-size:236px!important;font-weight:600!important;letter-spacing:-43px!important;line-height:1!important;transform:rotate(-12deg);padding-right:37px;z-index:2}
.studio-art-monogram span:first-child{color:#fff!important}
.studio-art-monogram span:last-child{color:#ffad96!important;margin-left:-12px;transform:translateY(17px)}
.studio-art-orbit{position:absolute;right:28px;top:47px;width:61px;height:61px;border-radius:50%;background:#ff795c!important;box-shadow:inset -8px -7px 0 #e65b46;z-index:3}
.studio-art-caption{position:absolute;bottom:21px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:11px!important;font-weight:500!important;z-index:4;letter-spacing:.02em!important}
.studio-art-caption b{font-size:27px!important;font-weight:400!important;line-height:1!important}
html.agency-root body.agency-theme.page-home .hero-tool{padding:23px 25px;background:#fff!important;border:1px solid #d9deeb!important;border-radius:20px;box-shadow:none;max-width:100%;margin:0;min-width:0}
html.agency-root body.agency-theme.page-home .hero-tool::before{display:none}
html.agency-root body.agency-theme.page-home .hero-tool-toggle{color:#171b27!important}
html.agency-root body.agency-theme.page-home .tool-topline{color:#284bff!important;font-size:11px!important}
html.agency-root body.agency-theme.page-home .tool-topline small{color:#555e72!important;border-color:#d9deeb!important;background:none!important}
html.agency-root body.agency-theme.page-home .hero-tool-title{font-family:'Space Grotesk',Manrope,sans-serif!important;color:#171b27!important;font-size:25px!important;line-height:1.2!important;letter-spacing:-.04em!important;margin:12px 0}
html.agency-root body.agency-theme.page-home .hero-tool-content>p{color:#555e72!important;font-size:12px!important;line-height:1.7!important}
html.agency-root body.agency-theme .domain-form label{color:#555e72!important}
html.agency-root body.agency-theme .domain-form>div{background:#f4f6fc!important;border-color:#d9deeb!important;border-radius:10px;overflow:hidden}
html.agency-root body.agency-theme .domain-form>div>span{color:#555e72!important;font-size:12px!important}
html.agency-root body.agency-theme .domain-form input{background:transparent!important;color:#171b27!important;min-width:0;font-size:13px!important}
html.agency-root body.agency-theme .domain-form button{background:#171b27!important;color:white!important;border-radius:7px;font-size:11px!important;min-height:43px}
html.agency-root body.agency-theme .tool-foot{color:#555e72!important;font-size:10px!important}
html.agency-root body.agency-theme .tool-foot i{background:#284bff!important}
html.agency-root body.agency-theme.page-home .section{padding:96px 0}
html.agency-root body.agency-theme .section-heading{gap:48px;margin-bottom:40px}
html.agency-root body.agency-theme .section-heading h2{color:#171b27!important;font-size:clamp(34px,3.4vw,51px)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.05em!important;max-width:780px}
html.agency-root body.agency-theme .section-heading>p{color:#555e72!important;font-size:14px!important;line-height:1.8!important}
html.agency-root body.agency-theme.page-home .portfolio-preview{background:#e8ecfa!important;border:0!important;padding:86px 0 96px}
html.agency-root body.agency-theme .portfolio-swipe-hint{display:none}
html.agency-root body.agency-theme.page-home .project-grid{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px;overflow:visible;padding:0;scroll-snap-type:none}
html.agency-root body.agency-theme.page-home .project-card,html.agency-root body.agency-theme.page-home .project-card:nth-child(3n+1),html.agency-root body.agency-theme.page-home .project-card:nth-child(3n+2){grid-column:auto;background:none!important;border:0!important;margin:0;min-width:0}
html.agency-root body.agency-theme.page-home .project-media{aspect-ratio:1.45;border:0!important;border-radius:18px;background:#dce1f3!important;overflow:hidden}
html.agency-root body.agency-theme.page-home .project-media img{width:100%;height:100%;object-fit:cover;object-position:top;filter:none;transition:transform .4s ease}
html.agency-root body.agency-theme.page-home .project-card:hover .project-media img{transform:scale(1.025)}
html.agency-root body.agency-theme .project-open{background:#fff!important;color:#171b27!important;border:0!important;border-radius:50%;opacity:1;transform:none;right:18px;bottom:18px;min-width:44px;min-height:44px}
html.agency-root body.agency-theme.page-home .project-meta{padding:19px 0 0;align-items:end;gap:14px}
html.agency-root body.agency-theme.page-home .project-meta small{color:#555e72!important;text-transform:none!important;letter-spacing:0!important;font-size:11px!important}
html.agency-root body.agency-theme.page-home .project-meta h3{font-size:24px!important;font-weight:500!important;color:#171b27!important;letter-spacing:-.04em!important;margin-top:5px}
html.agency-root body.agency-theme.page-home .project-meta>span{color:#555e72!important;font-size:11px!important}
html.agency-root body.agency-theme.page-home .wg-rail-controls{display:none}
html.agency-root body.agency-theme .seo-intro-section{background:#fff!important;border:0!important}
html.agency-root body.agency-theme .seo-intro-grid{grid-template-columns:1fr 1fr;gap:80px}
html.agency-root body.agency-theme .seo-intro-grid h2{color:#171b27!important;font-weight:500!important;font-size:clamp(34px,3.2vw,48px)!important;letter-spacing:-.05em!important;line-height:1.15!important}
html.agency-root body.agency-theme .seo-intro-copy p{color:#555e72!important;font-size:15px!important;line-height:1.9!important}
html.agency-root body.agency-theme .seo-intro-links{gap:11px}
html.agency-root body.agency-theme .seo-intro-links a{border:1px solid #d9deeb!important;border-radius:40px;padding:10px 15px;color:#284bff!important;font-size:12px!important}
html.agency-root body.agency-theme.page-home .services-preview{background:#f4f6fc!important}
html.agency-root body.agency-theme.page-home .service-feature-grid{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible;padding:0;scroll-snap-type:none;border:0!important}
html.agency-root body.agency-theme.page-home .service-feature{border:1px solid #d9deeb!important;border-radius:18px;background:#fff!important;min-height:415px;padding:0 0 24px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
html.agency-root body.agency-theme.page-home .service-feature:hover{background:#fff!important;border-color:#a2b0ff!important;transform:none;box-shadow:0 14px 40px #284bff0a}
html.agency-root body.agency-theme.page-home .service-number{display:none}
html.agency-root body.agency-theme.page-home .service-thumb{height:200px;margin:0 0 23px;background:#e8ecfa!important;border:0!important}
html.agency-root body.agency-theme.page-home .service-thumb img{filter:none;object-fit:cover;width:100%;height:100%}
html.agency-root body.agency-theme.page-home .service-icon{height:200px;margin-bottom:23px;background:#dfe4ff!important;border:0!important;color:#284bff!important}
html.agency-root body.agency-theme.page-home .service-feature h3{font-size:23px!important;font-weight:500!important;letter-spacing:-.04em!important;margin:0 24px 10px;color:#171b27!important;white-space:normal;overflow:visible;line-height:1.2!important}
html.agency-root body.agency-theme.page-home .service-feature p{display:block;-webkit-line-clamp:unset;font-size:13px!important;line-height:1.8!important;margin:0 24px 50px;color:#555e72!important;overflow:visible}
html.agency-root body.agency-theme.page-home .service-feature .text-link{left:24px;bottom:24px;color:#284bff!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important}
html.agency-root body.agency-theme .wg-category-rail{gap:8px;margin-bottom:26px;padding-bottom:6px}
html.agency-root body.agency-theme .wg-category-chip{border-color:#cdd5ee!important;background:transparent!important;border-radius:40px;font-size:11px!important;text-transform:none!important;letter-spacing:0!important;color:#434c66!important;font-weight:600!important;min-height:44px}
html.agency-root body.agency-theme .wg-category-chip::before{display:none}
html.agency-root body.agency-theme .wg-category-chip:first-child,html.agency-root body.agency-theme .wg-category-chip:hover{background:#284bff!important;border-color:#284bff!important;color:white!important}
html.agency-root body.agency-theme .section-bottom-link a{color:#284bff!important;border-color:#9baaf2!important}
html.agency-root body.agency-theme .process-section{background:#171b27!important;border:0!important;color:#fff!important}
html.agency-root body.agency-theme .process-grid{gap:100px;grid-template-columns:1fr 1fr}
html.agency-root body.agency-theme .process-intro{position:static}
html.agency-root body.agency-theme .process-intro h2{color:white!important;font-size:clamp(34px,3.5vw,51px)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.05em!important}
html.agency-root body.agency-theme .process-intro .eyebrow{color:#c7cce0!important}
html.agency-root body.agency-theme .process-intro .eyebrow i{background:#ff795c!important}
html.agency-root body.agency-theme .process-intro p{color:#bec5d9!important;font-size:14px!important;line-height:1.9!important}
html.agency-root body.agency-theme .process-list li{border-color:#ffffff24!important;grid-template-columns:58px 1fr;padding:26px 0}
html.agency-root body.agency-theme .process-list>li>span{color:#ffad96!important;font-family:'Space Grotesk',sans-serif!important;font-size:22px!important;font-weight:400!important}
html.agency-root body.agency-theme .process-list h3{color:white!important;font-weight:500!important;font-size:22px!important;letter-spacing:-.025em!important}
html.agency-root body.agency-theme .process-list p{color:#bec5d9!important;font-size:13px!important;line-height:1.8!important}
html.agency-root body.agency-theme .journal-preview{background:#fff!important}
html.agency-root body.agency-theme.page-home .journal-card{background:transparent!important;border:0!important;padding:0;min-width:0}
html.agency-root body.agency-theme.page-home .journal-media{border:0!important;border-radius:16px;background:#e8ecfa!important;aspect-ratio:1.45;margin-bottom:21px}
html.agency-root body.agency-theme.page-home .journal-card :is(small,h3,p,.text-link){margin-left:0;margin-right:0}
html.agency-root body.agency-theme.page-home .journal-card h3{color:#171b27!important;font-size:23px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:-.035em!important}
html.agency-root body.agency-theme.page-home .journal-card p{color:#555e72!important;font-size:13px!important;line-height:1.8!important}
html.agency-root body.agency-theme.page-home .journal-card small{color:#555e72!important;font-size:11px!important}
html.agency-root body.agency-theme.page-home .closing-cta{background:#284bff!important;color:#fff!important;padding:90px 0}
html.agency-root body.agency-theme .closing-inner{grid-template-columns:1.4fr .6fr;gap:70px}
html.agency-root body.agency-theme .closing-inner h2{color:white!important;font-size:clamp(37px,4.6vw,68px)!important;font-weight:500!important;line-height:1.08!important;letter-spacing:-.055em!important}
html.agency-root body.agency-theme .closing-inner p,html.agency-root body.agency-theme.page-home .closing-cta .eyebrow{color:#e0e5ff!important}
html.agency-root body.agency-theme .closing-cta .eyebrow i{background:#ffad96!important}
html.agency-root body.agency-theme .closing-cta .button-dark{background:white!important;color:#284bff!important;border-color:white!important}
html.agency-root body.agency-theme .closing-cta .button-outline-dark{color:white!important;border-color:#94a5ff!important;background:transparent!important}
html.agency-root body.agency-theme .site-footer{background:#111522!important;color:#c9cee0!important;border:0!important;padding-top:76px}
html.agency-root body.agency-theme .site-footer .brand{color:white!important}
html.agency-root body.agency-theme .site-footer h2{color:white!important;font-family:Manrope,sans-serif!important;text-transform:none!important;font-size:14px!important;letter-spacing:0!important}
html.agency-root body.agency-theme .site-footer :is(p,a,span){color:#bdc4da!important}
html.agency-root body.agency-theme .site-footer a:hover{color:#fff!important}
html.agency-root body.agency-theme .site-footer .footer-cta{color:#aab9ff!important}
html.agency-root body.agency-theme .site-footer .footer-bottom{border-color:#ffffff20!important}
/* Inner pages share the new theme without altering their templates or semantics. */
html.agency-root body.agency-theme :is(.page-hero,.detail-hero,.article-header){background:#e8ecfa!important;color:#171b27!important;border-color:#d9deeb!important}
html.agency-root body.agency-theme :is(.page-hero h1,.detail-hero h1,.article-header h1,.reference-title h1){color:#171b27!important;font-weight:500!important;letter-spacing:-.055em!important}
html.agency-root body.agency-theme :is(.page-hero p,.detail-hero p,.article-header p,.reference-title p){color:#555e72!important}
html.agency-root body.agency-theme :is(.listing-card,.blog-list-card,.package-card,.pricing-card,.contact-form-panel,.contact-info-card,.location-service-card){background:white!important;border-color:#d9deeb!important;border-radius:18px;box-shadow:none;color:#171b27!important;overflow:hidden}
html.agency-root body.agency-theme :is(.listing-card h2,.listing-card h3,.blog-list-card h2,.blog-list-card h3,.package-card h2,.package-card h3,.pricing-card h2,.pricing-card h3,.contact-form-panel h2,.location-service-card h3){color:#171b27!important;font-weight:500!important}
html.agency-root body.agency-theme :is(.listing-body p,.blog-list-body p,.package-card p,.pricing-card p,.contact-info-card p,.contact-info-card span,.location-service-card p){color:#555e72!important}
html.agency-root body.agency-theme :is(.listing-media,.blog-list-media,.package-top,.detail-aside){background:#e8ecfa!important;border-color:#d9deeb!important}
html.agency-root body.agency-theme :is(.detail-content,.article-content,.reference-copy){color:#414a60!important}
html.agency-root body.agency-theme :is(.detail-content,.article-content,.reference-copy) :is(h2,h3,h4){color:#171b27!important;font-weight:500!important;line-height:1.25!important}
html.agency-root body.agency-theme :is(.detail-aside h2,.detail-aside h3,.detail-aside strong,.package-price,.pricing-price){color:#171b27!important}
html.agency-root body.agency-theme :is(.detail-content,.article-content,.reference-copy) a{color:#284bff!important;text-decoration:underline;text-underline-offset:3px}
html.agency-root body.agency-theme :is(.faq-list details,.faq-list summary,.filter-nav){background:#f4f6fc!important;color:#171b27!important;border-color:#d9deeb!important}
html.agency-root body.agency-theme :is(.filter-nav a,.feature-item,.feature-grid>div,.coverage-tags span){color:#414a60!important;border-color:#cdd5ee!important;background:#fff!important}
html.agency-root body.agency-theme :is(.filter-nav a.active,.filter-nav a:hover){background:#284bff!important;color:#fff!important}
html.agency-root body.agency-theme :is(.contact-form-panel,.contact-new-form) :is(input,textarea,select){background:#f4f6fc!important;color:#171b27!important;border-color:#c5cbda!important;border-radius:9px;min-height:48px}
html.agency-root body.agency-theme :is(.contact-form-panel,.contact-new-form) :is(label,.form-label,.checkbox-label){color:#414a60!important}
html.agency-root body.agency-theme .contact-form-panel :is(input,textarea)::placeholder{color:#687187!important}
html.agency-root body.agency-theme .btn-primary,html.agency-root body.agency-theme .btn-accent{background:#284bff!important;color:#fff!important;border-radius:40px!important}
html.agency-root body.agency-theme .quote-toggle{background:#284bff!important;color:white!important;border-radius:40px!important;box-shadow:0 8px 24px #284bff30!important}
html.agency-root body.agency-theme .quote-panel{background:#171b27!important;--wg-muted:#c0c7db;--wg-blue:#b3c0ff;--wg-line:#ffffff30}
html.agency-root body.agency-theme .quote-panel :is(.quote-field input,.quote-field textarea){color:#fff!important}
html.agency-root body.agency-theme .mobile-contact-bar{box-shadow:none;background:#f4f6fcf5!important;border-color:#d9deeb!important;gap:8px}
html.agency-root body.agency-theme .mobile-contact-whatsapp{background:#e3f0e8!important;color:#175c37!important;border-radius:40px}
html.agency-root body.agency-theme .mobile-contact-offer{background:#284bff!important;color:#fff!important;border-radius:40px}
html.agency-root body.agency-theme .mobile-contact-offer:hover{background:#1735d8!important;color:white!important}
@media(min-width:1600px){html.agency-root body.agency-theme.page-home .hero-grid{gap:86px}}
@media(max-width:1200px){
  html.agency-root body.agency-theme{--wg-shell:calc(100% - 64px)}
  html.agency-root body.agency-theme .header-row{gap:22px}html.agency-root body.agency-theme .primary-nav{gap:16px}
  html.agency-root body.agency-theme .header-cta{display:none}
  html.agency-root body.agency-theme.page-home .hero-grid{gap:38px;grid-template-columns:1.15fr .85fr}
  html.agency-root body.agency-theme.page-home .hero-copy h1{font-size:60px!important}
  .studio-art{height:310px}.studio-art-monogram{font-size:215px!important}
  html.agency-root body.agency-theme.page-home .trust-list{gap:12px}
}
@media(max-width:900px){
  html.agency-root body.agency-theme{--wg-shell:calc(100% - 40px)}
  html.agency-root body.agency-theme .header-row{height:72px;gap:16px}
  html.agency-root body.agency-theme .brand{font-size:23px!important}
  html.agency-root body.agency-theme .header-tools{display:flex}
  html.agency-root body.agency-theme .primary-nav{top:72px;background:#f4f6fc!important;border-color:#d9deeb!important;padding:14px 20px 22px;max-height:calc(100dvh - 150px);overflow-y:auto}
  html.agency-root body.agency-theme .primary-nav a{min-height:48px;color:#171b27!important;border-color:#d9deeb!important;padding:12px 10px;font-size:16px!important}
  html.agency-root body.agency-theme.page-home .hero-grid{grid-template-columns:1fr;gap:38px;padding:45px 0 62px}
  html.agency-root body.agency-theme.page-home .hero-copy h1{font-size:clamp(42px,8vw,68px)!important;line-height:1.06!important;letter-spacing:-.06em!important;max-width:740px;margin:22px 0}
  .studio-side{grid-template-columns:1fr 1fr;align-items:center;gap:20px}
  .studio-art{height:280px;border-radius:130px 130px 18px 18px}
  .studio-art-monogram{font-size:190px!important;padding-right:36px;letter-spacing:-36px!important}
  .studio-art-orbit{right:15px;top:35px;width:44px;height:44px}
  html.agency-root body.agency-theme.page-home .hero-tool{padding:22px;min-height:110px}
  html.agency-root body.agency-theme.page-home .hero-tool-title{font-size:23px!important}
  html.agency-root body.agency-theme.page-home .hero-tool-chevron{border-color:#cdd5ee!important;border-radius:50%;color:#284bff!important}
  html.agency-root body.agency-theme.page-home .hero-tool.is-open .hero-tool-chevron{background:#dfe4ff!important}
  html.agency-root body.agency-theme.page-home .section{padding:70px 0}
  html.agency-root body.agency-theme .section-heading{gap:20px;margin-bottom:30px}
  html.agency-root body.agency-theme .section-heading h2{font-size:38px!important}
  html.agency-root body.agency-theme .seo-intro-grid,html.agency-root body.agency-theme .process-grid{grid-template-columns:1fr;gap:32px}
  html.agency-root body.agency-theme.page-home .service-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.agency-root body.agency-theme .closing-inner{grid-template-columns:1fr;gap:28px}
  html.agency-root body.agency-theme .closing-inner>div:last-child{align-items:flex-start}
  html.agency-root body.agency-theme .quote-widget.open{bottom:80px!important}
}
@media(max-width:600px){
  html.agency-root body.agency-theme{--wg-shell:calc(100% - 36px)}
  html.agency-root body.agency-theme .announcement-copy{font-size:10px!important;line-height:1.5!important}
  html.agency-root body.agency-theme .announcement-dot{display:none}
  html.agency-root body.agency-theme .brand{font-size:22px!important;gap:7px}
  html.agency-root body.agency-theme .brand img{width:31px;height:31px}
  html.agency-root body.agency-theme .header-row{gap:8px}
  html.agency-root body.agency-theme .header-tools{margin-left:auto;gap:0}
  html.agency-root body.agency-theme .language>button{font-size:11px!important;padding:0 6px}
  html.agency-root body.agency-theme.page-home .hero-grid{padding:34px 0 50px;gap:30px}
  html.agency-root body.agency-theme.page-home .hero-copy{padding-top:0}
  html.agency-root body.agency-theme.page-home .hero-copy>.eyebrow{font-size:10px!important;gap:7px;max-width:100%;letter-spacing:0!important}
  html.agency-root body.agency-theme.page-home .hero-copy h1{font-size:clamp(37px,10.3vw,54px)!important;line-height:1.07!important;margin:21px 0;letter-spacing:-.055em!important;text-wrap:pretty}
  html.agency-root body.agency-theme.page-home .hero-kicker{font-size:17px!important;line-height:1.55!important}
  html.agency-root body.agency-theme.page-home .hero-description{font-size:13px!important;line-height:1.85!important}
  html.agency-root body.agency-theme.page-home .action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
  html.agency-root body.agency-theme.page-home .action-row .button{width:100%;font-size:12px!important;min-height:50px}
  html.agency-root body.agency-theme.page-home .trust-list{display:flex;gap:10px 16px;margin-top:23px;font-size:10px!important;line-height:1.6!important}
  .studio-side{grid-template-columns:1fr;gap:14px}
  .studio-art{height:255px;border-radius:125px 125px 18px 18px}
  .studio-art-monogram{inset:17px 0 0;font-size:205px!important;letter-spacing:-40px!important;padding-right:38px}
  .studio-art-orbit{top:35px;right:35px;width:48px;height:48px}
  .studio-art-caption{font-size:10px!important;bottom:18px}
  html.agency-root body.agency-theme.page-home .hero-tool{padding:19px 20px;min-height:0;border-radius:16px}
  html.agency-root body.agency-theme.page-home .hero-tool-title{font-size:22px!important;line-height:1.25!important}
  html.agency-root body.agency-theme.page-home .section{padding:57px 0}
  html.agency-root body.agency-theme .section-heading h2{font-size:34px!important;line-height:1.15!important;letter-spacing:-.05em!important}
  html.agency-root body.agency-theme .section-heading{margin-bottom:28px}
  html.agency-root body.agency-theme.page-home .project-grid{grid-template-columns:1fr;gap:30px}
  html.agency-root body.agency-theme.page-home .project-media{border-radius:14px;aspect-ratio:1.35}
  html.agency-root body.agency-theme.page-home .project-meta{padding-top:14px}
  html.agency-root body.agency-theme.page-home .project-meta h3{font-size:22px!important}
  html.agency-root body.agency-theme.page-home .project-meta>span{display:block;font-size:10px!important;max-width:35%;text-align:end}
  html.agency-root body.agency-theme .portfolio-heading-actions{justify-content:flex-start}
  html.agency-root body.agency-theme .seo-intro-grid{gap:23px}
  html.agency-root body.agency-theme .seo-intro-grid h2{font-size:34px!important}
  html.agency-root body.agency-theme .seo-intro-copy p{font-size:14px!important}
  html.agency-root body.agency-theme .seo-intro-links a{min-height:44px;display:inline-flex;align-items:center}
  html.agency-root body.agency-theme.page-home .service-feature-grid{grid-template-columns:1fr;gap:18px}
  html.agency-root body.agency-theme.page-home .service-feature{min-height:395px}
  html.agency-root body.agency-theme.page-home .service-thumb,html.agency-root body.agency-theme.page-home .service-icon{height:210px}
  html.agency-root body.agency-theme .process-intro h2{font-size:36px!important}
  html.agency-root body.agency-theme .process-list li{grid-template-columns:42px 1fr;padding:24px 0}
  html.agency-root body.agency-theme .process-list h3{font-size:21px!important}
  html.agency-root body.agency-theme .journal-grid{gap:32px}
  html.agency-root body.agency-theme.page-home .closing-cta{padding:61px 0}
  html.agency-root body.agency-theme .closing-inner h2{font-size:40px!important;letter-spacing:-.055em!important}
  html.agency-root body.agency-theme .closing-inner>div:last-child{gap:12px}
  html.agency-root body.agency-theme .site-footer{padding-top:56px}
  html.agency-root body.agency-theme .footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}
  html.agency-root body.agency-theme .footer-brand{grid-column:1/-1}
  html.agency-root body.agency-theme .footer-grid>div:last-child{grid-column:1/-1}
  html.agency-root body.agency-theme .mobile-contact-bar{padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px}
  html.agency-root body.agency-theme .mobile-contact-bar a{min-height:46px;font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){html.agency-root body.agency-theme *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){html.agency-root body.agency-theme .button,html.agency-root body.agency-theme .header-cta{border:1px solid ButtonText!important}.studio-art{border:1px solid CanvasText!important}}

/* Legacy inputs use five :not() selectors; explicit main scope keeps their palette local. */
html.agency-root body.agency-theme #main-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
html.agency-root body.agency-theme #main-content textarea,
html.agency-root body.agency-theme #main-content select{background:#f4f6fc!important;color:#171b27!important;border-color:#c5cbda!important}
html.agency-root body.agency-theme .language>button{background:transparent!important;color:#171b27!important;border:0!important}
html.agency-root body.agency-theme .primary-nav a{text-transform:none!important;letter-spacing:0!important}
html.agency-root[dir="rtl"] body.agency-theme :is(h1,h2,h3){font-family:Cairo,Arial,sans-serif!important;letter-spacing:0!important}
html.agency-root body.agency-theme .studio-art-monogram{direction:ltr}

/* Legacy inner templates include inline styles; keep their text on explicit light surfaces. */
html.agency-root body.agency-theme #main-content>section{background:#f4f6fc!important;color:#414a60!important}
html.agency-root body.agency-theme #main-content>section.portfolio-preview,
html.agency-root body.agency-theme #main-content>section.page-hero{background:#e8ecfa!important}
html.agency-root body.agency-theme #main-content>section.seo-intro-section,
html.agency-root body.agency-theme #main-content>section.journal-preview{background:#fff!important}
html.agency-root body.agency-theme #main-content>section.process-section{background:#171b27!important;color:#fff!important}
html.agency-root body.agency-theme #main-content>section.closing-cta{background:#284bff!important;color:#fff!important}
html.agency-root body.agency-theme #main-content p{color:#555e72!important}
html.agency-root body.agency-theme #main-content .hero-kicker{color:#284bff!important}
html.agency-root body.agency-theme #main-content .process-section p{color:#bec5d9!important}
html.agency-root body.agency-theme #main-content .closing-cta p{color:#e0e5ff!important}
html.agency-root body.agency-theme #main-content .closing-cta h2{color:#fff!important}
html.agency-root body.agency-theme #main-content label,
html.agency-root body.agency-theme #main-content label span{color:#414a60!important}
html.agency-root body.agency-theme #main-content .contact-lines :is(a,strong,small,span,div){color:#414a60!important;border-color:#c5cbda!important}
html.agency-root body.agency-theme #main-content .contact-lines strong{color:#171b27!important}
html.agency-root body.agency-theme #main-content .contact-lines a>span{color:#284bff!important}
html.agency-root body.agency-theme #main-content .article-cta{background:#e8ecfa!important;color:#171b27!important;border-color:#d9deeb!important}
html.agency-root body.agency-theme #main-content .article-content blockquote{background:#e8ecfa!important;color:#414a60!important;border-color:#284bff!important}
html.agency-root body.agency-theme #main-content .listing-body>div{color:#555e72!important}
html.agency-root body.agency-theme .pkgs-page,
html.agency-root body.agency-theme .pkg-filters{background:#f4f6fc!important;color:#171b27!important;border-color:#d9deeb!important}
html.agency-root body.agency-theme .pkgs-hero{background:#e8ecfa!important;padding:76px 0 60px;border-color:#d9deeb!important}
html.agency-root body.agency-theme .pkgs-hero h1{color:#171b27!important;font-size:clamp(42px,5vw,68px)!important;line-height:1.08!important;letter-spacing:-.05em!important;font-weight:500!important}
html.agency-root body.agency-theme .pkgs-hero p{color:#555e72!important}
html.agency-root body.agency-theme .pkg-filters{top:88px;gap:9px;padding:18px 24px}
html.agency-root body.agency-theme .pkg-filter-btn{background:#fff!important;color:#414a60!important;border-color:#cdd5ee!important;min-height:44px;padding:10px 17px;letter-spacing:0!important}
html.agency-root body.agency-theme .pkg-filter-btn.active,
html.agency-root body.agency-theme .pkg-filter-btn:hover{background:#284bff!important;color:#fff!important;border-color:#284bff!important}
html.agency-root body.agency-theme .pkg-group,
html.agency-root body.agency-theme .pkg-card{--pkg-accent:#284bff!important;--pkg-accent-bg:#e8ecff!important;--pkg-accent-border:#b9c5ff!important}
html.agency-root body.agency-theme .pkg-group-title{color:#284bff!important;text-transform:none!important;font-size:16px!important;letter-spacing:0!important}
html.agency-root body.agency-theme .pkg-group-count{background:#e8ecfa!important;color:#555e72!important}
html.agency-root body.agency-theme .pkg-card{padding:27px;background:#fff!important;border-color:#d9deeb!important;border-radius:18px;gap:18px}
html.agency-root body.agency-theme .pkg-card:hover{transform:none;box-shadow:0 12px 35px #284bff10}
html.agency-root body.agency-theme .pkg-card.is-popular{background:#e8ecff!important;border-color:#284bff!important;box-shadow:none}
html.agency-root body.agency-theme .pkg-card-name{color:#171b27!important;font-family:'Space Grotesk',Manrope,sans-serif!important;font-size:23px!important;font-weight:500!important;letter-spacing:-.03em!important}
html.agency-root body.agency-theme .pkg-card-sub,
html.agency-root body.agency-theme .pkg-card-price-label,
html.agency-root body.agency-theme .pkg-card-features li{color:#555e72!important}
html.agency-root body.agency-theme .pkg-card-features li{font-size:13px!important;line-height:1.8!important}
html.agency-root body.agency-theme .pkg-card-price-val{background:none!important;-webkit-text-fill-color:#284bff!important;color:#284bff!important;font-size:34px!important}
html.agency-root body.agency-theme .pkg-pop-badge,
html.agency-root body.agency-theme .pkg-svc-label{color:#284bff!important;background:#e8ecff!important;border-color:#b9c5ff!important;letter-spacing:0!important;text-transform:none!important}
html.agency-root body.agency-theme .pkg-card-cta{background:white!important;border-color:#b9c5ff!important;color:#284bff!important;border-radius:40px;min-height:48px}
html.agency-root body.agency-theme .pkg-card.is-popular .pkg-card-cta{background:#284bff!important;color:white!important;border-color:#284bff!important}
html.agency-root body.agency-theme .pkg-custom-cta{background:#dfe4ff!important;border-color:#b9c5ff!important;color:#171b27!important;border-radius:18px}
html.agency-root body.agency-theme .pkg-custom-cta :is(h2,h3,p){color:#171b27!important}
@media(max-width:900px){html.agency-root body.agency-theme .pkg-filters{top:72px}}
@media(max-width:600px){html.agency-root body.agency-theme .pkgs-hero{padding:54px 18px 44px}html.agency-root body.agency-theme .pkg-card{padding:24px}html.agency-root body.agency-theme .pkg-group-header{flex-wrap:wrap}}

/* Service stage: an original, accessible interpretation of a service-led studio showcase. */
html.agency-root body.agency-theme #main-content .services-preview{overflow:visible!important}
#main-content .studio-service-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;align-items:start;padding:42px;background:#171b27;color:#f4f6fc;border-radius:24px}
#main-content .studio-service-list{min-width:0}
#main-content .studio-service-stage .wg-category-rail{margin-bottom:25px}
#main-content .studio-service-stage .wg-category-chip{color:#d4d9eb!important;background:transparent!important;border-color:#ffffff33!important}
#main-content .studio-service-stage .wg-category-chip:first-child{background:#dfe4ff!important;color:#171b27!important;border-color:#dfe4ff!important}
#main-content .studio-service-stage .service-feature-grid{display:grid;grid-template-columns:1fr;gap:0;padding:0;overflow:visible}
#main-content .studio-service-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:17px;border-top:1px solid #ffffff29;padding:24px 0;align-items:start}
#main-content .studio-service-row:last-child{padding-bottom:0}
#main-content .studio-service-select{min-height:48px;width:46px;display:grid;gap:4px;align-content:center;justify-items:center;border:1px solid #ffffff33;border-radius:50%;background:transparent;color:#b9c2df;cursor:pointer;font-size:10px;line-height:1;transition:background .18s,color .18s}
#main-content .studio-service-select span{font-size:10px}
#main-content .studio-service-select svg{width:17px;height:17px}
#main-content .studio-service-select[aria-pressed=true],#main-content .studio-service-select:hover{background:#ffad96!important;color:#171b27!important;border-color:#ffad96!important}
#main-content .studio-service-stage .service-feature{display:block;min-height:0;padding:0;border:0!important;background:transparent!important;border-radius:0;overflow:visible;box-shadow:none;transform:none}
#main-content .studio-service-stage .service-feature:hover{background:transparent!important;transform:none;box-shadow:none}
#main-content .studio-service-stage .service-thumb,#main-content .studio-service-stage .service-icon,#main-content .studio-service-stage .service-number{display:none}
#main-content .studio-service-stage .service-feature h3{margin:0 0 10px;font-family:'Space Grotesk',Manrope,sans-serif!important;font-size:clamp(23px,2.25vw,33px)!important;font-weight:500!important;line-height:1.13!important;letter-spacing:-.045em!important;color:#f4f6fc!important}
#main-content .studio-service-row.is-selected .service-feature h3{color:#ffad96!important}
html.agency-root body.agency-theme #main-content .studio-service-stage .service-feature p{color:#bdc5dc!important;margin:0 0 14px;font-size:12px!important;line-height:1.85!important;display:block;overflow:visible}
#main-content .studio-service-stage .service-feature .text-link{position:static;display:inline-flex;color:#c4ceff!important;font-size:11px!important}
#main-content .studio-service-stage .service-feature .text-link b{color:#c4ceff!important}
#main-content .studio-service-preview{position:sticky;top:112px;min-width:0;margin:0;align-self:start;overflow:hidden;background:#e8ecfa;border:1px solid #ffffff33;border-radius:14px;box-shadow:0 24px 60px #00000030}
#main-content .studio-browser-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;background:#fff;color:#555e72;font-size:10px;line-height:1}
#main-content .studio-browser-bar>span:first-child{display:flex;gap:4px}
#main-content .studio-browser-bar i{width:6px;height:6px;border-radius:50%;background:#c5cbda}
#main-content .studio-preview-screen{aspect-ratio:4/3;overflow:hidden;position:relative;background:#dfe4ff}
#main-content .studio-preview-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;filter:none}
#main-content .studio-service-preview [hidden]{display:none!important}
#main-content .studio-preview-placeholder{display:grid;place-items:center;height:100%;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:140px;letter-spacing:-.12em;color:#284bff}
#main-content .studio-service-preview figcaption{display:grid;gap:12px;padding:22px;background:#e8ecfa;color:#171b27}
#main-content .studio-service-preview strong{font-family:'Space Grotesk',Manrope,sans-serif;font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.04em;color:#171b27}
#main-content .studio-service-preview figcaption a{display:inline-flex;align-items:center;gap:12px;justify-self:start;min-height:44px;padding:9px 16px;border-radius:30px;background:#284bff;color:#fff!important;font-size:11px;font-weight:700}
@media(max-width:1100px){#main-content .studio-service-stage{gap:28px;padding:28px;grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  #main-content .studio-service-stage{grid-template-columns:1fr;gap:25px;padding:20px;border-radius:18px}
  #main-content .studio-service-preview{order:-1;top:72px;z-index:3;border-radius:12px}
  #main-content .studio-preview-screen{aspect-ratio:1.8}
  #main-content .studio-browser-bar{padding:9px 11px;font-size:9px}
  #main-content .studio-service-preview figcaption{padding:14px;gap:6px}
  #main-content .studio-service-preview strong{font-size:19px}
  #main-content .studio-service-preview figcaption a{min-height:44px;padding:7px 13px;font-size:10px}
  #main-content .studio-service-row{gap:12px;grid-template-columns:44px minmax(0,1fr);padding:21px 0}
  #main-content .studio-service-select{width:44px;min-height:46px}
  #main-content .studio-service-stage .service-feature h3{font-size:25px!important;line-height:1.17!important}
  #main-content .studio-service-stage .service-feature p{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){#main-content .studio-service-select{transition:none}}