.wrap{width:calc(100% - 64px)}.layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:38px}.sidebar{padding-top:35px}.sidebar nav{margin-top:35px}main{min-width:0;padding-top:32px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.overview-middle{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;margin-top:20px}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.overview-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;margin-top:24px}.latest-works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
@media(min-width:1800px){.wrap{max-width:1660px}.hero{min-height:350px}.hero-copy{padding:38px 42px}.hero h2{font-size:34px}.ai-visual{right:9%;top:24px}.metric strong{font-size:34px}}
@media(max-width:1200px){.wrap{width:calc(100% - 40px)}.layout{grid-template-columns:170px minmax(0,1fr);gap:24px}.hero-copy{padding:28px}.hero h2{font-size:26px}.ai-visual{right:-30px;opacity:.65;transform:scale(.83)}.hero-foot{display:block;margin:12px 0 0}.metrics,.platform-grid{gap:10px}.metric{padding:17px 13px}.metric strong{font-size:25px}.platform-card{padding:14px}.platform-logo{margin-right:5px;width:25px;height:25px;font-size:14px}.platform-title{font-size:12px}.overview-middle,.overview-bottom{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.panel{padding:18px}.panel-head h3{font-size:14px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-badge{display:none}}
@media(max-width:950px){.layout{grid-template-columns:145px minmax(0,1fr);gap:20px}.workspace strong{font-size:17px}.nav-button{padding:13px 10px;gap:8px}.nav-button i{display:none}.hero h2{font-size:23px}.ai-visual{right:-78px;opacity:.4;transform:scale(.7)}.metrics,.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-middle,.overview-bottom{grid-template-columns:1fr}.delivery-panel .delivery-item{margin:18px 0}.hero-coordinate{display:none}.service-grid{grid-template-columns:1fr}.service-notes{grid-template-columns:1fr}.page-heading h1{font-size:22px}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.preview-note{font-size:9px;line-height:1.9;padding:9px 14px}.topbar{height:75px}.brand{font-size:21px;gap:9px}.brand-symbol{font-size:32px}.brand small{font-size:8px;letter-spacing:1px}.readonly{display:none}.top-tools{gap:10px}.top-tools button{font-size:9px;padding:7px 8px}.avatar{width:28px;height:28px;font-size:11px}.layout{display:block}.sidebar{padding:14px 0 0;position:sticky;top:0;z-index:5;background:#080e1bf5;backdrop-filter:blur(12px);border-bottom:1px solid #27394a}.workspace,.sidebar-foot{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.nav-button{display:flex;flex-direction:column;gap:5px;text-align:center;justify-content:center;font-size:10px;padding:9px 3px;margin-bottom:10px}.nav-button>span{font-size:16px}main{padding-top:24px}.page-heading{margin-bottom:21px}.page-heading h1{font-size:22px;line-height:1.5}.page-heading p{font-size:10px}.page-heading .eyebrow{font-size:8px}.hero{min-height:360px}.hero-copy{padding:24px 21px}.hero h2{font-size:25px;margin-top:17px;line-height:1.7}.hero-copy p{font-size:11px;max-width:220px}.hero-kicker{font-size:9px}.ai-visual{width:260px;height:260px;right:-92px;top:120px;opacity:.28;transform:scale(.7);pointer-events:none}.hero-foot{font-size:8px;max-width:200px;line-height:1.7}.hero-coordinate{display:block;right:15px;bottom:15px;font-size:6px;opacity:.6}.section-head{margin-top:24px}.section-head h2{font-size:16px}.section-head .eyebrow{font-size:7px;letter-spacing:1.5px}.periods button{font-size:9px;padding:6px 7px}.data-note{font-size:9px}.metric{padding:17px 13px}.metric strong{font-size:27px}.metric-label{font-size:10px}.metric>small{font-size:8px}.metric-icon{font-size:14px}.panel{padding:18px}.panel-head{gap:8px}.panel-head h3{font-size:14px}.panel-head .eyebrow{font-size:7px;letter-spacing:1.5px}.pill{font-size:8px;padding:5px 8px}.trend-chart{height:160px}.platform-title{font-size:12px}.platform-main{font-size:23px}.platform-card p{font-size:8px}.work-grid{gap:12px}.work-grid .cover{height:180px}.cover strong{font-size:17px}.cover .cover-brand{font-size:6px;letter-spacing:1.4px}.cover>small{font-size:6px;letter-spacing:1px}.cover-mark{font-size:6px}.work-info{padding:12px}.work-info h3{font-size:11px}.work-info p{font-size:9px}.work-badge{font-size:8px;padding:3px 5px}.latest-works{gap:10px}.latest-works .cover{height:145px}.latest-works .cover strong{font-size:15px}.works-toolbar{align-items:flex-start;flex-direction:column}.tabs{width:100%}.tabs button{flex:1;padding:8px 6px;font-size:10px}.filter-label{align-self:flex-end}.service-card{padding:21px}.service-card h2{font-size:18px}.service-grid{gap:24px;margin:28px 0}.service-grid dd{font-size:16px}.info-strip{font-size:10px;padding:12px 14px}.platform-detail .work-grid{grid-template-columns:1fr}.platform-detail .cover{height:200px}footer{font-size:8px;flex-wrap:wrap;gap:10px}footer i{margin-left:6px}.empty{font-size:11px}}