:root{--landing-ink:var(--ink);--landing-paper:var(--brand-violet)}
.studio-hero-wave{height:clamp(38px,5.4vw,78px);margin-top:-1px;background:var(--paper);color:var(--brand-violet);pointer-events:none}
.studio-hero-wave svg{display:block;width:100%;height:100%}
body.studio-home .studio-platform-section{padding-top:max(32px,calc(var(--section-space) - 24px))}
body.studio-home .request-section{padding-top:calc(var(--section-space) + 32px)}
html:root:not(.nav-is-compact) body.studio-home .site-header{top:8px;width:min(1180px,calc(100% - 64px));height:68px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
html:root body.studio-home .site-header .brand-name.brand-name-english{color:var(--landing-ink);font-size:23px;font-weight:700}
html:root body.studio-home .site-header .desktop-nav{font-size:14px;font-weight:650;gap:22px;text-transform:uppercase;color:var(--landing-ink)}
html:root body.studio-home .site-header .desktop-nav a[aria-current],html:root body.studio-home .site-header .desktop-nav a:hover{color:var(--landing-ink)}
html:root body.studio-home .site-header .header-cta{display:none}
html:root body.studio-home .site-header .header-auth,body.studio-home .studio-signup{padding:9px 0;min-height:44px;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:14px;font-weight:700;text-transform:uppercase;color:var(--landing-ink);white-space:nowrap}
html:root body.studio-home .site-header .menu-toggle{display:block;flex:none}
html:root body.studio-home .site-header .menu-toggle span{background:var(--landing-ink)}
body.studio-home .language-trigger{background:transparent;border-color:#17112f25;color:var(--landing-ink);min-height:40px}
html:root body.studio-home .site-header .brand-symbol{background:transparent;border-radius:0}
body.studio-home .hero{display:block;position:relative;min-height:860px;padding:116px 0 25px;background:var(--landing-paper);color:var(--landing-ink);overflow:hidden}
.studio-home .hero::after,.studio-home .studio-orbit,.studio-home .studio-eyebrow{display:none}
body.studio-home .hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;width:calc(100% - 64px);max-width:1200px}
body.studio-home .hero-copy{max-width:1100px;text-align:center;position:relative;z-index:2}
body.studio-home .hero h1,html:not([lang^=zh]) body.studio-home .hero h1{font-size:70px;font-weight:700;letter-spacing:-.04em;line-height:1.14;text-wrap:balance;margin:0 auto 18px;color:var(--landing-ink);max-width:1100px}
html:is([lang=en],[lang=fr],[lang=es],[lang=vi]) body.studio-home .hero h1{font-family:Zaolang Display,var(--font);font-weight:400;letter-spacing:-.015em;font-size:76px;line-height:1.12;text-transform:uppercase}
body.studio-home .hero .title-accent{color:inherit}
body.studio-home .hero-description{max-width:520px;font-size:17px;font-weight:450;line-height:1.5;letter-spacing:0;color:var(--landing-ink);margin:0 auto 22px}
body.studio-home .hero-actions{justify-content:center;gap:10px;position:relative;z-index:2}
body.studio-home .hero-actions .button-orange{min-height:48px;padding:13px 24px;border-radius:12px;border:1px solid var(--landing-ink);background:var(--landing-ink);color:#fff;font-weight:700;box-shadow:none}
body.studio-home .hero-actions .button-orange:hover{background:#292040;transform:translateY(-2px)}
body.studio-home .hero-actions .button-orange [data-studio-extra]{font:700 15px/1.5 var(--font)}
body.studio-home .hero-actions .button-orange>span[aria-hidden]{font:600 20px/1 var(--font)}
body.studio-home .hero-actions .text-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 20px;border:1px solid #ffffff4d;border-radius:12px;color:var(--landing-ink);font-size:15px;font-weight:700}
body.studio-home .hero-actions .text-link:hover{background:#ffffff15}
.studio-art-stage{position:relative;width:min(900px,100%);margin:24px auto 0}
body.studio-home .studio-art{width:100%;margin:0;z-index:1}
body.studio-home .studio-art img{width:100%;height:auto;max-height:none;object-fit:contain}
.studio-home .studio-hero-meta{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:24px;max-width:1040px;margin:24px auto 0;z-index:3;pointer-events:none}
.studio-hero-badge{background:var(--landing-ink);color:#fff;border-radius:22px;padding:17px 20px;pointer-events:auto;box-shadow:none}
.studio-count-badge{min-width:220px}
.studio-count-badge>div{display:flex;align-items:baseline;gap:10px;font-size:15px;font-weight:600}
.studio-count-badge strong{font-size:35px;line-height:1.2;font-weight:700;letter-spacing:-.04em}
.studio-count-badge a{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:9px;font-size:12px;color:#e1dded}
.studio-assurance-badge{list-style:none;margin:0;min-width:235px;display:grid;gap:7px;font-size:13px;font-weight:550;line-height:1.4}
.studio-assurance-badge li{display:flex;align-items:start;gap:9px}
.studio-assurance-badge li>span:first-child{color:#97e7ed;font-size:14px}
.studio-home .studio-platform-section{text-align:center;padding-block:var(--section-space)}
.studio-home .studio-platform-section .section-heading{justify-content:center;flex-direction:column;align-items:center;gap:15px}
.studio-home .studio-platform-section h2{font-size:34px}
.studio-home .studio-platform-card{min-height:60px;padding:14px;border-radius:14px;font-size:13px}
.studio-home .how-section{display:block;border-top:0;max-width:1180px;padding-top:0}
.studio-home .how-copy{text-align:center;margin-bottom:var(--section-gap)}
.studio-home .how-copy h2{font-size:42px;line-height:1.2;margin-bottom:20px}
.studio-home .how-copy h2 br{display:none}
.studio-home .how-copy .text-link{color:var(--accent)}
.studio-home .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.studio-home .steps li{display:block;position:relative;padding:22px 0;border-top:var(--stroke) solid var(--edge);border-bottom:0}
.studio-home .steps .step-number{display:grid;width:39px;height:39px;place-items:center;margin-bottom:22px;border:var(--stroke) solid var(--ink);border-radius:10px;background:var(--selected);color:var(--landing-ink);font-size:13px}
.studio-home .steps h3{font-size:18px;line-height:1.5;margin-bottom:13px}
.studio-home .steps p{font-size:14px;line-height:1.8}
.studio-home .steps li>span:last-child{position:absolute;right:0;top:29px;color:var(--landing-ink);font-size:18px}
.studio-quick-dialog{position:fixed;width:min(550px,calc(100% - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:var(--panel-padding);border:var(--stroke-strong) solid var(--ink);border-radius:var(--radius-panel);background:var(--paper);color:var(--ink);overflow:auto;box-shadow:var(--shadow-panel)}
.studio-quick-dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(5px)}
.studio-quick-dialog .studio-builder{display:block;width:100%;max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:transparent}
.studio-quick-dialog .studio-builder-heading{padding-right:30px;margin-bottom:24px}
.studio-quick-dialog .studio-builder-spark{display:none}
.studio-quick-dialog .studio-platform-tabs{margin-bottom:22px}
.studio-quick-dialog .studio-platform-tab{font-size:12px;min-height:62px}
.studio-quick-dialog .studio-field{margin-bottom:20px}
.studio-quick-dialog .studio-field label{font-size:14px}
.studio-quick-dialog .studio-field .control-trigger{font-size:14px;margin-top:8px}
.studio-quick-dialog .studio-quantity-heading{margin-bottom:10px;font-size:14px}
.studio-quick-dialog .studio-quantity-heading>span+span{font-size:12px}
.studio-quick-dialog .studio-packages{margin-bottom:22px}
.studio-quick-dialog .studio-builder-total{display:flex;justify-content:space-between;margin-bottom:16px;padding-top:18px;border-top:var(--stroke) solid var(--line)}
.studio-quick-dialog .studio-builder-total>span{font-size:14px}
.studio-quick-dialog .studio-builder-total strong{font-size:32px}
body .studio-quick-dialog .studio-continue{background:var(--landing-ink);border-color:var(--landing-ink);color:#fff}
.studio-quick-dialog .studio-builder-foot{margin-top:13px!important}
.studio-quick-close{position:absolute;z-index:3;right:18px;top:18px;width:35px;height:35px}
.studio-browse-link{display:block;width:fit-content;margin:14px auto 0;font-size:13px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
html.studio-modal-open{overflow:hidden}
body.studio-home .mobile-nav:not([hidden]){display:grid;left:auto;right:max(16px,calc((100vw - 1180px)/2));top:86px;transform:none;width:min(420px,calc(100% - 32px));background:var(--paper);color:var(--landing-ink);border-color:var(--ink);letter-spacing:0}
.nav-is-compact body.studio-home .mobile-nav{top:92px}
@media(min-width:981px) and (max-height:900px){
  body.studio-home .hero{padding-top:100px}
  body.studio-home .hero h1,html:not([lang^=zh]) body.studio-home .hero h1{font-size:60px;line-height:1.1;margin-bottom:14px}
  html:is([lang=en],[lang=fr],[lang=es],[lang=vi]) body.studio-home .hero h1{font-size:64px}
  body.studio-home .hero-description{font-size:16px;line-height:1.5;margin-bottom:18px}
  .studio-art-stage{width:min(100%,clamp(660px,calc(150svh - 570px),810px));margin-top:18px}
}
@media(max-width:1180px){html:root body.studio-home .site-header .desktop-nav{display:none}}
@media(max-width:1280px){html:root body.studio-home .site-header .desktop-nav{gap:16px;font-size:13px}html:root body.studio-home .site-header{gap:16px}.studio-home .studio-hero-meta{width:calc(100% - 64px)}body.studio-home .hero h1,html:not([lang^=zh]) body.studio-home .hero h1{font-size:64px}html:is([lang=en],[lang=fr],[lang=es],[lang=vi]) body.studio-home .hero h1{font-size:72px}}
@media(max-width:980px){html:root body.studio-home .site-header .header-auth,body.studio-home .studio-signup{display:none}html:root:not(.nav-is-compact) body.studio-home .site-header{width:calc(100% - 40px)}.studio-home .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 34px}.studio-home .studio-hero-meta{width:calc(100% - 48px)}body.studio-home .hero{min-height:0;padding-bottom:28px}body.studio-home .hero h1,html:not([lang^=zh]) body.studio-home .hero h1{font-size:54px}html:is([lang=en],[lang=fr],[lang=es],[lang=vi]) body.studio-home .hero h1{font-size:64px}.studio-count-badge{min-width:200px}.studio-assurance-badge{min-width:220px}}
@media(max-width:600px){html:root:not(.nav-is-compact) body.studio-home .site-header{top:7px;height:64px;width:calc(100% - 32px)}html:root body.studio-home .site-header .brand-name.brand-name-english{font-size:19px}body.studio-home .hero{padding-top:110px;padding-bottom:20px}body.studio-home .hero-inner{width:calc(100% - 32px);gap:0}body.studio-home .hero h1,html:not([lang^=zh]) body.studio-home .hero h1{font-size:36px;line-height:1.2;letter-spacing:-.035em;margin-bottom:18px}html:is([lang=en],[lang=fr],[lang=es],[lang=vi]) body.studio-home .hero h1{font-size:44px;letter-spacing:-.01em}.studio-home .hero-description{font-size:15px;line-height:1.65;margin-bottom:22px;max-width:340px}body.studio-home .hero-actions{gap:8px;flex-wrap:wrap}body.studio-home .hero-actions .button-orange,body.studio-home .hero-actions .text-link{min-height:46px;font-size:13px;padding:11px 15px;gap:12px}.studio-art-stage{width:calc(100% + 20px);margin:24px -10px 0}body.studio-home .studio-art{width:100%;margin:0}.studio-home .studio-hero-meta{width:calc(100% - 32px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;align-items:stretch;margin-top:20px}.studio-hero-badge{min-width:0;border-radius:17px;padding:14px 12px}.studio-count-badge>div{gap:6px;flex-wrap:wrap;font-size:12px}.studio-count-badge strong{font-size:29px}.studio-count-badge a{font-size:12px;line-height:1.5;gap:5px;align-items:start}.studio-assurance-badge{font-size:12px;gap:6px;line-height:1.5}.studio-assurance-badge li{gap:5px}.studio-home .studio-platform-section{padding-top:48px}.studio-home .studio-platform-section h2{font-size:28px}.studio-home .studio-platform-card{font-size:12px;padding:12px 5px;min-height:82px}.studio-home .how-copy h2{font-size:31px}.studio-home .how-copy{margin-bottom:30px}.studio-home .steps{grid-template-columns:1fr;gap:8px}.studio-home .steps li{padding:22px 0}.studio-home .steps .step-number{margin-bottom:13px}.studio-quick-dialog{padding:23px 19px}.studio-quick-dialog .studio-builder h2{font-size:18px}.studio-quick-dialog .studio-platform-tab{font-size:11px}.studio-quick-dialog .studio-quantity-heading{align-items:start}.studio-quick-dialog .studio-quantity-heading>span+span{max-width:55%;text-align:right}}
