/* ArioPro dual-theme system
   Light mode: ArioPro Signal Glass — Warm Ivory + Orange–Coral Signal Glass */

.ariopro-theme-toggle{
  position:relative;z-index:120;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-width:76px;height:40px;padding:0 12px;margin-left:auto;flex:0 0 auto;
  border:1px solid rgba(255,255,255,.14);border-radius:999px;
  background:rgba(255,255,255,.045);color:#eef3fb;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 9px 24px rgba(0,0,0,.14);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;
  font:700 11px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.01em;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease
}
.ariopro-theme-toggle:hover{transform:translateY(-1px);background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.25)}
.ariopro-theme-toggle:focus-visible{outline:3px solid rgba(255,106,61,.28);outline-offset:3px}
.ariopro-theme-icon{display:grid;place-items:center;width:17px;height:17px}
.ariopro-theme-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ariopro-theme-sun{display:none}.ariopro-theme-moon{display:grid}
html[data-theme="light"] .ariopro-theme-sun{display:grid}
html[data-theme="light"] .ariopro-theme-moon{display:none}
.ariopro-theme-toggle--floating{position:fixed;right:18px;top:18px;z-index:5000}
@media(max-width:760px){.ariopro-theme-toggle{min-width:42px;width:42px;height:42px;padding:0}.ariopro-theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

html[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f0e7;--bg-deep:#eee2d4;--deep:#eee2d4;
  --surface:rgba(255,251,246,.78);--surface-2:rgba(255,253,249,.9);--surface2:rgba(255,253,249,.9);--surface-3:#f5e5d8;
  --text:#202737;--muted:#667184;--muted-2:#87909e;
  --line:rgba(72,57,48,.14);--line-strong:rgba(241,94,58,.28);
  --orange:#f15e3a;--orange-soft:#ff8a68;--purple:#f5a15f;--green:#168d68;
  --shadow:0 28px 75px rgba(84,55,37,.12)
}
html[data-theme="light"] body{
  color:var(--text);
  background:radial-gradient(circle at 10% 0,rgba(255,126,87,.15),transparent 28%),radial-gradient(circle at 92% 16%,rgba(255,187,112,.18),transparent 30%),linear-gradient(180deg,#fbf6ef 0%,#f5ede3 54%,#f8f2eb 100%)
}
html[data-theme="light"] ::selection{background:rgba(241,94,58,.22);color:#202737}
html[data-theme="light"] .ariopro-theme-toggle{border-color:rgba(241,94,58,.22);background:rgba(255,250,244,.74);color:#263044;box-shadow:inset 0 1px rgba(255,255,255,.88),0 10px 28px rgba(100,63,42,.10),0 0 0 1px rgba(255,255,255,.35)}
html[data-theme="light"] .ariopro-theme-toggle:hover{background:rgba(255,255,255,.94);border-color:rgba(241,94,58,.38);box-shadow:0 13px 34px rgba(241,94,58,.14)}

/* Universal Signal Glass surfaces */
html[data-theme="light"] :is(.proof-grid article,.project-card,.service-card,.studio-panel,.testimonial-slider,.process-grid li,.faq-list details,.card,.example,.ad-size-showcase,.post-card,.blog-newsletter,.article-callout,.article-cta,.article-toc,.cta-card){
  background:linear-gradient(145deg,rgba(255,253,249,.84),rgba(248,237,226,.72));
  border-color:rgba(72,57,48,.13);
  box-shadow:inset 0 1px rgba(255,255,255,.95),0 18px 48px rgba(90,58,38,.08);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
html[data-theme="light"] :is(.proof-grid article,.project-card,.service-card,.card,.example):hover{border-color:rgba(241,94,58,.30);box-shadow:0 26px 62px rgba(241,94,58,.10),inset 0 1px rgba(255,255,255,.94)}

/* Homepage */
html[data-theme="light"] .page-noise{opacity:.012;mix-blend-mode:multiply}
html[data-theme="light"] .cursor-glow{background:radial-gradient(circle,rgba(255,111,73,.12),transparent 68%)}
html[data-theme="light"] .scroll-progress{background:rgba(73,57,48,.05)}
html[data-theme="light"] .scroll-progress span{background:linear-gradient(90deg,#ffb36b,#f15e3a,#ff8d6f);box-shadow:0 0 16px rgba(241,94,58,.25)}
html[data-theme="light"] .site-header.scrolled{background:rgba(250,245,238,.78);border-color:rgba(72,57,48,.12);box-shadow:0 12px 38px rgba(77,53,38,.08);backdrop-filter:blur(24px) saturate(1.18);-webkit-backdrop-filter:blur(24px) saturate(1.18)}
html[data-theme="light"] :is(.brand,.footer-brand,.safe-brand,.blog-brand) img{filter:none!important}
html[data-theme="light"] :is(.brand,.safe-brand,.blog-brand) span{color:#7b6d65;border-color:rgba(72,57,48,.14)}
html[data-theme="light"] :is(.site-header nav a,.nav-dropdown-toggle){color:#4d5768}
html[data-theme="light"] :is(.site-header nav a,.nav-dropdown-toggle):hover{color:#e85230}
html[data-theme="light"] .site-header nav .nav-cta{background:rgba(255,252,248,.72);border-color:rgba(241,94,58,.22);color:#293247;box-shadow:inset 0 1px rgba(255,255,255,.9)}
html[data-theme="light"] .site-header nav .nav-cta:hover{background:linear-gradient(135deg,#f15e3a,#ff8565);color:#fff;border-color:transparent}
html[data-theme="light"] :is(.nav-dropdown-menu,#nav-menu){background:rgba(255,250,244,.94);border-color:rgba(72,57,48,.14);box-shadow:0 26px 70px rgba(90,58,38,.16);backdrop-filter:blur(24px) saturate(1.15)}
html[data-theme="light"] .nav-dropdown-menu a:hover{background:rgba(241,94,58,.08)}
html[data-theme="light"] .nav-dropdown-menu strong{color:#273044}
html[data-theme="light"] .nav-dropdown-menu small{color:#747d8b}
html[data-theme="light"] .menu-toggle{background:rgba(255,250,244,.72);border-color:rgba(72,57,48,.16)}
html[data-theme="light"] .menu-toggle span{background:#263044}
html[data-theme="light"] .hero{background:radial-gradient(circle at 8% 12%,rgba(255,179,107,.18),transparent 28%),radial-gradient(circle at 92% 65%,rgba(241,94,58,.16),transparent 31%),linear-gradient(180deg,#fbf6ef 0%,#f5ece1 100%)}
html[data-theme="light"] .hero-grid-lines{opacity:.42;background-image:linear-gradient(rgba(94,70,55,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(94,70,55,.035) 1px,transparent 1px)}
html[data-theme="light"] .hero-motion-canvas{opacity:.32;mix-blend-mode:multiply}
html[data-theme="light"] .hero-scanlight{background:linear-gradient(108deg,transparent 30%,rgba(255,182,109,.10) 43%,rgba(255,255,255,.26) 49%,rgba(241,94,58,.11) 55%,transparent 69%)}
html[data-theme="light"] :is(.availability,.trust-row span,.platform-chips span){background:rgba(255,252,247,.64);border-color:rgba(72,57,48,.13);color:#596476;box-shadow:inset 0 1px rgba(255,255,255,.9)}
html[data-theme="light"] :is(.kicker,.eyebrow){color:#b54d31}
html[data-theme="light"] h1 em{background:linear-gradient(100deg,#e7502e 5%,#f57450 48%,#ffad79 94%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] :is(.hero-lead,.section-heading p,.project-count){color:#596578}
html[data-theme="light"] .button-secondary{background:rgba(255,252,247,.66);border-color:rgba(72,57,48,.15);color:#273044;box-shadow:inset 0 1px rgba(255,255,255,.9)}
html[data-theme="light"] .button-secondary:hover{background:rgba(255,255,255,.92);border-color:rgba(241,94,58,.26)}
html[data-theme="light"] .hero-proof span{color:#77808e}
html[data-theme="light"] .hero-proof i{background:rgba(72,57,48,.14)}
html[data-theme="light"] .visual-halo{background:linear-gradient(130deg,#ffc277,#f15e3a);opacity:.18}
html[data-theme="light"] :is(.browser-card,.mini-card){background:linear-gradient(145deg,rgba(255,254,251,.90),rgba(248,237,226,.82));border-color:rgba(241,94,58,.18);box-shadow:0 42px 100px rgba(94,56,34,.16),inset 0 1px rgba(255,255,255,.95)}
html[data-theme="light"] .browser-card::before{background:linear-gradient(130deg,rgba(255,255,255,.82),transparent 27%)}
html[data-theme="light"] :is(.browser-top,.browser-bottom){color:#6b7585;border-color:rgba(72,57,48,.11)}
html[data-theme="light"] :is(.browser-label strong,.mini-card strong){color:#283145}
html[data-theme="light"] .browser-status{background:rgba(255,255,255,.58);border-color:rgba(72,57,48,.12);color:#4d586b}
html[data-theme="light"] :is(.creative-canvas,.compact-creative-canvas){background:radial-gradient(circle at center,rgba(255,174,105,.12),transparent 48%),#eee7de}
html[data-theme="light"] .creative-grid{background-image:linear-gradient(rgba(86,66,54,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(86,66,54,.035) 1px,transparent 1px)}
html[data-theme="light"] .hero-carousel-dots{background:rgba(255,251,246,.76);border-color:rgba(72,57,48,.12);box-shadow:0 8px 24px rgba(90,58,38,.10)}
html[data-theme="light"] :is(.client-logo-band,.proof-band,.work-section,.services-section,.process-section,.faq-section){border-color:rgba(72,57,48,.11)}
html[data-theme="light"] .client-logo img{filter:none;opacity:.58}
html[data-theme="light"] .client-logo:hover img{opacity:1}
html[data-theme="light"] :is(.proof-grid span,.project-copy p,.service-card p,.studio-copy p,.process-grid p,.faq-list p){color:#697486}
html[data-theme="light"] .filter-shell{background:rgba(255,251,246,.64);border-color:rgba(72,57,48,.12);box-shadow:inset 0 1px rgba(255,255,255,.9)}
html[data-theme="light"] .filter-row button{color:#667184;border-color:rgba(72,57,48,.13);background:rgba(255,255,255,.42)}
html[data-theme="light"] :is(.filter-row button.active,.filter-row button:hover){background:linear-gradient(135deg,#f15e3a,#ff8b68);color:#fff;border-color:transparent}
html[data-theme="light"] .banner-stage{background:radial-gradient(circle at 50% 45%,rgba(255,157,104,.15),transparent 56%),#ece5dc}
html[data-theme="light"] .project-copy{background:rgba(255,252,248,.78)}
html[data-theme="light"] .service-featured{background:linear-gradient(145deg,rgba(255,252,248,.92),rgba(247,231,217,.82));border-color:rgba(241,94,58,.18);box-shadow:0 32px 80px rgba(94,57,34,.11),inset 0 1px rgba(255,255,255,.95)}
html[data-theme="light"] .service-size-showcase span{background:rgba(255,255,255,.62);border-color:rgba(72,57,48,.14);color:#536074}
html[data-theme="light"] .studio-gradient{background:radial-gradient(circle at 28% 20%,rgba(255,184,111,.26),transparent 42%),radial-gradient(circle at 78% 78%,rgba(241,94,58,.20),transparent 43%)}
html[data-theme="light"] :is(.testimonial-slide blockquote,.review-author strong){color:#283145}
html[data-theme="light"] :is(.testimonial-meta,.slider-controls button){border-color:rgba(72,57,48,.12);background:rgba(255,252,248,.64);color:#445066}
html[data-theme="light"] .contact-shell{background:linear-gradient(135deg,rgba(255,250,243,.88),rgba(248,228,212,.77));border-color:rgba(241,94,58,.18);box-shadow:0 38px 100px rgba(92,55,33,.13),inset 0 1px rgba(255,255,255,.96)}
html[data-theme="light"] .contact-form{background:rgba(255,254,251,.70);border-color:rgba(72,57,48,.13);box-shadow:inset 0 1px rgba(255,255,255,.95)}
html[data-theme="light"] :is(.form-field input,.form-field textarea,.form-field select){background:rgba(255,255,255,.66);border-color:rgba(72,57,48,.15);color:#283145}
html[data-theme="light"] :is(.form-field input,.form-field textarea,.form-field select):focus{border-color:rgba(241,94,58,.48);box-shadow:0 0 0 4px rgba(241,94,58,.08)}
html[data-theme="light"] .site-footer{background:#eee4d9;border-color:rgba(72,57,48,.12)}
html[data-theme="light"] :is(.footer-column a,.footer-bottom,.footer-brand p){color:#687385}
html[data-theme="light"] .preview-modal-dialog{background:#fbf6ef;border-color:rgba(72,57,48,.16);box-shadow:0 42px 110px rgba(77,50,33,.22)}
html[data-theme="light"] .preview-modal-header{background:rgba(255,251,246,.92);border-color:rgba(72,57,48,.12)}
html[data-theme="light"] .preview-modal-close{background:rgba(255,255,255,.65);border-color:rgba(72,57,48,.14);color:#283145}

/* SEO/service pages */
html[data-theme="light"] .topbar{background:rgba(250,245,238,.84);border-color:rgba(72,57,48,.12);box-shadow:0 10px 34px rgba(90,58,38,.07)}
html[data-theme="light"] .topbar .nav img{filter:none}
html[data-theme="light"] :is(.topbar .nav a,.seo-dropdown>button){color:#4f5a6d}
html[data-theme="light"] :is(.topbar .nav a,.seo-dropdown>button):hover{color:#df4f2e}
html[data-theme="light"] :is(.seo-dropdown-menu,.seo-nav-links){background:rgba(255,250,244,.94);border-color:rgba(72,57,48,.14);box-shadow:0 22px 58px rgba(88,57,38,.15)}
html[data-theme="light"] .seo-dropdown-menu a:hover{background:rgba(241,94,58,.08);color:#d94c2b}
html[data-theme="light"] .seo-menu-toggle{background:rgba(255,252,248,.72);border-color:rgba(72,57,48,.15);color:#283145}
html[data-theme="light"] .topbar + main .hero{background:radial-gradient(circle at 10% 10%,rgba(255,184,111,.22),transparent 31%),radial-gradient(circle at 88% 72%,rgba(241,94,58,.16),transparent 31%),linear-gradient(180deg,#fbf6ef,#f6ede3)}
html[data-theme="light"] .topbar + main .hero p{color:#5f6b7e}
html[data-theme="light"] .button.alt{background:rgba(255,252,248,.66);border-color:rgba(72,57,48,.15);color:#283145}
html[data-theme="light"] :is(.card p,.content p,.content li,.cta-section p){color:#667184}
html[data-theme="light"] .chips span{background:rgba(255,255,255,.55);border-color:rgba(72,57,48,.13);color:#556174}
html[data-theme="light"] .ad-size-showcase .ad-size{background:radial-gradient(circle at 25% 20%,rgba(255,186,112,.19),transparent 48%),radial-gradient(circle at 80% 75%,rgba(241,94,58,.14),transparent 45%),rgba(255,255,255,.58);border-color:rgba(72,57,48,.14);color:#536074;box-shadow:0 13px 34px rgba(88,57,38,.07)}
html[data-theme="light"] .cta-section{background:linear-gradient(135deg,rgba(255,183,111,.17),rgba(241,94,58,.12))}
html[data-theme="light"] footer{border-color:rgba(72,57,48,.12);color:#6f7886}
html[data-theme="light"] .breadcrumbs{color:#788293}

/* Blog and article pages */
html[data-theme="light"] .blog-header{background:rgba(250,245,238,.85);border-color:rgba(72,57,48,.12);box-shadow:0 10px 34px rgba(90,58,38,.07)}
html[data-theme="light"] .blog-brand img{filter:none}
html[data-theme="light"] :is(.blog-menu>a,.blog-dropdown>button){color:#4f5a6d}
html[data-theme="light"] :is(.blog-dropdown-menu,.mobile-panel){background:rgba(255,250,244,.95);border-color:rgba(72,57,48,.14);box-shadow:0 22px 58px rgba(88,57,38,.15)}
html[data-theme="light"] :is(.blog-dropdown-menu a,.mobile-panel a){color:#556174}
html[data-theme="light"] .blog-dropdown-menu a:hover{background:rgba(241,94,58,.08);color:#d94c2b}
html[data-theme="light"] .mobile-menu-button{background:rgba(255,252,248,.70);border-color:rgba(72,57,48,.15);color:#283145}
html[data-theme="light"] :is(.blog-hero,.article-hero){border-color:rgba(72,57,48,.11);background:radial-gradient(circle at 8% 0,rgba(255,181,109,.17),transparent 30%)}
html[data-theme="light"] :is(.blog-hero p,.article-deck,.article-byline){color:#667184}
html[data-theme="light"] .blog-search input{background:rgba(255,252,248,.72);border-color:rgba(72,57,48,.14);color:#283145;box-shadow:inset 0 1px rgba(255,255,255,.92)}
html[data-theme="light"] .category-filters button{background:rgba(255,252,248,.60);border-color:rgba(72,57,48,.13);color:#667184}
html[data-theme="light"] .category-filters button.active{background:linear-gradient(135deg,#f15e3a,#ff8766);color:#fff;border-color:transparent}
html[data-theme="light"] :is(.post-copy p,.post-meta,.article-body p,.article-body li,.article-rail p){color:#606c7f}
html[data-theme="light"] .post-cover{background:#eadfd4}
html[data-theme="light"] .article-cover{background:linear-gradient(135deg,#f1e3d6,#faefe5);border-color:rgba(72,57,48,.12)}
html[data-theme="light"] :is(.article-body h2,.article-body h3,.post-copy h2 a){color:#283145}
html[data-theme="light"] :is(.article-body code,.article-body pre){background:#ede3d8;border-color:rgba(72,57,48,.13);color:#9b3e27}
html[data-theme="light"] .article-table-wrap{border-color:rgba(72,57,48,.13);background:rgba(255,252,248,.66)}
html[data-theme="light"] .blog-footer{border-color:rgba(72,57,48,.12);background:#eee4d9;color:#6d7787}

/* Fiverr and Upwork portfolio pages */
html[data-theme="light"] .page-glow{background-image:linear-gradient(rgba(89,67,53,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(89,67,53,.025) 1px,transparent 1px);opacity:.9}
html[data-theme="light"] .safe-header{background:rgba(250,245,238,.84);border-color:rgba(72,57,48,.12);box-shadow:0 10px 34px rgba(90,58,38,.07)}
html[data-theme="light"] .safe-hero{background:radial-gradient(circle at 8% 5%,rgba(255,181,109,.16),transparent 29%),radial-gradient(circle at 88% 60%,rgba(241,94,58,.13),transparent 30%)}
html[data-theme="light"] :is(.hero-intro,.section-head p:not(.eyebrow),#portfolio-count){color:#667184}
html[data-theme="light"] .trust-row span{background:rgba(255,252,248,.62);border-color:rgba(72,57,48,.13);color:#697486}
html[data-theme="light"] .portfolio-section{background:rgba(247,239,230,.62);border-color:rgba(72,57,48,.11)}
html[data-theme="light"] :is(.portfolio-filters button,.mobile-controls button){background:rgba(255,252,248,.60);border-color:rgba(72,57,48,.13);color:#667184}
html[data-theme="light"] :is(.portfolio-filters button.active,.portfolio-filters button:hover,.mobile-controls button:hover){background:linear-gradient(135deg,#f15e3a,#ff8766);color:#fff;border-color:transparent}
html[data-theme="light"] .project-card:hover{border-color:rgba(241,94,58,.28)!important;box-shadow:0 24px 58px rgba(241,94,58,.10)!important}
html[data-theme="light"] .open-link{color:#d94d2d}
html[data-theme="light"] .stage-preview-cta{background:rgba(255,252,248,.86);color:#2d3648;border-color:rgba(72,57,48,.14);box-shadow:0 10px 26px rgba(85,55,36,.11)}
html[data-theme="light"] :is(.stage-preview-cta:hover,.stage-preview-cta:focus-visible){background:linear-gradient(135deg,#f15e3a,#ff8766);color:#fff;border-color:transparent}
html[data-theme="light"] .safe-cta{background:rgba(247,239,230,.34)}
html[data-theme="light"] .safe-footer{background:#eee4d9;border-color:rgba(72,57,48,.12)}
html[data-theme="light"] .footer-inner p{color:#687385}
html[data-theme="light"] :is(.fiverr-button.secondary,.upwork-button.secondary){background:rgba(255,252,248,.68);color:#283145;border-color:rgba(72,57,48,.14)}
html[data-theme="light"] .modal-panel{background:#f8f1e8;border-color:rgba(72,57,48,.16);box-shadow:0 40px 110px rgba(76,48,31,.24)}
html[data-theme="light"] .modal-head{background:rgba(255,252,248,.92);border-color:rgba(72,57,48,.12)}
html[data-theme="light"] :is(.modal-head strong,.modal-actions a){color:#283145}
html[data-theme="light"] .modal-actions button{background:rgba(255,255,255,.66);border-color:rgba(72,57,48,.14);color:#283145}

@media(max-width:980px){html[data-theme="light"] #nav-menu{background:rgba(255,250,244,.96)}}

/* =====================================================================
   ArioPro Signal Glass Light Refinement — 2026.07.30.04
   Removes remaining midnight surfaces and adapts Trusted Across logos.
   ===================================================================== */
html[data-theme="light"]{
  --ivory-0:#fffaf3;
  --ivory-1:#fbf4ec;
  --ivory-2:#f4e9dd;
  --ivory-3:#eadbca;
  --navy-950:#202737;
  --navy-800:#2c374b;
  --navy-650:#566276;
  --coral-600:#e85230;
  --coral-500:#f15e3a;
  --coral-400:#ff8261;
  --signal-glass:linear-gradient(145deg,rgba(255,253,249,.90),rgba(247,233,220,.76));
  --signal-glass-strong:linear-gradient(145deg,rgba(255,254,251,.96),rgba(248,231,216,.88));
  --signal-border:rgba(92,67,52,.14);
  --signal-shadow:0 24px 68px rgba(94,57,34,.10),inset 0 1px rgba(255,255,255,.96);
}

/* Complete page and section canvas — eliminate leftover midnight bands. */
html[data-theme="light"] body,
html[data-theme="light"] main{
  background-color:var(--ivory-1);
}
html[data-theme="light"] :is(
  .client-logo-band,
  .proof-band,
  .work-section,
  .services-section,
  .studio-section,
  .reviews-section,
  .process-section,
  .faq-section,
  .contact-section,
  .agency-section,
  .related,
  .portfolio-section,
  .safe-cta
){
  background:linear-gradient(180deg,rgba(255,250,244,.92),rgba(246,236,226,.92))!important;
  border-color:rgba(92,67,52,.12)!important;
}
html[data-theme="light"] :is(.work-section,.studio-section,.process-section,.agency-section){
  background:
    radial-gradient(circle at 88% 16%,rgba(241,94,58,.075),transparent 29%),
    radial-gradient(circle at 10% 86%,rgba(255,181,109,.10),transparent 32%),
    linear-gradient(180deg,#fbf6ef 0%,#f4eadd 100%)!important;
}
html[data-theme="light"] :is(.services-section,.reviews-section,.faq-section){
  background:
    radial-gradient(circle at 12% 18%,rgba(255,181,109,.09),transparent 31%),
    linear-gradient(180deg,#f7eee4 0%,#fcf7f1 100%)!important;
}
html[data-theme="light"] .contact-section{
  background:
    radial-gradient(circle at 7% 12%,rgba(255,175,105,.16),transparent 30%),
    radial-gradient(circle at 92% 88%,rgba(241,94,58,.12),transparent 33%),
    linear-gradient(180deg,#fbf5ed 0%,#f0e3d6 100%)!important;
}

/* Header in both resting and scrolled states. */
html[data-theme="light"] .site-header{
  background:rgba(251,246,239,.72);
  border-color:rgba(92,67,52,.10);
  box-shadow:0 8px 30px rgba(85,55,36,.055);
  backdrop-filter:blur(22px) saturate(1.12);
  -webkit-backdrop-filter:blur(22px) saturate(1.12);
}
html[data-theme="light"] .site-header.scrolled{
  background:rgba(251,246,239,.91)!important;
}
@media(max-width:820px){
  html[data-theme="light"] .site-header nav{
    background:rgba(255,250,244,.97)!important;
    border-color:rgba(92,67,52,.14)!important;
    box-shadow:0 26px 70px rgba(90,58,38,.16)!important;
  }
}

/* Trusted Across — warm glass strip + light-surface wordmarks. */
html[data-theme="light"] .client-logo-band{
  background:
    linear-gradient(90deg,rgba(255,250,244,.88),rgba(248,235,223,.72),rgba(255,250,244,.88))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.88),inset 0 -1px rgba(92,67,52,.04);
}
html[data-theme="light"] .client-logo-heading span{color:#3d485c}
html[data-theme="light"] .client-logo-heading small{color:#7a7180}
html[data-theme="light"] .client-marquee{
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
html[data-theme="light"] .client-logo{
  border-left-color:rgba(92,67,52,.11);
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.03));
}
html[data-theme="light"] .client-logo img{
  opacity:.66;
  filter:grayscale(1) saturate(.15) contrast(.92);
}
html[data-theme="light"] .client-logo:hover img{
  opacity:1;
  filter:none;
  transform:translateY(-2px) scale(1.035);
}

/* Proof statistics. */
html[data-theme="light"] .proof-band{
  background:rgba(255,252,247,.72)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.88),inset 0 -1px rgba(92,67,52,.04);
}
html[data-theme="light"] .proof-grid article{border-color:rgba(92,67,52,.12)}
html[data-theme="light"] .proof-grid strong{color:#263044}
html[data-theme="light"] .proof-grid span{color:#737d8d}
html[data-theme="light"] .proof-icon{
  color:#e85230;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(248,230,215,.78));
  border-color:rgba(241,94,58,.19);
  box-shadow:0 9px 22px rgba(241,94,58,.10),inset 0 1px rgba(255,255,255,.95);
}

/* Portfolio cards and preview stages. */
html[data-theme="light"] .filter-shell{
  padding:9px;
  border-radius:17px;
}
html[data-theme="light"] .project-card{
  background:var(--signal-glass)!important;
  border-color:var(--signal-border)!important;
  box-shadow:var(--signal-shadow)!important;
}
html[data-theme="light"] .project-card:hover{
  border-color:rgba(241,94,58,.30)!important;
  box-shadow:0 26px 64px rgba(241,94,58,.11),inset 0 1px rgba(255,255,255,.96)!important;
}
html[data-theme="light"] .banner-stage{
  background:
    radial-gradient(circle at 50% 45%,rgba(255,157,104,.16),transparent 56%),
    linear-gradient(145deg,#f4eadf,#eaddd0)!important;
}
html[data-theme="light"] .banner-stage::before{
  background-image:linear-gradient(rgba(76,57,45,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(76,57,45,.035) 1px,transparent 1px);
}
html[data-theme="light"] .banner-stage iframe{box-shadow:0 25px 60px rgba(83,53,35,.17)}
html[data-theme="light"] .preview-cover::after,
html[data-theme="light"] .project-card .preview-launch{
  background:rgba(255,252,248,.90)!important;
  color:#2b3548!important;
  border-color:rgba(92,67,52,.16)!important;
  box-shadow:0 10px 28px rgba(78,51,34,.12)!important;
}
html[data-theme="light"] .project-card:hover .preview-cover::after,
html[data-theme="light"] .project-card .preview-launch:hover,
html[data-theme="light"] .project-card .preview-launch:focus-visible{
  background:linear-gradient(135deg,#f15e3a,#ff8766)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html[data-theme="light"] .project-copy{background:rgba(255,252,248,.82)!important}
html[data-theme="light"] :is(.project-copy h3,.project-copy .text-link){color:#283145}
html[data-theme="light"] .project-copy .eyebrow{color:#a84a32}
html[data-theme="light"] .mobile-show-more{
  background:var(--signal-glass)!important;
  border-color:var(--signal-border)!important;
  color:#2d374b!important;
  box-shadow:0 15px 36px rgba(87,55,36,.10)!important;
}
html[data-theme="light"] .mobile-show-more:hover,
html[data-theme="light"] .mobile-show-more:focus-visible{
  background:linear-gradient(135deg,#f15e3a,#ff8766)!important;
  color:#fff!important;
}

/* Capabilities / service bento — every internal surface becomes Signal Glass. */
html[data-theme="light"] .service-card,
html[data-theme="light"] .service-featured{
  background:var(--signal-glass-strong)!important;
  border-color:var(--signal-border)!important;
  box-shadow:var(--signal-shadow)!important;
}
html[data-theme="light"] .service-card:hover{border-color:rgba(241,94,58,.30)!important}
html[data-theme="light"] .service-card h3{color:#273044}
html[data-theme="light"] .service-card p{color:#657184}
html[data-theme="light"] .service-number{color:#a09690}
html[data-theme="light"] .service-icon{
  background:rgba(255,255,255,.68);
  border-color:rgba(92,67,52,.14);
  color:#4b576b;
  box-shadow:inset 0 1px rgba(255,255,255,.94);
}
html[data-theme="light"] .service-featured .service-icon{
  background:linear-gradient(135deg,#f15e3a,#ff8a68);
  color:#fff;
  border-color:transparent;
}
html[data-theme="light"] .service-featured li{color:#586578}
html[data-theme="light"] .service-visual span,
html[data-theme="light"] .service-size-showcase span,
html[data-theme="light"] .rich-size-layout span{
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(247,232,219,.70))!important;
  border-color:rgba(92,67,52,.15)!important;
  color:#536074!important;
  box-shadow:inset 0 1px rgba(255,255,255,.96),0 10px 24px rgba(87,55,36,.08)!important;
}
html[data-theme="light"] .platform-compatibility,
html[data-theme="light"] .service-formats{
  background:rgba(255,253,249,.66)!important;
  border-color:rgba(92,67,52,.13)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.94);
}
html[data-theme="light"] :is(.platform-compatibility strong,.service-formats>strong,.service-learn){color:#2c364a}
html[data-theme="light"] :is(.platform-compatibility p,.platform-compatibility small){color:#687486}
html[data-theme="light"] .format-chips span{color:#5d6879;border-color:rgba(92,67,52,.13);background:rgba(255,255,255,.48)}

/* Agency workflow and Why ArioPro. */
html[data-theme="light"] .agency-shell{
  background:
    radial-gradient(circle at 10% 10%,rgba(255,181,109,.18),transparent 38%),
    radial-gradient(circle at 92% 86%,rgba(241,94,58,.10),transparent 36%),
    var(--signal-glass-strong)!important;
  border-color:var(--signal-border)!important;
  box-shadow:var(--signal-shadow)!important;
}
html[data-theme="light"] .agency-list>div,
html[data-theme="light"] .why-card{
  background:rgba(255,253,249,.66)!important;
  border-color:rgba(92,67,52,.13)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 13px 34px rgba(85,55,36,.06);
}
html[data-theme="light"] :is(.agency-copy h2,.agency-list strong,.why-card h3){color:#283145}
html[data-theme="light"] :is(.agency-copy p,.agency-list p,.why-card p){color:#667184}

/* Studio panel. */
html[data-theme="light"] .studio-panel{
  background:var(--signal-glass-strong)!important;
  border-color:var(--signal-border)!important;
  box-shadow:var(--signal-shadow)!important;
}
html[data-theme="light"] .studio-gradient{
  background:
    radial-gradient(circle at 24% 18%,rgba(255,183,110,.30),transparent 39%),
    radial-gradient(circle at 82% 80%,rgba(241,94,58,.19),transparent 43%),
    linear-gradient(150deg,#fbf4ec,#eddfd1)!important;
}
html[data-theme="light"] .studio-panel>img{filter:none!important}
html[data-theme="light"] .studio-badge{
  background:rgba(255,253,249,.72)!important;
  border-color:rgba(92,67,52,.15)!important;
  color:#697486!important;
  box-shadow:0 11px 30px rgba(84,55,37,.08);
}
html[data-theme="light"] .studio-badge span{color:#293247}
html[data-theme="light"] .studio-panel-copy span{color:#7b7180}
html[data-theme="light"] .studio-panel-copy strong{color:#283145}
html[data-theme="light"] .studio-copy>p:not(.kicker){color:#657184}
html[data-theme="light"] .studio-values strong{color:#293247}
html[data-theme="light"] .studio-values p{color:#6c7788}

/* Testimonials and process. */
html[data-theme="light"] .testimonial-slider{
  background:
    radial-gradient(circle at 78% 20%,rgba(255,180,108,.13),transparent 33%),
    var(--signal-glass-strong)!important;
  border-color:var(--signal-border)!important;
  box-shadow:var(--signal-shadow)!important;
}
html[data-theme="light"] .quote-mark{color:rgba(241,94,58,.095)}
html[data-theme="light"] .review-author span{color:#788293}
html[data-theme="light"] .testimonial-meta{background:rgba(255,253,249,.52)!important}
html[data-theme="light"] .slider-dots button{background:#c7b6a8}
html[data-theme="light"] .process-grid{border-color:rgba(92,67,52,.13)}
html[data-theme="light"] .process-grid li{background:transparent}
html[data-theme="light"] .process-grid>li>span{color:#978a83}
html[data-theme="light"] .process-grid h3{color:#293247}
html[data-theme="light"] .process-grid p{color:#697486}

/* FAQ. */
html[data-theme="light"] .faq-list details,
html[data-theme="light"] .faq-list details[open]{
  background:var(--signal-glass)!important;
  border-color:var(--signal-border)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.94),0 12px 34px rgba(88,57,38,.055);
}
html[data-theme="light"] .faq-list details[open]{border-color:rgba(241,94,58,.28)!important}
html[data-theme="light"] .faq-list summary{color:#2a3448}
html[data-theme="light"] .faq-list details p{color:#657184}

/* Contact block and form. */
html[data-theme="light"] .contact-shell{
  background:
    linear-gradient(125deg,rgba(255,182,109,.10),transparent 38%,rgba(241,94,58,.075)),
    var(--signal-glass-strong)!important;
  border-color:rgba(241,94,58,.18)!important;
  box-shadow:0 38px 100px rgba(92,55,33,.13),inset 0 1px rgba(255,255,255,.96)!important;
}
html[data-theme="light"] .contact-shell::after{border-color:rgba(92,67,52,.055)!important}
html[data-theme="light"] .contact-copy>p:last-of-type{color:#637083}
html[data-theme="light"] .contact-direct>a{
  background:rgba(255,253,249,.63)!important;
  border-color:rgba(92,67,52,.13)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.92);
}
html[data-theme="light"] .contact-direct>a:hover{
  background:rgba(255,255,255,.91)!important;
  border-color:rgba(241,94,58,.28)!important;
}
html[data-theme="light"] .contact-direct-icon{
  background:linear-gradient(145deg,#fffdf9,#f3e3d5)!important;
  color:#445066!important;
  border-color:rgba(92,67,52,.14)!important;
}
html[data-theme="light"] .contact-direct small{color:#8a7d78}
html[data-theme="light"] .contact-direct strong{color:#293247}
html[data-theme="light"] .contact-direct b{color:#7a8493}
html[data-theme="light"] .contact-response-note{color:#748091}
html[data-theme="light"] .contact-form{
  background:rgba(255,254,251,.78)!important;
  border-color:rgba(92,67,52,.13)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.95),0 20px 52px rgba(88,57,38,.08)!important;
}
html[data-theme="light"] .form-field label{color:#6d7481}
html[data-theme="light"] .form-field label em{color:#9b8c84}
html[data-theme="light"] :is(.form-field input,.form-field textarea,.form-field select){
  background:rgba(255,255,255,.74)!important;
  color:#283145!important;
  border-color:rgba(92,67,52,.15)!important;
}
html[data-theme="light"] :is(.form-field input,.form-field textarea,.form-field select)::placeholder{color:#9a918e}
html[data-theme="light"] :is(.form-field input,.form-field textarea,.form-field select):hover{border-color:rgba(241,94,58,.28)!important}
html[data-theme="light"] :is(.form-field input,.form-field textarea,.form-field select):focus{
  background:#fffdf9!important;
  border-color:rgba(241,94,58,.48)!important;
}
html[data-theme="light"] .field-meta,
html[data-theme="light"] .form-privacy{color:#8b8585}

/* Footer, social buttons, and link states. */
html[data-theme="light"] .site-footer{
  background:linear-gradient(180deg,#efe3d7,#e8d8c7)!important;
  border-color:rgba(92,67,52,.12)!important;
}
html[data-theme="light"] .footer-socials a{
  background:rgba(255,253,249,.62)!important;
  border-color:rgba(92,67,52,.13)!important;
  color:#647083!important;
  box-shadow:inset 0 1px rgba(255,255,255,.93);
}
html[data-theme="light"] .footer-socials a:hover{
  background:linear-gradient(135deg,#f15e3a,#ff8766)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html[data-theme="light"] .footer-column>span{color:#8b7d76}
html[data-theme="light"] .footer-column a{color:#566276}
html[data-theme="light"] .footer-column a:hover{color:#d84c2d}
html[data-theme="light"] .footer-bottom{border-color:rgba(92,67,52,.12);color:#727c8a}
html[data-theme="light"] .footer-bottom a{color:#566276}

/* Modal chrome may be light; actual embedded Banner Preview remains unchanged. */
html[data-theme="light"] .preview-modal-dialog,
html[data-theme="light"] .modal-panel{
  background:#f9f2e9!important;
  border-color:rgba(92,67,52,.16)!important;
  box-shadow:0 42px 110px rgba(77,50,33,.22)!important;
}
html[data-theme="light"] .preview-modal-header,
html[data-theme="light"] .modal-head{
  background:rgba(255,252,248,.94)!important;
  border-color:rgba(92,67,52,.12)!important;
}
html[data-theme="light"] :is(.preview-modal-frame-shell,.modal-frame-shell){background:#eee4d9}
html[data-theme="light"] :is(.preview-modal-loading,.modal-loader){color:#687486}

/* SEO/service landing pages — fix remaining hard-coded dark modules. */
html[data-theme="light"] .topbar{background:rgba(251,246,239,.92)!important}
html[data-theme="light"] :is(.card,.example,.ad-size-showcase){
  background:var(--signal-glass)!important;
  border-color:var(--signal-border)!important;
  box-shadow:var(--signal-shadow)!important;
}
html[data-theme="light"] :is(.card h2,.card h3,.content h2,.cta-section h2){color:#283145}
html[data-theme="light"] :is(.example small,.breadcrumbs){color:#778191}
html[data-theme="light"] .seo-dropdown-menu,
html[data-theme="light"] .seo-nav-links{background:rgba(255,250,244,.97)!important}
html[data-theme="light"] .seo-dropdown-menu a{color:#536074}
html[data-theme="light"] .cta-section{
  background:
    radial-gradient(circle at 16% 22%,rgba(255,181,109,.18),transparent 35%),
    linear-gradient(135deg,rgba(255,250,244,.90),rgba(247,229,214,.82))!important;
}
html[data-theme="light"] footer{background:#eee3d7;color:#6f7886}

/* Blog and articles — light cards, tables, code and mobile navigation. */
html[data-theme="light"] .blog-header{background:rgba(251,246,239,.92)!important}
html[data-theme="light"] :is(.post-card,.article-toc,.article-cta,.blog-newsletter,.article-callout){
  background:var(--signal-glass)!important;
  border-color:var(--signal-border)!important;
  box-shadow:var(--signal-shadow)!important;
}
html[data-theme="light"] .article-callout{border-color:rgba(241,94,58,.24)!important}
html[data-theme="light"] :is(.article-body .lead,.article-callout strong,.article-body th){color:#283145}
html[data-theme="light"] .article-toc strong{color:#7b7180}
html[data-theme="light"] .article-toc a{color:#667184}
html[data-theme="light"] .article-toc a:hover{color:#d84c2d}
html[data-theme="light"] :is(.article-body code,.article-body pre){
  background:#eee2d6!important;
  border-color:rgba(92,67,52,.14)!important;
  color:#9b3e27!important;
}
html[data-theme="light"] .article-body pre code{background:transparent!important}
html[data-theme="light"] .article-table-wrap{background:rgba(255,253,249,.72)!important}
html[data-theme="light"] .article-body th{background:rgba(241,94,58,.075)!important}
html[data-theme="light"] .article-body td{color:#5f6b7d}
html[data-theme="light"] .related{border-color:rgba(92,67,52,.12)!important}
html[data-theme="light"] .blog-newsletter{
  background:
    radial-gradient(circle at 14% 15%,rgba(255,181,109,.17),transparent 36%),
    linear-gradient(135deg,rgba(255,253,249,.90),rgba(247,229,214,.82))!important;
}
html[data-theme="light"] .blog-footer{background:#eee3d7!important}
@media(max-width:900px){
  html[data-theme="light"] .mobile-panel.open{background:rgba(255,250,244,.97)!important}
}

/* Fiverr / Upwork portfolio pages — remove dark hero and card chrome. */
html[data-theme="light"] .safe-header{background:rgba(251,246,239,.92)!important}
html[data-theme="light"] .safe-hero{
  background:
    radial-gradient(circle at 8% 5%,rgba(255,181,109,.17),transparent 29%),
    radial-gradient(circle at 88% 60%,rgba(241,94,58,.13),transparent 30%),
    linear-gradient(180deg,#fbf6ef,#f4e9dd)!important;
}
html[data-theme="light"] :is(.browser-card,.browser-card.compact-browser-card,.mini-card){
  background:var(--signal-glass-strong)!important;
  border-color:rgba(241,94,58,.17)!important;
  box-shadow:0 38px 94px rgba(94,56,34,.15),inset 0 1px rgba(255,255,255,.96)!important;
}
html[data-theme="light"] :is(.creative-canvas,.compact-creative-canvas,.hero-banner-viewport,.hero-banner-slide){
  background:radial-gradient(circle at center,rgba(255,174,105,.12),transparent 48%),#eee5dc!important;
}
html[data-theme="light"] .hero-banner-slide iframe{background:transparent!important}
html[data-theme="light"] .portfolio-section{background:linear-gradient(180deg,#f8efe5,#fbf6ef)!important}
html[data-theme="light"] .portfolio-section .project-card{background:var(--signal-glass)!important}
html[data-theme="light"] .portfolio-section .banner-stage{
  background:radial-gradient(circle at 50% 45%,rgba(255,157,104,.16),transparent 56%),#ece2d8!important;
}
html[data-theme="light"] .safe-cta{background:linear-gradient(180deg,#fbf6ef,#f2e6da)!important}
html[data-theme="light"] .safe-footer{background:#eadccc!important}
html[data-theme="light"] .fiverr-notice{
  background:linear-gradient(145deg,rgba(255,253,249,.84),rgba(228,247,238,.72))!important;
  border-color:rgba(22,141,104,.22)!important;
  box-shadow:var(--signal-shadow)!important;
}
html[data-theme="light"] .fiverr-notice strong{color:#283145}
html[data-theme="light"] .fiverr-notice p{color:#657184}
html[data-theme="light"] :is(.trust-row strong,.safe-brand,.project-copy h3){color:#283145}
html[data-theme="light"] .modal-frame-shell iframe{background:#eee4da!important}

/* Theme selector itself stays clear over every light header. */
html[data-theme="light"] .ariopro-theme-toggle{
  background:linear-gradient(145deg,rgba(255,254,251,.90),rgba(247,232,219,.78));
  border-color:rgba(241,94,58,.22);
  color:#2a3448;
}

/* Release 2026.07.30.05 — refined desktop header navigation */
@media (min-width:981px){
  .site-header .nav-shell{
    gap:18px;
  }
  .site-header #nav-menu{
    display:flex;
    align-items:center;
    gap:2px;
    min-height:48px;
    padding:4px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    background:rgba(255,255,255,.028);
    box-shadow:inset 0 1px rgba(255,255,255,.045),0 12px 32px rgba(0,0,0,.12);
    backdrop-filter:blur(18px) saturate(1.08);
    -webkit-backdrop-filter:blur(18px) saturate(1.08);
  }
  .site-header #nav-menu > a:not(.nav-cta),
  .site-header #nav-menu > .nav-dropdown > .nav-dropdown-toggle{
    min-height:38px;
    padding:0 12px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    transition:background .2s ease,color .2s ease,box-shadow .2s ease;
  }
  .site-header #nav-menu > a:not(.nav-cta):hover,
  .site-header #nav-menu > .nav-dropdown > .nav-dropdown-toggle:hover,
  .site-header #nav-menu > .nav-dropdown.open > .nav-dropdown-toggle,
  .site-header #nav-menu > .nav-dropdown:focus-within > .nav-dropdown-toggle{
    background:rgba(255,255,255,.065);
    box-shadow:inset 0 1px rgba(255,255,255,.045);
  }
  .site-header #nav-menu .nav-cta{
    min-height:40px;
    margin-left:4px;
    padding:0 16px;
    border-radius:999px;
  }
  .site-header .ariopro-theme-toggle{
    height:42px;
    min-width:74px;
    margin-left:auto;
  }
  html[data-theme="light"] .site-header #nav-menu{
    background:linear-gradient(145deg,rgba(255,253,249,.76),rgba(249,239,229,.66));
    border-color:rgba(89,63,48,.12);
    box-shadow:inset 0 1px rgba(255,255,255,.95),0 13px 34px rgba(90,58,38,.09);
  }
  html[data-theme="light"] .site-header #nav-menu > a:not(.nav-cta):hover,
  html[data-theme="light"] .site-header #nav-menu > .nav-dropdown > .nav-dropdown-toggle:hover,
  html[data-theme="light"] .site-header #nav-menu > .nav-dropdown.open > .nav-dropdown-toggle,
  html[data-theme="light"] .site-header #nav-menu > .nav-dropdown:focus-within > .nav-dropdown-toggle{
    color:#d94e2d;
    background:rgba(241,94,58,.075);
    box-shadow:inset 0 1px rgba(255,255,255,.8);
  }
  html[data-theme="light"] .site-header #nav-menu .nav-cta{
    background:rgba(255,252,248,.9);
    border-color:rgba(241,94,58,.24);
    box-shadow:inset 0 1px rgba(255,255,255,.96),0 7px 18px rgba(92,59,39,.06);
  }
  html[data-theme="light"] .site-header #nav-menu .nav-cta:hover{
    background:linear-gradient(135deg,#f15e3a,#ff8565);
    color:#fff;
    border-color:transparent;
    box-shadow:0 10px 24px rgba(241,94,58,.22);
  }
}
@media (min-width:981px) and (max-width:1230px){
  .site-header .nav-shell{gap:12px}
  .site-header #nav-menu > a:not(.nav-cta),
  .site-header #nav-menu > .nav-dropdown > .nav-dropdown-toggle{padding-inline:9px}
  .site-header #nav-menu .nav-cta{padding-inline:13px}
  .site-header .ariopro-theme-toggle{min-width:42px;width:42px;padding:0}
  .site-header .ariopro-theme-toggle .ariopro-theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

/* Release 033 — Fiverr-safe CTA contrast in light mode */
html[data-theme="light"] body[data-site-surface="fiverr-safe"] .contact-direct>a.fiverr-safe-contact-cta{
  background:linear-gradient(135deg,#ff6438 0%,#ff8058 100%);
  border-color:rgba(205,72,35,.28);
  color:#20283a;
  box-shadow:0 14px 30px rgba(215,91,54,.20),inset 0 1px rgba(255,255,255,.34);
}
html[data-theme="light"] body[data-site-surface="fiverr-safe"] .contact-direct>a.fiverr-safe-contact-cta:hover{
  background:linear-gradient(135deg,#ff7047 0%,#ff8b66 100%);
  border-color:rgba(205,72,35,.36);
  color:#172033;
  box-shadow:0 18px 38px rgba(215,91,54,.25),inset 0 1px rgba(255,255,255,.38);
}