/* Match the live Graphik Studio web.css type scale (20 October 2026).
   Miniature editor/card illustrations retain their internal display scale. */
body{font:16px/1.6 Ubuntu,Arial,sans-serif}
.topbar{font-size:12px}
.navigation nav a{font-size:14px;font-weight:400;letter-spacing:0;line-height:1.6}
.navigation nav{gap:22px;margin-right:30px}
.nav-cta,.team-hero .button,.button,.team-hero .text-link,.platform-final .text-link,.text-link{font-size:14px;font-weight:700;line-height:1.4}
.nav-cta{white-space:nowrap}
.team-hero .actions,.platform-final .actions{flex-wrap:wrap}
.team-hero h1{font-size:clamp(45px,5.2vw,74px);line-height:1.04;letter-spacing:-3.5px;font-weight:700}
.team-hero-copy>p:not(.eyebrow):not(.team-micro){font-size:19px;line-height:1.6;color:#555;max-width:670px}
.eyebrow,.team-hero .eyebrow,.plan-card>.eyebrow{font-size:11px;line-height:1.5;letter-spacing:2px;font-weight:700}
.team-micro,.plan-note,.plan-heading small,.physical-section small,.comparison-wrap caption{font-size:12px;line-height:1.6;color:#666}
h2,.section-heading h2,.physical-section h2,.faq-section h2,.platform-final h2{font-size:clamp(28px,3vw,42px);line-height:1.14;letter-spacing:-1.5px;font-weight:700}
.section-heading>p{font-size:19px;line-height:1.6;color:#555;max-width:490px}
.plan-card h3,.capability h3,.plan-heading{font-size:21px;line-height:1.25;letter-spacing:-.5px;font-weight:700}
.plan-card>p:not(.eyebrow),.plan-card li,.capability p{font-size:15px;line-height:1.6;color:#666}
.team-size>p,.physical-section p:not(.eyebrow),.faq-section>div>p:not(.eyebrow),.faq-list summary,.faq-list details>p,.platform-final p:not(.eyebrow){font-size:16px;line-height:1.6}
.physical-section p:not(.eyebrow),.faq-list details>p{color:#555}
.faq-list summary{font-weight:700}
.team-size button{font-size:13px;line-height:1.6}
.feature-number{font-size:12px;line-height:1.6;font-weight:700}
.plan-flag{font-size:11px;line-height:1.5;top:-13px}
.benefit-row>span{font-size:14px;line-height:1.6}
.benefit-row{flex-wrap:wrap}
.comparison-wrap table{font-size:16px;line-height:1.6}
.comparison-wrap th,.comparison-wrap td{line-height:1.6}
.comparison-wrap td{color:#555}
.footer-top>div>p,.footer-studio p,.footer-links{font-size:14px;line-height:1.6}
.footer-bottom{font-size:12px;line-height:1.6;flex-wrap:wrap}
@media(max-width:1050px){
  .team-hero h1{letter-spacing:-2px}
  .navigation nav{margin-right:0;gap:20px}
}
@media(max-width:900px){
  .section-heading>p{max-width:330px}
  .team-hero{grid-template-columns:1fr;gap:36px}
  .platform-visual{width:100%;max-width:650px;justify-self:center}
}
@media(max-width:760px){
  .navigation{gap:10px}
  .navigation nav{gap:0}
  .nav-cta{font-size:14px}
  .section-heading>p{max-width:none}
  .capability{grid-template-columns:1fr}
  .capability>div:first-child{height:220px;min-height:220px}
  .capability>div:last-child{padding:26px}
  .color-art>span{left:50%;top:65px;bottom:auto}
  .link-art{padding:20px}
  .publish-art>div{max-width:180px}
  .comparison-wrap tbody th{width:38%}
  .comparison-wrap th,.comparison-wrap td{padding:16px 10px;overflow-wrap:anywhere}
  .footer-top{grid-template-columns:1fr}
  .footer-studio{grid-row:auto;flex-wrap:wrap}
  .footer-links{align-items:flex-start}
}
@media(max-width:380px){
  .navigation>.brand{font-size:26px}
}
@media(max-width:700px){
  .topbar,.topbar a{font-size:10px}
  .team-hero h1{font-size:46px;letter-spacing:-2px}
  .team-hero-copy>p:not(.eyebrow):not(.team-micro){font-size:17px}
}