/* One opening composition: proposition, real work, and the path to launch. */
.intro .hero h1>.hero-line{display:block;overflow:hidden;position:relative;white-space:normal}
.intro .hero h1>.hero-line::after{content:none}
.intro .hero h1>.hero-line>span{display:inline-block}
.intro .hero h1 .hero-accent{position:relative;z-index:0;white-space:nowrap}
.intro{position:relative;isolation:isolate;padding:18px 0 40px;background:radial-gradient(ellipse at 78% 30%,#b8ef4808,transparent 55%)}
.neon-studio .intro .hero{padding:18px 0 30px;gap:54px;grid-template-columns:1fr 1.12fr}
.intro .hero-copy h1{font-size:clamp(42px,4.3vw,62px);margin-top:0}
.intro .hero-copy>p{font-size:16px;max-width:425px;margin-top:22px}
.intro .hero-actions{margin-top:25px}
.intro .real-showcase{width:100%;max-width:480px;min-height:0;padding:16px 10px 0;margin-inline:auto}
.intro .showcase-caption{margin-bottom:22px}.intro .hero-work-panels{min-height:0}
.intro .hero-work-panel{padding-bottom:14px}.intro .hero-work-label{padding-top:20px}
.intro .real-phone{width:110px;right:-4px;bottom:35px}
.intro .hero-work-controls{margin-top:2px;padding-top:12px}
.intro .neon-chip{top:12%;right:-10px}
.intro-process{display:grid;grid-template-columns:.78fr 2.65fr;gap:34px;align-items:start;padding:25px 30px;border:1px solid #b8ef482d;border-radius:14px;background:#111a12b3;position:relative;scroll-margin-top:20px}
.intro-process .section-heading{margin:0;padding-top:4px}.intro-process .section-heading h2{font-size:clamp(22px,2vw,27px);line-height:1.18;margin:0;letter-spacing:-.04em}
.intro-process .section-heading h2 br{display:none}
.intro-process .step-flow{--step-gap:30px}
.intro-process .step-flow article>span{width:32px;height:32px;font-size:11px;margin-bottom:15px;box-shadow:0 0 0 5px #b8ef4806}
.intro-process .step-flow article:not(:last-child)::before{top:16px;left:46px;right:calc(-1 * var(--step-gap) + 12px)}
.intro-process .step-flow article:not(:last-child)::after{top:12px;right:calc(-1 * var(--step-gap) + 12px);width:7px;height:7px}
.intro-process .step-flow h3{font-size:20px;line-height:1.2;margin-bottom:10px}
.intro-process .step-flow p{font-size:12px;line-height:1.65;max-width:250px}
@media(max-width:1000px) and (min-width:601px){.neon-studio .intro .hero{gap:28px}.intro .hero-copy h1{font-size:44px}.intro .hero-copy>p{font-size:14px}.intro .real-phone{width:90px}.intro-process{grid-template-columns:1fr;gap:24px;padding:25px}.intro-process .section-heading h2{font-size:25px;max-width:400px}.intro-process .step-flow h3{font-size:20px}}
@media(max-width:860px){.neon-studio .intro .hero{grid-template-columns:1fr 1fr}.intro .hero-copy h1{font-size:38px}.intro .hero-actions{gap:8px}.intro .hero-actions .button{font-size:12px;padding-inline:14px;gap:12px}.intro .real-showcase{padding-inline:0}.intro .hero-work-label small{font-size:6px}.intro .hero-work-controls{gap:6px}.intro .hero-work-controls button{font-size:9px;padding:8px;gap:7px}.intro .real-phone{width:80px}}
@media(max-width:600px){
 .intro{padding:16px 0 32px}.neon-studio .intro .hero{grid-template-columns:1fr;padding:8px 0 26px;gap:26px}
 .intro .hero-copy h1{font-size:clamp(39px,10.7vw,58px);max-width:440px}.intro .hero-copy>p{font-size:15px;line-height:1.7;margin-top:18px;max-width:420px}
 .intro .hero-actions{margin-top:21px;gap:12px}.intro .hero-actions .button{font-size:12px;min-height:48px;padding-inline:17px}
 .intro .real-showcase{max-width:400px;padding:6px 6px 0}.intro .showcase-caption{margin-bottom:18px;font-size:6px}.intro .hero-work-panel{padding-bottom:5px}.intro .hero-work-label{padding-top:18px}.intro .hero-work-label small{font-size:7px}.intro .real-phone{width:84px;bottom:30px;right:-1px}.intro .neon-chip{right:0;top:15%}
 .intro .hero-work-controls button{font-size:10px;padding:10px 12px;gap:10px}.intro .hero-work-controls{padding-top:10px;margin-top:6px}
 .intro-process{display:block;padding:24px 20px;border-radius:12px}.intro-process .section-heading{margin-bottom:27px;padding:0}.intro-process .section-heading h2{font-size:26px;max-width:300px;line-height:1.15}
 .intro-process .step-flow{--step-gap:28px}.intro-process .step-flow article{grid-template-columns:32px minmax(0,1fr);gap:9px 17px}.intro-process .step-flow article>span{margin:0}.intro-process .step-flow h3{font-size:19px;padding-top:4px;margin:0}.intro-process .step-flow p{max-width:none;font-size:12px}
 .intro-process .step-flow article:not(:last-child)::before{top:44px;left:16px;right:auto;bottom:calc(-1 * var(--step-gap) + 11px);height:auto;width:1px}
 .intro-process .step-flow article:not(:last-child)::after{top:auto;left:13px;right:auto;bottom:calc(-1 * var(--step-gap) + 11px);width:7px;height:7px}
}