#sw-studio{--sw-paper:#f5f4ef;--sw-ink:#181916;--sw-soft:#eae9e2;--sw-muted:#5d6059;--sw-line:#d9d9d0;--sw-blue:#2547ed;--sw-white:#fff;--sw-round:18px;color-scheme:light;background:var(--sw-paper);color:var(--sw-ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.55;isolation:isolate;text-align:left}
#sw-studio,#sw-studio *{box-sizing:border-box}
#sw-studio h1,#sw-studio h2,#sw-studio h3,#sw-studio p{margin:0;color:inherit;font-family:inherit}
#sw-studio a{color:inherit;text-decoration:none}
#sw-studio button{font:inherit;color:inherit;cursor:pointer}
#sw-studio button:focus-visible,#sw-studio a:focus-visible,#sw-studio summary:focus-visible{outline:3px solid var(--sw-blue);outline-offset:5px}
#sw-studio button{border:0}
#sw-studio img{display:block;max-width:100%}
#sw-studio [hidden]{display:none!important}
#sw-studio .sw-wrap{padding-left:5%;padding-right:5%}
#sw-studio .sw-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px;border-bottom:1px solid var(--sw-line)}
#sw-studio .sw-brand{display:inline-flex;gap:10px;align-items:center;font-weight:700;font-size:22px;letter-spacing:-1px;white-space:nowrap}
#sw-studio .sw-symbol{width:24px;height:24px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-8deg)}
#sw-studio .sw-symbol b{background:var(--sw-blue);border-radius:1px}
#sw-studio .sw-navlinks{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:500}
#sw-studio .sw-navlinks a:hover{color:var(--sw-blue)}
#sw-studio .sw-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:45px;padding:12px 19px;background:var(--sw-ink);color:var(--sw-white);border-radius:99px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}
#sw-studio .sw-cta:hover{background:var(--sw-blue);transform:translateY(-2px)}
#sw-studio .sw-cta-blue{background:var(--sw-blue)}
#sw-studio .sw-cta-blue:hover{background:var(--sw-ink)}
#sw-studio .sw-arrow{font-size:20px;line-height:1;font-weight:400}
#sw-studio .sw-menu{display:none;background:transparent;min-width:44px;min-height:44px;font-size:13px}
#sw-studio .sw-hero{display:grid;grid-template-columns:1.16fr 1fr;gap:32px;padding-top:65px;padding-bottom:55px;align-items:center}
#sw-studio .sw-eyebrow{font-size:11px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
#sw-studio .sw-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sw-blue);flex-shrink:0}
#sw-studio h1{font-size:clamp(43px,5.7vw,65px);font-weight:500;letter-spacing:-4.3px;line-height:1.02;margin-top:22px;margin-bottom:24px}
#sw-studio .sw-serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:var(--sw-blue);letter-spacing:-2px}
#sw-studio .sw-intro{max-width:345px;color:var(--sw-muted);font-size:14px;line-height:1.7}
#sw-studio .sw-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:26px}
#sw-studio .sw-textlink{display:inline-flex;align-items:center;gap:10px;font-size:12px;min-height:44px;border-bottom:1px solid var(--sw-ink)}
#sw-studio .sw-caption{font-size:11px;color:var(--sw-muted);margin-top:15px}
#sw-studio .sw-hero-art{position:relative;min-width:0;height:405px;background:var(--sw-blue);border-radius:140px 140px var(--sw-round) var(--sw-round);display:flex;align-items:center;justify-content:center;overflow:hidden}
#sw-studio .sw-orbit{position:absolute;width:360px;height:360px;border:1px solid #ffffff35;border-radius:50%;top:65px;left:15px}
#sw-studio .sw-orbit:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #ffffff35;border-radius:50%;top:38px;left:38px}
#sw-studio .sw-poster-title{position:absolute;top:30px;text-align:center;color:var(--sw-white);font-size:11px;letter-spacing:2px;text-transform:uppercase;line-height:1.4}
#sw-studio .sw-browser{width:84%;background:var(--sw-white);border-radius:9px;box-shadow:0 16px 45px #07125750;transform:rotate(-7deg);position:relative;margin-top:8px;overflow:hidden;transition:transform .45s}
#sw-studio .sw-hero-art:hover .sw-browser{transform:rotate(-3deg) translateY(-4px)}
#sw-studio .sw-browserbar{height:24px;background:#fff;display:flex;align-items:center;gap:4px;padding:0 10px;color:#656c72;font-size:8px}
#sw-studio .sw-browserbar b{display:block;width:4px;height:4px;border-radius:50%;background:#cdd0d4}
#sw-studio .sw-browserbar span{margin:auto}
#sw-studio .sw-browser img{width:100%;height:218px;object-fit:cover;object-position:top}
#sw-studio .sw-float{position:absolute;background:var(--sw-paper);color:var(--sw-ink);bottom:33px;right:14px;border-radius:10px;padding:13px 17px;box-shadow:0 8px 25px #0002;transform:rotate(5deg);font-size:11px}
#sw-studio .sw-float strong{display:block;font-size:15px;font-weight:500;letter-spacing:-.4px}
#sw-studio .sw-float .sw-check{color:var(--sw-blue);margin-right:5px}
#sw-studio .sw-side-note{position:absolute;bottom:11px;left:19px;color:var(--sw-white);font-size:11px}
#sw-studio .sw-proof{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:22px;padding-bottom:22px;border-top:1px solid var(--sw-line);border-bottom:1px solid var(--sw-line);font-size:11px;color:var(--sw-muted)}
#sw-studio .sw-proof strong{color:var(--sw-ink);font-weight:500}
#sw-studio .sw-proof .sw-stars{color:var(--sw-blue);font-size:12px;letter-spacing:2px}
#sw-studio .sw-section{padding-top:60px;padding-bottom:60px}
#sw-studio .sw-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}
#sw-studio .sw-kicker{font-size:11px;color:var(--sw-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
#sw-studio h2{font-size:clamp(29px,4vw,43px);font-weight:500;letter-spacing:-1.9px;line-height:1.12}
#sw-studio .sw-projects{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}
#sw-studio .sw-project{min-width:0;text-align:left;background:transparent;padding:0}
#sw-studio .sw-project-image{padding:26px 25px 0;background:#e5e9e3;border-radius:var(--sw-round);height:236px;overflow:hidden;position:relative}
#sw-studio .sw-project:nth-child(2) .sw-project-image{background:#e5e1d9}
#sw-studio .sw-project-image img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:7px 7px 0 0;box-shadow:0 5px 20px #0002;transition:transform .35s}
#sw-studio .sw-project:hover img{transform:translateY(-5px)}
#sw-studio .sw-project-info{display:flex;justify-content:space-between;align-items:center;padding-top:13px;gap:12px}
#sw-studio .sw-project-info h3{font-size:15px;letter-spacing:-.4px;font-weight:500}
#sw-studio .sw-project-info p{font-size:11px;color:var(--sw-muted);margin-top:3px}
#sw-studio .sw-project .sw-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--sw-line);border-radius:50%}
#sw-studio .sw-services{background:var(--sw-ink);color:var(--sw-paper);border-radius:var(--sw-round);padding:40px;display:grid;grid-template-columns:.85fr 1.2fr;gap:50px}
#sw-studio .sw-services h2{font-size:38px;max-width:255px;letter-spacing:-1.5px}
#sw-studio .sw-services .sw-kicker{color:#b9bcb1}
#sw-studio .sw-services .sw-serif{color:#a8b7ff}
#sw-studio .sw-services-intro{color:#c0c2ba;font-size:12px;max-width:240px;margin-top:20px}
#sw-studio .sw-service-list details{padding:17px 0;border-bottom:1px solid #ffffff25}
#sw-studio .sw-service-list details:first-child{padding-top:0}
#sw-studio .sw-service-list details:last-child{border-bottom:0}
#sw-studio .sw-service-list summary{display:flex;gap:15px;align-items:center;list-style:none;cursor:pointer;font-size:16px;min-height:28px}
#sw-studio summary::-webkit-details-marker{display:none}
#sw-studio .sw-service-num{font-size:11px;color:#b2b5a9;min-width:20px}
#sw-studio .sw-plus{margin-left:auto;font-size:23px;line-height:1;font-weight:400}
#sw-studio details[open] .sw-plus{transform:rotate(45deg)}
#sw-studio .sw-service-list details p{padding-left:35px;padding-top:12px;color:#c0c2ba;font-size:11px;max-width:330px}
#sw-studio .sw-pricing-intro{font-size:12px;color:var(--sw-muted);max-width:260px}
#sw-studio .sw-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
#sw-studio .sw-plan{padding:24px 22px;border:1px solid var(--sw-line);border-radius:var(--sw-round);position:relative;min-width:0}
#sw-studio .sw-plan.sw-featured{background:var(--sw-blue);color:var(--sw-white);border-color:var(--sw-blue)}
#sw-studio .sw-plan .sw-kicker{font-size:11px;letter-spacing:.7px}
#sw-studio .sw-plan.sw-featured .sw-kicker{color:#dde3ff}
#sw-studio .sw-plan h3{font-size:18px;font-weight:500;letter-spacing:-.6px;line-height:1.3}
#sw-studio .sw-price{display:flex;align-items:baseline;gap:5px;margin-top:19px;margin-bottom:4px;white-space:nowrap}
#sw-studio .sw-price strong{font-size:45px;font-weight:500;line-height:1;letter-spacing:-2.5px}
#sw-studio .sw-price span{font-size:11px}
#sw-studio .sw-annual{font-size:11px;color:var(--sw-muted)}
#sw-studio .sw-featured .sw-annual{color:#e0e6ff}
#sw-studio .sw-plan ul{list-style:none;padding:18px 0;margin:0;font-size:11px;line-height:1.65;display:grid;gap:8px}
#sw-studio .sw-plan li{display:flex;gap:7px}
#sw-studio .sw-plan li:before{content:'✓';color:var(--sw-blue)}
#sw-studio .sw-featured li:before{color:var(--sw-white)}
#sw-studio .sw-plan .sw-cta{width:100%;gap:12px;font-size:11px;padding:12px 10px;margin-top:5px;background:transparent;color:inherit;border:1px solid var(--sw-line)}
#sw-studio .sw-featured .sw-cta{background:var(--sw-white);color:var(--sw-blue);border-color:var(--sw-white)}
#sw-studio .sw-plan .sw-cta:hover{transform:translateY(-2px);box-shadow:0 3px 0 #0001}
#sw-studio .sw-contact{padding-top:45px;padding-bottom:45px;border-top:1px solid var(--sw-line);display:flex;justify-content:space-between;align-items:center;gap:30px}
#sw-studio .sw-contact h2{font-size:45px;letter-spacing:-2px;max-width:490px}
#sw-studio .sw-contact p{font-size:12px;color:var(--sw-muted);margin-top:12px}
#sw-studio .sw-contact .sw-cta{white-space:nowrap}
#sw-studio .sw-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;background:var(--sw-soft);font-size:11px;color:var(--sw-muted)}
#sw-studio .sw-footer .sw-brand{font-size:16px;color:var(--sw-ink)}
#sw-studio .sw-footer .sw-symbol{width:16px;height:16px;gap:2px}
#sw-studio .sw-detail{margin-top:20px;background:var(--sw-soft);border-radius:12px;padding:20px;position:relative}
#sw-studio .sw-detail h3{font-size:18px;font-weight:500;margin-bottom:7px}
#sw-studio .sw-detail p{font-size:12px;max-width:650px;color:var(--sw-muted)}
#sw-studio .sw-detail-close{position:absolute;right:8px;top:6px;min-height:44px;min-width:44px;background:transparent;font-size:20px}
#sw-studio .sw-detail .sw-textlink{margin-top:12px}
@media(min-width:1400px){#sw-studio .sw-hero{gap:65px}#sw-studio .sw-hero-art{height:450px}}
@media(max-width:760px){#sw-studio .sw-wrap{padding-left:5%;padding-right:5%}#sw-studio .sw-navlinks{gap:16px}#sw-studio .sw-navlinks a:nth-child(2){display:none}#sw-studio .sw-nav>.sw-cta{display:none}#sw-studio .sw-hero{gap:20px;padding-top:45px}#sw-studio h1{font-size:57px;letter-spacing:-3.5px}#sw-studio .sw-hero-art{height:350px}#sw-studio .sw-browser img{height:190px}#sw-studio .sw-services{gap:25px;padding:30px}#sw-studio .sw-services h2{font-size:32px}#sw-studio .sw-plans{gap:10px}#sw-studio .sw-plan{padding:20px 14px}#sw-studio .sw-price strong{font-size:38px}#sw-studio .sw-contact h2{font-size:38px}}
@media(max-width:560px){#sw-studio .sw-nav{position:relative;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;gap:8px}#sw-studio .sw-brand{font-size:21px}#sw-studio .sw-menu{display:block}#sw-studio .sw-navlinks{display:none;flex-basis:100%;padding-top:12px;align-items:stretch;gap:0}#sw-studio .sw-navlinks.sw-open{display:flex;flex-direction:column}#sw-studio .sw-navlinks a,#sw-studio .sw-navlinks a:nth-child(2){display:flex;align-items:center;min-height:44px;font-size:14px}#sw-studio .sw-hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:28px;gap:32px}#sw-studio h1{font-size:59px;line-height:1.01;letter-spacing:-3.6px;max-width:360px;margin-top:20px;margin-bottom:20px}#sw-studio .sw-intro{font-size:14px;max-width:340px}#sw-studio .sw-hero-art{height:345px;max-width:400px;width:100%;margin:0 auto;border-radius:120px 120px 16px 16px}#sw-studio .sw-browser{width:78%}#sw-studio .sw-browser img{height:200px}#sw-studio .sw-proof{flex-wrap:wrap;justify-content:flex-start;gap:12px 22px;padding-top:20px;padding-bottom:20px;font-size:11px}#sw-studio .sw-proof>span:first-child{width:100%}#sw-studio .sw-section{padding-top:38px;padding-bottom:38px}#sw-studio .sw-section-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px}#sw-studio h2{font-size:34px;letter-spacing:-1.6px}#sw-studio .sw-projects{grid-template-columns:1fr;gap:24px}#sw-studio .sw-project-image{height:235px;padding:23px 23px 0}#sw-studio .sw-project-info h3{font-size:17px}#sw-studio .sw-project-info p{font-size:11px}#sw-studio .sw-project .sw-arrow{width:44px;height:44px}#sw-studio .sw-services{grid-template-columns:1fr;gap:26px;padding:28px 24px}#sw-studio .sw-services h2{font-size:35px;max-width:290px}#sw-studio .sw-services-intro{max-width:300px}#sw-studio .sw-service-list summary{font-size:16px;min-height:44px}#sw-studio .sw-service-list details p{font-size:12px;padding-left:0}#sw-studio .sw-plans{grid-template-columns:1fr;gap:14px}#sw-studio .sw-plan{padding:26px}#sw-studio .sw-plan h3{font-size:23px}#sw-studio .sw-plan .sw-kicker{font-size:11px}#sw-studio .sw-price strong{font-size:48px}#sw-studio .sw-price span{font-size:13px}#sw-studio .sw-annual{font-size:11px}#sw-studio .sw-plan ul{font-size:13px}#sw-studio .sw-plan .sw-cta{font-size:12px}#sw-studio .sw-contact{flex-direction:column;align-items:flex-start;padding-top:35px;padding-bottom:35px;gap:22px}#sw-studio .sw-contact h2{font-size:39px}#sw-studio .sw-footer{flex-wrap:wrap;gap:14px;font-size:11px}#sw-studio .sw-eyebrow{font-size:11px;letter-spacing:1.3px}}
@media(max-width:360px){#sw-studio h1{font-size:51px}#sw-studio .sw-actions{gap:13px}#sw-studio .sw-cta{padding:12px 14px;gap:13px}#sw-studio .sw-hero-art{height:315px}#sw-studio .sw-float{right:8px;bottom:25px}}
@media(prefers-reduced-motion:reduce){#sw-studio *,#sw-studio *:before,#sw-studio *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('../fonts/dm-sans-latin.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/instrument-serif-italic-latin.woff2') format('woff2')}
.studio-site{--paper:#f5f4ef;--soft:#eeeee7;--ink:#181916;--muted:#5d6059;--line:#d9d9d0;--teal:#2547ed;--teal-dark:#1736cb;--mint:#e6eaff;--brand-teal:#2547ed;--brand-teal-dark:#1736cb;--radius:18px;background:var(--paper);font-family:'DM Sans',Arial,sans-serif}
.studio-site .site-header{background:#f5f4eff5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.studio-site .site-header.is-scrolled{background:#f5f4effa;border-color:var(--line);box-shadow:0 5px 20px #18191608}
.studio-site .header-inner{min-height:92px;gap:28px}
.studio-site .brand img,.studio-site .footer-logo{width:164px;height:auto;object-fit:contain;filter:none;transform:none!important;flex-shrink:0}
.studio-site .main-nav{display:flex;position:static;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:15px;margin-left:auto;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;width:auto}
.studio-site .main-nav>a,.studio-site .studio-nav-more>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 5px;color:var(--ink);font-size:13px;line-height:1.4;font-weight:500;white-space:nowrap;letter-spacing:0;border-radius:0}
.studio-site .main-nav>a:hover,.studio-site .main-nav>a.is-active{color:var(--teal);background:transparent}
.studio-site .main-nav>a:after{display:none}
.studio-site .studio-nav-more{position:relative;overflow:visible;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.studio-site .studio-nav-more>summary:after{content:none}
.studio-site .studio-nav-more>summary{cursor:pointer;list-style:none}
.studio-site .studio-nav-more>summary::-webkit-details-marker{display:none}
.studio-site .studio-nav-more>summary>span{font-size:19px}
.studio-site .studio-nav-more[open]>summary>span{transform:rotate(45deg)}
.studio-site .studio-nav-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:240px;max-width:calc(100vw - 40px);padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #18191615}
.studio-site .studio-nav-menu a{display:flex;align-items:center;min-height:44px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:500;white-space:normal}
.studio-site .studio-nav-menu a:hover{background:#e6eaff;color:#1736cb}
.studio-site .language-switcher{background:transparent;border:1px solid var(--line);border-radius:99px;padding:3px;margin-left:4px;gap:0}
.studio-site .main-nav .language-switcher a{display:flex;align-items:center;justify-content:center;min-height:36px;min-width:36px;border-radius:99px;color:var(--muted);font-weight:500;font-size:11px}
.studio-site .main-nav .language-switcher a.is-active{color:#fff;background:var(--ink)}
.studio-site .header-cta,.studio-site .btn{border-radius:99px;font-family:inherit;font-size:14px;font-weight:500;text-transform:none;letter-spacing:0;min-height:48px;transition:background .2s,transform .2s}
.studio-site .header-cta{gap:20px;padding:13px 19px;background:var(--ink);color:#fff;white-space:nowrap}
.studio-site .header-cta:hover{background:var(--teal)}
.studio-site .header-cta:after{content:'↗';font-size:22px;font-weight:400}
.studio-site .btn-primary{background:var(--teal);color:#fff;border-color:var(--teal)}
.studio-site .btn-primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}
.studio-site .btn-secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.studio-site .btn-secondary:hover{background:#e6eaff;border-color:#a6b5ff;color:#1736cb}
.studio-site .nav-toggle{display:none}
.studio-site .page-hero{background:var(--paper);color:var(--ink);padding:88px 0 70px;border-bottom:1px solid var(--line)}
.studio-site .page-hero h1{color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-weight:500;letter-spacing:-.05em;font-size:clamp(2.7rem,5.2vw,5.4rem);line-height:1.04;max-width:24ch}
.studio-site .page-hero p:not(.eyebrow){color:var(--muted);font-size:1.1rem;line-height:1.75}
.studio-site .page-hero .eyebrow{color:var(--teal);font-size:12px;letter-spacing:1.8px;font-weight:500}
.studio-site .page-hero .btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}
.studio-site .section{padding:68px 0}
.studio-site .muted-section{background:var(--soft)}
.studio-site .section-title h2,.studio-site .section-heading h2{font-weight:500;letter-spacing:-.04em}
.studio-site .site-footer{background:#eae9e2;color:var(--ink);border-top:1px solid var(--line)}
.studio-site .footer-grid{gap:30px;padding-top:48px;padding-bottom:32px}
.studio-site .footer-grid h2{font-weight:500;letter-spacing:-.02em}
.studio-site .footer-grid p,.studio-site .footer-grid a,.studio-site .footer-bottom p{color:var(--muted);font-size:13px;line-height:1.65}
.studio-site .footer-grid a:hover{color:var(--teal)}
.studio-site .footer-grid a{min-height:30px;padding:3px 0}
.studio-site .footer-bottom{border-color:var(--line);padding:20px 0}
.studio-site :is(a,button,summary,input,textarea,select):focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.studio-site .site-header .brand:focus-visible{outline-offset:8px}
.studio-site .skip-link{top:0;transform:translateY(-200%)}
.studio-site .skip-link:focus{top:12px;transform:none}
.studio-site #sw-studio{max-width:1380px;margin-inline:auto;font-size:16px}
.studio-site #sw-studio h1{font-size:clamp(50px,5.2vw,76px);letter-spacing:-.055em}
.studio-site #sw-studio .sw-hero{padding-top:68px;padding-bottom:58px;gap:40px}
.studio-site #sw-studio .sw-hero-art{height:450px}
.studio-site #sw-studio .sw-browser img{height:260px;background:url('../img/portfolio/palms-horizons-accueil.webp') center top / cover no-repeat}
.studio-site #sw-studio .sw-hero-art .sw-poster-title{color:#fff}
.studio-site #sw-studio .sw-intro{font-size:17px;max-width:405px}
.studio-site #sw-studio .sw-caption{font-size:13px}
.studio-site #sw-studio .sw-cta{font-size:14px;min-height:48px;gap:20px}
.studio-site #sw-studio .sw-textlink{font-size:13px;min-height:44px}
.studio-site #sw-studio .sw-proof{font-size:12px;flex-wrap:wrap}
.studio-site #sw-studio .sw-kicker{font-size:11px}
.studio-site #sw-studio h2{font-size:clamp(34px,4vw,53px);letter-spacing:-.045em}
.studio-site #sw-studio .sw-section{padding-top:70px;padding-bottom:70px}
.studio-site #sw-studio .sw-project-image{height:300px;padding:32px 30px 0}
.studio-site #sw-studio .sw-project-info h3{font-size:21px;letter-spacing:-.035em}
.studio-site #sw-studio .sw-project-info p{font-size:13px}
.studio-site #sw-studio .sw-project .sw-arrow{width:44px;height:44px}
.studio-site #sw-studio .sw-services{padding:48px;gap:50px}
.studio-site #sw-studio .sw-services h2{font-size:45px;max-width:340px}
.studio-site #sw-studio .sw-services-intro{font-size:14px;max-width:300px}
.studio-site #sw-studio .sw-service-list summary{min-height:44px;font-size:20px;font-weight:500;color:var(--sw-paper);padding:0;justify-content:flex-start}
.studio-site #sw-studio details{background:transparent;border-radius:0;box-shadow:none}
.studio-site #sw-studio .sw-service-list details{border:0;border-bottom:1px solid #ffffff25;padding:17px 0}
.studio-site #sw-studio .sw-service-list details:first-child{padding-top:0}
.studio-site #sw-studio .sw-service-list details:last-child{border-bottom:0}
.studio-site #sw-studio summary:after{content:none}
.studio-site #sw-studio .sw-service-list details p{font-size:14px;max-width:450px;padding:12px 0 0 35px}
.studio-site #sw-studio .sw-service-num{font-size:12px}
.studio-site #sw-studio .sw-service-link{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0 35px;min-height:44px;font-size:13px;border-bottom:1px solid #ffffff60;color:#e4e8ff}
.studio-site #sw-studio .sw-pricing-intro{font-size:14px;max-width:300px}
.studio-site #sw-studio .sw-plan{padding:30px 26px;display:flex;flex-direction:column}
.studio-site #sw-studio .sw-plan h3{font-size:24px;letter-spacing:-.035em}
.studio-site #sw-studio .sw-plan .sw-kicker{font-size:11px}
.studio-site #sw-studio .sw-price strong{font-size:56px}
.studio-site #sw-studio .sw-price span{font-size:13px}
.studio-site #sw-studio .sw-annual{font-size:12px}
.studio-site #sw-studio .sw-plan ul{font-size:13px;padding:24px 0;gap:10px}
.studio-site #sw-studio .sw-plan .sw-cta{font-size:12px;margin-top:auto;gap:12px}
.studio-site #sw-studio .sw-price-more{margin-top:22px;text-align:center}
.studio-site #sw-studio .sw-contact{padding-top:55px;padding-bottom:65px}
.studio-site #sw-studio .sw-contact h2{font-size:clamp(38px,4vw,53px);max-width:600px}
.studio-site #sw-studio .sw-contact p{font-size:14px}
.studio-site #sw-studio .sw-contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.studio-site #sw-studio .sw-faq{display:grid;grid-template-columns:1fr 1.25fr;gap:12px 45px;padding-bottom:65px}
.studio-site #sw-studio .sw-faq>.sw-kicker{grid-column:1;align-self:end;margin-bottom:0}
.studio-site #sw-studio .sw-faq>h2{grid-column:1;align-self:start}
.studio-site #sw-studio .sw-faq-list{grid-column:2;grid-row:1 / span 2}
.studio-site #sw-studio .sw-faq-list details{border:0;border-top:1px solid var(--sw-line);padding:15px 0}
.studio-site #sw-studio .sw-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:44px;list-style:none;font-size:15px;font-weight:500;cursor:pointer;padding:0}
.studio-site #sw-studio .sw-faq-list details p{color:var(--sw-muted);font-size:14px;line-height:1.75;padding-top:10px;max-width:560px}
@media(max-width:1150px){.studio-site .header-cta{display:none}.studio-site .header-inner{gap:20px}.studio-site .footer-grid{grid-template-columns:1fr 1fr}.studio-site #sw-studio .sw-hero-art{height:405px}.studio-site #sw-studio .sw-browser img{height:220px}.studio-site #sw-studio .sw-plan{padding:24px 20px}.studio-site #sw-studio .sw-cta{font-size:13px}}
@media(min-width:861px){.studio-site .main-nav{display:flex!important;flex-wrap:nowrap}.studio-site .main-nav .language-switcher{display:flex}}
@media(max-width:860px){.studio-site .header-inner{min-height:82px;justify-content:space-between}.studio-site .brand img{width:154px}.studio-site .nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:48px;min-height:48px;margin-left:auto;border:1px solid var(--line);border-radius:50%;background:transparent}.studio-site .nav-toggle>span:not(.sr-only){display:block;width:19px;height:2px;background:var(--ink);margin:0}.studio-site .main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;width:100%;max-height:calc(100dvh - 90px);overflow:auto;padding:14px 5% 22px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 20px 25px #18191610}.studio-site .main-nav.is-open{display:flex}.studio-site .main-nav>a,.studio-site .studio-nav-more>summary{min-height:48px;font-size:16px;padding:12px 0}.studio-site .main-nav .language-switcher{align-self:flex-start;margin-top:12px;margin-left:0}.studio-site .main-nav .language-switcher a{min-width:44px;min-height:44px}.studio-site .studio-nav-menu{position:static;box-shadow:none;border:0;background:var(--soft);max-width:100%;min-width:0;margin-bottom:10px}.studio-site .studio-nav-menu a{font-size:14px}.studio-site #sw-studio .sw-services{padding:32px;gap:30px}.studio-site #sw-studio .sw-services h2{font-size:36px}.studio-site #sw-studio .sw-service-list summary{font-size:17px}.studio-site #sw-studio .sw-price strong{font-size:44px}.studio-site #sw-studio .sw-price span{font-size:11px}.studio-site #sw-studio .sw-plan ul{font-size:12px}.studio-site #sw-studio .sw-plan .sw-cta{font-size:11px;gap:8px}.studio-site #sw-studio .sw-project-image{height:240px;padding:24px 22px 0}}
@media(max-width:640px){.studio-site #sw-studio .sw-hero{grid-template-columns:1fr;padding-top:42px;gap:34px;padding-bottom:32px}.studio-site #sw-studio h1{font-size:clamp(50px,10vw,65px);max-width:100%;letter-spacing:-.055em;line-height:1.02}.studio-site #sw-studio .sw-hero-art{height:370px;max-width:420px;margin-inline:auto;width:100%;border-radius:130px 130px 18px 18px}.studio-site #sw-studio .sw-browser img{height:220px}.studio-site #sw-studio .sw-intro{font-size:16px}.studio-site #sw-studio .sw-actions{gap:12px 22px}.studio-site #sw-studio .sw-cta{font-size:13px}.studio-site #sw-studio .sw-section{padding-top:46px;padding-bottom:46px}.studio-site #sw-studio .sw-section-head{flex-direction:column;align-items:flex-start;gap:18px}.studio-site #sw-studio .sw-projects{grid-template-columns:1fr;gap:26px}.studio-site #sw-studio .sw-project-image{height:270px;padding:25px 25px 0}.studio-site #sw-studio .sw-services{grid-template-columns:1fr;padding:30px 24px;gap:28px}.studio-site #sw-studio .sw-services h2{font-size:39px}.studio-site #sw-studio .sw-services-intro{font-size:14px}.studio-site #sw-studio .sw-service-link{margin-left:0}.studio-site #sw-studio .sw-service-list details p{padding-left:0}.studio-site #sw-studio .sw-service-list summary{font-size:18px}.studio-site #sw-studio .sw-plans{grid-template-columns:1fr;gap:16px}.studio-site #sw-studio .sw-plan{padding:28px}.studio-site #sw-studio .sw-price strong{font-size:54px}.studio-site #sw-studio .sw-price span{font-size:13px}.studio-site #sw-studio .sw-plan ul{font-size:14px}.studio-site #sw-studio .sw-plan .sw-cta{font-size:13px}.studio-site #sw-studio .sw-faq{grid-template-columns:1fr;gap:16px;padding-bottom:42px}.studio-site #sw-studio .sw-faq-list{grid-column:1;grid-row:auto}.studio-site #sw-studio .sw-faq-list summary{font-size:15px}.studio-site #sw-studio .sw-contact{flex-direction:column;align-items:flex-start;gap:25px;padding-top:40px;padding-bottom:44px}.studio-site #sw-studio .sw-contact h2{font-size:clamp(35px,8vw,44px)}.studio-site .footer-grid{grid-template-columns:1fr;gap:30px}.studio-site .footer-grid .footer-services{min-width:0}.studio-site .footer-link-columns{gap:7px 20px}.studio-site .footer-grid a{min-height:36px}.studio-site .footer-bottom{align-items:flex-start;flex-wrap:wrap}.studio-site .page-hero{padding:48px 0}.studio-site .page-hero h1{font-size:clamp(2.5rem,9vw,3.6rem)}.studio-site .page-hero p:not(.eyebrow){font-size:1rem}.studio-site .section{padding:46px 0}}
@media(prefers-reduced-motion:reduce){.studio-site *,.studio-site *:before,.studio-site *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* SEO WEB — one visual language for every public template. */
body.studio-site {
  --ui-paper: #ffffff;
  --ui-card: #ffffff;
  --ui-soft: #f3f4f5;
  --ui-ink: #1b2c43;
  --ui-muted: #586373;
  --ui-line: #dce0e4;
  --ui-accent: #1b2c43;
  --ui-accent-hover: #101c2c;
  --ui-tint: #edf0f4;
  --paper: var(--ui-paper);
  --soft: var(--ui-soft);
  --ink: var(--ui-ink);
  --muted: var(--ui-muted);
  --line: var(--ui-line);
  --teal: var(--ui-accent);
  --teal-dark: var(--ui-accent-hover);
  --mint: var(--ui-tint);
  --sun: var(--ui-tint);
  --coral: var(--ui-muted);
  --brand-navy: var(--ui-ink);
  --brand-teal: var(--ui-accent);
  --brand-teal-dark: var(--ui-accent-hover);
  --brand-yellow: var(--ui-tint);
  --modern-surface: var(--ui-paper);
  --modern-surface-strong: var(--ui-soft);
  --modern-line: var(--ui-line);
  --modern-shadow: none;
  --modern-shadow-hover: none;
  --shadow: 0 12px 32px #1b2c430d;
  --shadow-soft: none;
  --radius: 14px;
  color: var(--ui-ink);
  background: var(--ui-paper);
}

/* Type, spacing, and quiet surfaces are shared by all commercial pages. */
.studio-site main { background: var(--ui-paper); }
.studio-site main :is(h1,h2,h3,h4) { font-family:'DM Sans',Arial,sans-serif; font-weight:500; letter-spacing:-.035em; }
.studio-site main :is(h2,h3,h4) { color:var(--ui-ink); }
.studio-site main h2 { line-height:1.12; }
.studio-site main :is(.section-title h2,.split h2,.section-heading h2,.ai-control-copy h2) { font-size:clamp(29px,3.5vw,44px); }
.studio-site main .eyebrow { color:var(--ui-accent); font-size:11px; font-weight:500; letter-spacing:.12em; }
.studio-site main .section { background:transparent; }
.studio-site main .muted-section { background:transparent; }
.studio-site main .section-title::after { display:none; }
.studio-site main :is(.page-hero,.article-header,.ai-service-hero,.product-hero,.product-showcase-hero,.pv2-hero) {
  color:var(--ui-ink); background:var(--ui-paper); background-image:none; min-height:0; border-bottom:1px solid var(--ui-line); padding:72px 0 64px;
}
.studio-site main :is(.page-hero,.article-header,.ai-service-hero,.product-hero,.pv2-hero)::before,
.studio-site main :is(.page-hero,.article-header,.ai-service-hero,.product-hero,.pv2-hero)::after {
  display:none;
}
.studio-site main :is(.page-hero h1,.article-header h1,.ai-service-hero h1,.product-hero h1,.pv2-hero h1) {
  color:var(--ui-ink); font-size:clamp(42px,5vw,72px); line-height:1.05; letter-spacing:-.05em; font-weight:500;
}
.studio-site main :is(.page-hero,.article-header,.ai-service-hero,.pv2-hero) p:not(.eyebrow) { color:var(--ui-muted); }
.studio-site main .section-title p { color:var(--ui-muted); }

/* No colored glow, multicolor gradient, or competing button treatment. */
.studio-site :is(.btn,.header-cta) { box-shadow:none!important; font-weight:500; }
.studio-site :is(.btn-primary,.header-cta) { color:#fff!important; background:var(--ui-accent)!important; border-color:var(--ui-accent)!important; }
.studio-site :is(.btn-primary,.header-cta):is(:hover,:focus-visible) { background:var(--ui-accent-hover)!important; border-color:var(--ui-accent-hover)!important; }
.studio-site :is(.btn-secondary,.btn-light) { color:var(--ui-ink)!important; background:transparent!important; border:1px solid var(--ui-line)!important; }
.studio-site :is(.btn-secondary,.btn-light):is(:hover,:focus-visible) { color:var(--ui-accent)!important; background:var(--ui-tint)!important; border-color:var(--ui-accent)!important; }
.studio-site .main-nav :is(a,summary),.studio-site .site-header { box-shadow:none; }
.studio-site .site-header,.studio-site .site-header.is-scrolled { background:#fffffff5; }
.studio-site :is(.brand img,.footer-logo) { filter:none!important; }

/* All card families use the same neutral surface and edge. */
.studio-site main :is(.price-card,.service-card,.process-card,.blog-card,.review-card,.model-card,.live-template-card,.contact-panel,.contact-form,.appointment-card,.seo-checklist,.decision-table-wrap,.pricing-compare-wrap,.offer-fit-card,.faq-item,.seo-audit-card,.ai-investment-card,.builder-compare-promise,.builder-managed-plan,.builder-inclusion-banner,.case-project-card,.pv2-screen-card) {
  color:var(--ui-ink); background:var(--ui-card); background-image:none; border:1px solid var(--ui-line); border-radius:14px; box-shadow:none;
}
.studio-site main :is(.feature-list,.decision-grid,.agency-fit-grid,.routing-grid,.conversion-pain-grid,.ai-benefit-grid,.ai-use-grid,.ai-control-panels,.ai-investment-factors,.builder-platform-grid,.builder-delegation-flow,.builder-cost-grid,.pv2-challenge-grid,.pv2-bento) > article {
  color:var(--ui-ink); background:var(--ui-card); background-image:none; border:1px solid var(--ui-line); border-radius:14px; box-shadow:none;
}
.studio-site main :is(.price-card,.service-card,.process-card,.model-card,.review-card,.case-project-card)::before,
.studio-site main :is(.price-card,.service-card,.process-card,.model-card,.review-card,.case-project-card)::after,
.studio-site main .ai-use-grid article::before { display:none; }
.studio-site main :is(.price-card,.service-card,.process-card,.model-card,.case-project-card):hover { box-shadow:none; transform:translateY(-3px); }
.studio-site main .price-card.featured { border:1px solid var(--ui-accent); transform:none; }
.studio-site main .price-card.featured :is(.badge,.price,.price span) { color:var(--ui-accent); }
.studio-site main :is(.badge,.pill,.case-project-sector,.case-project-stack span,.model-badge,.ai-service-hero-points li::before,.ai-benefit-grid article>span) { color:var(--ui-ink); background:var(--ui-soft); border-color:var(--ui-line); box-shadow:none; }
.studio-site main :is(.price-card,.service-card,.check-list,.ai-control-panels) li::before { color:var(--ui-accent); background:transparent; }
.studio-site main :is(.price-card,.service-card,.process-card,.review-card,.ai-control-panels,.ai-benefit-grid,.ai-use-grid,.ai-investment-factors) :is(p,li) { color:var(--ui-muted); }
.studio-site main :is(.service-card,.blog-card,.model-card,.live-template-card,.case-project-card) img { border-radius:10px 10px 0 0; }

/* The same restrained closing section replaces every older colored band. */
.studio-site main :is(.final-cta,.accent-section,.expertise-section,.ai-process-section,.pv2-cta,.pv2-value,.pv2-facts,.builder-real-work,.builder-seo-reality,.builder-proof-band,.builder-comparison-link,.related-services,.updates-proof-block,.builder-delegation-section) {
  color:var(--ui-ink); background:var(--ui-paper); background-image:none; box-shadow:none; border-top:1px solid var(--ui-line); border-bottom:1px solid var(--ui-line);
}
.studio-site main :is(.final-cta,.accent-section,.expertise-section,.ai-process-section,.pv2-cta,.pv2-value,.pv2-facts,.builder-real-work,.builder-seo-reality,.builder-comparison-link,.related-services) :is(h2,h3,h4,strong,summary) { color:var(--ui-ink); }
.studio-site main :is(.final-cta,.accent-section,.expertise-section,.ai-process-section,.pv2-cta,.pv2-value,.pv2-facts,.builder-real-work,.builder-seo-reality,.builder-comparison-link,.related-services) :is(p,li,small) { color:var(--ui-muted); }
.studio-site main :is(.final-cta,.accent-section,.expertise-section,.ai-process-section,.pv2-cta,.pv2-value,.builder-real-work,.builder-seo-reality,.builder-comparison-link) :is(.eyebrow,li>span) { color:var(--ui-accent); }
.studio-site main :is(.final-cta,.accent-section,.expertise-section,.pv2-cta,.builder-real-work,.builder-seo-reality)::before,
.studio-site main :is(.final-cta,.accent-section,.expertise-section,.pv2-cta,.builder-real-work,.builder-seo-reality)::after { display:none; }
.studio-site main :is(.ai-process-grid,.builder-proof-projects,.builder-seo-proof-grid) article,
.studio-site main :is(.builder-proof-project,.builder-seo-grid article,.pv2-value-grid article,.expert-steps article,.expertise-metrics div) {
  color:var(--ui-ink); background:var(--ui-card); border:1px solid var(--ui-line); box-shadow:none;
}
.studio-site main :is(.ai-process-grid article>span,.steps span,.expert-steps span,.expertise-metrics strong,.stars) { color:var(--ui-accent); }
.studio-site main .related-services { margin-top:0; padding:48px 0; }
.studio-site main .related-services-list a { color:var(--ui-ink); background:transparent; border:1px solid var(--ui-line); box-shadow:none; border-radius:12px; }
.studio-site main .related-services-list a:hover { color:var(--ui-accent); background:var(--ui-card); }
.studio-site main :is(.updates-proof-col.slow,.updates-proof-col.fast,.builder-hero-offers span,.builder-proof-grid>*,.builder-cost-strip) { background:var(--ui-soft); color:var(--ui-ink); border-color:var(--ui-line); }
.studio-site main :is(.builder-inclusion-banner,.updates-proof-block) :is(h2,h3,p,strong,span) { color:var(--ui-ink); }
.studio-site main .builder-delegation-flow article.is-featured { color:var(--ui-ink); background:var(--ui-card); background-image:none; border-color:var(--ui-accent); }
.studio-site main .builder-delegation-flow article.is-featured :is(h3,p,strong,span) { color:var(--ui-ink); }
.studio-site main .builder-delegation-flow article.is-featured h2 { color:var(--ui-ink); }
.studio-site main .builder-delegation-flow article>span { color:var(--ui-muted); }
.studio-site main .builder-comparison-link span,.studio-site main .builder-hero-offers b { color:var(--ui-accent); }
.studio-site main .builder-real-work .section-title p { color:var(--ui-muted)!important; }
.studio-site main .builder-proof-project :is(span,b) { color:var(--ui-ink); }
.studio-site main .builder-platform-table :is(th,td),.studio-site main .builder-platform-table .is-featured { background:var(--ui-card); background-image:none; color:var(--ui-ink); }
.studio-site main .builder-platform-table thead :is(th,td),.studio-site main .builder-platform-table :is(th,td).is-featured { background:var(--ui-soft); }
.studio-site main .builder-platform-table :is(th,td) :is(span,strong,small) { color:var(--ui-ink); }
.studio-site main .builder-table :is(th,td) { color:var(--ui-ink); background:var(--ui-card); background-image:none; border-color:var(--ui-line); box-shadow:none; }
.studio-site main .builder-table thead th,.studio-site main .builder-table thead th:nth-child(2) { color:var(--ui-ink); background:var(--ui-soft); box-shadow:none; }
.studio-site main .builder-table :is(th,td) :is(span,strong,small) { color:var(--ui-ink); }
.studio-site main .builder-managed-plans>div { color:var(--ui-ink); background:var(--ui-card); background-image:none; border:1px solid var(--ui-line); }
.studio-site main .builder-managed-plans .is-featured { color:var(--ui-ink); background:var(--ui-card); background-image:none; border-color:var(--ui-ink); }
.studio-site main .builder-managed-plans .is-featured :is(h2,h3,p,strong,span) { color:var(--ui-ink); }
.studio-site main .offer-hero-meta>span { color:var(--ui-ink); background:var(--ui-soft); border-color:var(--ui-line); }
.studio-site main :is(.project-timeline-block,.live-template-browser,.article-cta,.article-related-section) { color:var(--ui-ink); background:var(--ui-paper); background-image:none; border-color:var(--ui-line); }
.studio-site main .article-related-section time { color:var(--ui-muted); }

/* Client colors live in the delivered screenshots, never in the site chrome. */
.studio-site :is(.portfolio-v2,.case-project-card) {
  --pv2-accent:var(--ui-accent)!important; --pv2-deep:var(--ui-ink)!important;
  --pv2-highlight:var(--ui-tint)!important; --pv2-surface:var(--ui-soft)!important; --pv2-ink:var(--ui-ink)!important;
  --card-accent:var(--ui-accent); --card-deep:var(--ui-ink); --card-highlight:var(--ui-tint); --card-surface:var(--ui-soft);
  color:var(--ui-ink); background:var(--ui-paper);
}
.studio-site .case-project-card { background:var(--ui-card); }
.studio-site .case-project-media { border-color:var(--ui-line); }
.studio-site .case-project-media img { filter:none; }
.studio-site .case-project-card :is(h2,h3,.case-project-sector,.case-project-stack span) { color:var(--ui-ink); }
.studio-site .case-project-card .case-project-body>p { color:var(--ui-muted); }
.studio-site .portfolio-v2 :is(.pv2-build,.pv2-brief,.pv2-story,.pv2-showcase,.pv2-bento-accent) { color:var(--ui-ink); background:var(--ui-paper); background-image:none; }
.studio-site .portfolio-v2 .pv2-bento article { background:var(--ui-card); border:1px solid var(--ui-line); }
.studio-site .portfolio-v2 .pv2-bento article.pv2-bento-accent { color:var(--ui-ink); background:var(--ui-card); border-color:var(--ui-accent); }
.studio-site .portfolio-v2 :is(.pv2-bento-accent h3,.pv2-bento-accent p,.pv2-value li>span) { color:var(--ui-ink); }
.studio-site .portfolio-v2 :is(.pv2-number,.pv2-facts span,.pv2-back,.pv2-screen-card figcaption span) { color:var(--ui-accent); }
.studio-site .portfolio-v2 :is(.pv2-float-card,.pv2-stage-note) { color:var(--ui-ink); background:var(--ui-card); border:1px solid var(--ui-line); box-shadow:0 8px 28px #1b2c4310; }
.studio-site .portfolio-v2 :is(.pv2-float-card,.pv2-stage-note) span { color:var(--ui-muted); }
.studio-site .portfolio-v2 .pv2-browser-main { transform:none; box-shadow:0 16px 40px #1b2c4312; }
.studio-site .portfolio-v2 .pv2-progress { background:var(--ui-soft); }
.studio-site .portfolio-v2 .pv2-progress span { background:var(--ui-accent); box-shadow:none; }
.studio-site .portfolio-v2 .pv2-value li>span { background:var(--ui-tint); }
.studio-site .portfolio-v2 .pv2-hero-proof article { color:var(--ui-ink); background:transparent; background-image:none; border-color:var(--ui-line); }
.studio-site .portfolio-v2 .pv2-proof-grid article { color:var(--ui-ink); background:transparent; background-image:none; border-color:var(--ui-line); }
.studio-site .portfolio-v2 .pv2-brief-grid article { color:var(--ui-ink); background:var(--ui-card); background-image:none; border-color:var(--ui-line); }
.studio-site .portfolio-v2 .pv2-browser-bar b { color:var(--ui-muted); }
.studio-site .portfolio-v2 .pv2-cta-actions>a:not(.btn) { color:var(--ui-muted); }

/* Home uses the same card vocabulary; blue is an accent, not a full canvas. */
.studio-site #sw-studio {
  --sw-paper:var(--ui-paper); --sw-ink:var(--ui-ink); --sw-soft:var(--ui-soft);
  --sw-muted:var(--ui-muted); --sw-line:var(--ui-line); --sw-blue:var(--ui-accent); --sw-round:14px;
  color:var(--ui-ink); background:var(--ui-paper);
}
.studio-site #sw-studio .sw-hero-art { background:var(--ui-soft); border-radius:26px; border:1px solid var(--ui-line); }
.studio-site #sw-studio .sw-hero-art .sw-poster-title { color:var(--ui-muted); }
.studio-site #sw-studio .sw-orbit { display:none; }
.studio-site #sw-studio .sw-side-note { color:var(--ui-muted); }
.studio-site #sw-studio .sw-browser { transform:rotate(-4deg); box-shadow:0 12px 32px #1b2c4315; }
.studio-site #sw-studio .sw-float { background:#fff; box-shadow:0 8px 24px #1b2c4310; transform:rotate(2deg); }
.studio-site #sw-studio .sw-services { color:var(--ui-ink); background:var(--ui-card); border:1px solid var(--ui-line); }
.studio-site #sw-studio .sw-services :is(h2,summary) { color:var(--ui-ink); }
.studio-site #sw-studio .sw-services :is(.sw-kicker,.sw-services-intro,.sw-service-list details p,.sw-service-num) { color:var(--ui-muted); }
.studio-site #sw-studio .sw-services .sw-serif,.studio-site #sw-studio .sw-service-link { color:var(--ui-accent); }
.studio-site #sw-studio .sw-service-list details { border-bottom-color:var(--ui-line); }
.studio-site #sw-studio .sw-service-link { border-bottom-color:var(--ui-line); }
.studio-site #sw-studio .sw-plan { color:var(--ui-ink); background:var(--ui-card); }
.studio-site #sw-studio .sw-plan.sw-featured { color:var(--ui-ink); background:var(--ui-card); border:1px solid var(--ui-accent); }
.studio-site #sw-studio .sw-plan.sw-featured :is(.sw-kicker,.sw-annual) { color:var(--ui-muted); }
.studio-site #sw-studio .sw-plan.sw-featured li::before { color:var(--ui-accent); }
.studio-site #sw-studio .sw-plan.sw-featured .sw-cta { color:#fff; background:var(--ui-accent); border-color:var(--ui-accent); }
.studio-site #sw-studio .sw-project-image { background:var(--ui-soft); border:1px solid var(--ui-line); }
.studio-site #sw-studio .sw-project:nth-child(2) .sw-project-image { background:var(--ui-soft); }

/* Product presentations and real service examples keep their content images. */
.studio-site main :is(.product-hero,.product-showcase,.product-showcase-intro,.product-demo-panel,.product-interfaces-section,.product-final-cta) { color:var(--ui-ink); background:var(--ui-paper); background-image:none; }
.studio-site main :is(.product-proof-grid,.product-includes-grid) article { color:var(--ui-ink); background:var(--ui-card); border-color:var(--ui-line); box-shadow:none; }
.studio-site main :is(.product-demo-panel,.product-final-cta) :is(h2,h3,p) { color:var(--ui-ink); }
.studio-site .site-footer { color:var(--ui-ink); background:var(--ui-paper); }
.studio-site :is(.ai-agent-panel,.ai-agent-header,.ai-agent-bubble) { color:var(--ui-ink); background:var(--ui-card); border-color:var(--ui-line); }
.studio-site .ai-agent-message--user .ai-agent-bubble { color:#fff; background:var(--ui-accent); }
.studio-site :is(.ai-agent-icon-button:hover,.ai-agent-send) { background:var(--ui-accent); }
.studio-site :is(.ai-agent-orb,.ai-agent-thinking,.ai-agent-hint::before) { background:var(--ui-accent); box-shadow:none; }
.studio-site .ai-agent-suggestions button { color:var(--ui-accent); background:var(--ui-tint); border-color:var(--ui-line); }
.studio-site .ai-agent-suggestions button:hover { color:#fff; background:var(--ui-accent); }
.studio-site .ai-agent-bubble a { color:var(--ui-accent); }
.studio-site .whatsapp-float { color:#fff; background:var(--ui-ink); box-shadow:none; }

/* Details and interaction states follow the palette as well as large surfaces. */
.studio-site .main-nav :is(a:hover,a:focus-visible,a.is-active) { border-color:var(--ui-line); background:var(--ui-soft); color:var(--ui-ink); }
.studio-site .language-switcher a.is-active { color:#fff; background:var(--ui-ink); }
.studio-site .main-nav>a:is(:hover,:focus-visible,.is-active) { color:var(--ui-ink); background:transparent; border-color:transparent; text-decoration:underline; text-underline-offset:6px; }
.studio-site main .price-card .price { color:var(--ui-ink); }
.studio-site main .eyebrow { border-color:var(--ui-line); }
.studio-site main :is(.feature-list,.decision-grid)>article::before,
.studio-site main :is(.offer-fit-card,.blog-card)::before { display:none; }
.studio-site main details summary::after { color:var(--ui-ink); background:var(--ui-soft); border-color:var(--ui-line); }
.studio-site main .faq-list details[data-faq-enhanced] summary::after { color:var(--ui-ink); background:var(--ui-soft); border-color:var(--ui-line); }
.studio-site .related-service-number { color:var(--ui-ink); background:var(--ui-soft); box-shadow:none; }
.studio-site .related-service-arrow { color:var(--ui-ink); background:transparent; border-color:var(--ui-line); }
.studio-site .related-service-link:is(:hover,:focus-visible) .related-service-arrow { color:#fff; background:var(--ui-ink); }
.studio-site :is(.ai-agent-hint,.ai-agent-hint::before) { background:var(--ui-card); background-image:none; border-color:var(--ui-line); box-shadow:none; }
.studio-site .ai-agent-hint::before { background:var(--ui-ink); }
.studio-site .ai-agent-launch { color:#fff; background:var(--ui-ink); box-shadow:none; }
.studio-site .ai-agent-launch .ai-agent-orb { width:24px; height:24px; background:transparent; }
.studio-site .ai-agent-launch .ai-agent-orb::after { content:""; position:absolute; inset:2px 0 3px; border:1.5px solid currentColor; border-radius:7px 7px 7px 1px; }
.studio-site .ai-agent-launch .ai-agent-orb::before { content:"···"; position:absolute; inset:0; color:#fff; font:700 19px/18px Arial,sans-serif; }
.studio-site main :is(.updates-proof-col-title>span,.offer-fit-card>span,.offer-package-head>span,.live-template-meta>span,.builder-platform-head>span,.builder-table th>b,.builder-seo-points article>span,.builder-delegation-flow .is-featured .builder-flow-icon) { color:var(--ui-ink); background:var(--ui-soft); border-color:var(--ui-line); }
.studio-site main :is(.updates-total>strong,.builder-compare-promise>span,.builder-seo-points article>span) { color:var(--ui-ink); }
.studio-site main .updates-proof-col.slow .updates-total strong { color:var(--ui-ink); }
.studio-site main :is(.pricing-compare,.offer-comparison-table,.decision-table) th { color:var(--ui-ink); background:var(--ui-soft); }
.studio-site main .case-project-filters button:is(:hover,:focus-visible,[aria-pressed="true"]) { color:var(--ui-ink); background:var(--ui-soft); border-color:var(--ui-ink); }
.studio-site main .form-success { border-color:var(--ui-line); }
.studio-site main .ai-service-hero-visual::after { display:none; }
.studio-site main .ai-service-signal-bar { border-color:var(--ui-line); }
.studio-site main .live-template-browser-bar>span { background:var(--ui-line); }
.studio-site main .builder-delegation-flow::before { background:var(--ui-line); }
.studio-site main .review-source::before { background:var(--ui-soft); box-shadow:none; }
.studio-site main .pv2-proof-list li { border-color:var(--ui-line); }
.studio-site main .builder-table tbody td:nth-child(2) { border-color:var(--ui-line); }
.studio-site main .builder-table tbody td::before { color:var(--ui-ink); }
.studio-site main .builder-proof-project:hover { border-color:var(--ui-ink); background:var(--ui-soft); }
.studio-site main :is(.builder-cost-grid span,.builder-proof-grid strong,.builder-platform-card dt,.builder-source-section a,.builder-managed-plans article>span,.builder-delegation-section .eyebrow,.builder-review-proof .eyebrow,.builder-platform-section .eyebrow,.builder-offer-section .eyebrow) { color:var(--ui-ink); }
.studio-site main #comparatif .eyebrow { color:var(--ui-ink); }
.studio-site main :is(.builder-flow-icon,.builder-check),.studio-site main .builder-decision-benefits li::before { color:#fff; background:var(--ui-ink); box-shadow:none; }
.studio-site main :is(.builder-platform-card,.builder-platform-disclosure,.builder-table-wrap,.builder-cost-grid,.builder-managed-plans article) { border-color:var(--ui-line); box-shadow:none; }
.studio-site main .builder-platform-card>p { background:var(--ui-soft); }
.studio-site main :is(.builder-review-proof,.builder-platform-section,.builder-offer-section) { background:var(--ui-paper); }

/* The illustrative conversation also belongs to the same visual system. */
.studio-site main .builder-whatsapp-demo { color:var(--ui-ink); background:var(--ui-soft); border:1px solid var(--ui-line); box-shadow:none; transform:none; }
.studio-site main :is(.builder-whatsapp-head,.builder-whatsapp-demo footer) { color:#fff; background:var(--ui-ink); }
.studio-site main .builder-whatsapp-head small { color:#e3e7ed; }
.studio-site main .builder-whatsapp-avatar { color:var(--ui-ink); }
.studio-site main .builder-whatsapp-online { background:var(--ui-line); box-shadow:none; }
.studio-site main .builder-whatsapp-chat { background:var(--ui-soft); background-image:none; }
.studio-site main :is(.builder-chat-bubble,.builder-chat-media,.builder-chat-status) { color:var(--ui-ink); background:#fff; box-shadow:none; border-color:var(--ui-line); }
.studio-site main :is(.builder-chat-bubble.is-client,.builder-chat-media) { background:var(--ui-tint); }
.studio-site main :is(.builder-chat-media strong,.builder-chat-status small) { color:var(--ui-ink); }
.studio-site main :is(.builder-voice-icon,.builder-chat-media>span,.builder-chat-status>span,.builder-voice-wave i) { color:#fff; background:var(--ui-ink); }
.studio-site main .builder-whatsapp-demo footer span { color:#fff; }

@media(max-width:640px) {
  .studio-site main :is(.page-hero,.article-header,.ai-service-hero,.product-hero,.pv2-hero) { padding:42px 0 44px; }
  .studio-site main :is(.page-hero h1,.article-header h1,.ai-service-hero h1,.product-hero h1,.pv2-hero h1) { font-size:clamp(36px,9vw,47px); }
  .studio-site main .section { padding:44px 0; }
  .studio-site #sw-studio .sw-hero-art { border-radius:20px; }
  .studio-site main :is(.final-cta,.pv2-cta,.related-services) { padding:44px 0; }
}