:root{--accent:#5B3DF5}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
img,svg{max-width:100%}
h1,h2,h3{overflow-wrap:break-word}
section[id]{scroll-margin-top:12px}
body{margin:0;background:#FBFAF8;color:#17151F;font-family:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#17151F;text-decoration:none}a:hover{color:#5B3DF5}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
button{font-family:inherit;cursor:pointer}
.page{width:100%;min-height:100%;background:#FBFAF8;color:#17151F;overflow-x:hidden}
[hidden]{display:none!important}
.lang-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;border:0;min-width:44px;min-height:36px;padding:6px 12px;border-radius:999px;background:transparent;color:#5A5468;font-size:13px;font-weight:600;letter-spacing:.04em}
.menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #E4E0EA;border-radius:999px;background:#fff;color:#17151F;padding:0}
.menu-btn .x{display:none}
header.menu-open .menu-btn .bars{display:none}
header.menu-open .menu-btn .x{display:block}
.lang-btn:hover{color:#17151F}
.lang-btn[aria-current="true"]{background:#17151F;color:#fff}
.tab-btn{border:0;min-height:44px;padding:10px 20px;border-radius:999px;background:transparent;color:#3E394A;font-size:15px;font-weight:500}
.tab-btn[aria-pressed="true"]{background:#17151F;color:#fff;font-weight:600}

.side-btn{display:flex;align-items:center;gap:8px;text-align:left;border:0;background:transparent;font:inherit;font-size:14px;color:#5A5468;padding:10px 12px;border-radius:10px;min-height:44px;box-sizing:border-box}
.side-btn:hover{background:#F4F2F8}
.side-btn[aria-pressed="true"]{background:#EFEDF4;color:#17151F;font-weight:500}
.side-btn.side-ai{color:#5B3DF5}
.side-btn.side-ai[aria-pressed="true"]{background:#EEEAFE;color:#5B3DF5}
.side-btn svg{flex:none}
[data-view-panel]{min-width:0}
@media (max-width:900px){
  header>nav{padding:12px 20px!important;gap:0!important;position:relative}
  header>nav>a{order:1;position:relative;top:1px}
  .menu-btn{display:inline-flex;order:2;flex:none}
  header>nav>div{display:none!important;width:100%;order:3;box-sizing:border-box}
  header.menu-open>nav>div{display:flex!important}
  header.menu-open{box-shadow:0 20px 40px rgba(23,21,31,.08)}
  header>nav>div:nth-of-type(1){flex-direction:column;align-items:stretch!important;gap:0!important;padding-top:10px;margin-top:12px;border-top:1px solid #ECE9F1}
  header>nav>div:nth-of-type(1) a{padding:14px 0!important;font-size:17px!important;border-bottom:1px solid #F1EFF5}
  header>nav>div:nth-of-type(2){flex-wrap:wrap;justify-content:space-between;gap:12px!important;padding:16px 0 8px}
  header>nav>div:nth-of-type(2)>a[href="#start"]{width:100%;justify-content:center;box-sizing:border-box;order:3}
  header>nav>div:nth-of-type(2)>a[href="#login"]{padding:12px 0!important}
  /* studio workspace mockup */
  [style*="flex: 1 1 200px"]{flex:1 1 100%!important;max-width:none!important;flex-direction:row!important;overflow-x:auto;white-space:nowrap;gap:4px!important;padding:10px 12px!important;border-right:0!important;border-bottom:1px solid #ECE9F1;scrollbar-width:none}
  [style*="flex: 1 1 200px"]::-webkit-scrollbar{display:none}
  [style*="flex: 1 1 200px"]>.side-btn{flex:none}
  [style*="flex: 999 1 560px"]{flex-basis:100%!important;padding:16px!important;gap:16px!important}
  section[style*="padding: 170px 24px"],section[style*="padding: 160px 24px"],section[style*="padding: 140px 24px"],section[style*="padding: 120px 24px"]{padding-top:96px!important}
  section#top{padding-top:56px!important}
}
@media (max-width:600px){
  section[style*="24px 0"],section[style*="24px"]{padding-left:20px!important;padding-right:20px!important}
  section[style*="padding: 170px 24px"],section[style*="padding: 160px 24px"],section[style*="padding: 140px 24px"],section[style*="padding: 120px 24px"]{padding-top:72px!important}
  section#top{padding-top:40px!important}
  h1{font-size:clamp(34px,10.5vw,46px)!important;line-height:1.02!important}
  h2{font-size:clamp(28px,8vw,36px)!important;line-height:1.1!important}
  [style*="grid-template-columns: 64px"]{grid-template-columns:48px minmax(0,1fr) auto!important;gap:8px!important;font-size:13px!important}
  [style*="grid-template-columns: 90px"]{grid-template-columns:64px minmax(0,1fr) 32px!important;gap:8px!important}
  [style*="repeat(3, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="clamp(24px, 4vw, 48px)"]{padding:20px!important}
  [style*="gap: 40px"]{gap:28px!important}
  a[style*="padding: 16px 26px"]{width:100%;box-sizing:border-box;justify-content:center}
  footer a{display:inline-block;padding:6px 0}
}