.hero{
  --ink:#0b0c0e;
  --ink-2:#121418;
  --ink-3:#1a1d22;
  --paper:#f4f1ea;
  --paper-2:#ece8df;
  --white:#fff;
  --steel:#a7adb6;
  --steel-2:#69717c;
  --line:rgba(15,17,20,.12);
  --dark-line:rgba(255,255,255,.13);
  --forge:#ffb000;
  --forge-2:#ff7a00;
  --green:#25d366;
  --shell:min(1240px,calc(100vw - 48px));
  --radius:24px;
  --ease:cubic-bezier(.2,.75,.2,1);
  --font-display:"Space Grotesk",sans-serif;
  --font-body:"DM Sans",sans-serif;
}
.hero{min-height:100svh;position:relative;background:var(--ink);color:#fff;overflow:hidden;display:flex;flex-direction:column}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.08) brightness(.82);transform:scale(1.02)}.hero-media-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.96) 0%,rgba(5,6,8,.77) 43%,rgba(5,6,8,.42) 72%,rgba(5,6,8,.56) 100%),linear-gradient(0deg,rgba(5,6,8,.74),transparent 45%)}#sparkCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.hero-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.72fr);gap:7vw;align-items:end;padding-top:clamp(150px,18vh,210px);padding-bottom:150px;flex:1}.hero-copy{max-width:810px}.hero-eyebrow{color:#bec3ca}.hero-title{font-family:var(--font-display);font-size:clamp(4rem,7.7vw,8.25rem);line-height:.86;letter-spacing:-.075em;margin:26px 0 30px;font-weight:700}.title-line{display:block;overflow:hidden}.title-accent{color:var(--forge);font-size:.86em;margin-top:.08em}.hero-lead{max-width:690px;font-size:clamp(1.05rem,1.5vw,1.28rem);color:#c6cbd2;line-height:1.6;margin:0 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{margin-top:34px;display:flex;align-items:center;gap:12px;color:#8f969f;font-size:.76rem;text-transform:uppercase;letter-spacing:.11em}.hero-note-line{width:44px;height:1px;background:#535964}
.hero-spec-card{align-self:end;margin-bottom:4px;padding:24px;background:rgba(12,14,17,.72);border:1px solid rgba(255,255,255,.16);border-radius:24px;backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.28);position:relative;overflow:hidden}.hero-spec-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,176,0,.12),transparent 35%);pointer-events:none}.spec-card-top{display:flex;justify-content:space-between;align-items:center;color:#8f969e;font:600 .62rem var(--font-body);letter-spacing:.13em}.spec-live{display:flex;gap:7px;align-items:center}.spec-live i{width:6px;height:6px;border-radius:50%;background:#63d77d;box-shadow:0 0 12px rgba(99,215,125,.8)}.spec-title{font-family:var(--font-display);font-weight:600;font-size:1.55rem;line-height:1.12;letter-spacing:-.035em;max-width:320px;margin:25px 0}.spec-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.spec-grid div{padding:15px 13px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px}.spec-grid small{color:#757d87;font-size:.55rem;letter-spacing:.13em}.spec-grid strong{font-size:.72rem;color:#dde0e4}.spec-sketch{height:125px;margin-top:20px;position:relative;border:1px dashed rgba(255,255,255,.15);background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.05) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(255,255,255,.05) 50%,transparent 50.2%)}.beam{position:absolute;background:rgba(255,176,0,.72);height:5px;transform-origin:left center}.beam-a{width:64%;left:16%;top:29%;transform:rotate(0deg)}.beam-b{width:43%;left:16%;top:29%;transform:rotate(55deg)}.beam-c{width:49%;left:58%;top:61%;transform:rotate(-67deg)}.measure{position:absolute;color:#7d858f;font:600 .55rem monospace;letter-spacing:.1em}.measure-a{left:36%;top:18%}.measure-b{right:10%;bottom:14%}
.service-marquee{position:absolute;z-index:3;left:0;right:0;bottom:0;background:var(--forge);color:#161616;overflow:hidden;border-top:1px solid rgba(255,255,255,.16);height:58px;display:flex;align-items:center}.marquee-track{display:flex;align-items:center;gap:22px;white-space:nowrap;min-width:max-content;animation:marquee 30s linear infinite;font:700 .78rem var(--font-display);text-transform:uppercase;letter-spacing:.09em}.marquee-track i{font-style:normal;font-size:.52rem}@keyframes marquee{to{transform:translateX(-50%)}}
.title-line{animation:titleIn .9s var(--ease) both}.title-line.title-accent{animation-delay:.09s}.hero-lead{animation:fadeUp .85s .16s var(--ease) both}.hero-actions{animation:fadeUp .85s .24s var(--ease) both}.hero-note{animation:fadeUp .85s .32s var(--ease) both}.hero-spec-card{animation:specIn .9s .18s var(--ease) both,cardFloat 6s 1.2s ease-in-out infinite}@keyframes titleIn{from{opacity:0;transform:translateY(70%)}to{opacity:1;transform:none}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes specIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes cardFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}



.hero .shell{width:min(1240px,calc(100% - 48px))}
.hero .eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:#bec3ca}
.hero .eyebrow>span:first-child{width:30px;height:1px;background:var(--forge);flex-shrink:0}
.hero .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:999px;padding:16px 24px;font-weight:700;font-size:.96rem;transition:transform .25s,background .25s}
.hero .button:hover{transform:translateY(-2px)}
.hero .button-primary{background:var(--forge);color:#141414;box-shadow:0 10px 32px rgba(255,176,0,.16)}
.hero .button-glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(12px)}
.hero .eyebrow,.hero .hero-note{margin-bottom:0}
.hero .hero-title{margin:26px 0 30px}
@media(max-width:1120px){.hero-shell{grid-template-columns:1fr .6fr;gap:30px}.hero-title{font-size:clamp(3.7rem,8vw,6.7rem)}.hero-spec-card{padding:18px}.spec-grid{grid-template-columns:1fr}.spec-grid div:nth-child(3),.spec-grid div:nth-child(4){display:none}.spec-sketch{height:90px}}
@media(max-width:760px){.hero{min-height:auto}.hero .shell{width:calc(100% - 28px)}.hero-shell{display:block;padding-top:170px;padding-bottom:122px}.hero-copy{max-width:none}.hero .hero-title{font-size:clamp(3.45rem,17vw,5.55rem);line-height:.88;margin:20px 0 24px}.title-accent{font-size:.78em;line-height:.95}.hero-lead{font-size:1rem;line-height:1.6;color:#bdc2c8}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero .hero-actions .button{padding-inline:14px}.hero-note{font-size:.62rem;line-height:1.4;margin-top:24px}.hero-spec-card{display:none}.hero-grid-lines{background-size:46px 46px}.service-marquee{height:52px}.marquee-track{gap:16px;font-size:.7rem}}
@media(max-width:420px){.hero-actions{grid-template-columns:1fr}}
html[lang="gu"] .hero{--font-body:"Noto Sans Gujarati","Nirmala UI",sans-serif;--font-display:var(--font-body)}
html[lang="hi"] .hero{--font-body:"Noto Sans Devanagari","Nirmala UI",sans-serif;--font-display:var(--font-body)}
html:not([lang="en"]) .hero-title{font-size:clamp(3rem,6vw,6rem);line-height:1.35;letter-spacing:-.02em}
html:not([lang="en"]) .title-line{overflow:visible}
html:not([lang="en"]) .spec-title{line-height:1.6}
@media(prefers-reduced-motion:reduce){.hero *{animation:none!important;transition:none!important}.hero-media img{transform:none!important}}