/** Shopify CDN: Minification failed

Line 111:9 Unexpected "@keyframes"
Line 595:9 Unexpected "@media"

**/
/* GemIQ Software page: the original page styles, scoped to .gstudio sections. Built by scope-css.js; edit src/orig.css and rebuild. */

@font-face{font-family:"GS Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("gstudio-inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"GS Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("gstudio-inter-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"GS DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url("gstudio-dmsans-500.woff2") format("woff2")}
@font-face{font-family:"GS Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("gstudio-poppins-400.woff2") format("woff2")}
@font-face{font-family:"GS Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("gstudio-poppins-500.woff2") format("woff2")}

.gstudio{
  --ink:#0F1216; --ink-gem:#181B22; --ink-2:#5B616C; --ink-3:#6E747F; --grey:#6D6E74; --grey-2:#6A6C73;
  --mist:#F3F5F6; --mist-2:#E8EBEE; --cloud:#F5F5F7; --line:#E2E5E9; --line-2:#E5E5EA; --nav-line:#DBDEE9;
  --teal:#20A9B9; --teal-text:#13707C; --blue:#0393D0; --grad:linear-gradient(90deg,#20A9B9,#0393D0);
  --lav:#EEEBFF; --violet:#5B45FF;
  --black:#0A0B0D; --panel:#16181C; --panel-2:#282A2E; --on-black-2:#A4A9B3;
  --font:"GS Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --poppins:"GS Poppins","GS Inter",sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --gutter:48px; --max:1240px; --wide:1420px; --sec:150px;
}

/* ---------- theme isolation: keep the store theme's element styles out of these sections ---------- */
.gstudio{display:block;text-align:left;letter-spacing:normal;text-transform:none;--navh:var(--gs-navh, 0px)}
.gstudio :where(h1,h2,h3,h4,h5,h6){font-family:inherit;font-weight:700;font-style:normal;line-height:inherit;letter-spacing:inherit;text-transform:none;color:inherit}
.gstudio :where(p,li,a,span,b,small,label,legend,blockquote,figcaption,summary){font-family:inherit;text-transform:none}
.gstudio :where(button,input,select,textarea){font-family:inherit;letter-spacing:inherit;text-transform:none;box-shadow:none;min-height:0;min-width:0}
.gstudio :where(img){height:auto}
/* the theme's own .field, .badge and blockquote styles (Dawn base) would leak into these same class names */
.gstudio :where(.field){display:block;position:static;width:auto;transition:none}
.gstudio :where(.field)::before,.gstudio :where(.field)::after{content:none;display:none}
.gstudio :where(.badge){border:0;letter-spacing:normal;word-break:normal;text-align:left}
.gstudio :where(blockquote){padding:0;border:0;font-style:normal;color:inherit}
/* the theme hides every empty div; these two are empty on purpose (gradient veils over the image walls) */
.gstudio .cw-veil,.gstudio .fin-veil{display:block}
.gstudio :where(ul,ol){margin:0;padding:0;list-style:none}
html:has(.gstudio){scroll-behavior:smooth;scroll-padding-top:calc(var(--gs-navh, 0px) + 10px)}
.gstudio *,.gstudio *::before,.gstudio *::after{box-sizing:border-box}
.gstudio{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
.gstudio img,.gstudio svg{display:block;max-width:100%}
.gstudio a{color:inherit;text-decoration:none}
.gstudio button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.gstudio h1,.gstudio h2,.gstudio h3,.gstudio h4,.gstudio p,.gstudio figure,.gstudio blockquote{margin:0}
.gstudio ul,.gstudio ol{margin:0;padding:0;list-style:none}
.gstudio ::selection{background:rgba(32,169,185,.22);color:var(--ink)}
.gstudio :focus{outline:none}
.gstudio :focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:6px}

/* ---------- Shared ---------- */
.gstudio .wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.gstudio .wide{width:100%;max-width:calc(var(--wide) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.gstudio .sec{padding:var(--sec) 0}
.gstudio .mist{background:var(--mist)}
.gstudio .h2{font-size:52px;font-weight:560;line-height:1.05;letter-spacing:-.032em;text-wrap:balance;color:var(--ink)}
.gstudio .lead{font-size:21px;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.gstudio .p{font-size:16px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.gstudio .h3{font-size:24px;font-weight:580;line-height:1.2;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.gstudio .head-c{text-align:center}
.gstudio .head-c .lead{margin:16px auto 0;max-width:689px}
.gstudio .head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.gstudio .head-row .lead{margin-top:14px;max-width:636px}
.gstudio .num{font-variant-numeric:tabular-nums}

.gstudio .pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:40px;font-size:18px;font-weight:560;letter-spacing:-.01em;white-space:nowrap;transition:filter .2s ease,background-color .2s ease,transform .25s var(--ease)}
.gstudio .pill:active{transform:scale(.98)}
.gstudio .pill-grad{background:var(--grad);color:#fff}
.gstudio .pill-grad:hover{filter:brightness(1.06) saturate(1.05)}
.gstudio .pill-teal{background:var(--teal);color:#fff}
.gstudio .pill-teal:hover{background:#1A96A5}
.gstudio .pill-ink{background:var(--ink);color:#fff}
.gstudio .pill-ink:hover{background:#262A31}
.gstudio .pill-soft{background:var(--mist);color:var(--ink)}
.gstudio .pill-soft:hover{background:var(--mist-2)}
.gstudio .pill-white{background:#fff;color:var(--ink)}
.gstudio .pill-white:hover{background:#EEF6F7}
.gstudio .pill-glass{background:rgba(255,255,255,.1);color:#fff}
.gstudio .pill-glass:hover{background:rgba(255,255,255,.18)}
.gstudio .pill-sm{height:38px;padding:0 14px;font-size:14px}
.gstudio .pill-md{font-size:16px}

/* ---------- Promo strip ---------- */
.gstudio .promo{background:var(--cloud);height:50px}
.gstudio .promo .wide{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.gstudio .promo-msgs{display:flex;align-items:center;gap:28px;font-size:14px;line-height:30px;color:var(--ink-gem);white-space:nowrap;min-width:0}
.gstudio .promo-msgs b{font-weight:600}
.gstudio .promo-msgs i{font-style:italic;font-weight:400}
.gstudio .promo-msgs .t{color:var(--teal)}
.gstudio .promo-msgs img{width:8px;height:8px}
.gstudio .region{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--grey);white-space:nowrap}
.gstudio .region .vl{width:1px;height:22px;background:#C9CDD3;margin-right:50px}
.gstudio .region .flag{width:22px;height:22px;border-radius:4px;object-fit:cover;box-shadow:0 0 14px rgba(0,0,0,.04)}

/* ---------- Main nav ---------- */
.gstudio .nav{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--nav-line);height:90px}
.gstudio .nav .wide{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}
.gstudio .nav-logo img{width:136px;height:34px}
.gstudio .nav-links{position:absolute;left:calc(50% + 9px);top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:40px}
.gstudio .nav-links a{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;line-height:30px;color:var(--grey);white-space:nowrap;transition:color .2s ease}
.gstudio .nav-links a:hover{color:var(--ink)}
.gstudio .nav-links a img{width:8px;height:4px}
.gstudio .nav-links a.is-teal{color:var(--teal)}
.gstudio .nav-icons{display:flex;align-items:center;gap:20px}
.gstudio .nav-icons a{display:block;width:26px;height:26px}
.gstudio .nav-icons img{width:26px;height:26px}

/* ---------- Integration partner bar ---------- */
.gstudio @keyframes marq{to{transform:translateX(-50%)}}

/* ---------- Hero ---------- */
.gstudio .hero{background:#FDFDFD;padding-top:60px;display:flex;flex-direction:column;gap:60px;overflow:hidden}
.gstudio .hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center}
.gstudio .plan{display:flex;align-items:center;gap:7px;font-size:30px;line-height:1;letter-spacing:-.02em;color:var(--ink)}
.gstudio .plan img{width:34px;height:34px}
.gstudio .plan b{font-weight:600}
.gstudio .plan span{font-weight:400}
.gstudio .hero h1{padding:40px 0 0;font-size:88px;font-weight:600;line-height:.98;letter-spacing:-.04em;color:var(--ink)}
.gstudio .hero h1 span{display:block}
.gstudio .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:28px 0 40px}
.gstudio .chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 12px;border-radius:999px;font-size:15px;font-weight:560;letter-spacing:-.01em;background:var(--lav);color:var(--ink)}
.gstudio .chip img{width:16px;height:16px}
.gstudio .chip.is-dark{background:var(--ink);color:#fff;filter:drop-shadow(0 1px 1px rgba(15,18,22,.05))}
.gstudio .hero-cta{display:flex;flex-direction:column;align-items:center;gap:14px}
.gstudio .btn-hero{display:inline-flex;align-items:center;justify-content:center;padding:14px 16px;border-radius:30px;background:var(--grad);color:#fff;font-family:"GS DM Sans",var(--font);font-weight:500;font-size:18px;line-height:18px;letter-spacing:-.03em;transition:filter .2s ease,transform .25s var(--ease)}
.gstudio .btn-hero:hover{filter:brightness(1.06)}
.gstudio .btn-hero:active{transform:scale(.98)}
.gstudio .hero-price{font-size:16px;line-height:26.4px;letter-spacing:-.04em;color:var(--grey)}
.gstudio .hero-price b{font-weight:500}
.gstudio .scene{position:relative;height:calc(713px * var(--s,1));background:linear-gradient(#fff,#F5F5F7);overflow:hidden}
.gstudio .stage{position:absolute;left:50%;top:0;width:1920px;height:713px;margin-left:-960px;transform:scale(var(--s,1));transform-origin:50% 0}
.gstudio .stage .shot{position:absolute;left:160px;top:-104.14px;width:1600px;height:941.574px;mix-blend-mode:multiply;max-width:none}
.gstudio .stage .floor{position:absolute;left:0;bottom:0;width:1920px;height:150px;object-fit:cover;max-width:none}
.gstudio .screen{position:absolute;left:650.05px;top:34.45px;width:620.303px;height:413.006px;background:#fff;border-radius:7.648px 7.648px 0 0;overflow:hidden;font-family:var(--font)}
.gstudio .screen *{position:absolute}
.gstudio .screen .rp{left:414.99px;top:-2.38px;width:206.106px;height:415.388px;background:#fff;border-top-right-radius:7.648px;overflow:hidden}
.gstudio .screen .lbl{font-size:10.005px;line-height:1;letter-spacing:-.01em;color:#000;white-space:nowrap}
.gstudio .screen .box{background:#fff;border:.716px solid #DADADA;border-radius:3.581px;overflow:hidden}
.gstudio .screen .ph{font-size:8.594px;line-height:1.32;letter-spacing:-.01em;color:#858585}
.gstudio .screen .tile{background:#fff;border:.716px solid #DADADA;border-radius:3.581px;overflow:hidden}
.gstudio .screen .tile img{max-width:none}
.gstudio .screen .pub{left:101.54px;top:15.12px;width:80.214px;height:22.918px;background:var(--teal);border-radius:5.73px}
.gstudio .screen .pub span{left:11.38px;top:6.45px;font-size:10.005px;line-height:1;color:#fff}
.gstudio .screen .pub i{left:57.56px;top:0;width:1px;height:22.918px;background:rgba(255,255,255,.45)}
.gstudio .screen .pub em{left:66.5px;top:7px;width:5px;height:5px;border-right:1.2px solid #fff;border-bottom:1.2px solid #fff;transform:rotate(45deg)}
.gstudio .screen .tb{left:-2.38px;top:50.41px;width:50.805px;height:356.184px;background:#fff}
.gstudio .screen .tool{left:8.98px;width:32.229px;height:31.513px;border-radius:5.73px;background:rgba(255,255,255,.51)}
.gstudio .screen .tool.on{background:#F8F8F8}
.gstudio .screen .tool img{left:9.28px;top:8.92px;width:13.679px;height:13.679px}
.gstudio .screen .brand{left:12.34px;top:17.16px;height:13.877px;width:135.879px}
.gstudio .screen .brand img{left:0;top:0;width:13.87px;height:13.877px}
.gstudio .screen .brand b{left:16.77px;top:1px;font-size:12.142px;line-height:1;letter-spacing:-.02em;font-weight:600;color:#181B22}
.gstudio .screen .brand span{left:58.97px;top:1px;font-size:12.142px;line-height:1;letter-spacing:-.02em;font-weight:400;color:#181B22}
.gstudio .screen .hline{left:-2.38px;top:46.57px;width:623.482px;height:.72px;background:#E6E6E6}
.gstudio .screen .main{left:68.2px;top:67.76px;width:323.004px;height:305.099px;background:#fff;border-radius:14.324px;overflow:hidden;box-shadow:-8.594px 23.634px 48.057px rgba(0,0,0,.14)}
.gstudio .screen .main img{left:-38.25px;top:-53.76px;width:399.516px;height:399.516px;max-width:none}

/* ---------- Feed ---------- */
.gstudio .feed{background:var(--mist);padding:112px 0 150px}
.gstudio .feed .h2{max-width:926px}
.gstudio .counter{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;flex:none}
.gstudio .counter b{font-size:52px;font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--teal)}
.gstudio .counter span{font-size:14px;line-height:21px;color:var(--ink-2);white-space:nowrap}
.gstudio .marquee{margin-top:52px;overflow:hidden}
.gstudio .track{display:flex;gap:14px;width:max-content;animation:gs-marq 60s linear infinite}
.gstudio .marquee:hover .track{animation-play-state:paused}
.gstudio .shot-card{position:relative;width:228px;height:285px;flex:none;border-radius:16px;overflow:hidden;background:#fff}
.gstudio .shot-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gstudio .shot-card figcaption{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.94)}
.gstudio .shot-card figcaption b{display:block;font-size:13px;line-height:19.5px;font-weight:600;color:var(--ink)}
.gstudio .shot-card figcaption span{display:block;font-size:12px;line-height:18px;color:var(--ink-2)}
.gstudio .shot-card figcaption em{font-style:normal;font-size:12px;line-height:18px;font-weight:600;color:var(--teal-text);white-space:nowrap}

/* ---------- Partner band ---------- */
.gstudio .pband{position:relative;isolation:isolate;overflow:hidden;background:#0F1216;color:#fff;padding:120px 0 116px}
.gstudio .pband::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(560px 380px at 74% 50%,rgba(32,169,185,.17),rgba(32,169,185,0) 70%),radial-gradient(900px 420px at 10% 120%,rgba(3,147,208,.10),rgba(3,147,208,0) 70%)}
.gstudio .pband-in{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:48px;align-items:center}
.gstudio .pband h2{font-size:64px;font-weight:560;line-height:1.02;letter-spacing:-.035em;color:#fff;text-wrap:balance}
.gstudio .pband-copy p{margin-top:20px;max-width:410px;font-size:19px;line-height:1.55;color:rgba(255,255,255,.7);text-wrap:pretty}
.gstudio .pband-cta{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px}
.gstudio .pband-more{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:560;color:rgba(255,255,255,.86);transition:color .2s ease}
.gstudio .pband-more svg{width:16px;height:16px;transition:transform .35s var(--ease)}
.gstudio .pband-more:hover{color:#fff}
.gstudio .pband-more:hover svg{transform:translateX(3px)}
.gstudio .hubmap{--tile:64px;position:relative;width:100%;max-width:680px;aspect-ratio:640/440;justify-self:end}
.gstudio .hub-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gstudio .hub-lines .orbit{fill:none;stroke:rgba(255,255,255,.08);stroke-width:1;stroke-dasharray:2 6}
.gstudio .hub-lines .sp{stroke:rgba(255,255,255,.13);stroke-width:1}
.gstudio .hub-lines .pulses{filter:drop-shadow(0 0 5px rgba(32,169,185,.85))}
.gstudio .hub-lines .pl{fill:none;stroke:#6FDBE7;stroke-width:2;stroke-linecap:round;stroke-dasharray:.16 1;stroke-dashoffset:.16;opacity:0;animation:gs-hub-pulse 5.6s cubic-bezier(.45,0,.25,1) infinite;animation-delay:calc(var(--i) * .8s)}
@keyframes gs-hub-pulse{0%{stroke-dashoffset:.16;opacity:0}2%{opacity:1}20%{stroke-dashoffset:-1;opacity:1}21%,100%{stroke-dashoffset:-1;opacity:0}}
.gstudio .hub{position:absolute;left:50%;top:50%;width:120px;height:120px;transform:translate(-50%,-50%)}
.gstudio .hub-halo{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;border:1px solid rgba(255,255,255,.07);background:radial-gradient(closest-side,rgba(32,169,185,.14),rgba(32,169,185,0))}
.gstudio .hub-core{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:radial-gradient(circle at 50% 30%,#20242B,#121418 70%);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 24px 50px -14px rgba(0,0,0,.7)}
.gstudio .hub-core img{width:40px;height:40px}
.gstudio .hub-core b{font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1}
.gstudio .hub-nodes li{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(var(--tile) / -2))}
.gstudio .hub-nodes a{display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:14px}
.gstudio .tile{width:var(--tile);height:var(--tile);border-radius:20px;display:grid;place-items:center;background:#1A1D23;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 14px 30px -14px rgba(0,0,0,.8);transition:transform .4s var(--ease);animation:gs-hub-land 5.6s linear infinite;animation-delay:calc(var(--i) * .8s)}
@keyframes gs-hub-land{0%,16%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 14px 30px -14px rgba(0,0,0,.8),0 0 0 0 rgba(32,169,185,0)}21%{box-shadow:inset 0 0 0 1.5px rgba(111,219,231,.95),0 14px 30px -14px rgba(0,0,0,.8),0 0 0 7px rgba(32,169,185,.16)}42%,100%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 14px 30px -14px rgba(0,0,0,.8),0 0 0 14px rgba(32,169,185,0)}}
.gstudio .tile > img{width:calc(var(--tile) * .44);height:calc(var(--tile) * .44)}
.gstudio .tile .ig{position:relative;width:calc(var(--tile) * .44);height:calc(var(--tile) * .44);overflow:hidden}
.gstudio .tile .ig img{position:absolute;width:314.69%;height:177.54%;left:-131.12%;top:-38.6%;max-width:none}
.gstudio .tile .sq{width:calc(var(--tile) * .47);height:calc(var(--tile) * .47);border-radius:9px;display:grid;place-items:center;color:#fff;font-size:calc(var(--tile) * .26);font-weight:700;line-height:1}
.gstudio .tile .sq img{width:60%;height:60%}
.gstudio .nm{font-size:13.5px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:rgba(255,255,255,.78);white-space:nowrap;transition:color .2s ease}
.gstudio .hub-nodes a:hover .tile{transform:translateY(-3px)}
.gstudio .hub-nodes a:hover .nm{color:#fff}
.gstudio .hub-nodes a:focus-visible{outline-offset:6px}

/* ---------- Join the movement ---------- */
.gstudio .join{background:#fff;padding:112px 0 150px;display:flex;flex-direction:column;gap:101px}
.gstudio .join .h2{font-weight:580}
.gstudio .join .p{margin-top:16px;max-width:440px;line-height:24.8px}
.gstudio .logos{height:70px;overflow:hidden}
.gstudio .logos-track{display:flex;align-items:center;gap:80px;width:max-content;height:70px;opacity:.6;animation:gs-marq-logos 70s linear infinite}
@keyframes gs-marq-logos{to{transform:translateX(calc(-50% - 40px))}}
.gstudio .logos-track img{flex:none;object-fit:fill;max-width:none}

/* ---------- Workflow reel ---------- */
.gstudio .reel-sec{--cw:440px;--cww:660px;--ch:548px;--vh:380px}
.gstudio .reel{position:relative;margin-top:56px}
.gstudio .reel-nav{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 var(--gutter)}
.gstudio .tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--mist)}
.gstudio .tab{height:40px;padding:0 20px;border-radius:9px;font-size:15px;font-weight:560;line-height:22.5px;color:var(--ink-2);transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}
.gstudio .tab:hover{color:var(--ink)}
.gstudio .tab[aria-current="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,18,22,.08),0 0 0 1px rgba(15,18,22,.04)}
.gstudio .reel-bar{display:none;width:220px;height:2px;border-radius:2px;background:var(--line);overflow:hidden}
.gstudio .reel-bar i{display:block;height:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(0)}
.gstudio .reel-row{position:relative;display:flex;flex-wrap:wrap;gap:20px;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
/* stage words */
.gstudio .chap{flex:1 0 100%;padding:72px 0 12px}
.gstudio .chap:first-child{padding-top:40px}
.gstudio .sw{display:grid;font-size:clamp(84px,11vw,184px);font-weight:600;line-height:.9;letter-spacing:-.04em;white-space:nowrap}
.gstudio .sw > span{grid-area:1/1}
.gstudio .sw-base{color:#DDE1E5}
.gstudio .sw-ink{color:var(--ink);clip-path:inset(-10% calc((1 - var(--f,1)) * 100%) -20% -2%)}
.gstudio .sw i{font-style:normal;color:var(--teal)}
.gstudio .sw-base i{color:#C5E9EE}
.gstudio .sw-sub{margin-top:22px;max-width:460px;font-size:19px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.gstudio .sw-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px;max-width:500px}
.gstudio .sw-tools button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:999px;background:var(--mist);font-size:13px;font-weight:560;color:var(--ink);transition:background-color .2s ease,color .2s ease}
.gstudio .sw-tools button::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal)}
.gstudio .sw-tools button:hover{background:var(--mist-2)}
/* cards */
.gstudio .rcard{flex:none;width:calc(50% - 10px);height:var(--ch);display:flex;flex-direction:column;background:#fff;border:1px solid #E1E5E9;border-radius:26px;overflow:hidden;box-shadow:0 1px 2px rgba(15,18,22,.04),0 28px 56px -34px rgba(15,18,22,.30)}
.gstudio .rvis{position:relative;flex:none;height:var(--vh);overflow:hidden;background:#fff;border-bottom:1px solid #EDF0F2}
.gstudio .rvis > :not(.rchip){translate:calc(var(--px,0) * 1px) 0}
.gstudio .rchip{position:absolute;right:14px;top:14px;z-index:4;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 9px;border-radius:999px;background:rgba(255,255,255,.94);font-size:12px;font-weight:600;color:var(--ink);box-shadow:0 0 0 1px rgba(15,18,22,.06),0 6px 16px -6px rgba(15,18,22,.2)}
.gstudio .rvis .rchip img{width:14px;height:14px;max-width:none;object-fit:contain;padding:0;mix-blend-mode:normal;translate:none}
.gstudio .rtxt{flex:1;display:flex;flex-direction:column;gap:8px;padding:24px 28px 26px}
.gstudio .rtxt h4{margin:0;font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.022em;color:var(--ink);text-wrap:balance}
.gstudio .rtxt p{max-width:46ch;font-size:15.5px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.gstudio .rtxt .pill{margin-top:auto;align-self:flex-start}
/* pinned reel */
.gstudio .reel-sec.is-reel{padding-bottom:0}
.gstudio .is-reel .reel-pin{position:sticky;top:var(--navh);height:calc(100svh - var(--navh));display:flex;flex-direction:column;overflow:hidden}
.gstudio .is-reel .reel-nav{padding-top:22px}
.gstudio .is-reel .reel-bar{display:block}
.gstudio .is-reel .reel-view{flex:1;min-height:0;display:flex;align-items:center;overflow:hidden}
.gstudio .is-reel .reel-row{flex-wrap:nowrap;align-items:center;gap:24px;width:max-content;max-width:none;margin:0;padding:0 max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter)));will-change:transform}
.gstudio .is-reel .chap{flex:none;padding:0 72px 0 0;align-self:center}
.gstudio .is-reel .rcard + .chap{margin-left:140px}
.gstudio .is-reel .rcard{width:var(--cw);transform:translate3d(0,calc(var(--e,0) * 56px),0) rotate(calc(var(--e,0) * 3deg));transform-origin:0 100%}
.gstudio .is-reel .rcard.is-wide{width:var(--cww)}
/* capture cards */
.gstudio .v-spin .spinwrap{position:absolute;left:50%;top:12px;width:758px;height:329.6px;margin-left:-379px;padding:18px 28px 70px}
.gstudio .v-spin .spinwrap img{width:702px;height:241.6px;object-fit:contain;max-width:none}
.gstudio .v-spin .angles{position:absolute;left:50%;top:276px;width:758px;margin-left:-379px;display:flex;justify-content:center;gap:10px}
.gstudio .v-spin .angles span{width:112px;height:66px;padding:4px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.gstudio .v-spin .angles img{width:104px;height:58px;object-fit:contain}
.gstudio .v-hw{padding:22px}
.gstudio .rvis.v-hw{background:radial-gradient(130% 95% at 50% 0%,#E9EDF0,#F6F7F8 70%)}
.gstudio .v-hw > img{width:100%;height:calc(var(--vh) - 44px);object-fit:contain;mix-blend-mode:multiply}
.gstudio .sme{position:absolute;left:50%;top:0;width:372px;height:404.3px;margin-left:-186px;overflow:hidden;padding:22px 22px 0}
.gstudio .sme-in{position:relative;width:328px;height:362px;overflow:hidden}
.gstudio .sme-box{position:absolute;left:calc(50% - .43px);top:calc(50% + 45.08px);width:375.15px;height:416.153px;transform:translate(-50%,-50%);overflow:hidden}
.gstudio .sme-cols{position:absolute;left:calc(50% + .12px);top:0;width:318.793px;height:409.351px;transform:translateX(-50%)}
.gstudio .sme-cols > div{position:absolute;overflow:hidden;border-radius:53.69px}
.gstudio .sme-cols img{position:absolute;max-width:none}
.gstudio .col-r{left:216.7px;top:59px;width:102px;height:330px;background:#060609}
.gstudio .col-r .ring{left:-367.41px;top:-145.87px;width:614.026px;height:587.043px;object-fit:cover}
.gstudio .col-r .br{width:19.744px;height:19.744px}
.gstudio .col-m{left:108.27px;top:10.12px;width:102.429px;height:399.598px;background:#fff}
.gstudio .col-m > img{left:-245.84px;top:-400.65px;width:593.802px;height:1181.353px}
.gstudio .col-top{position:absolute;left:-137.68px;top:-390.27px;width:594.148px;height:491.074px;pointer-events:none}
.gstudio .col-top img{left:-.05%;top:0;width:100.07%;height:100%}
.gstudio .col-l{left:-.06px;top:48.05px;width:102.429px;height:324.146px;background-color:#E2E2E2;background-image:conic-gradient(#F5F5F5 25%,#E2E2E2 0 50%,#F5F5F5 0 75%,#E2E2E2 0);background-size:57.046px 57.046px;background-position:-91.35px 4.5px}
.gstudio .col-l .ring{left:-148.02px;top:-133.61px;width:614.026px;height:587.043px;object-fit:cover}
.gstudio .v-adj .panel-img{position:absolute;left:307px;top:38px;width:231.812px;height:378px;border-radius:24px;object-fit:cover;box-shadow:7px 9px 25px rgba(0,0,0,.1),28px 35px 45px rgba(0,0,0,.09),63px 79px 60px rgba(0,0,0,.05),112px 140px 72px rgba(0,0,0,.01)}
.gstudio .v-adj .brooch{position:absolute;left:40px;top:100px;width:300px;height:329px;object-fit:cover}
/* edit cards */
.gstudio .v-phones > img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;padding-top:4px}
.gstudio .v-brush > img{width:100%;height:100%;object-fit:contain;object-position:50% 50%}
.gstudio .v-desc{display:grid;grid-template-columns:1.15fr .85fr}
.gstudio .doc{margin:24px 0 0 22px;align-self:start;background:#fff;border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(15,18,22,.05),0 18px 40px -12px rgba(15,18,22,.22)}
.gstudio .doc-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.gstudio .doc-row .gen{display:inline-flex;align-items:center;gap:6px;color:var(--teal-text)}
.gstudio .doc-row .gen img{width:14px;height:14px}
.gstudio .field{background:var(--mist);border-radius:10px;padding:10px 12px}
.gstudio .field small{display:block;font-size:12px;font-weight:600;color:var(--ink-3);margin-bottom:3px}
.gstudio .field p{font-size:14.5px;line-height:1.5;color:var(--ink)}
.gstudio .caret{display:inline-block;width:2px;height:1em;background:var(--teal);vertical-align:-2px;margin-left:2px;animation:gs-blink 1s steps(1) infinite}
@keyframes gs-blink{50%{opacity:0}}
.gstudio .v-desc .ring{position:relative}
.gstudio .v-desc .ring img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:28px 40px}
/* create cards */
.gstudio .v-ft{display:grid;grid-template-columns:.52fr 1fr;gap:8px;padding:10px;height:100%;position:relative}
.gstudio .v-ft.even{grid-template-columns:1fr 1fr}
.gstudio .ft{position:relative;border-radius:10px;overflow:hidden}
.gstudio .ft.from,.gstudio .ft.plain{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.gstudio .ft img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gstudio .ft.from img,.gstudio .ft.plain img{object-fit:contain;padding:16px}
.gstudio .ft-tag{position:absolute;left:10px;top:10px;height:24px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,18,22,.06),0 4px 12px rgba(15,18,22,.08);z-index:1}
.gstudio .ft-tag.to{background:var(--teal);color:#fff}
.gstudio .ft-arrow{position:absolute;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 8px rgba(15,18,22,.14);z-index:2;color:var(--teal)}
.gstudio .ft-arrow svg{width:12px;height:12px}

/* ---------- Goodbye ---------- */
.gstudio .costs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px}
.gstudio .cost{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column}
.gstudio .cost-top{background:#fff;min-height:250px;padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px}
.gstudio .cost-top s{font-size:13px;font-weight:600;line-height:19.5px;color:var(--ink-2)}
.gstudio .cost-top .p{max-width:324px;line-height:24.8px}
.gstudio .cost-top .pill{margin-top:auto;align-self:flex-start}
.gstudio .cost-q{flex:1;background:var(--mist);padding:22px 24px 24px;display:flex;flex-direction:column;gap:14px}
.gstudio .cost-q blockquote{font-size:15px;line-height:22.5px;color:var(--ink);max-width:324px}
.gstudio .who{display:flex;align-items:center;gap:10px;margin-top:auto}
.gstudio .who img{width:36px;height:36px;border-radius:18px;object-fit:cover}
.gstudio .who b{display:block;font-size:14px;line-height:21px;font-weight:600;color:var(--ink-2)}
.gstudio .who span{display:block;font-size:13px;line-height:19.5px;color:var(--ink-2)}
.gstudio .cost.dark .cost-top{background:var(--black)}
.gstudio .cost.dark .cost-top s,.gstudio .cost.dark .cost-top .p{color:var(--on-black-2)}
.gstudio .cost.dark .cost-top .h3{color:#fff}

/* ---------- Share ---------- */
.gstudio .share-sec{position:relative}
.gstudio .share-pin{padding:var(--sec) 0}
.gstudio .share-sec.is-scrolly .share-track{height:calc(100vh - var(--navh) + var(--steps, 3) * 130vh / 3)}
.gstudio .share-sec.is-scrolly .share-pin{position:sticky;top:var(--navh);height:calc(100vh - var(--navh));padding:0;display:flex;align-items:center}
.gstudio .share-sec.is-scrolly .share-pin > .wrap{padding-top:24px;padding-bottom:24px}
.gstudio .acc-item{position:relative}
.gstudio .acc-item::before{content:"";position:absolute;left:-2px;top:0;width:2px;height:100%;background:var(--teal);transform-origin:50% 0;transform:scaleY(0);opacity:0;transition:opacity .3s ease}
.gstudio .share-sec.is-scrolly .acc-item.is-open{border-left-color:var(--line)}
.gstudio .share-sec.is-scrolly .acc-item.is-open::before{opacity:1;transform:scaleY(var(--fill,0))}
.gstudio .share-grid{display:grid;grid-template-columns:506fr 582fr;gap:56px;align-items:center;margin-top:60px}
.gstudio .acc-item{border-left:2px solid var(--line);padding:6px 0 6px 22px;transition:border-color .3s ease}
.gstudio .acc-item + .acc-item{margin-top:18px}
.gstudio .acc-item.is-open{border-left-color:var(--teal)}
.gstudio .acc-btn{display:block;width:100%;text-align:left;padding:4px 0;font-size:22px;font-weight:580;line-height:33px;letter-spacing:-.02em;color:var(--ink-3);transition:color .25s ease}
.gstudio .acc-item.is-open .acc-btn,.gstudio .acc-btn:hover{color:var(--ink)}
.gstudio .acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.gstudio .acc-item.is-open .acc-body{grid-template-rows:1fr}
.gstudio .acc-body > div{overflow:hidden}
.gstudio .acc-body .p{padding-top:10px;line-height:24.8px}
.gstudio .acc-body ul{padding-top:12px;display:flex;flex-direction:column;gap:8px}
.gstudio .acc-body li{display:flex;gap:10px;font-size:15px;line-height:22.5px;color:var(--ink-2)}
.gstudio .acc-body li img{width:18px;height:18px;margin-top:2px;flex:none}
.gstudio .share-media{position:relative;height:493px;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.gstudio .share-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

/* ---------- See the difference ---------- */
.gstudio .diff{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:60px}
.gstudio .dcard{width:453px;border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:24px;background:#fff}
.gstudio .dcard h3{font-size:36px;font-weight:600;line-height:1.2;letter-spacing:-.03em;color:var(--ink-gem)}
.gstudio .dcard hr{margin:0;border:0;height:1px;background:#D9D9D9}
.gstudio .dcard ul{display:flex;flex-direction:column;gap:20px}
.gstudio .dcard li{display:flex;align-items:center;gap:16px;font-size:15px;line-height:1.4;color:var(--grey)}
.gstudio .dcard li span.ic{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex:none}
.gstudio .dcard li img{width:20px;height:20px}
.gstudio .dcard.dark{background:var(--ink);box-shadow:7px 9px 25px rgba(0,0,0,.1),28px 35px 45px rgba(0,0,0,.09),63px 79px 60px rgba(0,0,0,.05),112px 140px 72px rgba(0,0,0,.01)}
.gstudio .dcard.dark h3{color:#fff}
.gstudio .dcard.dark hr{background:rgba(109,110,116,.5)}
.gstudio .dcard.dark li{color:#fff;font-weight:600;line-height:1.25}

/* ---------- Integrations ---------- */
.gstudio .ints-sec{background:var(--black)}
.gstudio .ints-sec .h2{color:#fff}
.gstudio .ints-sec .lead{color:var(--on-black-2)}
.gstudio .ints{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:56px}
.gstudio .int{background:var(--panel);border-radius:18px;padding:22px;min-height:236px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.gstudio .int-ic{width:52px;height:52px;border-radius:26px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}
.gstudio .int-ic.solid{background:var(--panel-2)}
.gstudio .int-ic img{width:24px;height:24px}
.gstudio .int-ic .r{font-size:18px;font-weight:700;line-height:27px;letter-spacing:-.03em}
.gstudio .int h3{font-size:18px;font-weight:600;line-height:27px;letter-spacing:-.015em;color:#fff}
.gstudio .int p{margin-top:6px;font-size:14.5px;line-height:21.75px;color:var(--on-black-2);max-width:233px}

/* ---------- Testimonials ---------- */
.gstudio .tcar{margin-top:56px;background:var(--mist);border-radius:24px;padding:14px;display:grid;grid-template-columns:300px 1fr;gap:14px;min-height:390px}
.gstudio .tphoto{position:relative;border-radius:16px;overflow:hidden;background:var(--mist-2);min-height:362px}
.gstudio .tphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gstudio .tbody{padding:34px;display:flex;flex-direction:column;gap:18px}
.gstudio .tbody .biz{font-size:14px;line-height:21px;font-weight:600;color:var(--teal-text)}
.gstudio .tbody blockquote{font-size:30px;font-weight:520;line-height:40.2px;letter-spacing:-.02em;color:var(--ink);text-wrap:pretty;max-width:734px}
.gstudio .tbody .name{font-size:15px;line-height:22.5px;font-weight:600}
.gstudio .tnav{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;height:40px}
.gstudio .dots{display:flex;gap:6px}
.gstudio .dots button{width:8px;height:8px;border-radius:4px;background:#C9CDD3;transition:width .3s var(--ease),background-color .3s ease}
.gstudio .dots button[aria-current="true"]{width:22px;background:var(--ink)}
.gstudio .arrows{display:flex;gap:8px}
.gstudio .arrows button{width:40px;height:40px;border-radius:40px;display:grid;place-items:center;background:#fff;transition:transform .2s var(--ease)}
.gstudio .arrows button:active{transform:scale(.94)}
.gstudio .arrows button.next{background:var(--ink)}
.gstudio .arrows img{width:18px;height:18px}
.gstudio .faces{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;margin-top:14px}
.gstudio .faces button{height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;border-radius:12px;border:1px solid var(--mist);transition:border-color .25s ease,background-color .25s ease}
.gstudio .faces button:hover{background:var(--mist)}
.gstudio .faces button[aria-current="true"]{border-color:var(--ink-gem)}
.gstudio .faces img{width:40px;height:40px;border-radius:20px;object-fit:cover}
.gstudio .faces span{font-size:12px;line-height:18px;font-weight:600;color:var(--ink)}

/* ---------- Pricing ---------- */
.gstudio .plans{display:grid;grid-template-columns:repeat(2,453px);gap:14px;justify-content:center;margin-top:60px}
.gstudio .plan-card{border-radius:24px;padding:36px;background:#fff;display:flex;flex-direction:column}
.gstudio .plan-card.pro{background:var(--ink);color:#fff}
.gstudio .plan-top{display:flex;align-items:center;justify-content:space-between;font-size:15px;line-height:22.5px;font-weight:600}
.gstudio .badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--teal);color:#fff;font-size:14px;line-height:21px;font-weight:400}
.gstudio .price{padding-top:18px;height:74px;font-size:56px;font-weight:600;line-height:56px;letter-spacing:-.04em;white-space:nowrap}
.gstudio .price small{font-size:20.16px;font-weight:500;line-height:20.16px;letter-spacing:-.01em;color:var(--ink-2)}
.gstudio .pro .price small{color:var(--on-black-2)}
.gstudio .plan-sub{padding-top:10px;font-size:14px;line-height:21px;color:var(--ink-2)}
.gstudio .pro .plan-sub{color:var(--on-black-2)}
.gstudio .rows{padding:26px 0 28px}
.gstudio .rows li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:15px;line-height:22.5px}
.gstudio .pro .rows li{border-top-color:rgba(255,255,255,.1)}
.gstudio .rows li span{color:var(--ink-2)}
.gstudio .pro .rows li span{color:var(--on-black-2)}
.gstudio .rows li b{font-weight:600;color:var(--ink);text-align:right}
.gstudio .pro .rows li b{color:#fff}
.gstudio .rows li b.none{font-weight:500;color:var(--ink-3)}
.gstudio .plan-card .pill{margin-top:auto;width:100%}

/* ---------- FAQ ---------- */
.gstudio .faq{padding:180px 0}
.gstudio .faq .h2{font-weight:600}
.gstudio .faq-list{margin-top:80px;border-top:1px solid var(--line-2)}
.gstudio .faq-item{border-bottom:1px solid var(--line-2)}
.gstudio .faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 4px;font-size:21px;font-weight:600;line-height:30.87px;letter-spacing:-.015em;color:var(--ink-gem);transition:color .2s ease}
.gstudio .faq-item summary::-webkit-details-marker{display:none}
.gstudio .faq-item summary:hover{color:var(--teal-text)}
.gstudio .faq-item .plus{width:30px;height:30px;border-radius:15px;background:var(--cloud);display:grid;place-items:center;flex:none;transition:transform .45s var(--ease),background-color .3s ease}
.gstudio .faq-item .plus img{width:16px;height:16px;transition:filter .3s ease}
.gstudio .faq-item[open] .plus{transform:rotate(45deg);background:var(--ink)}
.gstudio .faq-item[open] .plus img{filter:invert(1)}
.gstudio .faq-a{max-width:708px;padding:0 64px 28px 4px;font-size:17px;line-height:26.35px;color:var(--grey)}

/* ---------- Final CTA ---------- */
.gstudio .final{position:relative;height:715px;background:#07060F;color:#fff;overflow:hidden;text-align:center}
.gstudio .final::before{content:"";position:absolute;inset:0;opacity:.95;background:linear-gradient(90deg,#07060F 0%,#1B5F7A 25%,#2FA7C0 50%,#1B5F7A 75%,#07060F 100%)}
.gstudio .final::after{content:"";position:absolute;inset:0;background:radial-gradient(1152px 500.5px at 50% 100%,rgba(7,6,15,0) 0%,rgba(7,6,15,.85) 100%)}
.gstudio .final .wrap{position:relative;z-index:1;padding-top:170px}
.gstudio .final h2{max-width:667px;margin:0 auto;font-size:68px;font-weight:560;line-height:71.4px;letter-spacing:-.032em;color:#fff;text-wrap:balance}
.gstudio .final p{max-width:583px;margin:18px auto 0;font-size:21px;line-height:30.45px;color:rgba(255,255,255,.82)}
.gstudio .final .btns{display:flex;justify-content:center;gap:10px;padding-top:34px}

/* ---------- Footer ---------- */
.gstudio .footer{background:#FAFAFB;padding:50px 0}
.gstudio .f-top{display:flex;align-items:center;justify-content:space-between;gap:24px;height:51px}
.gstudio .f-top .logo{width:136px;height:34px}
.gstudio .awards{display:flex;align-items:center;gap:30px}
.gstudio .aw-forbes{width:93px;height:24px;overflow:hidden;position:relative}
.gstudio .aw-forbes img{position:absolute;width:111.49%;height:166.67%;left:-5.59%;top:-33.33%;max-width:none}
.gstudio .aw-jwa{width:55px;height:39px;object-fit:contain}
.gstudio .aw-jna{position:relative;width:46px;height:51px}
.gstudio .aw-jna .seal{position:absolute;left:.96px;top:1px;width:43.837px;height:41.974px;-webkit-mask:url("gstudio-fig-aw-jna-mask.svg") 0 0/44.023px 41.975px no-repeat;mask:url("gstudio-fig-aw-jna-mask.svg") 0 0/44.023px 41.975px no-repeat;object-fit:cover}
.gstudio .aw-jna .hon{position:absolute;left:7.61px;top:46.05px;width:30.713px;height:3.754px}
.gstudio .aw-jna .yr{position:absolute;top:1.02px;height:4.07px}
.gstudio .f-rule{height:1px;background:var(--nav-line);margin-top:37px}
.gstudio .f-main{display:flex;justify-content:space-between;gap:48px;padding-top:80px}
.gstudio .f-products{display:flex;flex-direction:column;gap:22px}
.gstudio .f-products a{font-size:30px;font-weight:600;line-height:1.4;letter-spacing:-.02em;color:var(--ink-gem);transition:color .2s ease}
.gstudio .f-products a:hover{color:var(--teal-text)}
.gstudio .f-products .soon{display:flex;align-items:center;gap:10px}
.gstudio .f-products .soon a{color:var(--grey-2);opacity:.6}
.gstudio .f-products .soon span{font-family:var(--poppins);font-size:10px;line-height:1.4;color:var(--grey-2);border:.5px solid var(--grey-2);border-radius:10px;padding:2px 6px}
.gstudio .f-cols{display:flex;gap:80px}
.gstudio .f-col .fh{margin:0 0 26px;font-family:var(--poppins);font-size:16px;font-weight:500;line-height:1.4;color:var(--ink-gem)}
.gstudio .f-col ul{display:flex;flex-direction:column;gap:20px;font-family:var(--poppins);font-size:14px;line-height:1.4;color:var(--grey-2)}
.gstudio .f-col ul a:hover{color:var(--ink-gem)}
.gstudio .f-contact .lbl{font-family:var(--poppins);font-size:16px;line-height:1.4;color:var(--grey-2)}
.gstudio .f-contact ul{margin-top:12px;display:flex;flex-direction:column;gap:18px;font-family:var(--poppins);font-size:16px;font-weight:500;line-height:1.4;color:var(--ink-gem)}
.gstudio .pays{display:flex;flex-wrap:wrap;gap:10px;margin-top:110px}
.gstudio .pays span{width:70px;height:46px;border-radius:10px;background:#fff;display:grid;place-items:center;filter:drop-shadow(0 0 7px rgba(0,0,0,.04))}
.gstudio .pays img{width:61px;height:38px;object-fit:cover}
.gstudio .f-legal{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;font-family:var(--poppins);font-size:14px;line-height:1.4}
.gstudio .f-legal nav{display:flex;flex-wrap:wrap;align-items:center;gap:18px;color:var(--ink-gem)}
.gstudio .f-legal nav a:hover{color:var(--teal-text)}
.gstudio .f-legal .reg{display:flex;align-items:center;gap:6px;color:#616988;white-space:nowrap}
.gstudio .f-legal .reg img{width:18px;height:18px}
.gstudio .f-copy{margin-top:16px;font-family:var(--poppins);font-size:14px;line-height:1.4;color:var(--grey-2)}

/* ---------- Book your demo pop-up ---------- */
.gstudio dialog.demo{position:fixed;width:min(1144px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:28px;background:transparent;color:var(--ink);overflow:visible;box-shadow:0 1px 2px rgba(15,18,22,.04),0 30px 70px -30px rgba(15,18,22,.25),0 0 0 1px rgba(15,18,22,.05)}
.gstudio dialog.demo[open]{display:flex;flex-direction:column;animation:gs-demo-in .45s var(--ease)}
.gstudio dialog.demo::backdrop{background:rgba(24,27,34,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:gs-fade .3s ease}
@keyframes gs-demo-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes gs-fade{from{opacity:0}to{opacity:1}}
.gstudio .demo-card{display:grid;grid-template-columns:491.91fr 652.09fr;grid-template-rows:minmax(0,1fr);background:#fff;border-radius:28px;overflow:hidden;min-height:0;flex:1;max-height:calc(100dvh - 32px)}
.gstudio .demo-side{position:relative;overflow:hidden;background:#0B0A18;color:#fff;padding:40px 38px 32px;display:flex;flex-direction:column;gap:26px}
.gstudio .demo-side::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(590px 504px at 0 0,rgba(3,147,208,.55) 0%,rgba(3,147,208,0) 60%),radial-gradient(443px 432px at 100% 100%,rgba(32,169,185,.45) 0%,rgba(32,169,185,0) 60%)}
.gstudio .demo-side > *{position:relative}
.gstudio .demo-brand{display:flex;align-items:center;gap:10px;font-size:14px;line-height:21px;font-weight:600;color:rgba(255,255,255,.86)}
.gstudio .demo-brand img{width:22px;height:22px}
.gstudio .demo-side h2{font-size:46px;font-weight:600;line-height:46.92px;letter-spacing:-.035em;color:#fff;white-space:nowrap}
.gstudio .demo-side .sub{padding-top:10px;font-size:15px;line-height:21.75px;color:rgba(255,255,255,.72);text-wrap:pretty}
.gstudio .demo-list{display:flex;flex-direction:column;gap:10px}
.gstudio .demo-list li{display:flex;gap:12px;font-size:14.5px;line-height:20.3px;color:rgba(255,255,255,.9)}
.gstudio .demo-list li span{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.1)}
.gstudio .demo-list li img{width:13px;height:13px}
.gstudio .demo-quote{margin-top:auto;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.07)}
.gstudio .demo-quote p{font-size:14px;line-height:20.3px;color:#fff}
.gstudio .demo-quote .q-who{display:flex;align-items:center;gap:10px;padding-top:10px}
.gstudio .demo-quote .q-who img{width:30px;height:30px;border-radius:15px;object-fit:cover}
.gstudio .demo-quote .q-who b{display:block;font-size:13px;line-height:19.5px;font-weight:600}
.gstudio .demo-quote .q-who span{display:block;font-size:12.5px;line-height:18.75px;color:rgba(255,255,255,.62)}
.gstudio .demo-main{position:relative;overflow-y:auto;overscroll-behavior:contain;padding:36px 40px 32px;min-height:0}
.gstudio .demo-close{position:absolute;right:12px;top:10px;z-index:3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--mist);transition:background-color .2s ease}
.gstudio .demo-close:hover{background:var(--mist-2)}
.gstudio .demo-close img{width:16px;height:16px;filter:invert(1) brightness(.35)}
.gstudio .demo-form{display:flex;flex-direction:column;gap:30px;min-height:100%}
.gstudio .fgrid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.gstudio .fld{display:flex;flex-direction:column;gap:5px;min-width:0}
.gstudio .fld.full{grid-column:1/-1}
.gstudio .fld label,.gstudio .grp legend{font-size:12.5px;font-weight:600;line-height:18.75px;color:var(--ink)}
.gstudio .opt{font-weight:500;color:var(--ink-3)}
.gstudio .inp{height:42px;width:100%;padding:0 13px;border-radius:10px;border:0;background:var(--mist);color:var(--ink);font:inherit;font-size:15px;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s ease,background-color .2s ease}
.gstudio .inp::placeholder{color:#646A74}
.gstudio .inp:hover{background:var(--mist-2)}
.gstudio .inp:focus{outline:none;background:#fff;box-shadow:inset 0 0 0 1.5px var(--teal),0 0 0 4px rgba(32,169,185,.14)}
.gstudio .phone{display:grid;grid-template-columns:100px 1fr;gap:8px}
.gstudio select.inp{appearance:none;-webkit-appearance:none;padding-left:24px;cursor:pointer;background-image:url("gstudio-fig-cc-chev.png");background-repeat:no-repeat;background-size:15px 15px;background-position:6px 50%}
.gstudio .fld.is-bad .inp{background:#FFF5F4;box-shadow:inset 0 0 0 1.5px #C2413A}
.gstudio .err{display:none;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#B0342D}
.gstudio .err svg{width:13px;height:13px;flex:none}
.gstudio .is-bad > .err,.gstudio .grp.is-bad > .err{display:flex}
.gstudio .grp{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.gstudio .grp legend{padding:0;margin-bottom:8px}
.gstudio .picks{display:flex;flex-wrap:wrap;gap:4px}
.gstudio .pick{position:relative}
.gstudio .pick input{position:absolute;opacity:0;width:1px;height:1px}
.gstudio .pick span{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;background:var(--mist);font-size:12px;font-weight:500;line-height:20.25px;color:var(--ink);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease;user-select:none}
.gstudio .pick span:hover{background:var(--mist-2)}
.gstudio .pick span svg{width:12px;height:12px;display:none}
.gstudio .pick input:checked + span{background:#E2F4F6;color:var(--teal-text);box-shadow:inset 0 0 0 1.5px var(--teal)}
.gstudio .pick input:checked + span svg{display:block}
.gstudio .pick input:focus-visible + span{outline:2px solid var(--teal);outline-offset:2px}
.gstudio .grp.is-bad .pick span{box-shadow:inset 0 0 0 1px rgba(194,65,58,.45)}
.gstudio .seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--mist)}
.gstudio .seg label{position:relative}
.gstudio .seg input{position:absolute;opacity:0;width:1px;height:1px}
.gstudio .seg span{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:9px;font-size:13.5px;font-weight:600;line-height:20.25px;color:var(--ink-2);cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.gstudio .seg span small{font-size:11.5px;font-weight:500;line-height:17.25px;color:var(--ink-3)}
.gstudio .seg input:checked + span{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,18,22,.08),0 0 0 1px rgba(15,18,22,.04)}
.gstudio .seg input:focus-visible + span{outline:2px solid var(--teal);outline-offset:2px}
.gstudio .demo-submit{display:flex;flex-direction:column;gap:8px;padding-top:2px;margin-top:auto}
.gstudio dialog.demo .demo-submit{position:sticky;bottom:-32px;margin:auto -40px -32px;padding:10px 40px 24px;background:#fff}
.gstudio .demo-submit .pill{width:100%}
.gstudio .demo-submit .pill[disabled]{opacity:.8;cursor:progress}
.gstudio .spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:gs-spin .8s linear infinite;display:none}
@keyframes gs-spin{to{transform:rotate(360deg)}}
.gstudio .is-loading .spinner{display:block}
.gstudio .fine{font-size:12px;line-height:18px;color:var(--ink-2);text-align:center}
.gstudio .fine a{text-decoration:underline;text-underline-offset:2px}
.gstudio .demo-done{display:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-height:100%;padding:16px 6px}
.gstudio .demo-done:focus{outline:none}
.gstudio .demo-card.is-done .demo-form{display:none}
.gstudio .demo-card.is-done .demo-done{display:flex}
.gstudio .done-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#E2F4F6}
.gstudio .done-ic img{width:26px;height:26px}
.gstudio .demo-done h3{font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.05}
.gstudio .demo-done p{font-size:15.5px;color:var(--ink-2);max-width:40ch}
.gstudio .demo-done p b{color:var(--ink);font-weight:600}
.gstudio .recap{width:100%;display:flex;flex-direction:column;border-radius:14px;background:var(--mist);padding:4px 16px}
.gstudio .recap li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;font-size:14px}
.gstudio .recap li + li{border-top:1px solid var(--line)}
.gstudio .recap li span{color:var(--ink-2)}
.gstudio .recap li b{font-weight:600;text-align:right}
.gstudio .done-btns{display:flex;flex-wrap:wrap;gap:10px}
body.has-modal{overflow:hidden}

/* ---------- Motion ---------- */
.gstudio .reveal{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.gstudio .reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .gstudio .reveal{opacity:1;transform:none;transition:none}
  .gstudio .hub-lines .pl{display:none}
  .gstudio .tile{animation:none}
  .gstudio .track,.gstudio .logos-track,.gstudio .caret,.gstudio .spinner,.gstudio dialog.demo[open],.gstudio dialog.demo::backdrop{animation:none}
}

/* ---------- Responsive ---------- */
.gstudio @media (max-height:780px) and (min-width:901px){.demo-quote{display:none}}
@media (max-width:1280px){
  .gstudio .promo-msgs .m3,.gstudio .promo-msgs .d2{display:none}
  .gstudio .nav-links{gap:28px}
}
@media (max-width:1100px){
  .gstudio .ints{grid-template-columns:repeat(2,1fr)}
  .gstudio .faces{grid-template-columns:repeat(5,1fr)}
  .gstudio .f-main{flex-direction:column;gap:56px}
  .gstudio .diff{flex-direction:column;align-items:stretch}
  .gstudio .dcard{width:100%;max-width:620px;margin:0 auto}
}
@media (max-width:960px){
  .gstudio .nav-links{display:none}
  .gstudio .promo-msgs .m2,.gstudio .promo-msgs .d1{display:none}
  .gstudio .region .vl{margin-right:12px}
}
@media (max-width:900px){
  .gstudio{--gutter:24px;--sec:96px}
  .gstudio .pband{padding:96px 0}
  .gstudio .pband-in{grid-template-columns:1fr;gap:40px}
  .gstudio .pband h2{font-size:52px}
  .gstudio .hubmap{justify-self:center}
  .gstudio .h2{font-size:40px}
  .gstudio .lead{font-size:18px}
  .gstudio .head-row{flex-direction:column;align-items:flex-start}
  .gstudio .counter{align-items:flex-start;text-align:left}
  .gstudio .costs{grid-template-columns:1fr}
  .gstudio .cost-top{min-height:0}
  .gstudio .cost-top .pill{margin-top:8px}
  .gstudio .share-grid{grid-template-columns:1fr;gap:36px}
  .gstudio .share-media{order:-1;height:auto;aspect-ratio:582/493}
  .gstudio .tcar{grid-template-columns:1fr}
  .gstudio .tphoto{min-height:0;width:min(240px,64%);aspect-ratio:4/5}
  .gstudio .plans{grid-template-columns:minmax(0,1fr);justify-content:stretch}
  .gstudio .plan-card{min-width:0}
  .gstudio .faq{padding:110px 0}
  .gstudio .faq-list{margin-top:48px}
  .gstudio .final{height:auto;padding-bottom:120px}
  .gstudio .final .wrap{padding-top:120px}
  .gstudio .final h2{font-size:48px;line-height:1.05}
  .gstudio .final p{font-size:18px}
  .gstudio .f-cols{flex-wrap:wrap;gap:40px 56px}
  .gstudio .f-legal{flex-direction:column;align-items:flex-start}
  .gstudio .pays{margin-top:64px}
  .gstudio .demo-card{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .gstudio .demo-side{padding:22px 22px 20px;gap:10px}
  .gstudio .demo-side h2{font-size:30px;line-height:1.05}
  .gstudio .demo-side .sub{font-size:14.5px;padding-top:6px}
  .gstudio .demo-list,.gstudio .demo-quote{display:none}
  .gstudio .demo-main{padding:20px 22px}
  .gstudio dialog.demo .demo-submit{margin:auto -22px -20px;padding:10px 22px 18px;bottom:-20px}
  .gstudio .demo-close{background:rgba(255,255,255,.14)}
  .gstudio .demo-close img{filter:none}
  .gstudio .fgrid2{padding-right:0}
  .gstudio .demo-form{gap:22px}
}
@media (max-width:640px){
  .gstudio{--gutter:20px;--sec:84px}
  .gstudio .pband{padding:80px 0 72px}
  .gstudio .pband h2{font-size:42px}
  .gstudio .pband-copy p{font-size:17px}
  .gstudio .hubmap{--tile:50px;aspect-ratio:1/1.08}
  .gstudio .tile{border-radius:16px}
  .gstudio .tile .sq{border-radius:7px}
  .gstudio .nm{font-size:12px}
  .gstudio .hub{width:92px;height:92px}
  .gstudio .hub-core{gap:5px}
  .gstudio .hub-core img{width:30px;height:30px}
  .gstudio .hub-core b{font-size:12px}
  .gstudio .hub-halo{width:150px;height:150px;margin:-75px 0 0 -75px}
  .gstudio .promo{display:none}
  .gstudio .nav{height:64px}
  .gstudio .nav-logo img{width:112px;height:28px}
  .gstudio .nav-icons{gap:14px}
  .gstudio .nav-icons a,.gstudio .nav-icons img{width:22px;height:22px}
  .gstudio .hero{padding-top:40px;gap:36px}
  .gstudio .plan{font-size:22px}
  .gstudio .plan img{width:26px;height:26px}
  .gstudio .hero h1{font-size:50px;padding-top:24px}
  .gstudio .chips{padding:22px 0 28px}
  .gstudio .chip{font-size:14px}
  .gstudio .h2{font-size:34px}
  .gstudio .feed{padding:84px 0 96px}
  .gstudio .counter b{font-size:40px}
  .gstudio .marquee{margin-top:36px}
  .gstudio .shot-card{width:190px;height:238px}
  .gstudio .join{padding:84px 0 96px;gap:56px}
  .gstudio .logos-track{gap:48px}
  .gstudio .reel-sec{--cw:min(84vw,336px);--cww:min(84vw,336px);--ch:500px;--vh:290px}
  .gstudio .tabs{width:100%;max-width:360px}
  .gstudio .tab{flex:1;padding:0 8px}
  .gstudio .rcard{width:100%}
  .gstudio .rtxt{padding:20px 22px 22px}
  .gstudio .rtxt h4{font-size:21px}
  .gstudio .rtxt p{font-size:14.5px}
  .gstudio .chap{padding-top:48px}
  .gstudio .sw-sub{font-size:16px}
  .gstudio .is-reel .chap{width:84vw;padding-right:28px}
  .gstudio .is-reel .rcard + .chap{margin-left:56px}
  .gstudio .v-desc .ring{display:none}
  .gstudio .field p{font-size:13px}
  .gstudio .v-spin .spinwrap img{transform:scale(.8);transform-origin:50% 20%}
  .gstudio .v-spin .angles{top:204px;gap:6px}
  .gstudio .v-spin .angles span{width:96px;height:58px}
  .gstudio .v-spin .angles img{width:88px;height:50px}
  .gstudio .v-hw > img{height:calc(var(--vh) - 44px)}
  .gstudio .sme{transform:scale(.8);transform-origin:50% 0}
  .gstudio .v-adj .panel-img{left:auto;right:-30px;top:30px;width:190px;height:310px}
  .gstudio .v-adj .brooch{left:0;top:70px;width:230px;height:252px}
  .gstudio .v-desc{grid-template-columns:1fr}
  .gstudio .doc{margin:16px 16px 0}
  .gstudio .ints{grid-template-columns:1fr 1fr;gap:10px}
  .gstudio .int{min-height:0;padding:16px;gap:22px}
  .gstudio .int p{font-size:13.5px;line-height:1.45}
  .gstudio .faces{grid-template-columns:repeat(3,1fr)}
  .gstudio .tbody{padding:20px}
  .gstudio .tbody blockquote{font-size:22px;line-height:1.35}
  .gstudio .dcard{padding:26px}
  .gstudio .plan-card{padding:26px}
  .gstudio .price{height:auto;font-size:44px;line-height:1.05;white-space:normal}
  .gstudio .price small{font-size:17px}
  .gstudio .dcard h3{font-size:28px}
  .gstudio .faq-item summary{font-size:18px;padding:22px 2px}
  .gstudio .faq-a{padding-right:40px;font-size:16px}
  .gstudio .final h2{font-size:40px}
  .gstudio .final .btns{flex-direction:column;align-items:stretch}
  .gstudio .f-products a{font-size:24px}
  .gstudio .awards{gap:12px}
  .gstudio .f-top{flex-direction:column;align-items:flex-start;height:auto;gap:20px}
  .gstudio dialog.demo{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}
  .gstudio .demo-card{max-height:100dvh;border-radius:0}
  .gstudio .fgrid2{grid-template-columns:1fr}
  .gstudio .phone{grid-template-columns:96px 1fr}
  .gstudio .seg span{flex-direction:column;gap:1px;height:48px}
}

/* =================== v2: the catalogue wall =================== */
.gstudio{--mist:#F5F5F7}
.gstudio .track,.gstudio .logos-track{animation:none!important}
.gstudio.gstudio .feed .track,.gstudio.gstudio .logos-track{will-change:transform}

/* hero wall */
.gstudio .cw{--cwbg:#fff;position:relative;height:330vh;background:var(--cwbg)}
.gstudio .cw-pin{position:sticky;top:var(--navh);height:calc(100svh - var(--navh));min-height:560px;overflow:hidden;background:var(--cwbg);isolation:isolate}
.gstudio .cw-wall{position:absolute;left:-3vw;right:-3vw;top:0;display:flex;gap:16px;transform-origin:0 0}
.gstudio .cw-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}
.gstudio .cw-tile{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(15,18,22,.05),0 16px 34px -24px rgba(15,18,22,.38)}
.gstudio .cw-tile img{display:block;width:100%;height:100%;object-fit:cover}
.gstudio .cw-wall .cw-tile:not(.is-focus){opacity:var(--o,1)}
.gstudio .cw-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 62% at 50% 47%,var(--cwbg) 0%,color-mix(in srgb,var(--cwbg) 98%,transparent) 52%,color-mix(in srgb,var(--cwbg) 86%,transparent) 74%,color-mix(in srgb,var(--cwbg) 35%,transparent) 100%)}
.gstudio .cw-copy{position:absolute;left:50%;top:46%;z-index:2;width:min(900px,calc(100vw - 40px));transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;will-change:transform,opacity,filter}
.gstudio .cw-copy h1{margin-top:24px;font-size:clamp(48px,min(6.8vw,10.2vh),104px);font-weight:600;line-height:.98;letter-spacing:-.04em;color:var(--ink);text-wrap:balance}
.gstudio .cw-copy h1 span{display:block}
.gstudio .cw-sub{max-width:520px;margin-top:22px;font-size:clamp(15px,1.15vw,17px);line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.gstudio .cw-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}
.gstudio .cw-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px 0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #D9DDE2;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.gstudio .cw-chip img{width:16px;height:16px}
.gstudio .cw-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:30px}
.gstudio .cw-cta .btn-hero{padding:16px 24px;border-radius:40px}
.gstudio .cw-demo{height:50px}
.gstudio .cw-copy .hero-price{margin-top:14px}
.gstudio .cw-cue{position:absolute;left:50%;bottom:22px;z-index:2;width:1px;height:46px;margin-left:-.5px;overflow:hidden;background:rgba(15,18,22,.12)}
.gstudio .cw-cue::after{content:"";position:absolute;left:0;top:-46px;width:1px;height:46px;background:linear-gradient(rgba(15,18,22,0),var(--ink));animation:gs-cw-cue 2.4s cubic-bezier(.6,0,.2,1) infinite}
@keyframes gs-cw-cue{to{transform:translateY(92px)}}
.gstudio .cw-port{position:absolute;inset:0;z-index:3;pointer-events:none}
.gstudio .cw-scene{position:absolute;left:0;top:0;width:1920px;height:713px;transform-origin:0 0;opacity:0;background:#F5F5F7;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 72%,transparent 90%),linear-gradient(90deg,transparent 8.4%,#000 15%,#000 85%,transparent 91.6%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 72%,transparent 90%),linear-gradient(90deg,transparent 8.4%,#000 15%,#000 85%,transparent 91.6%);mask-composite:intersect}
.gstudio .cw-scene .shot{position:absolute;left:160px;top:-104.14px;width:1600px;height:941.574px;mix-blend-mode:multiply;max-width:none}
.gstudio .cw-scene .floor{position:absolute;left:0;bottom:0;width:1920px;height:150px;object-fit:cover;max-width:none;mix-blend-mode:multiply}
.gstudio .cw-cap{position:absolute;left:0;right:0;bottom:clamp(18px,4.2vh,46px);z-index:4;padding:0 24px;text-align:center;opacity:0}
.gstudio .cw-cap h2{font-size:clamp(30px,3.2vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.gstudio .cw-cap p{margin-top:14px;font-size:clamp(16px,1.25vw,18px);line-height:1.5;color:var(--ink-2)}
/* static hero: wall frame, then the scene below */
.gstudio .cw.is-static{height:auto}
.gstudio .cw.is-static .cw-pin{position:relative;top:0;height:calc(100svh - var(--navh))}
.gstudio .cw.is-static .cw-port{position:relative;inset:auto;height:var(--sh,713px);overflow:hidden;background:#F5F5F7}
.gstudio .cw.is-static .cw-scene{opacity:1}
.gstudio .cw.is-static .cw-cap{opacity:1;bottom:clamp(48px,7vh,80px)}
.gstudio .cw.is-static .cw-cue{display:none}

/* logos: the marquee answers the scroll */
.gstudio.gstudio .join{padding-top:140px}

/* feed: two rows moving against each other */
.gstudio.gstudio .feed .marquee.rows2{margin-top:56px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.gstudio.gstudio .feed .counter b{font-variant-numeric:tabular-nums}

/* workflow reel, v2 */
.gstudio.gstudio .sw{display:block;font-size:clamp(84px,11vw,184px);font-weight:600;line-height:.95;letter-spacing:-.04em;white-space:nowrap;color:var(--ink)}
.gstudio .sw-l{display:inline-block;--a:clamp(0,calc(var(--f,1) * 2.3 - var(--i) * .2),1);opacity:var(--a);transform:translate3d(0,calc((1 - var(--a)) * .38em),0);filter:blur(calc((1 - var(--a)) * 14px))}
.gstudio.gstudio .sw-tools{display:block;max-width:380px;margin-top:28px;border-bottom:1px solid var(--line)}
.gstudio.gstudio .sw-tools li{border-top:1px solid var(--line)}
.gstudio.gstudio .sw-tools button{display:flex;width:100%;height:46px;padding:0 2px;align-items:center;justify-content:space-between;gap:16px;border-radius:0;background:none;font-size:15px;font-weight:500;color:var(--ink);transition:color .2s ease}
.gstudio.gstudio .sw-tools button::before{content:none}
.gstudio.gstudio .sw-tools button svg{width:16px;height:16px;color:#9AA0A8;transition:transform .4s var(--ease),color .2s ease}
.gstudio.gstudio .sw-tools button:hover{background:none;color:var(--teal-text)}
.gstudio.gstudio .sw-tools button:hover svg{transform:translateX(4px);color:var(--teal-text)}
.gstudio.gstudio .is-reel .rcard{transform:translate3d(0,calc(var(--e,0) * 46px),0) scale(calc(1 - var(--e,0) * .06));transform-origin:50% 100%;opacity:calc(1 - var(--e,0) * .5)}
.gstudio.gstudio .is-reel .reel-row{will-change:transform}

/* costs: struck as you reach them */
.gstudio .c2-list{display:flex;flex-direction:column;gap:14px;margin-top:60px}
.gstudio .c2{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:44px;align-items:center;padding:38px 42px;border-radius:28px;background:#fff;border:1px solid var(--line)}
.gstudio .c2.is-dark{background:var(--ink);border-color:var(--ink)}
.gstudio .c2-was{position:relative;justify-self:start;font-size:clamp(26px,2.4vw,34px);font-weight:600;line-height:1.12;letter-spacing:-.03em;color:var(--ink);opacity:calc(1 - var(--k,1) * .55);text-wrap:balance}
.gstudio .c2-was span{background:linear-gradient(currentColor,currentColor) 0 56% / calc(var(--k,1) * 100%) 3px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 2px}
.gstudio .c2-new{transform:translate3d(0,calc((1 - var(--k,1)) * 18px),0)}
.gstudio .c2-new h3{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.022em;color:var(--ink)}
.gstudio .c2-new p{margin-top:8px;font-size:15.5px;line-height:1.55;color:var(--ink-2);max-width:42ch}
.gstudio .c2-new .pill{margin-top:18px}
.gstudio .c2-q{display:flex;flex-direction:column;gap:14px}
.gstudio .c2-q blockquote{font-size:15px;line-height:1.5;color:var(--ink)}
.gstudio .c2.is-dark .c2-was,.gstudio .c2.is-dark .c2-new h3{color:#fff}
.gstudio .c2.is-dark .c2-new p{color:var(--on-black-2)}
.gstudio .c2.is-dark .c2-q blockquote{color:rgba(255,255,255,.88)}
.gstudio .c2.is-dark .who b,.gstudio .c2.is-dark .who span{color:rgba(255,255,255,.72)}

/* see the difference: one column steps back, the other steps forward */
.gstudio.gstudio .diff .dcard{transition:none}
.gstudio.gstudio .diff .dcard:not(.dark){transform:scale(calc(1 - var(--d,1) * .035));opacity:calc(1 - var(--d,1) * .3);filter:saturate(calc(1 - var(--d,1) * .9))}
.gstudio.gstudio .diff .dcard.dark{transform:translate3d(0,calc(var(--d,1) * -14px),0)}
.gstudio.gstudio .diff .dcard li{line-height:1.36}
.gstudio.gstudio .diff .dcard.dark li{--r:clamp(0,calc(var(--d,1) * (var(--pts, 6) + 1) - var(--n,0)),1);opacity:calc(.38 + var(--r) * .62)}
.gstudio.gstudio .diff .dcard.dark li .ic{background:rgba(32,169,185,calc(var(--r) * .14))}

/* integrations: a light spec list */
.gstudio .i2{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;margin-top:56px;border-top:1px solid var(--line)}
.gstudio .i2-row{display:grid;grid-template-columns:56px 1fr;column-gap:20px;row-gap:4px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);transform:translate3d(0,calc((1 - var(--k,1)) * 26px),0);opacity:calc(.2 + var(--k,1) * .8)}
.gstudio .i2-ic{grid-row:1 / 3;width:56px;height:56px;border-radius:18px;background:var(--mist);display:grid;place-items:center}
.gstudio .i2-ic > img{width:26px;height:26px}
.gstudio .i2-ic .ig{position:relative;width:26px;height:26px;overflow:hidden}
.gstudio .i2-ic .ig img{position:absolute;width:314.69%;height:177.54%;left:-131.12%;top:-38.6%;max-width:none}
.gstudio .i2-ic .sq{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:700;line-height:1}
.gstudio .i2-ic .sq img{width:18px;height:18px}
.gstudio .i2-row h3{align-self:end;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.015em}
.gstudio .i2-row p{align-self:start;font-size:15px;line-height:1.5;color:var(--ink-2)}

/* testimonials and pricing: quiet reveals */
.gstudio.gstudio .tphoto img{transform:scale(calc(1.14 - var(--k,1) * .14))}
.gstudio.gstudio .plans .plan-card{transform:translate3d(0,calc((1 - var(--k,1)) * 64px),0)}

/* closing wall */
.gstudio .fin{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:860px;padding:150px 0;background:#F5F5F7}
.gstudio .fin-wall{position:absolute;inset:-30px -60px;z-index:-1;display:grid;grid-template-columns:repeat(8,1fr);gap:16px;align-content:center}
.gstudio .fin-t{aspect-ratio:4 / 5;transform:translate3d(calc(var(--dx) * (1 - var(--k,1)) * 1px),calc(var(--dy) * (1 - var(--k,1)) * 1px),0) rotate(calc(var(--rot) * (1 - var(--k,1)) * 1deg));opacity:calc(.25 + var(--k,1) * .75)}
.gstudio .fin-veil{position:absolute;inset:0;z-index:-1;background:radial-gradient(42% 48% at 50% 50%,rgba(245,245,247,.985) 0%,rgba(245,245,247,.92) 55%,rgba(245,245,247,.4) 100%)}
.gstudio .fin-copy{max-width:760px;padding:0 20px;text-align:center}
.gstudio .fin-copy h2{font-size:clamp(44px,5.4vw,78px);font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--ink);text-wrap:balance}
.gstudio .fin-copy p{max-width:520px;margin:20px auto 0;font-size:19px;line-height:1.55;color:var(--ink-2)}
.gstudio .fin-copy .btns{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:34px}
.gstudio .fin-copy .btn-hero{padding:16px 24px;border-radius:40px}
.gstudio .fin-copy .pill-white{height:50px;box-shadow:inset 0 0 0 1px #E2E5E9}

@media (max-width:1100px){
  .gstudio .c2{grid-template-columns:1fr 1fr;gap:28px 40px}
  .gstudio .c2-q{grid-column:1 / -1}
}
@media (max-width:900px){
  .gstudio .c2{grid-template-columns:1fr;gap:18px;padding:28px 26px}
  .gstudio .i2{grid-template-columns:1fr}
  .gstudio .fin-wall{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:640px){
  .gstudio{}
  .gstudio .cw-wall{left:-10vw;right:-10vw;gap:10px}
  .gstudio .cw-col{gap:10px}
  .gstudio .cw-col[data-col="0"],.gstudio .cw-col[data-col="6"]{display:none}
  .gstudio .cw-tile{border-radius:16px}
  .gstudio .cw-copy{top:44%}
  .gstudio .cw-copy .plan{font-size:22px}
  .gstudio .cw-copy .plan img{width:26px;height:26px}
  .gstudio .cw-copy h1{margin-top:20px}
  .gstudio .cw-chips{margin-top:22px}
  .gstudio .cw-chip{font-size:13.5px;height:34px}
  .gstudio .cw-cta{margin-top:26px}
  .gstudio.gstudio .join{padding-top:96px}
  .gstudio .c2-was{font-size:24px}
  .gstudio .fin{min-height:720px;padding:110px 0}
  .gstudio .fin-wall{grid-template-columns:repeat(4,1fr);gap:10px}
  .gstudio .fin-veil{background:radial-gradient(80% 44% at 50% 50%,rgba(245,245,247,.985) 0%,rgba(245,245,247,.95) 62%,rgba(245,245,247,.6) 100%)}
  .gstudio .fin-copy h2{font-size:40px}
  .gstudio .fin-copy p{font-size:17px}
}
@media (prefers-reduced-motion:reduce){
  .gstudio .cw-cue::after{animation:none}
}

/* review fixes */
.gstudio.gstudio .acc-item{border-left-width:1px}
.gstudio.gstudio .acc-item.is-open{border-left-color:var(--line)}
.gstudio.gstudio .acc-item::before{left:-1px;width:1px;background:var(--ink)}
.gstudio.gstudio .share-sec.is-scrolly .acc-item.is-open{border-left-color:var(--line)}
.gstudio.gstudio .share-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:22px;opacity:0;transform:scale(1.03);transition:opacity .7s var(--ease),transform 1s var(--ease)}
.gstudio.gstudio .share-media img.is-on{opacity:1;transform:none}
.gstudio.gstudio .share-media img.crop{object-fit:cover;object-position:88% 30%;padding:0}
.gstudio.gstudio .pill-teal{background:var(--teal-text)}
.gstudio.gstudio .pill-teal:hover{background:#0F5C66}
.gstudio.gstudio .badge{background:var(--teal-text)}
.gstudio.gstudio .counter b{color:var(--teal-text)}
.gstudio.gstudio .counter small{display:block;font-size:12.5px;color:var(--ink-3)}
.gstudio.gstudio .f-products .soon a{opacity:1;color:#8A8C93}
.gstudio.gstudio .f-products .soon span{color:#6D6E74;border-color:#6D6E74}
.gstudio.gstudio .tattr{display:flex;flex-direction:column;gap:2px}
.gstudio.gstudio .tattr .biz{font-size:14px;line-height:21px;font-weight:400;color:var(--ink-2)}
.gstudio.gstudio .tile .sq[style*='#20A9B9'],.gstudio.gstudio .i2-ic .sq[style*='#20A9B9']{background:#13707C!important}


/* round 2 */
/* partner band: light, the seven integrations as a plain grid */
.gstudio.gstudio .pband{background:#fff;color:var(--ink)}
.gstudio.gstudio .pband::before{display:none}
.gstudio.gstudio .pband h2{color:var(--ink)}
.gstudio.gstudio .pband-copy p{color:var(--ink-2)}
.gstudio.gstudio .pband-more{color:var(--ink)}
.gstudio.gstudio .pband-more:hover{color:var(--teal-text)}
.gstudio .pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-self:center}
.gstudio .pgrid li{transform:translate3d(0,calc((1 - var(--k,1)) * 24px),0);opacity:calc(.3 + var(--k,1) * .7)}
.gstudio .pgrid a{display:flex;flex-direction:column;align-items:flex-start;gap:16px;height:100%;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(15,18,22,.04),0 18px 40px -32px rgba(15,18,22,.32);transition:border-color .2s ease,transform .35s var(--ease)}
.gstudio .pgrid a:hover{border-color:#C9CED4;transform:translateY(-2px)}
.gstudio .pg-ic{width:48px;height:48px;border-radius:14px;background:var(--mist);display:grid;place-items:center}
.gstudio .pg-ic > img{width:24px;height:24px}
.gstudio .pg-ic .ig{position:relative;width:24px;height:24px;overflow:hidden}
.gstudio .pg-ic .ig img{position:absolute;width:314.69%;height:177.54%;left:-131.12%;top:-38.6%;max-width:none}
.gstudio .pg-ic .sq{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:700;line-height:1}
.gstudio .pg-ic .sq img{width:16px;height:16px}
.gstudio .pgrid b{font-size:15.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
/* trusted by: two lines */
.gstudio.gstudio .join .h2 .ln{display:block}
/* feed: before | after pairs in the same rows */
.gstudio .ba-card{width:456px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.gstudio .ba-half{position:relative;overflow:hidden;background:#fff}
.gstudio .ba-half img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px}
.gstudio .ba-half.is-after img{object-fit:cover;padding:0}
.gstudio .ba-tag{position:absolute;left:10px;top:10px;z-index:1;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#fff;font-size:11.5px;font-weight:600;color:var(--ink);box-shadow:0 0 0 1px rgba(15,18,22,.08)}
.gstudio .ba-tag.is-after{background:var(--ink);color:#fff;box-shadow:none}
.gstudio .ba-card figcaption{z-index:2}
/* workflow: each category opens with a compact panel instead of a giant word */
.gstudio .chap-n{display:block;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--ink-3)}
.gstudio .sw2{font-size:clamp(34px,3.2vw,44px);font-weight:600;line-height:1.05;letter-spacing:-.035em;color:var(--ink)}
.gstudio.gstudio .chap .sw-sub{margin-top:14px;font-size:16px}
.gstudio.gstudio .is-reel .chap{width:360px;height:var(--ch);padding:34px 30px 28px;border-radius:26px;background:var(--mist);display:flex;flex-direction:column;align-self:center}
.gstudio.gstudio .is-reel .chap .sw-tools{margin-top:auto}
.gstudio.gstudio .is-reel .rcard + .chap{margin-left:56px}
@media (max-width:900px){
  .gstudio .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .gstudio .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gstudio .pgrid a{padding:16px;gap:12px}
  .gstudio .ba-card{width:340px;height:238px}
  .gstudio .cw-sub{font-size:15px;margin-top:14px}
  .gstudio .cw-chip{font-size:13.5px}
  .gstudio.gstudio .is-reel .chap{width:84vw;padding:26px 22px 22px}
  .gstudio.gstudio .is-reel .rcard + .chap{margin-left:28px}
}

/* round 3 */
/* 1. the wall's ring tile is framed exactly like the editor's ring card, so the crossfade lines up */
.gstudio .cw-tile.is-focus img{position:absolute;left:-11.842%;top:-17.626%;width:123.69%;height:130.99%;max-width:none;object-fit:cover}
/* 2. the ending heading: hero size, three lines, the jewelry word rotates; lots of room around it */
.gstudio .cw-after{background:#F5F5F7;padding:clamp(48px,7vh,88px) 24px clamp(120px,18vh,220px);text-align:center}
.gstudio .cw-after-btn{margin-top:36px}
.gstudio .cw-word{font-size:clamp(48px,min(6.8vw,10.2vh),104px);font-weight:600;line-height:.98;letter-spacing:-.04em;color:var(--ink)}
.gstudio .cw-word .ln{display:block}
.gstudio .cw-word .rot{position:relative;display:inline-block;vertical-align:top;height:1.12em;margin-bottom:-.14em;overflow:hidden;transition:width .6s var(--ease)}
.gstudio .cw-word .rot span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transform:translate3d(0,1.1em,0);transition:opacity .35s ease .18s,transform .62s var(--ease) .12s}
.gstudio .cw-word .rot span.is-on{position:relative;opacity:1;transform:none}
.gstudio .cw-word .rot span.is-out{opacity:0;transform:translate3d(0,-1.1em,0);transition:opacity .18s ease,transform .4s cubic-bezier(.5,0,.75,0)}
.gstudio .cw-after p{margin-top:32px;font-size:clamp(17px,1.4vw,21px);line-height:1.5;color:var(--ink-2)}
@media (max-width:640px){.gstudio .cw-after{padding:40px 20px 96px}.gstudio .cw-after-btn{margin-top:28px}.gstudio .cw-word{font-size:44px}.gstudio .cw-after p{font-size:16px;margin-top:22px}}

/* round 4 */
/* the HD ring rides on top of the editor card through the whole pull-back */
.gstudio .cw-ring{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;opacity:0;background:#fff}
.gstudio .cw-ring img{position:absolute;left:-11.842%;top:-17.626%;width:123.69%;height:130.99%;max-width:none}
.gstudio .cw.is-static .cw-ring{display:none}
/* the laptop screen: the same editor, rebuilt with legible type */
.gstudio .cw-ui{position:absolute;left:650.05px;top:34.45px;width:620.303px;height:413.006px;background:#fff;border-radius:7.648px 7.648px 0 0;overflow:hidden;font-family:var(--font);color:#1D1D1F;-webkit-font-smoothing:antialiased}
.gstudio .cw-ui *{box-sizing:border-box;margin:0}
.gstudio .cw-ui img{display:block;max-width:none}
.gstudio .ui-top{position:absolute;left:0;top:0;right:0;height:46.57px;border-bottom:1px solid #ECEDEF;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.gstudio .ui-brand{display:flex;align-items:center;gap:6px;font-size:13.5px;line-height:1;letter-spacing:-.01em}
.gstudio .ui-brand img{width:16px;height:16px;margin-right:1px}
.gstudio .ui-brand b{font-weight:600}
.gstudio .ui-pub{display:flex;align-items:center;gap:10px;height:27px;padding:0 11px 0 13px;border-radius:7px;background:var(--teal);color:#fff;font-size:12px;font-weight:600;line-height:1}
.gstudio .ui-pub i{width:6px;height:6px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:translateY(-2px) rotate(45deg)}
.gstudio .ui-tools{position:absolute;left:9px;top:66px;display:flex;flex-direction:column;gap:8px}
.gstudio .ui-tools span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px}
.gstudio .ui-tools span.on{background:#F1F2F4}
.gstudio .ui-tools img{width:15px;height:15px}
.gstudio .ui-card{position:absolute;left:68.2px;top:67.76px;width:323.004px;height:305.099px;border-radius:14.324px;overflow:hidden;background:#fff;box-shadow:-8.594px 23.634px 48.057px rgba(0,0,0,.14)}
.gstudio .ui-card img{position:absolute;left:-11.842%;top:-17.626%;width:123.69%;height:130.99%}
.gstudio .ui-side{position:absolute;left:414px;top:46.57px;bottom:0;width:206.3px;padding:17px 18px 0;border-left:1px solid #ECEDEF}
.gstudio .ui-lbl{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:11px;font-weight:600;line-height:1;color:#1D1D1F}
.gstudio .ui-lbl span{font-weight:400;color:#8A8F98}
.gstudio .ui-lbl .ui-ai{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:#5C626C}
.gstudio .ui-ai img{width:10px;height:10px}
.gstudio .ui-field{margin-bottom:16px;padding:8px 10px;border:1px solid #E3E5E8;border-radius:7px}
.gstudio .ui-title{font-size:13px;font-weight:600;line-height:1.25;letter-spacing:-.01em}
.gstudio .ui-desc{font-size:11px;line-height:1.45;color:#3E434B}
.gstudio .ui-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.gstudio .ui-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;border:1px solid #ECEDEF}
.gstudio .ui-thumbs img.on{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}

/* round 6 */
.gstudio .cw-copy .plan{font-size:26px}
.gstudio .cw-copy .plan img{width:30px;height:30px}
.gstudio .cw-copy .cw-chips{margin-top:clamp(44px,8vh,88px)}
.gstudio .cw-sub{text-wrap:balance}
@media (max-width:640px){
  .gstudio .cw-copy .plan{font-size:20px}
  .gstudio .cw-copy .plan img{width:23px;height:23px}
  .gstudio .cw-copy .cw-chips{margin-top:36px}
}

/* round 7 */
/* one section-heading size, from "Sell it everywhere." to the closing wall */
.gstudio.gstudio .h2,.gstudio.gstudio .pband h2,.gstudio.gstudio .fin-copy h2{font-size:clamp(40px,4.45vw,64px);font-weight:600;line-height:1.03;letter-spacing:-.038em}
/* one body size for running paragraphs, site-wide */
.gstudio.gstudio{--body:17px}
.gstudio.gstudio .cw-sub,.gstudio.gstudio .cw-after p,.gstudio.gstudio .pband-copy p,.gstudio.gstudio .pband p,.gstudio.gstudio .p,.gstudio.gstudio .lead,.gstudio.gstudio .fin-copy p,.gstudio.gstudio .c2-new p,.gstudio.gstudio .i2-row p,.gstudio.gstudio .wf-sub,.gstudio.gstudio .wf-a p{font-size:var(--body);line-height:1.6}
.gstudio.gstudio .lead{margin-top:18px}

/* workflow: three stacked bands; each a shelf of every card, arrows when it overflows */
.gstudio.gstudio .rtxt p{font-size:var(--body);line-height:1.6}
.gstudio .sec.wf{--cw:440px;--cww:660px;--vh:380px;padding-bottom:0}
.gstudio .wf-cat{padding:clamp(56px,6vw,88px) 0 clamp(64px,7vw,104px)}
.gstudio .wf-cat.is-alt{background:var(--mist)}
.gstudio .wf-cat:first-of-type{padding-top:clamp(48px,5vw,72px)}
.gstudio .wf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.gstudio .wf-title h3{display:flex;align-items:baseline;gap:14px;margin:0;font-size:clamp(32px,3.2vw,44px);font-weight:600;line-height:1.05;letter-spacing:-.035em;color:var(--ink)}
.gstudio .wf-title h3 span{font-size:15px;font-weight:500;letter-spacing:-.005em;color:#6D6E74}
.gstudio .wf-sub{max-width:52ch;margin-top:12px;color:var(--ink-2);text-wrap:pretty}
.gstudio .wf-nav{display:flex;flex:none;gap:10px}
.gstudio .wf-arrow{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #D9DDE2;color:var(--ink);transition:background-color .2s ease,box-shadow .2s ease,opacity .2s ease}
.gstudio .wf-arrow svg{width:19px;height:19px}
.gstudio .wf-arrow.is-prev svg{transform:rotate(180deg)}
.gstudio .wf-arrow:hover:not(:disabled){background:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);color:#fff}
.gstudio .wf-arrow:disabled{opacity:.35;cursor:default}
.gstudio .wf-arrow:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.gstudio .wf-cat.is-fit .wf-nav{display:none}
.gstudio .wf-row{--edge:max(var(--gutter),calc((100% - var(--max)) / 2 + var(--gutter)));display:flex;gap:20px;margin-top:clamp(28px,3vw,40px);margin-bottom:-44px;padding:4px var(--edge) 44px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.gstudio .wf-row:focus-visible{outline:2px solid var(--teal);outline-offset:-2px;border-radius:12px}
.gstudio .wf .rcard{flex:none;width:var(--cw);height:auto;box-shadow:0 1px 2px rgba(15,18,22,.04),0 24px 48px -32px rgba(15,18,22,.28);transform:translate3d(calc((1 - var(--k,1)) * (140px + var(--i,0) * 70px)),0,0);opacity:calc(.25 + var(--k,1) * .75)}
.gstudio .wf .rcard.is-wide{width:var(--cww)}
.gstudio .wf .rtxt{gap:10px;padding:24px 28px 28px}
.gstudio .wf .rtxt p{max-width:44ch;color:var(--ink-2)}
@media (max-width:640px){
  .gstudio .sec.wf{--cw:min(82vw,336px);--cww:min(82vw,336px);--vh:290px}
  .gstudio .wf-nav{display:none}
  .gstudio .wf-title h3{font-size:30px}
  .gstudio .wf-row{gap:14px}
  .gstudio .wf .rtxt{padding:20px 22px 24px}
}
@media (prefers-reduced-motion:reduce){.gstudio .wf .rcard{transform:none;opacity:1}}

/* round 9: the rotating jewelry word sits in the page grey */
.gstudio .cw-word .rot span{color:#6D6E74}

/* round 10: the share comps fill the frame */
.gstudio.gstudio .share-media img{padding:0;object-fit:cover}

/* round 11 */
/* testimonials: one wide panel, the quote leads, a small avatar beside the name */
.gstudio.gstudio .tcar{grid-template-columns:1fr;min-height:0;padding:14px}
.gstudio.gstudio .tbody{padding:clamp(28px,3.4vw,48px) clamp(28px,3.6vw,52px);gap:28px;min-height:330px}
.gstudio.gstudio .tbody blockquote{max-width:30ch;font-size:clamp(24px,2.4vw,34px);line-height:1.3}
.gstudio.gstudio .tattr{flex-direction:row;align-items:center;gap:14px}
.gstudio.gstudio .tav{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--mist-2);box-shadow:0 0 0 3px #fff}
.gstudio.gstudio .tnm{display:flex;flex-direction:column;gap:2px}
@media (max-width:640px){.gstudio.gstudio .tbody{padding:24px 20px;min-height:0;gap:22px}.gstudio.gstudio .tbody blockquote{font-size:22px}.gstudio.gstudio .tav{width:48px;height:48px}}

/* share: stacked, every step open with its own image, wherever the pinned scrolly is off */
.gstudio .acc-shot{display:none}
.gstudio .share-sec:not(.is-scrolly) .share-grid{grid-template-columns:1fr;gap:0}
.gstudio .share-sec:not(.is-scrolly) .share-media{display:none}
.gstudio .share-sec:not(.is-scrolly) .acc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.gstudio .share-sec:not(.is-scrolly) .acc-item{border-left:0;padding:0}
.gstudio .share-sec:not(.is-scrolly) .acc-item + .acc-item{margin-top:0}
.gstudio .share-sec:not(.is-scrolly) .acc-item::before{display:none}
.gstudio .share-sec:not(.is-scrolly) .acc-shot{display:block;position:relative;margin-bottom:22px;aspect-ratio:582 / 494;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.gstudio .share-sec:not(.is-scrolly) .acc-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gstudio .share-sec:not(.is-scrolly) .acc-btn{pointer-events:none;color:var(--ink)}
.gstudio .share-sec:not(.is-scrolly) .acc-body{grid-template-rows:1fr}
@media (max-width:900px){.gstudio .share-sec:not(.is-scrolly) .acc{grid-template-columns:1fr;gap:48px}}
@media (max-width:640px){.gstudio .share-sec:not(.is-scrolly) .acc-shot{border-radius:20px;margin-bottom:18px}}

/* round 13: the heading block can rise over the empty foot of the pinned hero (pulled up on phones by the hero layout) */
.gstudio .cw-after{position:relative;z-index:2}

/* ---------- Shopify additions ---------- */
.gstudio .demo-error{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#FDECEC;color:#B42318;font-size:14px;line-height:1.45}
.gstudio .demo-error ul{margin:0;padding:0;list-style:none}
.gstudio .demo-error .errors{margin:0}