@import url("base.css");
/* C · Studio: Apple-like light grey, big rounded tiles, bold sans. */
:root{--max:1180px;--bg:#f5f5f7;--ink:#1d1d1f;--ink-soft:#333336;--muted:#6e6e73;--rule:rgba(0,0,0,.09);--rule-strong:rgba(0,0,0,.16);
  --nav-bg:rgba(245,245,247,.78);--nav-rule:rgba(0,0,0,.06);--button-bg:#1d1d1f;--button-ink:#fff;--button-radius:99px;
  --font-body:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--font-display:Inter,-apple-system,sans-serif;--font-h3:var(--font-display);
  --display-weight:700;--display-tracking:-.035em;--h2:64px;--gap:22px;--radius:28px;--radius-sm:18px;
  --code-bg:rgba(0,0,0,.05);--kbd-bg:#fff;--note-bg:#fff;--demo-bg:#f0f0f3}
.hero{text-align:center;padding-top:110px}
.hero .eyebrow{color:var(--ink);letter-spacing:0;text-transform:none;font-size:21px}
.hero h1{font-size:clamp(52px,8vw,96px);margin:10px auto 22px;max-width:980px}
.hero h1 em{font-style:normal;color:#86868b}
.hero .lead{max-width:680px;margin:0 auto}.hero .actions{justify-content:center}
.hero-shot{margin-top:70px}
figure.window img{border-radius:14px;box-shadow:0 0 0 .5px rgba(0,0,0,.18),0 30px 70px -22px rgba(0,0,0,.35)}
figure.plain img{border-radius:14px;box-shadow:0 0 0 .5px rgba(0,0,0,.12),0 18px 40px -20px rgba(0,0,0,.3)}
figure.panel img{border-radius:14px;box-shadow:0 0 0 .5px rgba(0,0,0,.15),0 20px 50px -20px rgba(0,0,0,.3);background:#fff}
.strip{background:#fff;border-radius:var(--radius);padding:34px 40px}
.section-head .num{display:none}
.features .f{background:#fff;border-radius:var(--radius);padding:30px}
.features.tools .f figure img{box-shadow:0 0 0 .5px rgba(0,0,0,.1)}
.features.g4 .f:nth-child(1){background:#1d1d1f;color:#f5f5f7}.features.g4 .f:nth-child(1) p{color:#a1a1a6}
.gallery figure{background:#fff;border-radius:var(--radius);padding:22px}.gallery figure img{box-shadow:none;border-radius:10px}
.split>figure.plain,.split>figure.panel,.split>.macmenu{background:#fff;border-radius:var(--radius);padding:26px}
.split>.macmenu{background:linear-gradient(160deg,#c9d6ff,#e2e2f0 60%,#f5f5f7);padding:40px 30px}
.split .text{padding:10px 20px}
.shortcut-grid dl{background:#fff;border-radius:var(--radius);padding:30px}
.faq details{background:#fff;border:0;border-radius:var(--radius-sm);padding:22px 26px;margin-bottom:12px}
.cta{background:#fff;border-radius:var(--radius);margin-top:120px;margin-bottom:60px;padding:90px 24px}
.cta h2{font-size:clamp(40px,5vw,64px);margin-bottom:12px}
.manual .doc figure.plain img,.manual .doc figure.panel img{max-width:100%}
.manual .toc{font-size:14px}
.tool{border:0;background:#fff;border-radius:var(--radius);padding:24px;margin:16px 0}