.header-actions{display:flex;align-items:center;gap:24px}.language-switch{display:flex;gap:12px;font-size:13px}.language-switch a{color:#746881;text-decoration:none}.language-switch a[aria-current]{color:#613a9a;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.studio-hero .hero-title,.guide-hero h1{font-size:clamp(32px,3.6vw,52px)!important;line-height:1.12!important;letter-spacing:-1.3px}.product-explainer{margin:64px 0;color:#292332}.product-explainer h2{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.7px;margin-bottom:22px}.product-explainer h3{font-size:21px;line-height:1.3;margin:24px 0 12px}.product-explainer p,.product-explainer blockquote{font-size:16px;line-height:1.8;color:#6b6177;max-width:850px;margin:14px 0}.product-explainer a{color:#7043aa;text-decoration:underline;text-underline-offset:4px}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.product-cards.two{grid-template-columns:repeat(2,1fr)}.product-cards>div{padding:26px;border:1px solid #e7e0ef;border-radius:20px;background:#faf8fd}.product-cards h3{margin-top:0}.example-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.example-layout figure{margin:0}.example-layout video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#18141f;border-radius:18px}.example-layout figcaption{font-size:12px;color:#766784;margin-top:12px}.tool-distinction{padding:20px;border-left:3px solid #8b5bcc;background:#f7f3fb}.guide-source-note{font-size:13px;line-height:1.7;color:#70617c}.guide-hero h1{overflow-wrap:anywhere}
@media(max-width:700px){.header-actions{gap:12px}.language-switch{gap:7px;font-size:11px}.light-header{gap:12px}.light-header .brand{font-size:14px}.light-header .try-button{padding:11px 14px;font-size:12px}.product-cards,.product-cards.two,.example-layout{grid-template-columns:1fr}.product-explainer{margin:44px 0}.product-cards>div{padding:22px}.studio-hero .hero-title,.guide-hero h1{font-size:34px!important}.example-layout{gap:20px}}
@media(max-width:400px){.language-switch{flex-direction:column;gap:4px}.header-actions{gap:10px}.light-header .brand{gap:5px}.light-header .brand img{width:21px;height:auto}}