.svc-hero{position:relative;padding:clamp(104px,12vw,168px) 24px clamp(48px,7vw,96px);overflow:hidden}.svc-hero__eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#8e9d9a;margin:0 0 12px}.svc-hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}.svc-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(95,139,132,.06) 1px,transparent 0),linear-gradient(90deg,rgba(95,139,132,.06) 1px,transparent 0);background-size:46px 46px;-webkit-mask-image:radial-gradient(120% 80% at 70% 0,#000 40%,transparent 100%);mask-image:radial-gradient(120% 80% at 70% 0,#000 40%,transparent 100%)}.svc-hero__glow{position:absolute;top:-10%;right:-5%;width:60vw;height:60vw;max-width:760px;max-height:760px;background:radial-gradient(circle,rgba(103,136,168,.16),transparent 62%);filter:blur(8px)}.svc-hero__inner{position:relative;z-index:1;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-gap:clamp(28px,4vw,56px);gap:clamp(28px,4vw,56px);align-items:center}.svc-hero__lead{min-width:0}.svc-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.3rem,5.4vw,4.2rem);line-height:.96;letter-spacing:-.015em;text-transform:uppercase;margin:0;max-width:16ch}.svc-hero__sub{margin:22px 0 0;max-width:46ch;font-size:clamp(1.02rem,1.5vw,1.24rem);line-height:1.55;color:#b7c2bf}.svc-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.c2u{position:relative;border:1px solid rgba(128,168,159,.2);background:linear-gradient(180deg,rgba(12,17,20,.97),rgba(9,12,14,.95));box-shadow:inset 0 1px 0 rgba(195,224,216,.08),0 40px 90px -50px rgba(0,0,0,.95);min-width:0}.c2u__bar{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 14px;border-bottom:1px solid rgba(128,168,159,.15);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;color:#8da7a1}.c2u__dots{display:inline-flex;gap:6px;flex:0 0 auto}.c2u__dots i{width:9px;height:9px;border-radius:50%;background:#2a3a40}.c2u__dots i:first-child{background:#46383a}.c2u__file{flex:1 1 auto;min-width:0;color:#9fb3ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c2u__status{margin-left:auto;flex:0 0 auto;text-transform:uppercase;letter-spacing:.14em;color:var(--signal)}.c2u__split{display:grid;grid-template-columns:1.05fr .95fr;min-height:290px}.c2u__editor{border-right:1px solid rgba(128,168,159,.14);padding:16px 16px 18px;overflow:hidden}.c2u__code{margin:0;font-family:var(--font-mono);font-size:clamp(.66rem,1vw,.78rem);line-height:1.62;white-space:pre-wrap;word-break:break-word;color:#c4ccc9;-moz-tab-size:2;tab-size:2}.c2u__code .tk--kw{color:#6f97c4}.c2u__code .tk--fn{color:var(--amber)}.c2u__code .tk--ty{color:#8fb0c9}.c2u__code .tk--st{color:#6fae9f}.c2u__code .tk--tg{color:#6f97c4}.c2u__code .tk--at{color:#c79a5f}.c2u__code .tk--cm{color:#5a6b6a;font-style:italic}.c2u__code .tk--op,.c2u__code .tk--pu{color:#8aa09c}.c2u__code .tk--pl{color:#cdd5d2}.c2u__caret{display:inline-block;width:.55ch;height:1.05em;margin-left:1px;transform:translateY(.16em);background:rgba(141,177,215,.7);animation:c2u-blink 1s step-end infinite}.c2u__caret.is-rest{animation-duration:1.1s;opacity:.6}@keyframes c2u-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.c2u__preview{position:relative;display:flex;flex-direction:column;padding:16px;background:radial-gradient(140% 120% at 100% 0,rgba(103,136,168,.08),transparent 60%),rgba(7,10,12,.6)}.c2u__preview-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#7f938f;margin-bottom:12px}.c2u__stage{flex:1 1;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .48s cubic-bezier(.16,1,.3,1),transform .48s cubic-bezier(.16,1,.3,1)}.c2u__stage.is-built{opacity:1;transform:none}.c2u-app{width:100%;max-width:240px;border:1px solid rgba(128,168,159,.22);background:linear-gradient(180deg,rgba(16,22,25,.96),rgba(11,15,17,.96));padding:16px;display:grid;grid-gap:12px;gap:12px}.c2u-app__kicker{margin:0;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#8ea5a0}.c2u-app__slots{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:7px;gap:7px}.c2u-slot{font-family:var(--font-mono);font-size:.74rem;text-align:center;padding:8px 0;border:1px solid #2c3f44;color:#c4ccc9}.c2u-slot.is-picked{border-color:var(--signal);background:rgba(95,139,132,.16);color:#fff}.c2u-app__cta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:11px 14px;border:1px solid #e6e9e2;background:#e6e9e2;color:#0b1012}.c2u-app__label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:#8ea5a0}.c2u-app__input{border:1px solid #2c3f44;padding:10px 11px;font-family:var(--font-mono);font-size:.74rem;color:#c4ccc9}.c2u-app__input span{opacity:.85}.c2u-stat{display:grid;grid-gap:3px;gap:3px}.c2u-stat__label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#8ea5a0}.c2u-stat__value{font-family:var(--font-display);font-size:2rem;line-height:1;color:#fff}.c2u-stat__delta{font-family:var(--font-mono);font-size:.72rem;color:var(--signal);font-style:normal}.c2u-spark{width:100%;height:34px}.c2u-spark polyline{stroke:var(--signal);stroke-width:1.6}@media (max-width:920px){.svc-hero__inner{grid-template-columns:minmax(0,1fr)}.svc-hero__demo{order:2;min-width:0}}@media (max-width:620px){.c2u__split{grid-template-columns:1fr}.c2u__editor{border-right:0;border-bottom:1px solid rgba(128,168,159,.14)}.c2u__preview{min-height:220px}}@media (prefers-reduced-motion:reduce){.c2u__caret{animation:none;opacity:.6}.c2u__stage{transition:none;opacity:1;transform:none}}