.automockup-main{background:var(--rt-paper)}
.automockup-hero{position:relative;overflow:hidden;padding:clamp(62px,9vw,108px) clamp(22px,5vw,72px)}
.automockup-hero .rt-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(40px,6vw,82px);width:min(1240px,100%);margin:0 auto}
.automockup-glow-blue{right:-16%;top:-34%;background:radial-gradient(circle,rgba(42,86,190,.28),rgba(42,86,190,0) 70%)}
.automockup-glow-violet{left:-12%;bottom:-35%;background:radial-gradient(circle,rgba(138,75,199,.24),rgba(138,75,199,0) 70%)}
.automockup-dot{background:#596bc5;box-shadow:0 0 0 3px rgba(89,107,197,.2)}
.automockup-accent{display:inline-block;background:linear-gradient(100deg,#596bc5,#9a4fba);-webkit-background-clip:text;background-clip:text;color:transparent}
.automockup-store{width:340px;min-width:340px!important;text-align:center}.automockup-store::after{background:linear-gradient(100deg,#384fbe,#9a4fba)}
.automockup-hero-media{min-width:0}.automockup-hero-media img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 28px 72px rgba(24,28,58,.24)}
.automockup-overview{padding:clamp(70px,9vw,106px) 22px;text-align:center}.automockup-overview h2,.automockup-section-heading h2,.automockup-requirements h2{margin:0;font-family:var(--rt-font-display);font-size:clamp(2.15rem,4.2vw,3.55rem);line-height:1.08;letter-spacing:-.015em}.automockup-overview>p:not(.automockup-eyebrow):not(.automockup-note){max-width:760px;margin:22px auto 0;color:var(--rt-ink-soft);font-size:clamp(1rem,1.3vw,1.15rem);font-weight:500;line-height:1.68}
.automockup-eyebrow{margin:0 0 16px;color:#596bc5;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.automockup-equation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:32px auto 0;font-family:var(--rt-font-display);font-size:clamp(1.25rem,2.4vw,2rem)}.automockup-equation strong{padding:12px 18px;border:1px solid var(--rt-line);border-radius:12px;background:rgba(255,255,255,.48)}.automockup-equation span{color:#596bc5}.automockup-note{margin:15px auto 0;color:var(--rt-ink-faint);font-size:.82rem;line-height:1.5}
.automockup-features,.automockup-workflow,.automockup-audience,.automockup-package{padding:clamp(70px,9vw,104px) clamp(22px,5vw,72px);border-top:1px solid var(--rt-line)}
.automockup-section-heading{max-width:760px;margin:0 auto 48px;text-align:center}.automockup-section-heading>span{display:block;margin-bottom:12px;color:var(--rt-ink-faint);font-size:.76rem;font-weight:700;letter-spacing:.2em}.automockup-section-heading>p{margin:18px auto 0;color:var(--rt-ink-soft);font-size:1rem;font-weight:500;line-height:1.62}
.automockup-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:min(1240px,100%);margin:0 auto}.automockup-feature-grid article{padding:28px;border:1px solid var(--rt-line);border-radius:16px;background:rgba(255,255,255,.38)}.automockup-feature-grid h3{margin:0 0 10px;font-family:var(--rt-font-display);font-size:1.25rem}.automockup-feature-grid p{margin:0;color:var(--rt-ink-soft);font-size:.9rem;font-weight:500;line-height:1.58}
.automockup-workflow{background:rgba(255,255,255,.28)}.automockup-workflow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:min(1080px,100%);margin:0 auto;padding:0;list-style:none;counter-reset:steps}.automockup-workflow li{position:relative;padding:30px 28px 28px;border:1px solid var(--rt-line);border-radius:16px;background:var(--rt-card);counter-increment:steps}.automockup-workflow li::before{display:block;margin-bottom:16px;color:#596bc5;font-family:var(--rt-font-display);font-size:.8rem;font-weight:700;letter-spacing:.16em;content:"0" counter(steps)}.automockup-workflow b{display:block;margin-bottom:8px;font-family:var(--rt-font-display);font-size:1.22rem}.automockup-workflow span{color:var(--rt-ink-soft);font-size:.9rem;line-height:1.55}
.automockup-audience-grid,.automockup-package-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:min(980px,100%);margin:0 auto}.automockup-audience-grid span,.automockup-package-grid span{padding:13px 18px;border:1px solid var(--rt-line);border-radius:999px;background:rgba(255,255,255,.42);color:var(--rt-ink-soft);font-size:.88rem;font-weight:600}
.automockup-requirements{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,96px);padding:clamp(70px,9vw,106px) max(22px,calc((100% - 1100px)/2));border-top:1px solid var(--rt-line);background:#171822;color:#f7f5f0}.automockup-requirements .automockup-eyebrow{color:#aab5ff}.automockup-requirements ul{margin:0 0 24px;padding-left:20px}.automockup-requirements li{margin:0 0 10px;font-weight:600}.automockup-requirements p{margin:0;color:rgba(247,245,240,.72);line-height:1.68}
.automockup-package{text-align:center}.automockup-package .rt-hero-cta{justify-content:center;margin-top:34px}.automockup-legal{padding:24px max(22px,calc((100% - 980px)/2));border-top:1px solid var(--rt-line);color:var(--rt-ink-faint);font-size:.76rem;line-height:1.55;text-align:center}
@media(max-width:1040px){.automockup-hero .rt-hero-inner{grid-template-columns:1fr}.automockup-hero-media{width:min(820px,100%);margin:8px auto 0}.automockup-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.automockup-workflow ol{grid-template-columns:1fr 1fr}.automockup-requirements{grid-template-columns:1fr}}
@media(max-width:640px){.automockup-hero{padding:48px 18px 56px}.automockup-hero .rt-hero-title{font-size:2.35rem}.automockup-hero .rt-hero-tagline{font-size:1.15rem}.automockup-hero .rt-hero-subtitle{font-size:.98rem}.automockup-hero .rt-hero-cta{display:grid;width:100%}.automockup-store{width:100%;min-width:0!important;min-height:46px;padding:0 14px;font-size:.83rem}.automockup-hero-media img{border-radius:8px}.automockup-overview,.automockup-features,.automockup-workflow,.automockup-audience,.automockup-package{padding:56px 18px}.automockup-overview h2,.automockup-section-heading h2,.automockup-requirements h2{font-size:2.12rem}.automockup-equation{gap:8px}.automockup-equation strong{padding:9px 12px}.automockup-feature-grid,.automockup-workflow ol{grid-template-columns:1fr}.automockup-feature-grid article,.automockup-workflow li{padding:22px;border-radius:14px}.automockup-section-heading{margin-bottom:30px}.automockup-requirements{padding:58px 22px}.automockup-audience-grid,.automockup-package-grid{justify-content:flex-start}.automockup-audience-grid span,.automockup-package-grid span{font-size:.8rem}}
