.wrap { max-width:1180px; padding:0 24px; }
.shadow-hero { display:grid; grid-template-columns:1fr; gap:60px; align-items:center; padding-top:88px; padding-bottom:90px; }
.shadow-hero h1 { font-size:clamp(40px,4.8vw,66px); font-weight:500; line-height:1.09; letter-spacing:-.055em; }
.shadow-hero h1>span { color:var(--accent); }
.hero-description { max-width:550px; margin-top:24px; font-size:16px; line-height:1.8; color:var(--text-2); }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:30px; }
.btn-primary { min-height:48px; padding:13px 22px; border-radius:7px; font-size:14px; justify-content:center; gap:12px; }
.account-link { color:var(--text); font-size:13px; text-decoration:none; }
.account-link>span { color:var(--accent); padding-left:10px; }
.download-meta { color:var(--text-3); font-size:12px; margin-top:17px; }
.download-meta[data-state="pending"] { color:#ffc2c2; }
.workspace-preview { padding:22px; border:1px solid #424242; border-radius:12px; background:#252525; box-shadow:0 25px 60px #0003; }
.workspace-preview>img { display:block; width:100%; height:auto; border:1px solid #454545; border-radius:5px; }
.workflow-strip { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:24px 4px; color:#bcbcbc; font-size:12px; border-bottom:1px solid var(--border); }
.site-footer { margin-top:35px; }
.site-footer-inner { max-width:1180px; padding:30px 24px; }
@media(max-width:600px) { .shadow-landing .site-nav a:first-child { display:none; } .shadow-landing .site-header { flex-wrap:nowrap; gap:8px; } .wrap { padding-left:20px; padding-right:20px; } .shadow-hero { padding-top:50px; padding-bottom:50px; } .hero-actions { gap:22px; } .shadow-hero h1 { font-size:41px; } .hero-description { font-size:15px; } .workspace-preview { padding:7px; } .workflow-strip { justify-content:flex-start; gap:12px 25px; font-size:11px; } .site-footer-inner { gap:22px; align-items:flex-start; flex-direction:column; } .footer-links { flex-wrap:wrap; gap:18px; } }