/* StoneGFX — homepage "Follow the work" bar enhancement (glass edges + motion)
Progressive layer over the built Next.js markup. Remove the in index.html to revert. v1 2026-09-02 */
.Hero_detailsBar__sMDbV{border-radius:22px!important;border:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(160deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.025) 35%,rgba(10,15,31,.55) 100%),linear-gradient(115deg,rgba(16,42,60,.93),rgba(18,31,50,.93) 52%,rgba(34,28,53,.93))!important;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 1px 0 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.55),inset -1px 0 0 rgba(0,0,0,.35),inset 0 14px 30px -18px rgba(255,255,255,.18),inset 0 -24px 40px -28px rgba(10,157,232,.35),0 30px 60px -30px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.4)!important;animation:sgRise .7s cubic-bezier(.2,.8,.2,1) both}
.Hero_detailsBar__sMDbV .sg-edge{position:absolute;inset:0;pointer-events:none;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.05) 30%,rgba(0,216,255,.25) 55%,rgba(255,61,138,.35) 80%,rgba(255,255,255,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9}
.Hero_detailsBar__sMDbV .sg-glow{position:absolute;width:520px;height:520px;right:-180px;top:-260px;pointer-events:none;background:radial-gradient(closest-side,rgba(10,157,232,.22),transparent 70%);animation:sgDrift 12s ease-in-out infinite alternate}
@keyframes sgRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sgDrift{to{transform:translate(-60px,40px)}}
.Hero_audience___q9O5>p{display:flex;align-items:center;gap:10px}
.sg-live{width:7px;height:7px;border-radius:50%;background:#00D8FF;flex:none;box-shadow:0 0 0 0 rgba(0,216,255,.6);animation:sgPulse 2.2s infinite}
@keyframes sgPulse{0%{box-shadow:0 0 0 0 rgba(0,216,255,.55)}70%{box-shadow:0 0 0 9px rgba(0,216,255,0)}100%{box-shadow:0 0 0 0 rgba(0,216,255,0)}}
.Hero_audienceLinks__cCwqp{perspective:900px}
.Hero_tiktok__ecoJm,.Hero_instagram__HPuoM{--sg-acc:#00D8FF;position:relative;overflow:hidden;transform-style:preserve-3d;background:linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.03) 45%,rgba(0,0,0,.18))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 1px 0 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.5),inset 0 10px 18px -14px rgba(255,255,255,.25),0 12px 24px -16px rgba(0,0,0,.7);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s!important}
.Hero_instagram__HPuoM{--sg-acc:#FF3D8A}
.Hero_tiktok__ecoJm::before,.Hero_instagram__HPuoM::before{content:"";position:absolute;inset:-1px;border-radius:15px;padding:1px;pointer-events:none;background:linear-gradient(120deg,var(--sg-acc),transparent 40%,transparent 60%,var(--sg-acc));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s}
.Hero_tiktok__ecoJm:hover,.Hero_instagram__HPuoM:hover{transform:translateY(-4px) rotateX(6deg) rotateY(-4deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.5),inset 0 10px 18px -14px rgba(255,255,255,.35),0 22px 40px -20px var(--sg-acc)}
.Hero_tiktok__ecoJm:hover::before,.Hero_instagram__HPuoM:hover::before{opacity:1}
.Hero_tiktok__ecoJm>svg,.Hero_instagram__HPuoM>svg{width:38px!important;height:38px!important;padding:10px;border-radius:11px;flex:none;color:var(--sg-acc);background:linear-gradient(150deg,color-mix(in srgb,var(--sg-acc) 28%,transparent),color-mix(in srgb,var(--sg-acc) 8%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.45),0 6px 12px -8px var(--sg-acc);transition:transform .35s}
.Hero_tiktok__ecoJm:hover>svg,.Hero_instagram__HPuoM:hover>svg{transform:rotate(-8deg) scale(1.06)}
.Hero_tiktok__ecoJm strong .sg-plus,.Hero_instagram__HPuoM strong .sg-plus{color:var(--sg-acc)}
.Hero_tiktok__ecoJm strong .sg-num,.Hero_instagram__HPuoM strong .sg-num{font-variant-numeric:tabular-nums}
.Hero_tiktok__ecoJm strong,.Hero_instagram__HPuoM strong{white-space:nowrap}
@media (max-width:1280px){.Hero_tiktok__ecoJm>svg,.Hero_instagram__HPuoM>svg{width:32px!important;height:32px!important;padding:8px}}
.Hero_tiktok__ecoJm>span[aria-hidden],.Hero_instagram__HPuoM>span[aria-hidden]{transition:transform .35s,color .35s}
.Hero_tiktok__ecoJm:hover>span[aria-hidden],.Hero_instagram__HPuoM:hover>span[aria-hidden]{transform:translate(3px,-3px);color:var(--sg-acc)}
.Hero_caption__KE3Kq{animation:sgRise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:.12s}
.Hero_caption__KE3Kq+.Hero_caption__KE3Kq{animation-delay:.24s}
.Hero_slideControls__oCzSw button{width:32px!important;height:32px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.14)!important;color:#F4F6FB!important;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.45);transition:background .3s,border-color .3s,transform .2s,color .3s!important}
.Hero_slideControls__oCzSw button:hover{background:var(--campaign-accent)!important;border-color:var(--campaign-accent)!important;color:#0A0F1F!important}
.Hero_slideControls__oCzSw button:active{transform:scale(.92)}
.Hero_slideControls__oCzSw span{display:inline-block;min-width:52px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.Hero_slideControls__oCzSw span.sg-flip{animation:sgFlip .45s cubic-bezier(.2,.8,.2,1)}
@keyframes sgFlip{0%{transform:translateY(0);opacity:1}40%{transform:translateY(-100%);opacity:0}41%{transform:translateY(100%)}100%{transform:translateY(0);opacity:1}}
.sg-track{height:2px;background:rgba(255,255,255,.10);border-radius:2px;overflow:hidden;margin:10px 0 12px}
.sg-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--campaign-accent),rgba(255,255,255,.7));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.sg-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px}
.sg-chip{font-size:11px;padding:4px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#8B93AD;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.4);opacity:0;transform:translateY(4px);animation:sgChip .5s cubic-bezier(.2,.8,.2,1) forwards}
.sg-chip:nth-child(2){animation-delay:.08s}.sg-chip:nth-child(3){animation-delay:.16s}
@keyframes sgChip{to{opacity:1;transform:none}}
.Hero_collectionLink__7hGxV{position:relative;display:inline-flex;align-items:center;gap:6px}
.Hero_collectionLink__7hGxV::after{content:"";position:absolute;left:0;bottom:8px;height:1.5px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.Hero_collectionLink__7hGxV:hover::after{transform:scaleX(1)}
.Hero_collectionLink__7hGxV span[aria-hidden]{transition:transform .35s}
.Hero_collectionLink__7hGxV:hover span[aria-hidden]{transform:translate(3px,-3px)}
@media (prefers-reduced-motion:reduce){.Hero_detailsBar__sMDbV,.Hero_detailsBar__sMDbV .sg-glow,.sg-live,.Hero_caption__KE3Kq,.sg-chip,.Hero_slideControls__oCzSw span.sg-flip{animation:none!important}.sg-chip{opacity:1;transform:none}.Hero_tiktok__ecoJm,.Hero_instagram__HPuoM,.Hero_tiktok__ecoJm>svg,.Hero_instagram__HPuoM>svg{transition:none!important}}
/* v2 */ /* colored edge light-sweep (border beam) + hero video deck. 2026-09-02 */
@property --sg-a{syntax:'';inherits:false;initial-value:0deg}
.sg-beam{position:absolute;inset:0;pointer-events:none;border-radius:inherit;padding:1.5px;z-index:3;background:conic-gradient(from var(--sg-a),transparent 0deg,transparent 250deg,#00D8FF 290deg,#0A9DE8 318deg,#FF3D8A 340deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sgBeam 6s linear infinite;filter:drop-shadow(0 0 6px rgba(0,216,255,.55))}
.sg-beam.slow{animation-duration:9s;opacity:.85}
@keyframes sgBeam{to{--sg-a:360deg}}
.Hero_rail__p7LuT{perspective:1600px}
.Hero_campaign__vMFtm{position:relative}
.Hero_videoFrame__sSE8A{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.6),0 40px 80px -40px rgba(0,0,0,.9)!important;border-color:rgba(255,255,255,.14)!important}
#hero-viral-ads .Hero_videoFrame__sSE8A{transform:rotateY(3deg) rotateX(1deg)}
#hero-viral-videos .Hero_videoFrame__sSE8A{transform:rotateY(-3deg) rotateX(1deg)}
.Hero_campaign__vMFtm:hover .Hero_videoFrame__sSE8A{transform:rotateY(0) translateY(-6px)}
.Hero_videoFrame__sSE8A .sg-rim{position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:4;background:linear-gradient(160deg,rgba(255,255,255,.7),rgba(255,255,255,.08) 30%,var(--campaign-accent) 70%,rgba(255,255,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8}
.Hero_videoFrame__sSE8A .sg-top{position:absolute;top:0;left:0;right:0;z-index:5;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;background:linear-gradient(180deg,rgba(10,15,31,.75),transparent)}
.sg-tag{font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;color:#F4F6FB;background:rgba(10,15,31,.55);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sg-tag.acc{background:var(--campaign-accent);color:#0A0F1F;border-color:transparent}
.Hero_videoFrame__sSE8A .Hero_videoLabel__1_Deu{display:none!important}
.Hero_videoFrame__sSE8A .sg-info{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:64px 16px 16px;pointer-events:none;display:grid;gap:8px;background:linear-gradient(0deg,rgba(10,15,31,.92),rgba(10,15,31,0))}
.sg-title{font-weight:700;font-size:16px;color:#F4F6FB;line-height:1.25;letter-spacing:-.01em}
.sg-sub{font-size:12px;color:#C6CBDA}
.sg-prog{height:3px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden}
.sg-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--campaign-accent),#fff);transition:width .25s linear}
.Hero_videoFrame__sSE8A .Hero_watchButton__c87Cm{z-index:6}
@media (hover:hover){.Hero_videoFrame__sSE8A .Hero_watchButton__c87Cm{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}.Hero_campaign__vMFtm:hover .Hero_watchButton__c87Cm,.Hero_watchButton__c87Cm:focus-visible{opacity:1;transform:none}}
.sg-reflect{position:absolute;left:10%;right:10%;bottom:-30px;height:34px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--campaign-accent) 45%,transparent),transparent);filter:blur(10px)}
@media (prefers-reduced-motion:reduce){.sg-beam{animation:none!important}.Hero_videoFrame__sSE8A{transition:none!important}}
/* v3 */ /* everything below the hero: reveal-on-scroll, glass tiles, spotlight cards, beams. 2026-09-02 */
.sg-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*70ms)}
.sg-reveal.sg-in{opacity:1;transform:none}
.sg-glass{background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02) 40%,rgba(10,15,31,.5))!important;border-color:rgba(255,255,255,.14)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.5),inset 0 12px 24px -16px rgba(255,255,255,.16),0 24px 50px -30px rgba(0,0,0,.8)!important}
/* --- brand wall --- */
/* logo wall edge fade removed (2026-09-02) */
.sg-logos li{position:relative;border-color:rgba(255,255,255,.16)!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s;
box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.6),0 18px 40px -26px rgba(0,0,0,.9)}
.sg-logos li:hover{transform:translateY(-5px) scale(1.04);border-color:rgba(0,216,255,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 24px 44px -22px rgba(0,216,255,.55);z-index:2}
.sg-logos li[data-name]::after{content:attr(data-name);position:absolute;left:0;right:0;bottom:0;padding:6px 10px;font-size:10.5px;font-weight:600;letter-spacing:.04em;color:#F4F6FB;text-align:center;
background:linear-gradient(0deg,rgba(10,15,31,.95),rgba(10,15,31,0));transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-logos li:hover::after{transform:none}
.sg-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.sg-stat{padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);min-width:132px;
background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02) 40%,rgba(10,15,31,.5));box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.5)}
.sg-stat b{display:block;font-size:24px;font-weight:800;color:#F4F6FB;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.sg-stat b i{font-style:normal;color:#00D8FF}
.sg-stat small{display:block;font-size:10.5px;color:#8B93AD;margin-top:5px;letter-spacing:.08em;text-transform:uppercase}
/* --- featured projects --- */
.CorporateWork_filmFrame__6RiWO{position:relative;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.CorporateWork_playerColumn__7bXj5:hover .CorporateWork_filmFrame__6RiWO{transform:translateY(-4px)}
.CorporateWork_filmFrame__6RiWO .sg-rim{position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:4;
background:linear-gradient(160deg,rgba(255,255,255,.6),rgba(255,255,255,.06) 30%,#FF8A3C 70%,rgba(255,255,255,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8}
.CorporateWork_projectChoices__bKOfR>*{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s!important}
.CorporateWork_projectChoices__bKOfR>*:hover{transform:translateX(4px);box-shadow:0 18px 36px -24px rgba(255,138,60,.6)}
.CorporateWork_allWork__sZqqk{position:relative}
.CorporateWork_allWork__sZqqk span{display:inline-block;transition:transform .35s}
.CorporateWork_allWork__sZqqk:hover span{transform:translate(3px,-3px)}
/* --- services --- */
.sg-svc-grid{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 40%,rgba(10,15,31,.5))!important;border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.5),inset 0 12px 24px -16px rgba(255,255,255,.16),0 24px 50px -30px rgba(0,0,0,.8)}
.sg-ctabox{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 40%,rgba(10,15,31,.5))!important;border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.5),0 24px 50px -30px rgba(0,0,0,.8)}
.sg-svc-grid>article{position:relative;isolation:isolate;transition:background .4s}
.sg-svc-grid>article::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;
background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(0,216,255,.16),transparent 60%)}
.sg-svc-grid>article:hover::after{opacity:1}
.sg-svc-grid>article>span:first-child{transition:transform .6s cubic-bezier(.2,.8,.2,1);transform:scaleX(.35)}
.sg-svc-grid>article.sg-in>span:first-child,.sg-svc-grid>article:hover>span:first-child{transform:scaleX(1)}
.sg-svc-grid>article h3{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.sg-svc-grid>article:hover h3{transform:translateX(4px)}
.sg-four>article>span:first-child{transition:width .6s cubic-bezier(.2,.8,.2,1)}
.sg-four>article:hover>span:first-child{width:100%}
.sg-four>article h4{transition:color .3s,transform .4s}
.sg-four>article:hover h4{color:#00D8FF;transform:translateX(3px)}
.sg-cta{position:relative}
.sg-cta a:first-child{position:relative;overflow:hidden}
.sg-cta a:first-child::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.sg-cta a:first-child:hover::after{transform:translateX(120%)}
/* --- footer --- */
footer .sg-footline{position:absolute;left:0;right:0;top:0;height:1.5px;background:linear-gradient(90deg,transparent,#00D8FF 30%,#0A9DE8 55%,#FF3D8A 80%,transparent);opacity:.8}
footer a[aria-label]{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
footer a[aria-label]:hover{transform:translateY(-3px);border-color:rgba(0,216,255,.5)!important;box-shadow:0 12px 24px -14px rgba(0,216,255,.6)}
footer nav a{transition:color .3s,transform .3s;display:inline-block}
footer nav a:hover{transform:translateX(4px);color:#fff}
@media (prefers-reduced-motion:reduce){.sg-reveal{opacity:1;transform:none;transition:none}.sg-logos li,.sg-svc-grid>article h3,footer nav a{transition:none!important}}
/* v4 */ /* site-wide: Home nav link, reveal motion, adaptive light/dark card hover, colour beams, animated brand lines. 2026-09-02 */
header nav[aria-label="Main"] a{position:relative}
header nav[aria-label="Main"] a::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#00D8FF,#0A9DE8,#FF3D8A);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1);opacity:.9}
header nav[aria-label="Main"] a:hover::after,header nav[aria-label="Main"] a[aria-current="page"]::after{transform:scaleX(1)}
/* cards */
.sg-card{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s!important;will-change:transform}
.sg-card:hover{transform:translateY(-4px)}
.sg-card.sg-dark{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.5),0 24px 48px -30px rgba(0,0,0,.85)!important}
.sg-card.sg-dark:hover{border-color:rgba(0,216,255,.5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 30px 60px -28px rgba(0,216,255,.45)!important}
.sg-card.sg-light{box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 40px -30px rgba(10,15,31,.35)!important}
.sg-card.sg-light:hover{border-color:rgba(255,106,0,.45)!important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 26px 50px -28px rgba(255,106,0,.35)!important}
.sg-card.sg-spot{position:relative}
.sg-card.sg-spot>.sg-spotlight{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;z-index:0}
.sg-card.sg-dark>.sg-spotlight{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(0,216,255,.14),transparent 60%)}
.sg-card.sg-light>.sg-spotlight{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,106,0,.09),transparent 60%)}
.sg-card:hover>.sg-spotlight{opacity:1}
.sg-card.sg-light>.sg-topline{position:absolute;left:0;right:0;top:0;height:2px;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#FF6A00,#FF3D8A,#0A9DE8,#00D8FF);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.sg-card.sg-light:hover>.sg-topline{transform:scaleX(1)}
/* featured / CTA boxes get the colour beam */
.sg-beambox{position:relative}
.sg-beambox>.sg-beam{z-index:2}
.sg-beambox.sg-light>.sg-beam{filter:drop-shadow(0 0 5px rgba(255,106,0,.35));opacity:.9}
/* animated brand lines (the thin gradient rules the site already uses) */
.sg-line{background-size:200% 100%!important;animation:sgLine 6s linear infinite}
@keyframes sgLine{to{background-position:200% 0}}
/* drifting colour orbs (existing blurred blobs in CTA bands) */
.sg-orb{animation:sgOrb 14s ease-in-out infinite alternate}
.sg-orb.b{animation-duration:18s;animation-direction:alternate-reverse}
@keyframes sgOrb{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(40px,-30px,0) scale(1.12)}100%{transform:translate3d(-30px,30px,0) scale(.95)}}
/* CTA buttons: light sweep on hover + soft pulse on the primary */
.sg-shine{position:relative;overflow:hidden}
.sg-shine::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-130%);transition:transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.sg-shine:hover::after{transform:translateX(130%)}
.sg-pulse{animation:sgPulse 3.2s ease-in-out infinite}
@keyframes sgPulse{0%,100%{box-shadow:0 12px 24px -8px rgba(255,106,0,.5),inset 0 1px 0 rgba(255,255,255,.4)}50%{box-shadow:0 16px 34px -8px rgba(255,106,0,.75),0 0 0 6px rgba(255,106,0,.08),inset 0 1px 0 rgba(255,255,255,.5)}}
/* headings: accent word glow */
main h1 em,main h1 i,main h1 span[class*="text-"]{text-shadow:0 0 24px color-mix(in srgb,currentColor 35%,transparent)}
/* footer line lives here for all pages */
footer{position:relative}
@media (prefers-reduced-motion:reduce){.sg-card,.sg-shine::after,header nav[aria-label="Main"] a::after{transition:none!important}.sg-line,.sg-orb,.sg-pulse{animation:none!important}}
/* v5 */ /* Work page hero band: dark aurora, oversized headline, glass chips, watermark. 2026-09-02 */
.sg-workhero{position:relative;isolation:isolate}
.sg-workhero::before{content:"";position:absolute;left:0;right:0;top:-140px;height:calc(var(--sg-band,560px) + 140px);z-index:-1;pointer-events:none;
background:
radial-gradient(52% 70% at 12% 30%,rgba(10,157,232,.42),transparent 62%),
radial-gradient(44% 64% at 88% 22%,rgba(255,61,138,.34),transparent 62%),
radial-gradient(38% 56% at 62% 96%,rgba(0,216,255,.26),transparent 60%),
radial-gradient(30% 40% at 40% 70%,rgba(255,106,0,.18),transparent 60%),
linear-gradient(180deg,#06091A 0%,#0A0F1F 55%,#0D1B2E 100%);
border-bottom-left-radius:44px;border-bottom-right-radius:44px;box-shadow:0 30px 80px -40px rgba(10,15,31,.7),inset 0 -1px 0 rgba(0,216,255,.35)}
.sg-workhero::after{content:"WORK";position:absolute;right:-.04em;top:calc(var(--sg-band,560px) * .06);z-index:-1;pointer-events:none;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(9rem,21vw,19rem);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.12);
-webkit-mask:linear-gradient(90deg,transparent,#000 35%,#000 100%);mask:linear-gradient(90deg,transparent,#000 35%,#000 100%)}
.sg-workhero .sg-edge{position:absolute;left:44px;right:44px;top:calc(var(--sg-band,560px) - 1px);height:1.5px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,#00D8FF 25%,#0A9DE8 50%,#FF3D8A 75%,transparent);opacity:.9}
.sg-workhero .sg-grid-dots{position:absolute;inset:-140px 0 auto 0;height:calc(var(--sg-band,560px) + 140px);z-index:-1;pointer-events:none;
background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.2px);background-size:26px 26px;
-webkit-mask:radial-gradient(70% 60% at 50% 40%,#000 20%,transparent 100%);mask:radial-gradient(70% 60% at 50% 40%,#000 20%,transparent 100%);opacity:.5;border-bottom-left-radius:44px;border-bottom-right-radius:44px}
/* text */
.sg-wh-head>div{max-width:none!important}
.sg-wh-head h1{font-size:clamp(3rem,7.4vw,7rem)!important;line-height:.94!important;letter-spacing:-.035em!important;color:#F4F6FB!important;max-width:14ch;text-wrap:balance}
.sg-wh-head h1>span{background:linear-gradient(90deg,#00D8FF,#0A9DE8 30%,#FF3D8A 62%,#FF8A3C 100%)!important;background-size:220% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;animation:sgHue 8s ease-in-out infinite alternate;text-shadow:none!important;padding-right:.06em}
@keyframes sgHue{to{background-position:100% 0}}
.sg-wh-head p:first-child{display:inline-flex!important;align-items:center;gap:10px;margin-bottom:22px!important;padding:8px 14px 8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
color:#F4F6FB!important;-webkit-text-fill-color:#F4F6FB;background-clip:padding-box!important;font-size:11px!important;letter-spacing:.2em!important}
.sg-wh-head p:first-child::before{content:"";width:8px;height:8px;border-radius:50%;background:#00D8FF;box-shadow:0 0 0 0 rgba(0,216,255,.6);animation:sgPing 2.2s ease-out infinite}
@keyframes sgPing{0%{box-shadow:0 0 0 0 rgba(0,216,255,.65)}100%{box-shadow:0 0 0 12px rgba(0,216,255,0)}}
.sg-wh-head p:first-child .sg-count{color:#8B93AD;-webkit-text-fill-color:#8B93AD;letter-spacing:.14em}
.sg-wh-head h1+p{color:rgba(244,246,251,.72)!important;font-size:clamp(1.05rem,1.4vw,1.3rem)!important;max-width:44rem;margin-top:26px!important;line-height:1.6!important}
/* service chips + filters */
.sg-wh-chips{justify-content:flex-start!important;margin-top:34px!important}
.sg-wh-chips a{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.18)!important;color:#F4F6FB!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,color .3s!important}
.sg-wh-chips a:hover{background:#F4F6FB!important;color:#0A0F1F!important;border-color:#F4F6FB!important;transform:translateY(-2px)}
.sg-wh-chips a::after{content:"→";margin-left:10px;opacity:.6;transition:transform .3s,opacity .3s;display:inline-block}
.sg-wh-chips a:hover::after{transform:translateX(3px);opacity:1}
.sg-wh-filters{position:relative;margin-top:0!important;padding-top:26px;margin-bottom:64px!important}
.sg-wh-filters::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,.08) 50%,transparent)}
.sg-wh-filters button{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.05)!important;color:rgba(244,246,251,.78)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sg-wh-filters button:hover{border-color:rgba(255,255,255,.5)!important;color:#fff!important;background:rgba(255,255,255,.1)!important}
.sg-wh-filters button.bg-ink{background:linear-gradient(90deg,#FF6A00,#FF3D8A)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 12px 28px -10px rgba(255,61,138,.65),inset 0 1px 0 rgba(255,255,255,.35)!important}
.sg-wh-filters+div,.sg-workhero .sg-wh-grid{position:relative;z-index:1}
@media (max-width:767px){.sg-workhero::after{display:none}.sg-workhero::before,.sg-workhero .sg-grid-dots{border-bottom-left-radius:28px;border-bottom-right-radius:28px}.sg-wh-head h1{font-size:clamp(2.6rem,12vw,4rem)!important}}
@media (prefers-reduced-motion:reduce){.sg-wh-head h1>span{animation:none}.sg-wh-head p:first-child::before{animation:none}}
/* v6 */ /* Work page browser: sticky toolbar, compact grid, lightbox viewer, show-more, back-to-top. 2026-09-02 */
/* toolbar */
.sg-wh-filters{position:sticky;top:calc(var(--sg-head,64px) + 8px);z-index:30;display:flex!important;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 14px!important;margin-bottom:34px!important;border-radius:18px;border:1px solid rgba(255,255,255,.14);
background:rgba(10,15,31,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);transition:background .3s,box-shadow .3s,border-color .3s}
.sg-wh-filters::before{display:none}
.sg-wh-filters.sg-stuck{background:rgba(10,15,31,.92);border-color:rgba(255,255,255,.1);box-shadow:0 18px 40px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12)}
.sg-wh-filters button{min-height:38px!important;padding:8px 16px!important;font-size:13px!important}
.sg-tools{margin-left:auto;display:flex;align-items:center;gap:8px}
.sg-tools .sg-num{font-family:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8B93AD;margin-right:6px;white-space:nowrap}
.sg-tools .sg-view{display:inline-flex;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
.sg-tools .sg-view button{min-height:30px!important;padding:5px 12px!important;border:0!important;background:transparent!important;color:rgba(244,246,251,.65)!important;border-radius:999px;font-size:12px!important;box-shadow:none!important;display:inline-flex;align-items:center;gap:6px}
.sg-tools .sg-view button.on{background:#F4F6FB!important;color:#0A0F1F!important}
.sg-tools .sg-view svg{width:14px;height:14px}
/* grid */
.sg-wgrid{display:grid!important;columns:auto!important;column-count:auto!important;gap:18px!important;grid-template-columns:repeat(4,minmax(0,1fr))}
.sg-wgrid>*{margin-bottom:0!important;break-inside:auto}
@media (max-width:1279px){.sg-wgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.sg-wgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}}
.sg-wgrid.sg-comfy{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important}
@media (max-width:767px){.sg-wgrid.sg-comfy{grid-template-columns:repeat(1,minmax(0,1fr))}}
/* cards (compact) */
.sg-wgrid>article{cursor:pointer;border-radius:18px!important}
.sg-wgrid:not(.sg-comfy)>article>div[style*="aspect-ratio"]{aspect-ratio:4/5!important}
.sg-wgrid:not(.sg-comfy)>article>div:not([style*="aspect-ratio"]){display:none!important}
.sg-wgrid>article>div[style*="aspect-ratio"]{position:relative}
.sg-wgrid>article video,.sg-wgrid>article img{object-fit:cover}
.sg-wgrid>article .sg-cap{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:52px 14px 14px;pointer-events:none;background:linear-gradient(0deg,rgba(6,9,26,.92),rgba(6,9,26,.55) 55%,transparent);color:#F4F6FB}
.sg-wgrid>article .sg-cap b{display:block;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:600;font-size:14px;line-height:1.25;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sg-wgrid>article .sg-cap small{display:block;margin-top:5px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#00D8FF}
.sg-wgrid.sg-comfy>article .sg-cap{display:none}
.sg-wgrid>article .sg-play{position:absolute;right:12px;top:12px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(10,15,31,.55);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s}
.sg-wgrid>article:hover .sg-play{transform:scale(1.1);background:linear-gradient(135deg,#FF6A00,#FF3D8A);border-color:transparent}
.sg-wgrid>article .sg-play svg{width:14px;height:14px;margin-left:2px}
.sg-wgrid>article .sg-play.img svg{margin-left:0}
.sg-wgrid>article>div[style*="aspect-ratio"]>span:not(.sg-play):not(.sg-cap){z-index:3}
/* collapsed (show more) */
.sg-wgrid.sg-collapsed>article:nth-child(n+13){display:none!important}
.sg-more{display:flex;justify-content:center;margin-top:34px}
.sg-more button{min-height:48px;padding:12px 26px;border-radius:999px;border:1px solid rgba(10,15,31,.14);background:#0A0F1F;color:#fff;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 16px 30px -16px rgba(10,15,31,.6);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.sg-more button:hover{transform:translateY(-2px);box-shadow:0 22px 36px -16px rgba(255,61,138,.5)}
.sg-more button i{font-style:normal;padding:3px 9px;border-radius:999px;background:linear-gradient(90deg,#FF6A00,#FF3D8A);font-size:12px}
/* back to top */
.sg-totop{position:fixed;right:22px;bottom:96px;z-index:60;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(10,15,31,.85);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .35s,transform .35s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 30px -14px rgba(0,0,0,.7)}
.sg-totop.show{opacity:1;transform:none;pointer-events:auto}
.sg-totop svg{width:16px;height:16px}
/* lightbox */
.sg-lb{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(4,7,18,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.sg-lb.open{display:flex}
.sg-lb .sg-lb-box{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0;width:min(940px,100%);max-height:calc(100vh - 48px);border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 40%,rgba(10,15,31,.7));box-shadow:0 60px 120px -50px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.2);animation:sgLbIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes sgLbIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.sg-lb .sg-lb-media{position:relative;background:#05070F;display:grid;place-items:center;min-height:min(78vh,760px)}
.sg-lb .sg-lb-media video,.sg-lb .sg-lb-media img{max-height:calc(100vh - 48px);max-width:100%;width:auto;height:auto;object-fit:contain;display:block}
.sg-lb .sg-lb-media video{aspect-ratio:9/16;height:calc(100vh - 48px);max-height:760px}
.sg-lb .sg-lb-side{padding:30px 28px;display:flex;flex-direction:column;gap:14px;color:#F4F6FB;overflow:auto}
.sg-lb .sg-lb-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#00D8FF;display:flex;align-items:center;gap:10px}
.sg-lb .sg-lb-kicker i{font-style:normal;color:#8B93AD;letter-spacing:.1em}
.sg-lb h3{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0}
.sg-lb p{font-size:14.5px;line-height:1.6;color:#C6CBDA;margin:0}
.sg-lb .sg-lb-acts{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;padding-top:18px}
.sg-lb .sg-lb-acts a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:600;font-size:13.5px;text-decoration:none;transition:transform .3s}
.sg-lb .sg-lb-acts a:hover{transform:translateY(-2px)}
.sg-lb .sg-lb-acts .pri{background:linear-gradient(90deg,#FF6A00,#FF3D8A);color:#fff;box-shadow:0 14px 28px -12px rgba(255,61,138,.6)}
.sg-lb .sg-lb-acts .sec{border:1px solid rgba(255,255,255,.2);color:#F4F6FB;background:rgba(255,255,255,.06)}
.sg-lb .sg-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(10,15,31,.7);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:5;transition:background .3s,transform .3s}
.sg-lb .sg-lb-nav:hover{background:#F4F6FB;color:#0A0F1F}
.sg-lb .sg-lb-nav.prev{left:14px}.sg-lb .sg-lb-nav.next{right:14px}
.sg-lb .sg-lb-close{position:absolute;top:14px;right:14px;z-index:6;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(10,15,31,.7);color:#fff;display:grid;place-items:center;cursor:pointer}
.sg-lb .sg-lb-close:hover{background:#F4F6FB;color:#0A0F1F}
.sg-lb svg{width:18px;height:18px}
.sg-lb .sg-lb-dots{display:flex;gap:6px;flex-wrap:wrap}
.sg-lb .sg-lb-dots i{width:18px;height:3px;border-radius:2px;background:rgba(255,255,255,.18)}
.sg-lb .sg-lb-dots i.on{background:linear-gradient(90deg,#00D8FF,#0A9DE8)}
body.sg-lb-open{overflow:hidden}
@media (max-width:900px){.sg-lb{padding:0}.sg-lb .sg-lb-box{grid-template-columns:1fr;border-radius:0;max-height:100vh;height:100vh}.sg-lb .sg-lb-media{min-height:0;max-height:62vh}.sg-lb .sg-lb-media video{height:62vh}.sg-lb .sg-lb-side{padding:20px}.sg-lb .sg-lb-nav{top:31vh}.sg-lb .sg-lb-media img{max-height:62vh}}
@media (max-width:767px){.sg-wh-filters{top:calc(var(--sg-head,56px) + 6px);border-radius:14px;padding:10px!important}.sg-tools{margin-left:0;width:100%;justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.sg-lb .sg-lb-box{animation:none}}
/* v6.1 */ /* Work page: designed light backdrop under the cards */
.sg-workhero .sg-paper{position:absolute;left:0;right:0;top:calc(var(--sg-band,560px) - 60px);bottom:0;z-index:-2;pointer-events:none;overflow:hidden;
background:
radial-gradient(42% 38% at 8% 12%,rgba(0,216,255,.16),transparent 65%),
radial-gradient(38% 34% at 92% 18%,rgba(255,61,138,.13),transparent 65%),
radial-gradient(40% 36% at 55% 62%,rgba(10,157,232,.10),transparent 65%),
radial-gradient(36% 32% at 12% 92%,rgba(255,138,60,.14),transparent 65%),
linear-gradient(180deg,#F7F5F2,#F3F1EE 60%,#EFEDEA)}
.sg-workhero .sg-paper::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(10,15,31,.13) 1px,transparent 1.3px);background-size:26px 26px;
-webkit-mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.sg-workhero .sg-paper::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(10,15,31,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(10,15,31,.045) 1px,transparent 1px);background-size:130px 130px;
-webkit-mask:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 100%);mask:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 100%)}
.sg-workhero .sg-paper i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform;animation:sgDrift 22s ease-in-out infinite alternate}
.sg-workhero .sg-paper i:nth-child(1){width:520px;height:520px;left:-160px;top:18%;background:radial-gradient(circle,rgba(0,216,255,.45),transparent 65%)}
.sg-workhero .sg-paper i:nth-child(2){width:560px;height:560px;right:-200px;top:38%;background:radial-gradient(circle,rgba(255,61,138,.35),transparent 65%);animation-duration:28s;animation-direction:alternate-reverse}
.sg-workhero .sg-paper i:nth-child(3){width:460px;height:460px;left:35%;bottom:-140px;background:radial-gradient(circle,rgba(255,138,60,.38),transparent 65%);animation-duration:26s}
@keyframes sgDrift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(60px,-40px,0) scale(1.08)}100%{transform:translate3d(-40px,50px,0) scale(.96)}}
.sg-workhero .sg-paper b{position:absolute;right:-.05em;bottom:-.12em;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(7rem,18vw,16rem);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(10,15,31,.10)}
@media (max-width:767px){.sg-workhero .sg-paper b{display:none}.sg-workhero .sg-paper i{filter:blur(50px)}}
@media (prefers-reduced-motion:reduce){.sg-workhero .sg-paper i{animation:none}}
/* v7 */ /* About page: comparison section redesign (dark match-up board, partner card). 2026-09-02 */
#our-difference{position:relative;overflow:hidden}
#our-difference .sg-diffbg{position:absolute;inset:0;z-index:0;pointer-events:none;
background:radial-gradient(40% 40% at 8% 18%,rgba(0,216,255,.16),transparent 65%),radial-gradient(38% 36% at 92% 78%,rgba(255,61,138,.13),transparent 65%),radial-gradient(30% 30% at 72% 12%,rgba(255,138,60,.13),transparent 65%)}
#our-difference .sg-diffbg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(10,15,31,.12) 1px,transparent 1.3px);background-size:26px 26px;-webkit-mask:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);mask:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}
#our-difference>div{position:relative;z-index:1}
#our-difference .AboutCapabilities_powerLead__eXzuo{display:none!important}
#our-difference .AboutCapabilities_comparisonTable__vDXlh{position:relative;overflow:hidden;border-radius:30px;padding:12px;background:linear-gradient(160deg,#0C1730,#0A0F1F 55%,#0D1B2E);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.5),0 50px 90px -50px rgba(10,15,31,.85)}
#our-difference .AboutCapabilities_comparisonTable__vDXlh::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 40% 0%,rgba(0,216,255,.12),transparent 60%),radial-gradient(40% 40% at 100% 100%,rgba(255,61,138,.10),transparent 60%)}
#our-difference table{position:relative;border-collapse:separate!important;border-spacing:0!important;width:100%;background:transparent!important;color:#F4F6FB}
#our-difference table th,#our-difference table td{display:table-cell!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:24px 24px!important;vertical-align:top!important;color:#F4F6FB!important;transition:background .3s}
#our-difference tbody tr:last-child th,#our-difference tbody tr:last-child td{border-bottom:0!important}
#our-difference tbody tr:hover th,#our-difference tbody tr:hover td{background:rgba(255,255,255,.025)!important}
#our-difference tbody th{font-family:"Space Grotesk",Inter,system-ui,sans-serif!important;font-weight:700!important;font-size:15.5px!important;letter-spacing:-.01em;line-height:1.3}
#our-difference tbody th>span{display:grid!important;place-items:center;width:30px;height:30px;border-radius:50%;margin:0 0 12px!important;font-size:11px!important;font-weight:800!important;letter-spacing:0!important;color:#0A0F1F!important;background:linear-gradient(135deg,#00D8FF,#0A9DE8)!important;border:0!important;box-shadow:0 8px 18px -8px rgba(0,216,255,.7)}
#our-difference thead th{padding:28px 24px 24px!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
#our-difference thead th:first-child{padding-top:34px!important;font-family:"Space Grotesk",Inter,system-ui,sans-serif!important;font-size:16px!important;font-weight:700!important}
#our-difference thead th>span:first-child{display:flex!important;width:max-content;align-items:center;gap:6px;margin-bottom:12px!important;padding:5px 10px;border-radius:999px;font-size:10px!important;font-weight:700;letter-spacing:.18em!important;text-transform:uppercase;color:#8B93AD!important;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05)}
#our-difference thead th.AboutCapabilities_stonegfxHeading__M2mYE>span:first-child{color:#0A0F1F!important;background:linear-gradient(90deg,#00D8FF,#0A9DE8)!important;border-color:transparent}
#our-difference thead th>span:nth-child(2){display:flex!important;align-items:center;gap:10px;font-family:"Space Grotesk",Inter,system-ui,sans-serif!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.02em;color:#F4F6FB!important}
#our-difference thead th>span:nth-child(2)>span:first-child{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16);color:#C6CBDA!important}
#our-difference thead th.AboutCapabilities_stonegfxHeading__M2mYE>span:nth-child(2)>span:first-child{background:linear-gradient(135deg,#00D8FF,#0A9DE8)!important;color:#0A0F1F!important;border-color:transparent;box-shadow:0 10px 20px -8px rgba(0,216,255,.7)}
#our-difference thead th.AboutCapabilities_stonegfxHeading__M2mYE>span:nth-child(2)>span:last-child{background:linear-gradient(90deg,#00D8FF,#0A9DE8 50%,#FF3D8A)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}
#our-difference thead th.AboutCapabilities_traditionalHeading__pDxTW>span:nth-child(2){color:#C6CBDA!important}
#our-difference thead th small{display:block;margin-top:8px;font-size:12.5px!important;color:#8B93AD!important;line-height:1.5}
#our-difference th.AboutCapabilities_stonegfxHeading__M2mYE,#our-difference td.AboutCapabilities_stonegfxCell__kxphl{background:linear-gradient(180deg,rgba(0,216,255,.10),rgba(10,157,232,.05))!important;border-left:1px solid rgba(0,216,255,.28)!important;border-right:1px solid rgba(0,216,255,.28)!important}
#our-difference th.AboutCapabilities_stonegfxHeading__M2mYE{background:linear-gradient(180deg,rgba(0,216,255,.2),rgba(10,157,232,.08))!important;border-top:1px solid rgba(0,216,255,.45)!important;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
#our-difference tbody tr:last-child td.AboutCapabilities_stonegfxCell__kxphl{border-bottom:1px solid rgba(0,216,255,.28)!important;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
#our-difference td>span:first-child[aria-hidden]{display:none!important}
#our-difference td strong{display:flex!important;align-items:center;gap:11px;font-family:"Space Grotesk",Inter,system-ui,sans-serif!important;font-size:15.5px!important;font-weight:700!important;letter-spacing:-.01em;color:#F4F6FB!important;margin:0 0 10px!important}
#our-difference td strong>span{flex:none;width:36px;height:36px;border-radius:11px;display:grid!important;place-items:center;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;color:#C6CBDA!important;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
#our-difference tbody tr:hover td strong>span{transform:translateY(-2px)}
#our-difference td.AboutCapabilities_stonegfxCell__kxphl strong{color:#00D8FF!important}
#our-difference td.AboutCapabilities_stonegfxCell__kxphl strong>span{background:linear-gradient(135deg,rgba(0,216,255,.28),rgba(10,157,232,.22))!important;border-color:rgba(0,216,255,.45)!important;color:#00D8FF!important}
#our-difference td strong svg{width:17px;height:17px}
#our-difference td p{margin:0!important;font-size:14px!important;line-height:1.65!important;color:#AAB2C8!important}
#our-difference td.AboutCapabilities_traditionalCell__Zad4q p{color:#8B93AD!important}
#our-difference .AboutCapabilities_comparisonNote__xmjIm{margin-top:18px!important;padding:14px 18px;border-radius:14px;background:rgba(10,15,31,.045);border:1px solid rgba(10,15,31,.08);font-size:13px!important;line-height:1.6}
#our-difference .AboutCapabilities_partnership__tyjhp{position:relative;overflow:hidden;border-radius:28px!important;padding:34px!important;background:linear-gradient(160deg,#0C1730,#0A0F1F 60%,#0D1B2E)!important;border:1px solid rgba(255,255,255,.13)!important;color:#F4F6FB!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 40px 80px -46px rgba(10,15,31,.85)!important}
#our-difference .AboutCapabilities_partnership__tyjhp .AboutCapabilities_eyebrow__alqTv{color:#00D8FF!important}
#our-difference .AboutCapabilities_partnership__tyjhp h3{color:#F4F6FB!important;font-size:clamp(1.4rem,2.2vw,1.9rem)!important;letter-spacing:-.02em}
#our-difference .AboutCapabilities_partnership__tyjhp p{color:#AAB2C8!important}
#our-difference .AboutCapabilities_partnershipIcon__qo2Jr{background:linear-gradient(135deg,#FF6A00,#FF3D8A)!important;color:#fff!important;border:0!important;box-shadow:0 14px 28px -12px rgba(255,61,138,.7)}
#our-difference .AboutCapabilities_partnerTags__LX9r3 span{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16);color:#F4F6FB!important;font-size:12.5px;margin:0 8px 8px 0}
#our-difference .AboutCapabilities_partnerTags__LX9r3 span::before{display:none!important}
#our-difference .AboutCapabilities_partnership__tyjhp>a{display:inline-flex!important;align-items:center;gap:8px;min-height:46px;padding:10px 20px;border-radius:999px;background:linear-gradient(90deg,#FF6A00,#FF3D8A)!important;color:#fff!important;font-weight:700;text-decoration:none!important;box-shadow:0 14px 28px -12px rgba(255,61,138,.6);transition:transform .3s;white-space:nowrap}
#our-difference .AboutCapabilities_partnership__tyjhp>a:hover{transform:translateY(-2px)}
@media (max-width:899px){#our-difference th.AboutCapabilities_stonegfxHeading__M2mYE{border-radius:16px}#our-difference td.AboutCapabilities_stonegfxCell__kxphl{border-radius:16px;border-top:1px solid rgba(0,216,255,.28)!important;border-bottom:1px solid rgba(0,216,255,.28)!important;margin:8px 0}#our-difference td>span:first-child[aria-hidden]{display:inline-flex!important;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8B93AD;margin-bottom:10px}#our-difference table th,#our-difference table td{padding:18px!important}#our-difference .AboutCapabilities_comparisonTable__vDXlh{padding:8px;border-radius:22px}#our-difference .AboutCapabilities_partnership__tyjhp{padding:24px!important}}
/* v8 */ /* boot intro + hero network */
html:not(.sg-booted) body::before{content:"";position:fixed;inset:0;z-index:9998;background:#06091A;animation:sgCoverOut .5s 1.6s forwards;pointer-events:none}
@keyframes sgCoverOut{to{opacity:0;visibility:hidden}}
.sg-boot{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:radial-gradient(60% 50% at 50% 40%,#0C1730,#06091A 70%);color:#F4F6FB;transition:opacity .6s ease,visibility .6s;overflow:hidden}
.sg-boot.out{opacity:0;visibility:hidden}
.sg-boot canvas{position:absolute;inset:0;width:100%;height:100%}
.sg-boot-word{position:relative;margin-top:36vh;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.03em;line-height:1;animation:sgBootIn .8s .2s both}
.sg-boot-word span{background:linear-gradient(90deg,#00D8FF,#0A9DE8 50%,#FF3D8A);-webkit-background-clip:text;background-clip:text;color:transparent}
.sg-boot-tag{position:relative;margin-top:12px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#8B93AD;animation:sgBootIn .8s .45s both}
.sg-boot-bar{position:relative;margin-top:26px;width:160px;height:2px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden;animation:sgBootIn .6s .5s both}
.sg-boot-bar i{position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,#00D8FF,#0A9DE8,#FF3D8A);animation:sgBootBar 2s .2s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes sgBootIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sgBootBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.Hero_hero__MpeZv .sg-net{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9;-webkit-mask:linear-gradient(180deg,#000 70%,transparent);mask:linear-gradient(180deg,#000 70%,transparent)}
.Hero_hero__MpeZv>.Hero_heroGrid__ZJZ_1{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){html:not(.sg-booted) body::before{animation-delay:.2s}}
/* hero video frames: crisp rounded corners on 3D-transformed frames */
.Hero_videoFrame__sSE8A{transform-style:flat!important;clip-path:inset(0 round 24px);-webkit-clip-path:inset(0 round 24px);isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}
.Hero_videoFrame__sSE8A video,.Hero_videoFrame__sSE8A .Hero_videoShade__Apxdm,.Hero_videoFrame__sSE8A .sg-top,.Hero_videoFrame__sSE8A .sg-info{border-radius:24px}
/* v8.1 */ /* boot intro: logo emblem at the globe centre */
.sg-boot-logo{position:absolute;left:50%;top:calc(50% - 8.4vmin);width:88px;height:88px;transform:translate(-50%,-50%);border-radius:24px;display:grid;place-items:center;animation:sgLogoIn .9s .1s both}
.sg-boot-logo img{width:88px;height:88px;border-radius:24px;display:block;filter:drop-shadow(0 18px 40px rgba(0,216,255,.45))}
.sg-boot-logo::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(0,216,255,.35);animation:sgLogoRing 2.2s ease-out infinite}
.sg-boot-logo::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(255,61,138,.3);animation:sgLogoRing 2.2s 1.1s ease-out infinite}
@keyframes sgLogoIn{from{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes sgLogoRing{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.9);opacity:0}}
@media (max-width:767px){.sg-boot-logo,.sg-boot-logo img{width:68px;height:68px;border-radius:18px}}
/* v9 */ /* contact page: "signal" backdrop */
main>section.sg-contact{position:relative;overflow:hidden;isolation:isolate}
main>section.sg-contact>*{position:relative;z-index:1}
.sg-cbg{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;overflow:hidden;
background:radial-gradient(46% 42% at 86% 72%,rgba(0,216,255,.16),transparent 66%),radial-gradient(36% 34% at 6% 10%,rgba(255,106,0,.13),transparent 65%),radial-gradient(30% 30% at 55% 100%,rgba(255,61,138,.09),transparent 65%),linear-gradient(180deg,#F7F5F2,#F4F2EF)}
.sg-cbg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(10,15,31,.13) 1px,transparent 1.3px);background-size:26px 26px;-webkit-mask:radial-gradient(75% 70% at 60% 45%,#000 10%,transparent 100%);mask:radial-gradient(75% 70% at 60% 45%,#000 10%,transparent 100%)}
.sg-cbg svg{position:absolute;inset:0;width:100%;height:100%}
.sg-cbg .ring{fill:none;stroke:#00D8FF;stroke-width:1.2;transform-origin:1230px 690px;transform-box:view-box;animation:sgRing 4.8s ease-out infinite;opacity:0}
.sg-cbg .ring:nth-child(2){animation-delay:1.2s}.sg-cbg .ring:nth-child(3){animation-delay:2.4s}.sg-cbg .ring:nth-child(4){animation-delay:3.6s}
@keyframes sgRing{0%{transform:scale(.15);opacity:.75}100%{transform:scale(1);opacity:0}}
.sg-cbg .core{fill:#00D8FF;filter:drop-shadow(0 0 10px rgba(0,216,255,.9))}
.sg-cbg .route{fill:none;stroke:rgba(10,15,31,.22);stroke-width:1.4;stroke-dasharray:6 8;animation:sgDash 14s linear infinite}
@keyframes sgDash{to{stroke-dashoffset:-280}}
.sg-cbg .msg{offset-path:path("M120 140 C 420 60, 640 420, 900 300 S 1180 560, 1230 690");animation:sgMsg 9s cubic-bezier(.4,0,.2,1) infinite}
.sg-cbg .msg2{offset-path:path("M60 760 C 300 700, 520 880, 780 780 S 1120 720, 1230 690");animation:sgMsg 11s 3s cubic-bezier(.4,0,.2,1) infinite}
@keyframes sgMsg{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}100%{offset-distance:100%;opacity:0}}
.sg-cbg .glyph{fill:none;stroke:rgba(10,15,31,.22);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:sgFloat 9s ease-in-out infinite alternate}
.sg-cbg .glyph.b{animation-duration:12s;animation-direction:alternate-reverse}
@keyframes sgFloat{from{transform:translateY(0)}to{transform:translateY(-18px)}}
.sg-cbg .big{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:250px;letter-spacing:-.06em;fill:transparent;stroke:rgba(10,15,31,.08);stroke-width:1.5}
@media (prefers-reduced-motion:reduce){.sg-cbg .ring,.sg-cbg .route,.sg-cbg .msg,.sg-cbg .msg2,.sg-cbg .glyph{animation:none}.sg-cbg .ring{opacity:.35;transform:scale(.6)}}
@media (max-width:767px){.sg-cbg .big{display:none}}
/* v10 */ /* pricing page hero: "command deck" panel, bigger headline, glass quick-nav tiles, enterprise banner */
#pricing .sg-ph-panel{position:absolute;left:-28px;right:-28px;top:var(--sg-ph-top,0px);height:var(--sg-ph-h,620px);z-index:0;pointer-events:none;overflow:hidden;border-radius:34px;
background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 38%,rgba(10,15,31,.55));border:1px solid rgba(255,255,255,.12);
box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.5),0 50px 100px -60px rgba(0,0,0,.95)}
#pricing .sg-ph-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(48% 60% at 0% 0%,rgba(0,216,255,.22),transparent 62%),radial-gradient(40% 55% at 100% 10%,rgba(255,61,138,.18),transparent 62%),radial-gradient(38% 50% at 70% 110%,rgba(255,138,60,.16),transparent 62%)}
#pricing .sg-ph-panel::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask:radial-gradient(70% 70% at 60% 40%,#000 10%,transparent 100%);mask:radial-gradient(70% 70% at 60% 40%,#000 10%,transparent 100%)}
#pricing .sg-ph-panel b{position:absolute;right:-.04em;top:-.08em;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(7rem,15vw,13rem);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.08);-webkit-mask:linear-gradient(90deg,transparent,#000 40%);mask:linear-gradient(90deg,transparent,#000 40%)}
#pricing .sg-ph-head,#pricing .sg-ph-nav,#pricing .sg-ph-aside{position:relative;z-index:1}
#pricing .sg-ph-head{border-bottom:0!important;padding-bottom:0!important;padding-top:12px;gap:28px!important;align-items:end}
#pricing .sg-ph-head>div>p:first-child{display:inline-flex!important;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#F4F6FB!important;font-size:10.5px!important;letter-spacing:.2em!important}
#pricing .sg-ph-head>div>p:first-child::before{content:"";width:8px;height:8px;border-radius:50%;background:#FF8A3C;box-shadow:0 0 0 0 rgba(255,138,60,.6);animation:sgPing 2.2s ease-out infinite}
#pricing .sg-ph-head h1{font-size:clamp(2.4rem,3.9vw,3.9rem)!important;line-height:.94!important;letter-spacing:-.035em!important;margin-top:22px!important;max-width:none!important}
#pricing .sg-ph-head h1>span{background:linear-gradient(90deg,#00D8FF,#0A9DE8 28%,#FF3D8A 58%,#FF8A3C 100%)!important;background-size:220% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:sgHue 8s ease-in-out infinite alternate;padding-right:.06em}
#pricing .sg-ph-head>p{padding:18px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:rgba(244,246,251,.78)!important;font-size:15px!important;line-height:1.65!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
#pricing .sg-ph-stats{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
#pricing .sg-ph-stats span{display:inline-flex;align-items:baseline;gap:7px;padding:9px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(10,15,31,.35);font-size:12px;color:#8B93AD;letter-spacing:.06em;text-transform:uppercase}
#pricing .sg-ph-stats span b{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:18px;font-weight:800;color:#F4F6FB;letter-spacing:-.02em;text-transform:none}
#pricing .sg-ph-stats span b i{font-style:normal;color:#00D8FF}
#pricing .sg-ph-nav{margin-top:26px!important;gap:12px!important}
#pricing .sg-ph-nav>a{position:relative;overflow:hidden;padding:18px 18px 16px!important;border-radius:20px!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s,box-shadow .4s!important}
#pricing .sg-ph-nav>a::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--sg-acc,#00D8FF);opacity:.9}
#pricing .sg-ph-nav>a::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,var(--sg-acc,#00D8FF),transparent 65%);opacity:.14;transition:opacity .3s,transform .4s}
#pricing .sg-ph-nav>a:hover{transform:translateY(-4px);border-color:var(--sg-acc,#00D8FF)!important;background:rgba(255,255,255,.07)!important;box-shadow:0 24px 44px -26px var(--sg-acc,#00D8FF)}
#pricing .sg-ph-nav>a:hover::after{opacity:.3;transform:scale(1.25)}
#pricing .sg-ph-nav>a:nth-child(1){--sg-acc:#00D8FF}#pricing .sg-ph-nav>a:nth-child(2){--sg-acc:#FF3D8A}#pricing .sg-ph-nav>a:nth-child(3){--sg-acc:#34D399}#pricing .sg-ph-nav>a:nth-child(4){--sg-acc:#FF8A3C}
#pricing .sg-ph-nav>a>span:first-child{color:var(--sg-acc,#00D8FF)!important;font-size:9.5px!important;letter-spacing:.2em!important}
#pricing .sg-ph-nav>a>strong{margin-top:10px!important;font-size:15px!important;color:#F4F6FB!important}
#pricing .sg-ph-nav>a>strong>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--sg-acc,#00D8FF)!important;transition:transform .35s,background .3s,color .3s}
#pricing .sg-ph-nav>a:hover>strong>span{transform:translateY(3px);background:var(--sg-acc,#00D8FF);color:#0A0F1F!important;border-color:transparent}
#pricing .sg-ph-aside{margin-top:18px!important;padding:28px 30px!important;border-radius:26px!important;background:linear-gradient(135deg,rgba(255,138,60,.12),rgba(255,61,138,.07) 45%,rgba(0,216,255,.10))!important;border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 60px -40px rgba(0,0,0,.9)!important}
#pricing .sg-ph-aside>span:first-child{display:none!important}
#pricing .sg-ph-aside p:first-child{color:#FF8A3C!important}
#pricing .sg-ph-aside h2{font-size:clamp(1.35rem,2.4vw,2rem)!important;letter-spacing:-.02em!important;line-height:1.15!important}
#pricing .sg-ph-aside>div>p:last-child{color:rgba(244,246,251,.7)!important;font-size:14.5px!important}
#pricing .sg-ph-aside a{background:linear-gradient(90deg,#FF6A00,#FF3D8A)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:12px 22px!important;font-weight:700;box-shadow:0 16px 32px -14px rgba(255,61,138,.7);transition:transform .3s!important}
#pricing .sg-ph-aside a:hover{transform:translateY(-2px)}
@media (max-width:1023px){#pricing .sg-ph-panel{left:-16px;right:-16px;border-radius:26px}#pricing .sg-ph-panel b{display:none}}
@media (prefers-reduced-motion:reduce){#pricing .sg-ph-head h1>span{animation:none}#pricing .sg-ph-head>div>p:first-child::before{animation:none}}
/* v10.1 */ /* pricing: section headers */
#pricing .sg-sh-eye{display:inline-flex!important;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:999px;border:1px solid rgba(255,61,138,.35);background:rgba(255,61,138,.08);color:#FF7AB3!important;font-size:10.5px!important;letter-spacing:.2em!important}
#pricing .sg-sh-eye::before{content:attr(data-n);font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:11px;letter-spacing:0;color:#0A0F1F;background:linear-gradient(135deg,#FF3D8A,#FF8A3C);border-radius:999px;padding:3px 8px}
#pricing .sg-sh{position:relative;margin-top:18px!important;padding:30px 0 6px;border-top:1px solid rgba(255,255,255,.08);gap:28px!important;align-items:center!important}
#pricing .sg-sh::before{content:attr(data-n);position:absolute;left:-.02em;top:-18px;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(5rem,9vw,8.5rem);line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.07);pointer-events:none}
#pricing .sg-sh::after{content:"";position:absolute;left:0;top:-1px;width:140px;height:2px;background:linear-gradient(90deg,#00D8FF,#0A9DE8,#FF3D8A)}
#pricing .sg-sh h2{position:relative;font-size:clamp(2rem,3.6vw,3.4rem)!important;letter-spacing:-.03em!important;line-height:1.02!important;max-width:34rem!important}
#pricing .sg-sh h2 .sg-w{background:linear-gradient(90deg,#00D8FF,#0A9DE8 45%,#FF3D8A);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
#pricing .sg-sh>p{position:relative;max-width:30rem!important;text-align:left!important;padding:16px 18px 16px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.12);border-left:3px solid #FF3D8A;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:rgba(244,246,251,.8)!important;font-size:14px!important;line-height:1.65!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
#pricing section.mt-16.border-t{border-top:0!important;padding-top:10px!important}
@media (max-width:767px){#pricing .sg-sh::before{font-size:4.2rem;top:-8px}}
/* v11 */ /* Submit-a-Brief (/quote/): premium dark canvas, aurora backdrop, glass panels, step rail */
main>section.sg-quote{position:relative;background:#070B18;color:#F4F6FB;overflow:hidden;isolation:isolate}
main>section.sg-quote>*{position:relative;z-index:1}
.sg-qbg{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;overflow:hidden;
background:radial-gradient(60% 40% at 0% 0%,rgba(0,216,255,.16),transparent 60%),radial-gradient(50% 36% at 100% 12%,rgba(255,61,138,.13),transparent 60%),radial-gradient(45% 30% at 50% 100%,rgba(255,138,60,.12),transparent 60%),linear-gradient(180deg,#070B18,#0A0F1F 50%,#070B18)}
.sg-qbg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;-webkit-mask:radial-gradient(70% 55% at 50% 30%,#000 10%,transparent 100%);mask:radial-gradient(70% 55% at 50% 30%,#000 10%,transparent 100%)}
.sg-qbg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.3px);background-size:26px 26px;opacity:.5;-webkit-mask:linear-gradient(180deg,#000,transparent 55%);mask:linear-gradient(180deg,#000,transparent 55%)}
.sg-qbg i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:sgDrift 24s ease-in-out infinite alternate;will-change:transform}
.sg-qbg i:nth-child(1){width:600px;height:600px;left:-200px;top:6%;background:radial-gradient(circle,rgba(10,157,232,.45),transparent 65%)}
.sg-qbg i:nth-child(2){width:560px;height:560px;right:-220px;top:28%;background:radial-gradient(circle,rgba(255,61,138,.35),transparent 65%);animation-duration:30s;animation-direction:alternate-reverse}
.sg-qbg i:nth-child(3){width:520px;height:520px;left:30%;top:62%;background:radial-gradient(circle,rgba(0,216,255,.3),transparent 65%);animation-duration:27s}
.sg-qbg i:nth-child(4){width:480px;height:480px;right:10%;bottom:-160px;background:radial-gradient(circle,rgba(255,138,60,.3),transparent 65%);animation-duration:33s;animation-direction:alternate-reverse}
.sg-qbg b{position:absolute;right:-.04em;top:120px;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(7rem,16vw,15rem);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.07);-webkit-mask:linear-gradient(90deg,transparent,#000 40%);mask:linear-gradient(90deg,transparent,#000 40%)}
.sg-quote .sg-qhero{border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 60px 120px -60px rgba(0,0,0,.95)!important}
.sg-quote h1>span{background-image:linear-gradient(90deg,#00D8FF,#0A9DE8 30%,#FF3D8A 62%,#FF8A3C)!important;background-size:220% 100%!important;animation:sgHue 8s ease-in-out infinite alternate}
.sg-quote .mb-6.flex.items-center.gap-3{margin-bottom:26px!important;gap:14px!important}
.sg-quote .mb-6.flex.items-center.gap-3>span{width:42px!important;height:42px!important;font-size:13px!important;box-shadow:0 12px 26px -10px rgba(255,106,0,.8),inset 0 1px 0 rgba(255,255,255,.35)!important}
.sg-quote .mb-6.flex.items-center.gap-3 h2{color:#F4F6FB!important;font-size:clamp(1.5rem,2.4vw,2.2rem)!important;letter-spacing:-.025em!important}
.sg-quote [class*="text-ink"]{color:rgba(244,246,251,.62)!important}
.sg-quote .mb-7.grid>button{border-radius:20px!important;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 40%,rgba(10,15,31,.55))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s!important}
.sg-quote .mb-7.grid>button:hover{transform:translateY(-3px);border-color:rgba(0,216,255,.4)!important}
.sg-quote .mb-7.grid>button[class*="ring-cyan"]{border-color:rgba(0,216,255,.65)!important;background:linear-gradient(160deg,rgba(0,216,255,.16),rgba(10,157,232,.08) 50%,rgba(10,15,31,.6))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px rgba(0,216,255,.35),0 24px 50px -28px rgba(0,216,255,.6)!important;--tw-ring-color:transparent!important;--tw-ring-shadow:0 0 #0000!important}
.sg-quote fieldset>section{padding:1.5px!important;box-shadow:0 60px 120px -60px rgba(0,0,0,.95)!important}
.sg-quote fieldset>section>div{background:linear-gradient(180deg,#0B1428,#070B18 70%)!important}
.sg-quote fieldset>section>div>div:first-child{opacity:.7}
.sg-quote fieldset label[class*="rounded-3xl"]{background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015) 40%,rgba(10,15,31,.7))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 60px -44px rgba(0,0,0,.9)!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s!important}
.sg-quote fieldset label[class*="rounded-3xl"]:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 34px 64px -40px rgba(0,0,0,.95)!important}
.sg-quote fieldset label[class*="rounded-3xl"]:has(input:checked){border-color:rgba(0,216,255,.7)!important;background:linear-gradient(160deg,rgba(0,216,255,.14),rgba(10,157,232,.06) 45%,rgba(10,15,31,.7))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px rgba(0,216,255,.4),0 30px 60px -36px rgba(0,216,255,.55)!important}
.sg-quote form>div>section,.sg-quote form>div>aside{position:relative;overflow:hidden;border-radius:28px!important;background:linear-gradient(160deg,#0C1730,#0A0F1F 60%,#0D1B2E)!important;border-color:rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 50px 100px -60px rgba(0,0,0,.95)!important}
.sg-quote form>div>aside{top:96px!important}
.sg-quote form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.sg-quote form select,.sg-quote form textarea{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.14)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .25s,box-shadow .25s,background .25s!important}
.sg-quote form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,.sg-quote form select:focus,.sg-quote form textarea:focus{border-color:#00D8FF!important;background:rgba(0,216,255,.06)!important;box-shadow:0 0 0 3px rgba(0,216,255,.18)!important;outline:none!important}
.sg-quote form label[class*="rounded-full"]{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.14)!important;transition:transform .3s,background .3s,border-color .3s,color .3s!important}
.sg-quote form label[class*="rounded-full"]:hover{transform:translateY(-2px);border-color:rgba(0,216,255,.5)!important}
.sg-quote form label[class*="rounded-full"]:has(input:checked){background:linear-gradient(90deg,#FF6A00,#FF3D8A)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 12px 24px -12px rgba(255,61,138,.7)}
.sg-quote form aside strong.text-2xl{font-size:2rem!important;background:linear-gradient(90deg,#00D8FF,#0A9DE8 50%,#FF3D8A);-webkit-background-clip:text;background-clip:text;color:transparent!important;letter-spacing:-.03em}
.sg-quote form aside>p:first-child{color:#FF8A3C!important}
.sg-quote form aside [class*="bg-white/7"]{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)}
.sg-quote form aside button{transition:transform .3s,box-shadow .3s!important}
.sg-quote form aside button:hover{transform:translateY(-2px)}
.sg-rail{position:fixed;left:26px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:22px;opacity:0;pointer-events:none;transition:opacity .4s}
.sg-rail.show{opacity:1;pointer-events:auto}
.sg-rail a{display:flex;align-items:center;gap:10px;text-decoration:none;color:rgba(244,246,251,.5);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;transition:color .3s}
.sg-rail a i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,.18);background:rgba(10,15,31,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s,border-color .3s,transform .3s}
.sg-rail a.on{color:#F4F6FB}.sg-rail a.on i{background:linear-gradient(135deg,#FF6A00,#FF3D8A);border-color:transparent;color:#fff;transform:scale(1.08);box-shadow:0 10px 22px -10px rgba(255,61,138,.8)}
.sg-rail a:hover{color:#F4F6FB}
.sg-rail::before{content:"";position:absolute;left:15px;top:30px;bottom:30px;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.25),rgba(255,255,255,.05));z-index:-1}
@media (max-width:1439px){.sg-rail{display:none}}
@media (max-width:767px){.sg-qbg b{display:none}.sg-qbg i{filter:blur(55px)}}
@media (prefers-reduced-motion:reduce){.sg-qbg i,.sg-quote h1>span{animation:none}}
/* v12 */ /* mobile polish pass + remove corner category pill on work cards (user-requested, 2026-09-02) */
div[style*="aspect-ratio"] > span.absolute.left-3.top-3.rounded-full{display:none!important}
@media (max-width:767px){
.sg-wh-filters{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 10px!important;gap:8px!important;border-radius:14px}
.sg-wh-filters::-webkit-scrollbar{display:none}
.sg-wh-filters>button{flex:0 0 auto;white-space:nowrap;min-height:36px!important;padding:7px 14px!important;font-size:12.5px!important}
.sg-tools{display:none!important}
.sg-wh-chips a{font-size:13px;padding:9px 14px!important;min-height:40px!important}
.sg-wh-head h1+p{font-size:1rem!important;margin-top:18px!important}
#pricing .sg-sh::before{display:none}
#pricing .sg-sh{padding-top:22px}
}
@media (max-width:899px){
#our-difference tbody tr{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important;margin-bottom:10px}
#our-difference tbody tr:last-child{margin-bottom:0}
#our-difference tbody th{border-bottom:1px solid rgba(255,255,255,.1)!important}
}
/* v13 */ /* site footer redesign: 4-column layout (brand / explore / services / talk-to-us), link rows, refined bottom bar, wordmark base. 2026-09-02 */
footer.sg-foot>div.relative{padding-bottom:0!important}
footer.sg-foot .sg-fgrid{display:grid!important;grid-template-columns:1.3fr .68fr .95fr 1.22fr;gap:44px 40px!important;margin-top:56px!important;padding-top:52px;border-top:1px solid rgba(255,255,255,.08)}
footer.sg-foot .sg-fgrid>*{grid-column:auto!important;min-width:0}
/* brand column */
.sg-fbrand>span:first-child{font-size:24px!important;gap:12px!important}
.sg-fbrand>span:first-child img{width:46px!important;height:46px!important;border-radius:13px!important;box-shadow:0 12px 26px -12px rgba(0,216,255,.7)}
.sg-fbrand>p{margin-top:20px!important;font-size:14px!important;line-height:1.75!important;color:rgba(235,242,255,.68)!important;max-width:23rem!important}
.sg-fbrand>div.mt-5{margin-top:18px!important;gap:6px!important}
.sg-fbrand>div.mt-5 span{padding:6px 11px!important;font-size:9px!important;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.14)!important;color:rgba(235,242,255,.72)!important}
.sg-fbrand ul.mt-6{margin-top:22px!important;gap:10px!important}
.sg-fbrand ul.mt-6 a{width:44px!important;height:44px!important;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.14)!important;color:#EAF0FF!important;box-shadow:none!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,color .3s!important}
.sg-fbrand ul.mt-6 li:nth-child(1) a:hover{background:rgba(255,61,138,.18)!important;border-color:rgba(255,61,138,.6)!important;color:#FF7AB3!important}
.sg-fbrand ul.mt-6 li:nth-child(2) a:hover{background:rgba(0,216,255,.16)!important;border-color:rgba(0,216,255,.6)!important;color:#00D8FF!important}
.sg-fbrand ul.mt-6 li:nth-child(3) a:hover{background:rgba(52,211,153,.16)!important;border-color:rgba(52,211,153,.6)!important;color:#6EE7B7!important}
.sg-fbrand ul.mt-6 li:nth-child(4) a:hover{background:rgba(255,138,60,.16)!important;border-color:rgba(255,138,60,.6)!important;color:#FFB07A!important}
.sg-fbrand ul.mt-6 a:hover{transform:translateY(-3px)}
.sg-fbrand>.mt-7{margin-top:22px!important;padding:14px 16px!important;border-radius:16px!important;background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:none!important;transform:none!important}
.sg-fbrand>.mt-7:hover{border-color:rgba(255,255,255,.18)!important;box-shadow:none!important}
.sg-fbrand>.mt-7>p:first-child{font-size:9.5px!important;color:#00D8FF!important}
/* link columns */
.sg-fnav>div{gap:10px!important}
.sg-fnav>div span.h-px{width:22px!important}
.sg-fnav h2{font-size:11px!important;letter-spacing:.22em!important;color:#EAF0FF!important}
.sg-fnav-1 h2{color:#00D8FF!important}.sg-fnav-2 h2{color:#FF8A3C!important}
.sg-fnav ul{margin-top:18px!important;display:flex!important;flex-direction:column;gap:0!important}
.sg-fnav ul li{border-bottom:1px solid rgba(255,255,255,.06)}
.sg-fnav ul li a{display:flex!important;align-items:center!important;justify-content:space-between;gap:12px;padding:9px 0!important;font-size:13.5px!important;line-height:1.4;color:rgba(235,242,255,.7)!important;transition:color .25s,padding-left .3s cubic-bezier(.2,.8,.2,1)!important}
.sg-fnav ul li a>span:first-child{display:none!important}
.sg-fnav ul li a::after{content:"\2192";flex:none;font-size:13px;opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1);color:#00D8FF}
.sg-fnav-2 ul li a::after{color:#FF8A3C}
.sg-fnav ul li a:hover{color:#fff!important;padding-left:8px!important}
.sg-fnav ul li a:hover::after{opacity:1;transform:none}
/* talk-to-us card */
.sg-fcontact{position:relative;overflow:hidden;align-self:start;padding:22px 22px 20px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 45%,rgba(6,20,38,.6));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 40px 80px -50px rgba(0,0,0,.9)}
.sg-fcontact::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#00D8FF,#0A9DE8,#FF3D8A,#FF8A3C)}
.sg-fcontact::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,216,255,.28),transparent 65%);pointer-events:none}
.sg-fc-head{display:flex;align-items:center;gap:10px}
.sg-fc-head span{width:22px;height:1px;background:linear-gradient(90deg,#00D8FF,#0A9DE8)}
.sg-fc-head h2{margin:0;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#EAF0FF}
.sg-fc-item{position:relative;display:flex;align-items:center;gap:13px;margin-top:12px;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);text-decoration:none!important;color:#EAF0FF;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s}
.sg-fc-head+.sg-fc-item{margin-top:18px}
.sg-fc-item i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-style:normal}
.sg-fc-item i svg{width:20px;height:20px}
.sg-fc-item.sg-wa i{background:rgba(52,211,153,.16);color:#6EE7B7;border:1px solid rgba(52,211,153,.35)}
.sg-fc-item.sg-em i{background:rgba(0,216,255,.14);color:#00D8FF;border:1px solid rgba(0,216,255,.35)}
.sg-fc-item span{display:flex;flex-direction:column;min-width:0}
.sg-fc-item small{font-size:9.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(235,242,255,.5)}
.sg-fc-item b{margin-top:2px;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:#fff;overflow-wrap:anywhere}
.sg-fc-item em{margin-left:auto;font-style:normal;color:rgba(235,242,255,.4);transition:color .25s,transform .3s}
.sg-fc-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24)}
.sg-fc-item.sg-wa:hover{border-color:rgba(52,211,153,.6)}.sg-fc-item.sg-em:hover{border-color:rgba(0,216,255,.6)}
.sg-fc-item:hover em{color:#fff;transform:translateX(3px)}
.sg-fc-note{display:flex;align-items:flex-start;gap:9px;margin:16px 0 0;font-size:12px;line-height:1.55;color:rgba(235,242,255,.6)}
.sg-fc-note i{flex:none;margin-top:5px;width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:sgPing 2.2s ease-out infinite}
/* bottom bar */
footer.sg-foot .sg-fbot{margin-top:52px!important;padding:24px 0 30px!important;border-radius:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.1)!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;transform:none!important;display:flex!important;flex-wrap:wrap;align-items:center!important;gap:14px 28px!important;font-size:12px!important;color:rgba(235,242,255,.5)!important}
footer.sg-foot .sg-fbot>.sg-spotlight,footer.sg-foot .sg-fbot>.sg-topline{display:none!important}
footer.sg-foot .sg-fbot>p{order:1;margin-right:auto}
footer.sg-foot .sg-fbot>ul{order:2;gap:6px 22px!important}
footer.sg-foot .sg-fbot>ul a{color:rgba(235,242,255,.62)!important;transition:color .25s!important}
footer.sg-foot .sg-fbot>ul a:hover{color:#fff!important}
footer.sg-foot .sg-fbot>ul li:last-child{display:none}
.sg-fup{order:3;display:inline-flex;align-items:center;gap:10px;padding:0 6px 0 16px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#EAF0FF;font:700 11px/1 "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .3s,border-color .3s,background .3s}
.sg-fup i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:14px;background:linear-gradient(135deg,#FF6A00,#FF3D8A);color:#fff;transition:transform .3s}
.sg-fup:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}
.sg-fup:hover i{transform:translateY(-2px)}
/* wordmark base */
.sg-fwm{position:relative;height:clamp(54px,8.2vw,132px);overflow:hidden;pointer-events:none;user-select:none;margin:0 -8px}
.sg-fwm span{position:absolute;left:0;right:0;top:0;text-align:center;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(4.6rem,14.6vw,16rem);line-height:.78;letter-spacing:-.05em;white-space:nowrap;color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.02) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,.06)}
.sg-fwm span b{font-weight:800;background:linear-gradient(180deg,rgba(0,216,255,.5),rgba(255,61,138,.05) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* responsive */
@media (max-width:1100px){footer.sg-foot .sg-fgrid{grid-template-columns:1fr 1fr;gap:36px 32px!important}footer.sg-foot .sg-fgrid>.sg-fbrand{grid-column:1/-1!important}footer.sg-foot .sg-fgrid>.sg-fcontact{grid-column:1/-1!important}.sg-fnav-2 ul{display:grid!important;grid-template-columns:1fr!important}}
@media (min-width:640px) and (max-width:1100px){.sg-fcontact{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.sg-fc-head{grid-column:1/-1}.sg-fc-note{grid-column:1/-1}}
@media (max-width:639px){footer.sg-foot .sg-fgrid>.sg-fbrand{order:-2}footer.sg-foot .sg-fgrid>.sg-fcontact{order:-1}footer.sg-foot .sg-fgrid{grid-template-columns:1fr 1fr;gap:30px 18px!important;margin-top:40px!important;padding-top:36px}.sg-fnav ul li a{font-size:13px!important;padding:8px 0!important}.sg-fcontact{padding:18px 16px 16px}footer.sg-foot .sg-fbot{padding:20px 0 24px!important;gap:12px 18px!important}footer.sg-foot .sg-fbot>p{flex-basis:100%}.sg-fup{margin-left:auto}}
@media (prefers-reduced-motion:reduce){.sg-fc-note i{animation:none}}
/* v13.1 */ footer.sg-foot .sg-fgrid:first-child{margin-top:0!important;padding-top:6px;border-top:0}
/* v14 */ /* boot intro: aurora brand-gradient backdrop (user-requested, 2026-09-02) */
html:not(.sg-booted) body::before{background:radial-gradient(55% 45% at 12% 12%,rgba(0,216,255,.2),transparent 62%),radial-gradient(50% 40% at 90% 18%,rgba(255,61,138,.17),transparent 62%),radial-gradient(55% 40% at 50% 105%,rgba(255,138,60,.18),transparent 62%),#06091A!important}
.sg-boot{background:#06091A!important}
.sg-boot::before{content:"";position:absolute;left:50%;top:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;z-index:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(0,216,255,0),rgba(0,216,255,.26) 18%,rgba(10,157,232,.2) 36%,rgba(255,61,138,.24) 58%,rgba(255,138,60,.2) 78%,rgba(0,216,255,0));filter:blur(70px);opacity:.85;animation:sgBootSpin 16s linear infinite;will-change:transform}
.sg-boot::after{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.3px);background-size:28px 28px;opacity:.35;-webkit-mask:radial-gradient(60% 60% at 50% 45%,#000,transparent 100%);mask:radial-gradient(60% 60% at 50% 45%,#000,transparent 100%)}
.sg-boot-aur{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.sg-boot-aur i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:sgDrift 18s ease-in-out infinite alternate;will-change:transform}
.sg-boot-aur i:nth-child(1){width:60vmax;height:60vmax;left:-22vmax;top:-18vmax;background:radial-gradient(circle,rgba(0,216,255,.5),transparent 65%)}
.sg-boot-aur i:nth-child(2){width:56vmax;height:56vmax;right:-20vmax;top:-6vmax;background:radial-gradient(circle,rgba(255,61,138,.42),transparent 65%);animation-duration:22s;animation-direction:alternate-reverse}
.sg-boot-aur i:nth-child(3){width:58vmax;height:58vmax;left:20%;bottom:-30vmax;background:radial-gradient(circle,rgba(255,138,60,.4),transparent 65%);animation-duration:20s}
.sg-boot-aur i:nth-child(4){width:46vmax;height:46vmax;right:5%;bottom:-18vmax;background:radial-gradient(circle,rgba(10,157,232,.45),transparent 65%);animation-duration:25s;animation-direction:alternate-reverse}
.sg-boot-aur::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 50%,transparent 40%,rgba(6,9,26,.75) 100%)}
.sg-boot canvas{z-index:1}
.sg-boot-logo,.sg-boot-word,.sg-boot-tag,.sg-boot-bar{z-index:2}
@keyframes sgBootSpin{to{transform:rotate(1turn)}}
@media (max-width:767px){.sg-boot-aur i{filter:blur(55px)}.sg-boot::before{filter:blur(50px)}}
@media (prefers-reduced-motion:reduce){.sg-boot::before,.sg-boot-aur i{animation:none}}
/* v17 */ /* FAQ sections (FAQPage) + "last updated / reviewed by" meta line. 2026-09-03 */
.sg-faq{position:relative;isolation:isolate;overflow:hidden;background:#070B18;color:#F4F6FB;padding:88px 0 96px}
.sg-faq-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(50% 45% at 0% 0%,rgba(0,216,255,.16),transparent 60%),radial-gradient(45% 40% at 100% 20%,rgba(255,61,138,.13),transparent 60%),radial-gradient(45% 35% at 55% 110%,rgba(255,138,60,.14),transparent 60%)}
.sg-faq-bg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.3px);background-size:26px 26px;opacity:.45;-webkit-mask:linear-gradient(180deg,#000,transparent 70%);mask:linear-gradient(180deg,#000,transparent 70%)}
.sg-faq-bg b{position:absolute;right:-.04em;bottom:-.12em;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(6rem,14vw,13rem);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.07)}
@media (max-width:767px){.sg-faq-bg b{display:none}}
.sg-faq-in{position:relative;z-index:1;max-width:72rem;margin:0 auto;padding:0 1rem}
@media (min-width:640px){.sg-faq-in{padding:0 1.5rem}}@media (min-width:1024px){.sg-faq-in{padding:0 2rem}}
.sg-faq-head{display:grid;gap:28px;align-items:end;margin-bottom:36px}
@media (min-width:900px){.sg-faq-head{grid-template-columns:1.1fr .9fr}}
.sg-faq-eye{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:999px;border:1px solid rgba(0,216,255,.35);background:rgba(0,216,255,.08);color:#00D8FF;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.sg-faq-eye::before{content:"";width:8px;height:8px;border-radius:50%;background:#00D8FF;box-shadow:0 0 0 0 rgba(0,216,255,.6);animation:sgPing 2.2s ease-out infinite}
.sg-faq h2{margin:18px 0 0;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.02;letter-spacing:-.035em;color:#F4F6FB}
.sg-faq h2 span{background:linear-gradient(90deg,#00D8FF,#0A9DE8 45%,#FF3D8A);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em}
.sg-faq-intro{margin:0;padding:16px 18px 16px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.12);border-left:3px solid #FF3D8A;background:rgba(255,255,255,.05);color:rgba(244,246,251,.78);font-size:15px;line-height:1.65;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.sg-faq-list{display:grid;gap:10px}
@media (min-width:900px){.sg-faq-list{grid-template-columns:1fr 1fr;align-items:start}}
.sg-faq details{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 45%,rgba(10,15,31,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.14);transition:border-color .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.sg-faq details:hover{border-color:rgba(0,216,255,.4)}
.sg-faq details[open]{border-color:rgba(0,216,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 30px 60px -40px rgba(0,216,255,.5)}
.sg-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:700;font-size:15.5px;line-height:1.35;letter-spacing:-.01em;color:#F4F6FB}
.sg-faq summary::-webkit-details-marker{display:none}
.sg-faq summary i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:16px;font-weight:800;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#00D8FF;transition:transform .35s,background .3s,color .3s}
.sg-faq summary i::before{content:"+"}
.sg-faq details[open] summary i{transform:rotate(45deg);background:linear-gradient(135deg,#FF6A00,#FF3D8A);border-color:transparent;color:#fff}
.sg-faq .sg-faq-a{padding:0 20px 20px 64px;margin:0;color:rgba(244,246,251,.74);font-size:14.5px;line-height:1.7}
.sg-faq .sg-faq-a a{color:#00D8FF;text-decoration:underline;text-underline-offset:3px}
.sg-faq-foot{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;font-size:13px;color:rgba(244,246,251,.55)}
.sg-faq-foot a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;background:linear-gradient(90deg,#FF6A00,#FF3D8A);color:#fff!important;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:700;font-size:13px;text-decoration:none!important;box-shadow:0 14px 28px -12px rgba(255,61,138,.6);transition:transform .3s}
.sg-faq-foot a:hover{transform:translateY(-2px)}
/* meta line */
.sg-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;max-width:72rem;margin:0 auto;padding:18px 1rem 0;font-size:12.5px;color:rgba(244,246,251,.55)}
.sg-meta b{font-weight:600;color:rgba(244,246,251,.8)}
.sg-meta time{color:#00D8FF}
@media (min-width:640px){.sg-meta{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.sg-meta{padding-left:2rem;padding-right:2rem}}
.sg-faq .sg-meta{padding-top:28px;margin-top:8px;border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:640px){.sg-faq{padding:64px 0 72px}.sg-faq summary{padding:15px 16px;font-size:14.5px}.sg-faq .sg-faq-a{padding:0 16px 16px 60px}}
@media (prefers-reduced-motion:reduce){.sg-faq-eye::before{animation:none}}
/* v17.1 */ .sg-faq-col{display:grid;gap:10px;align-content:start}.sg-faq-head{align-items:start}.sg-faq-intro{margin-top:4px}
/* v17.2 */ /* FAQ: side rail + single question column */
.sg-faq-grid{display:grid;gap:34px 56px;align-items:start}
@media (min-width:960px){.sg-faq-grid{grid-template-columns:minmax(260px,.9fr) 1.6fr}.sg-faq-side{position:sticky;top:96px}}
.sg-faq-side .sg-faq-intro{margin-top:22px}
.sg-faq-side .sg-faq-foot{margin-top:22px;gap:10px}
.sg-faq-side .sg-faq-foot a{min-height:44px}
.sg-faq-wa{background:linear-gradient(90deg,#34D399,#0EA5A4)!important;box-shadow:0 14px 28px -12px rgba(52,211,153,.55)!important}
.sg-faq-note{margin:16px 0 0;font-size:12.5px;color:rgba(244,246,251,.5)}
.sg-faq-list{display:grid;grid-template-columns:1fr!important;gap:10px}
.sg-faq-head{display:none}
.sg-faq .sg-meta{padding-left:0;padding-right:0;margin-top:40px}
/* v18 */ /* Home "Featured video projects" theatre: film-keyed aurora, editorial heading, richer caption, compact playlist with progress + motion. 2026-09-03 */
#video-projects{--sg-acc:#ffb15c}
/* heading */
#video-projects [class*="CorporateWork_eyebrow__"]{display:inline-flex;align-items:center;gap:9px;padding:6px 12px 6px 9px;border-radius:999px;border:1px solid rgba(232,67,28,.28);background:rgba(232,67,28,.06);color:#c9391a;font-size:10.5px;letter-spacing:.2em;font-weight:800}
#video-projects [class*="CorporateWork_eyebrow__"]::before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#FF6A00,#FF3D8A);box-shadow:0 0 0 0 rgba(255,106,0,.55);animation:sgPing 2.2s ease-out infinite}
#corporate-work-heading{margin-top:16px;letter-spacing:-.04em}
#corporate-work-heading span{font-family:"Instrument Serif",Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:1.16em;letter-spacing:0;line-height:.95;background:linear-gradient(92deg,#FF6A00 0%,#FF3D8A 55%,#0A9DE8 120%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em;display:inline-block}
#video-projects [class*="CorporateWork_intro__"]{font-size:16px;line-height:1.6;color:#4f5b69;max-width:600px}
#video-projects [class*="CorporateWork_allWork__"]{background:#0A0F1F;color:#fff;border-color:#0A0F1F;box-shadow:0 14px 28px -14px rgba(10,15,31,.6);transition:transform .3s,box-shadow .3s,background .3s}
#video-projects [class*="CorporateWork_allWork__"]:hover{transform:translateY(-2px);background:linear-gradient(90deg,#FF6A00,#FF3D8A);border-color:transparent;box-shadow:0 18px 34px -14px rgba(255,61,138,.6)}
/* stage / theatre */
#video-projects [class*="CorporateWork_stage__"]{isolation:isolate;overflow:hidden;background:radial-gradient(at 100% 0,rgba(34,49,73,.55),transparent 70%),#080f1c;box-shadow:0 30px 65px -34px rgba(8,23,41,.5),0 0 0 1px color-mix(in srgb,var(--sg-acc) 22%,transparent),0 50px 140px -60px color-mix(in srgb,var(--sg-acc) 60%,transparent);transition:box-shadow .8s ease}
#video-projects [class*="CorporateWork_stage__"]>*:not(.sg-fv-aur){position:relative;z-index:1}
.sg-fv-aur{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.sg-fv-aur i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.9;transition:background 1s ease;animation:sgDrift 22s ease-in-out infinite alternate;will-change:transform}
.sg-fv-aur i:nth-child(1){width:560px;height:560px;left:-140px;top:-220px;background:radial-gradient(circle,color-mix(in srgb,var(--sg-acc) 62%,transparent),transparent 66%)}
.sg-fv-aur i:nth-child(2){width:520px;height:520px;right:-180px;bottom:-240px;background:radial-gradient(circle,color-mix(in srgb,var(--sg-acc) 34%,#0A9DE8 0%),transparent 66%);animation-duration:28s;animation-direction:alternate-reverse}
.sg-fv-aur i:nth-child(3){width:420px;height:420px;left:38%;bottom:-260px;background:radial-gradient(circle,rgba(10,157,232,.32),transparent 66%);animation-duration:25s}
.sg-fv-aur::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.3px);background-size:24px 24px;opacity:.5;-webkit-mask:linear-gradient(115deg,#000,transparent 70%);mask:linear-gradient(115deg,#000,transparent 70%)}
.sg-fv-aur::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--sg-acc) 30%,#FF3D8A 60%,#0A9DE8 85%,transparent);opacity:.9}
/* film frame */
#video-projects [class*="CorporateWork_filmFrame__"]{box-shadow:0 30px 70px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);border:1px solid color-mix(in srgb,var(--sg-acc) 35%,rgba(255,255,255,.1));transition:border-color .8s}
#video-projects [class*="CorporateWork_cover__"]{transform-origin:50% 50%;animation:sgFvKen 18s ease-in-out infinite alternate}
#video-projects [class*="CorporateWork_filmFrame__"]:has(video) [class*="CorporateWork_cover__"]{animation:none}
@keyframes sgFvKen{from{transform:scale(1.02) translate3d(-.6%,0,0)}to{transform:scale(1.08) translate3d(.8%,-.6%,0)}}
.sg-fv-peek{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;pointer-events:none;z-index:1}
.sg-fv-peek.is-on{opacity:1}
#video-projects [class*="CorporateWork_frameCategory__"]{z-index:3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(8,15,28,.55);border:1px solid rgba(255,255,255,.18)}
#video-projects [class*="CorporateWork_frameDuration__"]{z-index:3}
#video-projects [class*="CorporateWork_playFilm__"]{z-index:3}
#video-projects [class*="CorporateWork_playDisc__"]{transition:transform .45s cubic-bezier(.2,.9,.2,1.2),box-shadow .45s;box-shadow:0 0 0 0 rgba(255,255,255,.35),0 20px 40px -18px rgba(0,0,0,.7)}
#video-projects [class*="CorporateWork_playFilm__"]:hover [class*="CorporateWork_playDisc__"]{transform:scale(1.1);box-shadow:0 0 0 14px color-mix(in srgb,var(--sg-acc) 22%,transparent),0 24px 48px -18px rgba(0,0,0,.8)}
#video-projects [class*="CorporateWork_playLabel__"]{transition:transform .35s,background .35s}
#video-projects [class*="CorporateWork_playFilm__"]:hover [class*="CorporateWork_playLabel__"]{transform:translateY(2px);background:linear-gradient(90deg,#FF6A00,#FF3D8A)}
/* caption under the player */
#video-projects [class*="CorporateWork_filmMeta__"]{padding:22px 6px 2px;align-items:flex-start;gap:18px}
#video-projects [class*="CorporateWork_nowShowing__"]{display:none}
.sg-fv-now{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sg-acc);transition:color .6s}
.sg-fv-now .sg-fv-eq{display:inline-flex;align-items:flex-end;gap:2px;height:10px}
.sg-fv-now .sg-fv-eq b{width:2px;height:4px;background:currentColor;border-radius:1px;animation:sgFvEq 1s ease-in-out infinite}
.sg-fv-now .sg-fv-eq b:nth-child(2){animation-delay:.2s;height:9px}.sg-fv-now .sg-fv-eq b:nth-child(3){animation-delay:.4s;height:6px}
#video-projects:not(.sg-fv-playing) .sg-fv-now .sg-fv-eq b{animation:none;height:4px;opacity:.5}
@keyframes sgFvEq{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1.4)}}
#featured-project-title{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em;line-height:1.05}
#video-projects [class*="CorporateWork_filmDescription__"]{font-size:14.5px;line-height:1.6;color:rgba(212,222,236,.8);max-width:560px}
.sg-fv-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.sg-fv-chips span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(230,236,246,.85);font-size:11.5px;font-weight:600;letter-spacing:.01em}
.sg-fv-chips span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sg-acc);box-shadow:0 0 8px var(--sg-acc)}
/* playlist */
#video-projects [class*="CorporateWork_playlist__"]{gap:12px;padding:6px 2px 0 0}
#video-projects [class*="CorporateWork_playlistHeading__"]{align-items:baseline;padding:0 4px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
#video-projects [class*="CorporateWork_playlistHeading__"] p{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em}
#video-projects [class*="CorporateWork_playlistHeading__"] span{font-size:11px;color:rgba(200,212,228,.6)}
#video-projects [class*="CorporateWork_projectChoices__"]{display:flex;flex-direction:column;gap:12px;flex:0 0 auto;grid-template-rows:none}
#video-projects [class*="CorporateWork_projectChoice__"]{position:relative;display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;padding:12px 14px 12px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);height:auto;min-height:0;overflow:hidden;text-align:left;transition:border-color .35s,background .35s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
#video-projects [class*="CorporateWork_projectChoice__"]:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);transform:translateX(4px)}
#video-projects [class*="CorporateWork_projectChoice__"][aria-pressed="true"]{border-color:color-mix(in srgb,var(--choice-accent) 70%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--choice-accent) 16%,transparent),rgba(255,255,255,.04) 70%);box-shadow:0 18px 40px -26px var(--choice-accent),inset 0 1px 0 rgba(255,255,255,.14);transform:none}
#video-projects [class*="CorporateWork_projectChoice__"][aria-pressed="true"]::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--sg-ang,0deg),transparent 0 62%,var(--choice-accent) 78%,#fff 84%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sgFvRing 4.5s linear infinite;pointer-events:none;opacity:.9}
@property --sg-ang{syntax:"";inherits:false;initial-value:0deg}
@keyframes sgFvRing{to{--sg-ang:360deg}}
#video-projects [class*="CorporateWork_thumbnail__"]{width:150px;aspect-ratio:16/9;height:auto;border-radius:10px;overflow:hidden;box-shadow:0 10px 24px -12px rgba(0,0,0,.8)}
#video-projects [class*="CorporateWork_thumbnail__"] img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
#video-projects [class*="CorporateWork_projectChoice__"]:hover [class*="CorporateWork_thumbnail__"] img{transform:scale(1.08)}
#video-projects [class*="CorporateWork_projectDetails__"]{gap:3px;min-width:0}
#video-projects [class*="CorporateWork_projectCategory__"]{font-size:9.5px;letter-spacing:.16em;color:var(--choice-accent)}
#video-projects [class*="CorporateWork_projectTitle__"]{font-size:16px;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#video-projects [class*="CorporateWork_projectDuration__"]{display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(190,204,222,.7)}
#video-projects [class*="CorporateWork_selectedMark__"]{display:none}
.sg-fv-state{display:none;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--choice-accent)}
#video-projects [class*="CorporateWork_projectChoice__"][aria-pressed="true"] .sg-fv-state{display:inline-flex}
.sg-fv-state::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:sgPing 2s ease-out infinite}
.sg-fv-prog{position:absolute;left:0;bottom:0;height:3px;width:100%;transform:scaleX(var(--p,0));transform-origin:left;background:linear-gradient(90deg,var(--choice-accent),#fff);opacity:0;transition:opacity .4s}
#video-projects [class*="CorporateWork_projectChoice__"][aria-pressed="true"] .sg-fv-prog{opacity:.95}
#video-projects [class*="CorporateWork_playlistNote__"]{font-size:11.5px;color:rgba(190,204,222,.55);padding:4px 4px 0;line-height:1.5}
.sg-fv-tip{margin-top:auto;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;color:rgba(214,224,238,.78);font-size:13px;line-height:1.55;text-decoration:none!important;transition:border-color .3s,transform .3s}
.sg-fv-tip:hover{border-color:rgba(255,255,255,.22);transform:translateY(-2px)}
.sg-fv-tip em{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-style:normal;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:700;font-size:12.5px;color:#fff}
.sg-fv-tip em::after{content:"→";transition:transform .3s}
.sg-fv-tip:hover em::after{transform:translateX(4px)}
.sg-fv-tip b{color:#fff;font-weight:700}
.sg-fv-tip i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#FF6A00,#FF3D8A);color:#fff;font-style:normal;font-size:15px;box-shadow:0 10px 20px -10px rgba(255,61,138,.7)}
@media (max-width:1023px){#video-projects [class*="CorporateWork_stage__"]{grid-template-columns:1fr}.sg-fv-tip{display:none}}
@media (max-width:640px){#video-projects [class*="CorporateWork_projectChoice__"]{grid-template-columns:96px 1fr;padding:8px 10px 8px 8px}#video-projects [class*="CorporateWork_thumbnail__"]{width:96px}#video-projects [class*="CorporateWork_filmMeta__"]{padding-top:16px}.sg-fv-chips span{font-size:11px;padding:5px 9px}.sg-fv-aur i{filter:blur(50px)}}
@media (prefers-reduced-motion:reduce){#video-projects [class*="CorporateWork_cover__"],.sg-fv-aur i,.sg-fv-now .sg-fv-eq b,#video-projects [class*="CorporateWork_projectChoice__"][aria-pressed="true"]::after{animation:none}}
/* v19 */ /* AEO: "at a glance" facts card on About, Answers links in footer + FAQ rails. 2026-09-03 */
.sg-glance-wrap{position:relative;z-index:2}
.sg-glance{position:relative;margin:36px auto 0;max-width:none;padding:26px 26px 22px;border-radius:22px;border:1px solid rgba(10,15,31,.1);background:linear-gradient(160deg,#fff,#f7f5f2 70%);box-shadow:0 30px 60px -40px rgba(10,15,31,.35),inset 0 1px 0 #fff;color:#0A0F1F}
.sg-glance::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,#00D8FF,#0A9DE8 40%,#FF3D8A 75%,#FF6A00)}
.sg-glance-eye{display:inline-flex;align-items:center;gap:9px;margin:0 0 12px;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#c9391a}
.sg-glance-eye::before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#FF6A00,#FF3D8A)}
.sg-glance-def{margin:0 0 20px;max-width:56rem;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:700;font-size:clamp(1.15rem,1.9vw,1.6rem);line-height:1.25;letter-spacing:-.025em;color:#0A0F1F}
.sg-glance-def em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:1.12em;background:linear-gradient(90deg,#FF6A00,#FF3D8A 60%,#0A9DE8);-webkit-background-clip:text;background-clip:text;color:transparent}
.sg-glance-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;padding:0;list-style:none}
.sg-glance-grid li{padding:12px 14px;border-radius:14px;border:1px solid rgba(10,15,31,.08);background:rgba(255,255,255,.7)}
.sg-glance-grid b{display:block;margin-bottom:3px;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#0A9DE8}
.sg-glance-grid span{font-size:14px;line-height:1.5;color:#33404f}
.sg-glance-more{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:700;font-size:13.5px;color:#0A0F1F;text-decoration:none;border-bottom:2px solid #FF3D8A;padding-bottom:2px}
.sg-glance-more:hover{color:#FF3D8A}
@media (max-width:640px){.sg-glance{padding:20px 18px 18px;margin-top:28px}}
.sg-faq-note a.sg-faq-all{color:#00D8FF;text-decoration:underline;text-underline-offset:3px;margin-left:6px;font-weight:600}
/* v19.1 */ @media (min-width:900px){.sg-glance-grid{grid-template-columns:repeat(3,1fr)}}
/* v20 */ /* Services page polish, promoted from the v15 preview: aurora backdrop, colour-keyed service cards, in-page CTA that replaces the duplicate footer card. 2026-09-03 */
/* dark aurora backdrop primitive */
.sg-aur{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.sg-aur::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask:radial-gradient(70% 60% at 50% 30%,#000 10%,transparent 100%);mask:radial-gradient(70% 60% at 50% 30%,#000 10%,transparent 100%)}
.sg-aur::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.3px);background-size:26px 26px;opacity:.45;-webkit-mask:linear-gradient(180deg,#000,transparent 60%);mask:linear-gradient(180deg,#000,transparent 60%)}
.sg-aur i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.7;animation:sgDrift 26s ease-in-out infinite alternate;will-change:transform}
.sg-aur i:nth-child(1){width:min(48vw,760px);height:min(48vw,760px);left:-10vw;top:-14vw;background:radial-gradient(circle,rgba(0,216,255,.55),transparent 65%)}
.sg-aur i:nth-child(2){width:min(46vw,720px);height:min(46vw,720px);right:-12vw;top:6%;background:radial-gradient(circle,rgba(255,61,138,.45),transparent 65%);animation-duration:32s;animation-direction:alternate-reverse}
.sg-aur i:nth-child(3){width:min(44vw,700px);height:min(44vw,700px);left:36%;bottom:-16vw;background:radial-gradient(circle,rgba(255,138,60,.36),transparent 65%);animation-duration:29s}
.sg-aur b{position:absolute;right:-.04em;top:90px;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(6rem,14vw,13rem);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.07);-webkit-mask:linear-gradient(90deg,transparent,#000 40%);mask:linear-gradient(90deg,transparent,#000 40%)}
.sg-aur.sg-aur-low b{top:auto;bottom:-.1em}
.sg-aur.sg-aur-soft i{opacity:.42}
.sg-bgh{position:relative;isolation:isolate}
.sg-bgh>*:not(.sg-aur):not(.absolute):not(.fixed){position:relative;z-index:2}
.sg-bgh>.absolute:not(.sg-aur){z-index:0}
/* services cards */
.sg-svc{--acc:#00D8FF}
.sg-svc[data-n="02"]{--acc:#FF3D8A}.sg-svc[data-n="03"]{--acc:#0A9DE8}.sg-svc[data-n="04"]{--acc:#FF8A3C}.sg-svc[data-n="05"]{--acc:#34D399}.sg-svc[data-n="06"]{--acc:#C084FC}
.sg-svc::before{content:attr(data-n);position:absolute;right:28px;top:24px;z-index:2;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:11px;letter-spacing:.22em;color:var(--acc);padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);background:color-mix(in srgb,var(--acc) 10%,transparent)}
.sg-svc::after{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--acc),transparent 65%);opacity:.14;pointer-events:none;transition:opacity .4s}
.sg-svc:hover::after{opacity:.24}
.sg-svc>span.absolute.inset-x-0.top-0{height:2px!important;background:linear-gradient(90deg,var(--acc),transparent 70%)!important;opacity:1!important}
.sg-svc>span.absolute.inset-x-0.top-0+div [class*="rounded-xl"][class*="shadow-lg"]{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#0A0F1F))!important;box-shadow:0 14px 30px -14px var(--acc)!important}
.sg-svc h2,.sg-svc h3{position:relative}
.sg-svc ul li{transition:transform .3s,border-color .3s!important}
.sg-svc ul li:hover{transform:translateX(4px)}
.sg-svc ul li>span:first-child,.sg-svc ul li>svg,.sg-svc ul li [class*="rounded-full"]:first-child{background:var(--acc)!important;color:var(--acc)!important}
/* in-page CTA section, replaces the duplicate footer card */
.sg-pcta{isolation:isolate}
.sg-pcta>div.pointer-events-none{opacity:.6}
.sg-pcta h2{position:relative}
.sg-pcta h2::after{content:"";display:block;width:120px;height:3px;margin:22px auto 0;border-radius:3px;background:linear-gradient(90deg,#00D8FF,#0A9DE8,#FF3D8A,#FF8A3C)}
body.sg-has-cta footer>div.relative>div.rounded-\[2rem\]{display:none!important}
body.sg-has-cta footer .sg-fgrid{margin-top:0!important;padding-top:6px;border-top:0}
@media (max-width:767px){.sg-aur b{display:none}.sg-aur i{filter:blur(55px)}.sg-svc::before{right:16px;top:14px}}
@media (prefers-reduced-motion:reduce){.sg-aur i{animation:none}}
/* v21 */ /* Loading affordances (route bar, media shimmer + spinner) and section backdrops on the remaining flat pages. 2026-09-03 */
/* --- route progress bar --- */
#sg-bar{position:fixed;left:0;top:0;height:3px;width:0;z-index:2147483000;pointer-events:none;opacity:0;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#00D8FF,#0A9DE8 40%,#FF3D8A 72%,#FF8A3C);box-shadow:0 0 12px rgba(0,216,255,.55);transition:width .28s cubic-bezier(.2,.7,.3,1),opacity .25s}
#sg-bar.on{opacity:1}
/* --- media loading state --- */
.sg-ldg{background-color:#0b1428;background-image:linear-gradient(100deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.09) 46%,rgba(255,255,255,0) 64%);background-size:220% 100%;background-repeat:no-repeat;animation:sgShim 1.5s linear infinite}
@keyframes sgShim{0%{background-position:140% 0}100%{background-position:-40% 0}}
.sg-spin{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;z-index:5;pointer-events:none;border-radius:50%;border:2px solid rgba(255,255,255,.16);border-top-color:#00D8FF;border-right-color:#0A9DE8;animation:sgSpin .8s linear infinite}
.sg-spin::after{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid transparent;border-bottom-color:rgba(255,61,138,.75);animation:sgSpin 1.25s linear infinite reverse}
@keyframes sgSpin{to{transform:rotate(360deg)}}
/* --- light paper backdrop primitive (dark one ships with v20) --- */
.sg-lite{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;background:radial-gradient(50% 40% at 6% 10%,rgba(0,216,255,.14),transparent 62%),radial-gradient(40% 36% at 96% 30%,rgba(255,61,138,.10),transparent 62%),radial-gradient(45% 35% at 60% 100%,rgba(255,138,60,.12),transparent 62%)}
.sg-lite::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(10,15,31,.12) 1px,transparent 1.3px);background-size:26px 26px;-webkit-mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.sg-lite::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(10,15,31,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(10,15,31,.045) 1px,transparent 1px);background-size:130px 130px;-webkit-mask:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 100%);mask:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 100%)}
.sg-lite i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.6;will-change:transform;animation:sgDrift 24s ease-in-out infinite alternate}
.sg-lite i:nth-child(1){width:480px;height:480px;left:-160px;top:12%;background:radial-gradient(circle,rgba(0,216,255,.4),transparent 65%)}
.sg-lite i:nth-child(2){width:520px;height:520px;right:-200px;top:30%;background:radial-gradient(circle,rgba(255,61,138,.3),transparent 65%);animation-duration:30s;animation-direction:alternate-reverse}
.sg-lite i:nth-child(3){width:440px;height:440px;left:40%;bottom:-160px;background:radial-gradient(circle,rgba(255,138,60,.34),transparent 65%);animation-duration:27s}
.sg-lite b{position:absolute;right:-.05em;bottom:-.12em;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(6rem,16vw,14rem);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(10,15,31,.09)}
/* keep both backdrop primitives behind content inside a .sg-bgh host */
.sg-bgh>.sg-lite,.sg-bgh>.sg-aur{position:absolute!important;z-index:1!important}
.sg-aur.sg-aur-mid b{top:auto;bottom:22%}
@media (max-width:767px){.sg-lite b{display:none}.sg-lite i{filter:blur(55px)}}
@media (prefers-reduced-motion:reduce){.sg-lite i{animation:none}.sg-ldg{animation:none}.sg-spin,.sg-spin::after{animation-duration:2.4s}}
/* v24 */ /* Pricing page backdrop: the production vocabulary of the thing being bought —
timecode, safe-area guides, a timeline with a live playhead, a waveform, aspect-ratio
frames in the gutters, and ghost format frames stacked behind each tier card. */
.sg-prod{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:rgba(147,161,189,.5);
font-size:10px;letter-spacing:.18em;text-transform:uppercase;line-height:1}
.sg-bgh>.sg-prod{position:absolute!important;z-index:1!important}
.sg-prod *{box-sizing:border-box}
/* record light + timecode */
.sg-tc{position:absolute;font-size:12px;letter-spacing:.14em;color:rgba(0,216,255,.6);white-space:nowrap;font-variant-numeric:tabular-nums}
.sg-tc b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#FF3D8A;margin-right:9px;vertical-align:1px;box-shadow:0 0 8px rgba(255,61,138,.8);animation:sgRec 1.4s steps(1) infinite}
.sg-tc small{display:block;margin-top:6px;font-size:9px;letter-spacing:.2em;color:rgba(147,161,189,.42)}
@keyframes sgRec{50%{opacity:.2}}
/* action-safe / title-safe guides around the headline */
.sg-safe{position:absolute;border:1px dashed rgba(0,216,255,.16);border-radius:2px}
.sg-safe.act{border-style:solid;border-color:rgba(0,216,255,.09)}
.sg-safe i{position:absolute;font-style:normal;font-size:9px;letter-spacing:.2em;color:rgba(147,161,189,.42);background:#050b16;padding:0 6px;right:14px;bottom:-6px}
.sg-ck{position:absolute;width:14px;height:14px;border:1px solid rgba(0,216,255,.5)}
.sg-ck.tl{border-right:0;border-bottom:0}.sg-ck.tr{border-left:0;border-bottom:0}
.sg-ck.bl{border-right:0;border-top:0}.sg-ck.br{border-left:0;border-top:0}
/* timeline */
.sg-tl{position:absolute;height:26px}
.sg-tl .ln{position:absolute;left:0;right:0;top:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,216,255,.24) 6%,rgba(0,216,255,.24) 94%,transparent)}
.sg-tl .tk{position:absolute;left:0;right:0;top:7px;height:10px;
background-image:repeating-linear-gradient(90deg,rgba(0,216,255,.32) 0 1px,transparent 1px 72px),repeating-linear-gradient(90deg,rgba(0,216,255,.14) 0 1px,transparent 1px 18px);
background-size:100% 10px,100% 5px;background-repeat:no-repeat;background-position:0 0,0 5px;
-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.sg-tl .ph{position:absolute;top:1px;width:1px;height:24px;background:#FF3D8A;box-shadow:0 0 10px rgba(255,61,138,.75);left:6%;animation:sgPh 52s linear infinite}
.sg-tl .ph::before{content:"";position:absolute;top:-5px;left:-4px;border:4px solid transparent;border-top:6px solid #FF3D8A}
@keyframes sgPh{from{left:6%}to{left:94%}}
.sg-tl .lb{position:absolute;left:6%;top:-14px;font-size:9px;letter-spacing:.2em;color:rgba(147,161,189,.42);white-space:nowrap}
.sg-tl .lb2{position:absolute;right:6%;top:-14px;font-size:9px;letter-spacing:.2em;color:rgba(147,161,189,.42);white-space:nowrap}
/* waveform */
.sg-wf{position:absolute;height:44px;display:flex;align-items:center;gap:3px}
.sg-wf i{display:block;width:2px;height:var(--h,40%);background:rgba(0,216,255,.32);border-radius:1px;transform-origin:center;animation:sgWf 2.8s ease-in-out infinite;animation-delay:var(--d,0s)}
.sg-wf i:nth-child(6n){background:rgba(255,61,138,.42)}
@keyframes sgWf{50%{transform:scaleY(.42)}}
.sg-wf em{position:absolute;left:0;top:-14px;font-style:normal;font-size:9px;letter-spacing:.2em;color:rgba(147,161,189,.42);white-space:nowrap}
/* aspect-ratio frames */
.sg-fr{position:absolute;border:1px solid rgba(0,216,255,.2);border-radius:3px}
.sg-fr::before{content:"";position:absolute;inset:8px;border:1px dashed rgba(0,216,255,.11);border-radius:2px}
.sg-fr::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;
background:linear-gradient(rgba(0,216,255,.35),rgba(0,216,255,.35)) center/100% 1px no-repeat,linear-gradient(rgba(0,216,255,.35),rgba(0,216,255,.35)) center/1px 100% no-repeat}
.sg-fr i{position:absolute;left:0;bottom:-16px;font-style:normal;font-size:9px;letter-spacing:.2em;color:rgba(147,161,189,.45);white-space:nowrap}
/* ghost frames behind the tier cards: fainter, no centre mark */
.sg-fr.gh{border-color:rgba(0,216,255,.16)}
.sg-fr.gh::after{display:none}
.sg-fr.gh i{color:rgba(147,161,189,.38)}
@media (max-width:767px){.sg-prod .sg-fr,.sg-prod .sg-safe,.sg-prod .sg-ck{display:none}}
@media (prefers-reduced-motion:reduce){.sg-tl .ph,.sg-wf i,.sg-tc b{animation:none}}
/* v26 */ /* Pricing page: savings block, media buying section, two new single-asset rates.
Styling follows the existing card language exactly — no new colours introduced. */
.sg-save{margin-top:18px;border-radius:14px;border:1px solid var(--sgc,rgba(0,216,255,.22));background:var(--sgb,rgba(0,216,255,.06));padding:13px 15px}
.sg-save .r{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:11.5px;line-height:1.5}
.sg-save .r + .r{margin-top:7px}
.sg-save .k{color:rgba(255,255,255,.46)}
.sg-save .v{font-variant-numeric:tabular-nums;color:rgba(255,255,255,.46);text-decoration:line-through;text-decoration-thickness:1px;white-space:nowrap}
.sg-save .pay .k{color:#fff;font-weight:700}
.sg-save .pay .v{color:#fff;font-weight:900;text-decoration:none;font-size:15px;letter-spacing:-.03em}
.sg-save .win{margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1)}
.sg-save .win .k,.sg-save .win .v{color:#6EE7B7;font-weight:800;text-decoration:none}
.sg-save li{display:none}
/* media buying */
#sg-mb{margin-top:4rem;scroll-margin-top:6rem}
#sg-mb .hd{max-width:46rem}
#sg-mb .eb{font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#A78BFA}
#sg-mb h2{margin-top:.75rem;font-family:var(--font-display),"Space Grotesk",system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;letter-spacing:-.035em;line-height:1.1;color:#fff}
#sg-mb .sub{margin-top:.85rem;font-size:.875rem;line-height:1.6;color:rgba(255,255,255,.62)}
#sg-mb .row{margin-top:1.75rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}
#sg-mb .box{position:relative;overflow:hidden;border-radius:1.55rem;border:1px solid rgba(167,139,250,.30);
background:linear-gradient(145deg,rgba(48,27,82,.72),rgba(9,19,34,.98) 48%);padding:1.4rem 1.25rem;
box-shadow:0 26px 65px -42px rgba(0,0,0,.95)}
#sg-mb .box::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#A78BFA,#0A9DE8)}
#sg-mb .box h3{margin-top:.55rem;font-family:var(--font-display),"Space Grotesk",system-ui,sans-serif;font-size:1.35rem;font-weight:900;letter-spacing:-.03em;color:#fff}
#sg-mb .box .lead{margin-top:.7rem;font-size:.8125rem;font-weight:600;line-height:1.45;color:#A78BFA}
#sg-mb .pb{margin-top:1rem;border-radius:14px;border:1px solid rgba(167,139,250,.22);background:rgba(167,139,250,.07);padding:.8rem .9rem}
#sg-mb .pb .l{font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4)}
#sg-mb .pb .p{display:block;margin-top:5px;font-family:var(--font-display),"Space Grotesk",system-ui,sans-serif;font-size:1.3rem;font-weight:900;letter-spacing:-.035em;color:#fff}
#sg-mb .pb .p small{font-size:.62em;font-weight:600;color:rgba(255,255,255,.55)}
#sg-mb .pb .u{display:block;margin-top:4px;font-size:10.5px;font-weight:700;color:rgba(255,255,255,.4)}
#sg-mb ul{list-style:none;margin:1.1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.55rem}
#sg-mb ul li{display:flex;gap:.6rem;font-size:.78rem;line-height:1.45;color:rgba(255,255,255,.66)}
#sg-mb ul li::before{content:"✓";color:#A78BFA;flex:none;font-size:.72rem}
#sg-mb .note{margin-top:1.1rem;border-radius:12px;border:1px dashed rgba(167,139,250,.28);padding:.7rem .8rem;font-size:11px;line-height:1.5;color:rgba(255,255,255,.6)}
#sg-mb .note b{color:#fff}
#sg-mb table{width:100%;border-collapse:collapse;font-size:.8125rem}
#sg-mb th{text-align:left;padding:.6rem .9rem;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.12)}
#sg-mb td{padding:.7rem .9rem;border-bottom:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums}
#sg-mb td:last-child{color:#fff;font-weight:800;text-align:right}
#sg-mb tr:last-child td{border-bottom:0}
#sg-mb .card2{border-radius:1.55rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);overflow:hidden}
#sg-mb .ex{margin-top:1rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);padding:1.1rem 1.2rem;font-size:.78rem;line-height:1.6;color:rgba(255,255,255,.66)}
#sg-mb .ex b{color:#fff}
#sg-mb .ex .l{display:block;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:.55rem}
@media (prefers-reduced-motion:reduce){#sg-mb *{transition:none!important}}
/* v27 */ /* USER-APPROVED. Packages dropdown on the Pricing nav item, matching the reference
the user supplied. Hover on desktop, tap on mobile, Esc or outside click closes it. */
.sg-dd{position:relative}
.sg-dd > .sg-tg{display:inline-flex;align-items:center;gap:6px}
.sg-dd > .sg-tg::after{content:"";width:0;height:0;border:3.5px solid transparent;border-top:4px solid currentColor;opacity:.65;transform:translateY(2px);transition:transform .18s ease}
.sg-dd[data-open="1"] > .sg-tg::after{transform:translateY(0) rotate(180deg)}
.sg-menu{
position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%) translateY(-6px);
width:320px;padding:8px;border-radius:16px;z-index:60;
background:rgba(8,14,28,.97);border:1px solid rgba(150,168,200,.24);
box-shadow:0 34px 74px -30px rgba(0,0,0,.92);
backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.sg-dd[data-open="1"] .sg-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.sg-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.sg-menu a{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border-radius:11px;text-decoration:none;transition:background .15s ease}
.sg-menu a:hover,.sg-menu a:focus-visible{background:rgba(150,168,200,.13);outline:none}
.sg-menu a:focus-visible{box-shadow:0 0 0 2px rgba(0,216,255,.6)}
.sg-menu .dot{width:6px;height:6px;border-radius:50%;margin-top:6px;flex:none;background:var(--dc,#00D8FF)}
.sg-menu .tt{display:block;font-family:var(--font-display),"Space Grotesk",system-ui,sans-serif;font-size:12.5px;font-weight:800;letter-spacing:-.01em;color:#fff}
.sg-menu .dd{display:block;margin-top:3px;font-size:11px;line-height:1.45;color:rgba(233,238,248,.5)}
@media (max-width:1023px){.sg-menu{display:none}}
@media (prefers-reduced-motion:reduce){.sg-menu,.sg-dd > .sg-tg::after{transition:none}}
/* v28 */ /* Media buying tier cards: Test / Grow / Scale, plus the commercial rules strip. */
#sg-mb .row3{margin-top:1.75rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));align-items:stretch}
#sg-mb .row3 .box{display:flex;flex-direction:column}
#sg-mb .row3 .box.t{border-color:rgba(0,216,255,.28);background:linear-gradient(145deg,rgba(8,51,68,.6),rgba(9,19,34,.98) 48%)}
#sg-mb .row3 .box.t::before{background:linear-gradient(90deg,#00D8FF,#0A9DE8)}
#sg-mb .row3 .box.t .eb,#sg-mb .row3 .box.t ul li::before{color:#00D8FF}
#sg-mb .row3 .box.t .pb{border-color:rgba(0,216,255,.22);background:rgba(0,216,255,.07)}
#sg-mb .row3 .box.g{border-color:rgba(255,61,138,.34);background:linear-gradient(145deg,rgba(69,22,75,.68),rgba(9,19,34,.98) 44%);box-shadow:0 0 0 2px rgba(255,61,138,.4),0 26px 65px -42px rgba(0,0,0,.95)}
#sg-mb .row3 .box.g::before{background:linear-gradient(90deg,#FF3D8A,#C084FC)}
#sg-mb .row3 .box.g .eb,#sg-mb .row3 .box.g ul li::before{color:#FF3D8A}
#sg-mb .row3 .box.g .pb{border-color:rgba(255,61,138,.24);background:rgba(255,61,138,.08)}
#sg-mb .row3 .box.s{border-color:rgba(255,138,60,.30);background:linear-gradient(145deg,rgba(74,35,10,.64),rgba(9,19,34,.98) 48%)}
#sg-mb .row3 .box.s::before{background:linear-gradient(90deg,#FF8A3C,#FF3D8A)}
#sg-mb .row3 .box.s .eb,#sg-mb .row3 .box.s ul li::before{color:#FF8A3C}
#sg-mb .row3 .box.s .pb{border-color:rgba(255,138,60,.22);background:rgba(255,138,60,.07)}
#sg-mb .row3 .pop{position:absolute;top:14px;right:14px;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
padding:5px 9px;border-radius:999px;background:linear-gradient(90deg,#FF3D8A,#C084FC);color:#fff}
#sg-mb .row3 .pb .p{font-size:1.42rem}
#sg-mb .ob{padding-top:.9rem;font-size:10.5px;line-height:1.5;color:rgba(233,238,248,.44);border-top:1px solid rgba(255,255,255,.08);margin-top:1rem}
#sg-mb .rules{margin-top:1.25rem;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
background:rgba(150,168,200,.16);border:1px solid rgba(150,168,200,.16);border-radius:1.25rem;overflow:hidden}
#sg-mb .rules > div{background:#0A0F1F;padding:1rem 1.1rem;font-size:11.5px;line-height:1.55;color:rgba(233,238,248,.6)}
#sg-mb .rules .l{display:block;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#fff;margin-bottom:.45rem}
/* v29 */ /* Media buying is two tiers now, so give each card more room. */
#sg-mb .row3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:52rem}
/* v31 */ /* CTA button on the media buying tiers, matching the card button language. */
#sg-mb .sg-cta{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:1rem;
border-radius:12px;font-family:var(--font-display),"Space Grotesk",system-ui,sans-serif;
font-weight:900;font-size:.8125rem;text-decoration:none;color:#04101f;transition:transform .18s ease,filter .18s ease}
#sg-mb .sg-cta:hover{transform:translateY(-2px);filter:saturate(1.35)}
#sg-mb .box.g .sg-cta{background:linear-gradient(90deg,#FF3D8A,#C084FC)}
#sg-mb .box.s .sg-cta{background:linear-gradient(90deg,#FF8A3C,#FF3D8A)}
/* v33 */ /* Injected cards must render at rest: their clone source starts hidden for a
scroll reveal that never fires for them. */
#story-post,#long-form-video,#platform-version{opacity:1!important;transform:none!important}
/* v35 */ /* Accent pinning for the injected asset cards: background tint, top bar and button. */
#story-post{background-image:linear-gradient(145deg,rgba(8,51,68,.72),rgba(9,19,34,.98) 48%)!important}
#long-form-video{background-image:linear-gradient(145deg,rgba(6,58,52,.72),rgba(9,19,34,.98) 48%)!important}
#platform-version{background-image:linear-gradient(145deg,rgba(75,22,51,.68),rgba(9,19,34,.98) 48%)!important}
#story-post > span[aria-hidden="true"]:first-child{background-image:linear-gradient(90deg,#00D8FF,#0A9DE8)!important}
#long-form-video > span[aria-hidden="true"]:first-child{background-image:linear-gradient(90deg,#34D399,#2DD4BF)!important}
#platform-version > span[aria-hidden="true"]:first-child{background-image:linear-gradient(90deg,#FF3D8A,#C084FC)!important}
#story-post a[href*="/quote/"]{background-image:linear-gradient(90deg,#00D8FF,#0A9DE8)!important;color:#04101f!important}
#long-form-video a[href*="/quote/"]{background-image:linear-gradient(90deg,#34D399,#2DD4BF)!important;color:#04101f!important}
#platform-version a[href*="/quote/"]{background-image:linear-gradient(90deg,#FF3D8A,#C084FC)!important;color:#04101f!important}
#story-post .rounded-2xl{border-color:rgba(0,216,255,.22)!important;background-color:rgba(0,216,255,.07)!important}
#long-form-video .rounded-2xl{border-color:rgba(52,211,153,.22)!important;background-color:rgba(52,211,153,.07)!important}
#platform-version .rounded-2xl{border-color:rgba(255,61,138,.22)!important;background-color:rgba(255,61,138,.07)!important}
/* v36 */ /* Quoted-per-project routes for the service lines advertised on /services/ that
carry no fixed price, plus the sector line. No prices are invented; each row goes to the brief. */
#sg-qp{margin-top:4rem;scroll-margin-top:6rem}
#sg-qp .eb{font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#00D8FF}
#sg-qp h2{margin-top:.75rem;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;letter-spacing:-.035em;line-height:1.1;color:#fff}
#sg-qp .sub{margin-top:.85rem;max-width:44rem;font-size:.875rem;line-height:1.6;color:rgba(255,255,255,.62)}
#sg-qp .list{margin-top:1.5rem;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
background:rgba(150,168,200,.16);border:1px solid rgba(150,168,200,.16);border-radius:1.5rem;overflow:hidden}
#sg-qp a.row{display:flex;flex-direction:column;background:#0A0F1F;padding:1.25rem 1.35rem;text-decoration:none;transition:background .18s ease}
#sg-qp a.row:hover,#sg-qp a.row:focus-visible{background:#0E1428;outline:none}
#sg-qp a.row:focus-visible{box-shadow:inset 0 0 0 2px rgba(0,216,255,.6)}
#sg-qp .rt{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:.95rem;font-weight:900;letter-spacing:-.02em;color:#fff}
#sg-qp .rt::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rc,#00D8FF);flex:none}
#sg-qp .rd{margin-top:.5rem;font-size:.78rem;line-height:1.55;color:rgba(233,238,248,.55)}
#sg-qp .rp{margin-top:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rc,#00D8FF)}
#sg-qp .sectors{margin-top:1.25rem;padding:1.05rem 1.25rem;border:1px solid rgba(150,168,200,.16);border-radius:1.25rem;
background:rgba(255,255,255,.03);font-size:.8rem;line-height:1.6;color:rgba(233,238,248,.6)}
#sg-qp .sectors b{color:#fff;font-weight:700}
#sg-qp .sectors .l{display:block;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:rgba(233,238,248,.4);margin-bottom:.45rem}
/* v37 */ /* Own-channel proof band. These are StoneGFX's own accounts, and the copy says so —
presenting them as client outcomes would be a different claim entirely. */
#sg-proof{margin-top:2.5rem;scroll-margin-top:6rem;position:relative;overflow:hidden;
border:1px solid rgba(150,168,200,.18);border-radius:1.75rem;
background:linear-gradient(150deg,rgba(12,28,52,.9),rgba(9,19,34,.98) 55%);padding:clamp(1.4rem,3vw,2.2rem)}
#sg-proof::before{content:"";position:absolute;inset:0 0 auto;height:3px;z-index:4;\n background:linear-gradient(90deg,#00D8FF,#0A9DE8,#FF3D8A,#FF8A3C,#FF3D8A,#0A9DE8,#00D8FF);\n background-size:200% 100%;animation:sgProofFlow 7s linear infinite}
#sg-proof .eb{font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#00D8FF}
#sg-proof h2{margin-top:.7rem;font-family:var(--font-display);font-size:clamp(1.5rem,2.9vw,2.1rem);
font-weight:900;letter-spacing:-.035em;line-height:1.08;color:#fff;max-width:24ch}
#sg-proof h2 i{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.18em;
background-image:linear-gradient(100deg,#00D8FF,#FF3D8A);-webkit-background-clip:text;background-clip:text;
color:transparent;-webkit-text-fill-color:transparent}
#sg-proof .sub{margin-top:.9rem;max-width:52ch;font-size:.875rem;line-height:1.65;color:rgba(233,238,248,.62)}
#sg-proof .stats{margin-top:1.6rem;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
background:rgba(150,168,200,.16);border:1px solid rgba(150,168,200,.16);border-radius:1.25rem;overflow:hidden}
#sg-proof .st{background:#0A0F1F;padding:1.15rem 1.25rem}
#sg-proof .st .plat{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:600;
letter-spacing:.16em;text-transform:uppercase;color:var(--pc,#00D8FF)}
#sg-proof .st .big{margin-top:.6rem;display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap;
font-family:var(--font-display);font-weight:900;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
#sg-proof .st .from{font-size:1rem;color:rgba(233,238,248,.4)}
#sg-proof .st .arrow{font-size:.85rem;color:var(--pc,#00D8FF)}
#sg-proof .st .to{font-size:1.85rem}
#sg-proof .st .win{margin-top:.5rem;font-size:.78rem;line-height:1.5;color:rgba(233,238,248,.55)}
#sg-proof .st .win b{color:var(--pc,#00D8FF);font-weight:700}
#sg-proof .honest{margin-top:1.25rem;padding:.95rem 1.15rem;border-radius:1rem;
border:1px dashed rgba(150,168,200,.28);font-size:.78rem;line-height:1.6;color:rgba(233,238,248,.55)}
#sg-proof .honest b{color:#fff;font-weight:700}
@media (prefers-reduced-motion:reduce){#sg-proof *{transition:none!important;animation:none!important}}
/* v38 */ /* Website packages, second pass. Each card is framed as a browser window, because the
thing being sold is a website and the chrome tells you which tier you are looking at before you
read a word. Deliverables are grouped, and the ladder between tiers is made explicit. */
#sg-web{margin-top:4rem;scroll-margin-top:6rem}
#sg-web .hd{max-width:48rem}
#sg-web .hd .eb{font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#0A9DE8}
#sg-web h2{margin-top:.75rem;font-family:var(--font-display),"Space Grotesk",system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;letter-spacing:-.035em;line-height:1.1;color:#fff}
#sg-web .sub{margin-top:.85rem;font-size:.875rem;line-height:1.65;color:rgba(255,255,255,.62)}
#sg-web .wrow{margin-top:1.9rem;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch}
#sg-web .wc{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:1.4rem;
border:1px solid rgba(var(--wcr,57,224,245),.28);background:#0A0F1F;
box-shadow:0 30px 70px -46px rgba(0,0,0,.95)}
#sg-web .wc.on{border-color:rgba(var(--wcr,47,123,255),.55);
box-shadow:0 30px 80px -40px rgba(var(--wcr,47,123,255),.5),0 0 0 1px rgba(var(--wcr,47,123,255),.22) inset}
#sg-web .chrome{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;
background:linear-gradient(180deg,rgba(var(--wcr,57,224,245),.14),rgba(255,255,255,.02));
border-bottom:1px solid rgba(255,255,255,.09)}
#sg-web .dots{display:flex;gap:5px;flex:none}
#sg-web .dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18)}
#sg-web .dots i:first-child{background:var(--wc,#00D8FF)}
#sg-web .url{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
border-radius:999px;background:rgba(4,7,15,.55);border:1px solid rgba(255,255,255,.07);
padding:.24rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
font-size:10px;letter-spacing:.01em;color:rgba(255,255,255,.42)}
#sg-web .tag{flex:none;border-radius:999px;border:1px solid rgba(var(--wcr,47,123,255),.5);
background:rgba(var(--wcr,47,123,255),.18);padding:.22rem .55rem;
font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#fff}
#sg-web .body{display:flex;flex-direction:column;flex:1 1 auto;padding:1.35rem 1.2rem 1.3rem;
background:linear-gradient(170deg,rgba(var(--wcr,57,224,245),.08),rgba(9,19,34,0) 46%)}
#sg-web .body>.eb{font-size:8.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--wc,#00D8FF)}
#sg-web .wc h3{margin-top:.5rem;font-family:var(--font-display),"Space Grotesk",system-ui,sans-serif;
font-size:1.4rem;font-weight:900;letter-spacing:-.032em;line-height:1.1;color:#fff}
#sg-web .lead{margin-top:.55rem;font-size:.8125rem;line-height:1.55;color:rgba(255,255,255,.58)}
#sg-web .pb{margin-top:1.05rem}
#sg-web .pb .p{display:block;font-family:var(--font-display),"Space Grotesk",system-ui,sans-serif;
font-size:1.62rem;font-weight:900;letter-spacing:-.04em;line-height:1;color:#fff}
#sg-web .pb .u{display:block;margin-top:.35rem;font-size:10.5px;font-weight:700;color:rgba(255,255,255,.38)}
#sg-web .specs{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);
border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
#sg-web .sp{padding:.62rem .1rem}
#sg-web .sp + .sp{border-left:1px solid rgba(255,255,255,.09);padding-left:.7rem}
#sg-web .sl{display:block;font-size:7.5px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.34)}
#sg-web .sv{display:block;margin-top:.28rem;font-size:11.5px;font-weight:800;letter-spacing:-.01em;color:#fff}
#sg-web .inh{margin-top:1rem;display:flex;align-items:center;gap:.45rem;border-radius:11px;
border:1px solid rgba(var(--wcr,57,224,245),.26);background:rgba(var(--wcr,57,224,245),.09);
padding:.55rem .7rem;font-size:11px;line-height:1.4;color:rgba(255,255,255,.66)}
#sg-web .inh b{color:#fff;font-weight:800}
#sg-web .inh .ar{flex:none;display:inline-flex;align-items:center;justify-content:center;
width:16px;height:16px;border-radius:50%;background:rgba(var(--wcr,57,224,245),.22);
color:var(--wc,#00D8FF);font-size:10px;font-weight:900}
#sg-web .inh.base{border-style:dashed;background:transparent;color:rgba(255,255,255,.42);font-style:italic}
#sg-web .inh .it{flex:1 1 auto;min-width:0}
#sg-web .groups{margin-top:1.15rem;flex:1 1 auto;display:flex;flex-direction:column;gap:1rem}
#sg-web .grp .gl{display:flex;align-items:center;gap:.45rem;font-size:8px;font-weight:900;
letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4)}
#sg-web .grp .gl::before{content:"";width:12px;height:2px;border-radius:2px;background:var(--wc,#00D8FF);flex:none}
#sg-web .grp ul{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.42rem}
#sg-web .grp li{display:flex;gap:.5rem;font-size:.7825rem;line-height:1.45;color:rgba(255,255,255,.7)}
#sg-web .grp li::before{content:"\2713";color:var(--wc,#00D8FF);flex:none;font-size:.68rem;line-height:1.7;opacity:.85}
#sg-web .cta{margin-top:1.3rem;display:block;border-radius:999px;padding:.78rem 1rem;text-align:center;
font-size:.8125rem;font-weight:900;letter-spacing:-.005em;color:#04070F;text-decoration:none;
background:var(--wc,#00D8FF);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
#sg-web .cta:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 12px 28px -14px rgba(var(--wcr,57,224,245),.9)}
#sg-web .foot{margin-top:1.3rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
border-radius:1.25rem;border:1px dashed rgba(150,168,200,.26);padding:1.1rem 1.2rem;
font-size:.78rem;line-height:1.62;color:rgba(255,255,255,.6)}
#sg-web .fmain p + p{margin-top:.6rem}
#sg-web .foot b{color:#fff;font-weight:700}
#sg-web .foot a{color:#0A9DE8;text-decoration:underline}
#sg-web .foot .ex{font-size:11px;line-height:1.7;color:rgba(255,255,255,.44);
border-left:2px solid rgba(150,168,200,.22);padding-left:.9rem}
#sg-web .foot .ex b{display:block;margin-bottom:.3rem;font-size:8px;font-weight:900;
letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.4)}
@media (max-width:400px){#sg-web .specs{grid-template-columns:1fr 1fr}#sg-web .sp:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.09);padding-left:.1rem}}
@media (prefers-reduced-motion:reduce){#sg-web *{transition:none!important}}
/* v39 */ /* Secondary "see prices" link on each /services/ capability card. Deliberately quieter
than the quote button beside it: the brief stays the primary action. */
a.sg-pricelink{display:inline-flex;align-items:center;vertical-align:middle;gap:.4rem;margin:0 0 0 1.35rem;
font-family:var(--font-sans),system-ui,sans-serif;font-size:.78rem;font-weight:700;
letter-spacing:-.005em;color:#00D8FF;text-decoration:none;
border-bottom:1px solid rgba(0,216,255,.32);padding-bottom:2px;
transition:color .18s ease,border-color .18s ease,gap .18s ease}
a.sg-pricelink span{font-size:.9em;line-height:1}
a.sg-pricelink:hover{color:#8FEEFB;border-bottom-color:rgba(0,216,255,.7);gap:.55rem}
a.sg-pricelink:focus-visible{outline:2px solid #00D8FF;outline-offset:3px;border-radius:2px}
@media (max-width:560px){a.sg-pricelink{display:flex;width:-moz-fit-content;width:fit-content;margin:.95rem 0 0}}
@media (prefers-reduced-motion:reduce){a.sg-pricelink{transition:none}}
/* v40 */ /* Motion on the proof band: a flowing top bar, the perimeter beam, and the count-up.
Every animated state has a visible resting equivalent, so the figures read correctly with
JavaScript disabled and reduced-motion viewers get the finished numbers immediately. */
@keyframes sgProofFlow{to{background-position:-200% 0}}
#sg-proof .st .to{display:inline-block;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
#sg-proof .st .from,#sg-proof .st .arrow{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
#sg-proof.sg-armed .st .from{opacity:0;transform:translateX(-5px)}
#sg-proof.sg-armed .st .arrow{opacity:0;transform:translateX(-9px)}
#sg-proof.sg-run .st .from,#sg-proof.sg-run .st .arrow{opacity:1;transform:none}
#sg-proof.sg-run .st .from{transition-delay:.28s}
#sg-proof.sg-run .st .arrow{transition-delay:.42s}
@media (prefers-reduced-motion:reduce){
#sg-proof::before{animation:none;background-position:0 0}
#sg-proof.sg-armed .st .from,#sg-proof.sg-armed .st .arrow{opacity:1;transform:none}
#sg-proof .st .from,#sg-proof .st .arrow{transition:none}
}
/* v41 */ /* Motion cues 01 to 04. The pattern throughout: the finished state is the default rule,
an "armed" class hides it with transitions switched off, and removing that class is what plays
the move. Nothing here can strand content in a hidden state if an animation never gets a clock. */
/* cue 01 — the website card boots like the browser window it is drawn as */
#sg-web .chrome{position:relative}
#sg-web .bwload{position:absolute;left:0;bottom:-1px;height:2px;width:0;
background:linear-gradient(90deg,var(--wc,#00D8FF),rgba(255,255,255,.92));pointer-events:none}
#sg-web .wc.sg-go .bwload{animation:sgBw .95s cubic-bezier(.4,0,.2,1) .1s forwards}
@keyframes sgBw{0%{width:0;opacity:1}84%{width:100%;opacity:1}100%{width:100%;opacity:0}}
#sg-web .wc.sg-typing .url::after{content:"";display:inline-block;width:1px;height:8px;
background:var(--wc,#00D8FF);vertical-align:-1px;margin-left:1px;animation:sgCaret .68s steps(1) infinite}
@keyframes sgCaret{0%,49%{opacity:1}50%,100%{opacity:0}}
#sg-web .wc .body > *{transition:opacity .5s ease-out var(--d,0s),transform .52s cubic-bezier(.2,.8,.2,1) var(--d,0s)}
#sg-web .wc .body > *:nth-child(1){--d:.02s}
#sg-web .wc .body > *:nth-child(2){--d:.08s}
#sg-web .wc .body > *:nth-child(3){--d:.14s}
#sg-web .wc .body > *:nth-child(4){--d:.20s}
#sg-web .wc .body > *:nth-child(5){--d:.26s}
#sg-web .wc .body > *:nth-child(6){--d:.32s}
#sg-web .wc .body > *:nth-child(7){--d:.38s}
#sg-web .wc .body > *:nth-child(n+8){--d:.44s}
#sg-web .wc .tag{transition:opacity .45s ease .3s}
#sg-web .wc.sg-armed .body > *{opacity:0;transform:translateY(10px);transition:none}
#sg-web .wc.sg-armed .tag{opacity:0;transition:none}
#sg-web .wc.sg-armed .url{color:rgba(255,255,255,.30)}
/* cue 02 — price ladder under each single-asset price */
#one-time-services .sg-pl{display:block;margin-top:.7rem;height:3px;border-radius:2px;
background:rgba(255,255,255,.09);overflow:hidden}
#one-time-services .sg-pl i{display:block;height:100%;width:var(--pw,100%);min-width:3px;border-radius:2px;
background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.42));
transition:width 1.05s cubic-bezier(.2,.8,.2,1)}
#one-time-services .sg-pl-armed .sg-pl i{width:0;min-width:0;transition:none}
/* cue 03 — media buying spend on one shared axis */
#sg-mb .sg-spend{margin-top:1rem}
#sg-mb .sg-spend .ax{position:relative;display:block;height:9px;border-radius:3px;
background:rgba(255,255,255,.07);overflow:hidden}
#sg-mb .sg-spend .ax i{position:absolute;top:0;bottom:0;border-radius:3px;transform-origin:left;
background:linear-gradient(90deg,#A78BFA,#0A9DE8);
transition:transform .95s cubic-bezier(.2,.8,.2,1)}
#sg-mb .sg-spend.armed .ax i{transform:scaleX(0);transition:none}
#sg-mb .sg-spend .lg{display:flex;justify-content:space-between;margin-top:.38rem;
font-size:9px;font-weight:700;letter-spacing:.1em;color:rgba(255,255,255,.34)}
@media (prefers-reduced-motion:reduce){
#sg-web .wc .body > *,#sg-web .wc .tag{transition:none}
#sg-web .bwload{display:none}
#one-time-services .sg-pl i,#sg-mb .sg-spend .ax i{transition:none}
}
/* v43 */ /* The sliding topic indicator on /answers/. It sits behind the chips, so the existing
.on styling still reads on top of it; the pill is what moves. */
nav.chips .row{position:relative}
nav.chips .sg-chip-ind{position:absolute;left:0;top:0;height:38px;border-radius:999px;
background:linear-gradient(100deg,rgba(0,216,255,.20),rgba(10,157,232,.16));
border:1px solid rgba(0,216,255,.42);opacity:0;pointer-events:none;z-index:0;
box-shadow:0 6px 20px -12px rgba(0,216,255,.8);
transition:transform .34s cubic-bezier(.2,.8,.2,1),width .34s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
nav.chips .row > a{position:relative;z-index:1}
nav.chips .row > a.on{background:transparent}
@media (prefers-reduced-motion:reduce){nav.chips .sg-chip-ind{transition:none}}
[data-sg-price-hidden],[data-sg-repeat-hidden],.sg-save{display:none!important}
[data-sg-quote-note]{font-size:15px;line-height:1.7;color:inherit;max-width:65ch;margin:16px 0}
section[aria-labelledby="quote-cta-heading"],body:has(#pricing-heading) #sg-proof{display:none!important}
#field-packages,form div:has(>button#custom-brief-option){display:none!important}
footer nav li[data-sg-price-hidden],footer nav li:has(a[data-sg-price-hidden]){display:none!important}
footer nav li[data-sg-price-hidden]::after,footer nav li[data-sg-price-hidden]::before{display:none!important;content:none!important}