/* Refined Overview: existing workspace, quieter framing, shared website foundations. */
.overview-refined{padding-top:88px}.overview-refined .overview-hero{padding-bottom:88px}.overview-refined .overview-hero h1{font-size:clamp(52px,6.5vw,88px);line-height:1.07;max-width:1000px;margin:28px 0 36px}.overview-refined .overview-intro{align-items:center;gap:48px}.overview-refined .overview-intro p{max-width:580px;font-size:20px}.overview-demo-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin:0 0 32px}.overview-demo-heading h2{margin-bottom:0}.overview-demo-heading>p{font-size:16px;max-width:400px;margin:0 0 4px}.overview-demo-surround{padding:16px;background:#191919;border:1px solid #262626;border-radius:16px}.overview-refined .product-frame{border-radius:12px;height:740px;background:#111}.overview-refined .example-switch{background:transparent;padding:0;gap:8px;margin:0 0 20px}.overview-refined .example-switch button{border:1px solid #303030;border-radius:10px;padding:10px 18px}.overview-refined .example-switch button[aria-pressed=true]{background:#242424}.overview-refined .caption{font-size:12px;margin-top:20px}.overview-refined .demo-section{padding-bottom:100px}.overview-detail{display:grid;grid-template-columns:1fr 1fr;gap:104px;padding:72px 0 96px;border-top:1px solid #262626}.overview-detail-heading p{max-width:420px;font-size:17px}.overview-detail-body article+article{border-top:1px solid #262626;margin-top:32px;padding-top:32px}.overview-detail-body h3{font-size:24px;margin:14px 0}.overview-detail-body p{font-size:16px;margin:0;line-height:1.8}.overview-detail-body .text-action{font-size:14px}.overview-method{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;padding:48px;background:#191919;border:1px solid #262626;border-radius:12px;margin-bottom:20px}.overview-method>div>p{font-size:16px;max-width:400px}.overview-method h2{font-size:40px}.overview-skill-index>a{display:grid;grid-template-columns:24px 1fr 16px;gap:16px;padding:22px 0;border-top:1px solid #303030}.overview-skill-index>a:first-child{border-top:0;padding-top:0}.overview-skill-index>a:last-child{padding-bottom:0}.overview-skill-index>a>span{font-size:12px;color:#999;padding-top:4px}.overview-skill-index h3{font-size:18px;margin:0 0 8px}.overview-skill-index p{font-size:14px;margin:0}.overview-skill-index a:hover h3{text-decoration:underline;text-underline-offset:4px}.overview-refined .closing-product{padding:88px 0 96px}.overview-refined .closing-product p{margin-left:auto;margin-right:auto;max-width:580px}
@media(max-width:900px){.overview-detail{gap:48px}.overview-method{gap:36px;padding:32px}.overview-demo-heading{gap:32px}.overview-refined .overview-intro{align-items:start;flex-direction:column;gap:24px}}
@media(max-width:700px){.overview-refined{width:calc(100% - 40px);padding-top:48px}.overview-refined .overview-hero{padding-bottom:56px}.overview-refined .overview-hero h1{font-size:48px}.overview-refined .overview-intro p{font-size:18px}.overview-demo-heading,.overview-detail,.overview-method{grid-template-columns:1fr;gap:28px}.overview-demo-heading h2{font-size:34px}.overview-demo-surround{padding:6px;border-radius:14px}.overview-refined .product-frame{height:780px}.overview-refined .caption{flex-direction:column;gap:4px}.overview-refined .demo-section{padding-bottom:64px}.overview-detail{padding:48px 0 64px}.overview-method{padding:24px}.overview-method h2{font-size:34px}.overview-refined .closing-product{padding:64px 0}.overview-refined .closing-product h2{font-size:34px}.overview-refined .example-switch button{font-size:13px;padding:10px 12px}}