:root{--bg:#070706;--panel:#0d0d0b;--panel2:#11100d;--line:rgba(229,174,54,.18);--line2:rgba(255,255,255,.09);--text:#f6f0e5;--muted:#b9b0a0;--gold:#dca72c;--gold2:#f1c760;--black:#050505}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 78% 8%,rgba(220,167,44,.16),transparent 30%),radial-gradient(circle at 12% 20%,rgba(255,255,255,.04),transparent 28%);background-size:72px 72px,72px 72px,100% 100%,100% 100%;z-index:-2}.page-shell{width:min(1920px,100%);margin:0 auto;border-left:1px solid var(--line2);border-right:1px solid var(--line2);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 18%)}a{color:inherit;text-decoration:none}.topbar{height:78px;margin:12px 14px 0;border:1px solid var(--line2);display:grid;grid-template-columns:260px 1fr 170px;align-items:center;padding:0 22px;background:rgba(8,8,7,.72);backdrop-filter:blur(18px);position:sticky;top:12px;z-index:50}.brand{display:flex;gap:13px;align-items:center}.brand-logo{width:46px;height:46px;object-fit:contain;display:block;filter:drop-shadow(0 0 18px rgba(241,199,96,.18))}.brand-text{font-family:Inter,sans-serif;font-size:15px;font-weight:900;line-height:.86;letter-spacing:-.04em}.brand.small .brand-logo{width:36px;height:36px}.brand.small .brand-text{font-size:13px}.nav{justify-self:center;display:flex;gap:34px}.nav a,.top-cta{font-family:Inter,sans-serif;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.02em}.nav a{color:#eee8dd}.nav a:hover{color:var(--gold2)}.top-cta{justify-self:end;border:1px solid var(--gold);padding:16px 28px;color:var(--gold2);background:rgba(220,167,44,.04)}.section-line{border-bottom:1px solid var(--line2)}.hero{min-height:820px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:70px 42px 46px}.kicker,.micro{margin:0 0 28px;color:var(--gold2);font-family:Inter,sans-serif;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.18em}.kicker{display:flex;align-items:center;gap:13px}.kicker span{width:34px;height:2px;background:var(--gold2)}h1,h2,h3,p{margin-top:0}h1{font-family:Inter,sans-serif;font-size:clamp(66px,6.4vw,126px);line-height:.9;letter-spacing:-.075em;margin-bottom:30px;text-transform:uppercase;max-width:760px}.hero-title{font-size:clamp(72px,7.2vw,142px);line-height:.88;font-weight:900;letter-spacing:-.08em}.hero-title span{display:block}.hero-title-white{color:transparent;background:linear-gradient(180deg,#fffaf0 0%,#ffffff 68%,#ffffff 76%,#f3c24f 92%,#fff3c8 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 34px rgba(255,255,255,.05)}.hero-title-gold{margin-top:.12em;color:transparent;background:linear-gradient(135deg,#f8d36b 0%,#dca72c 52%,#fff0b0 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 40px rgba(220,167,44,.14)}h2{font-family:Inter,sans-serif;font-size:clamp(34px,3.1vw,58px);line-height:.98;letter-spacing:-.045em;text-transform:uppercase;margin-bottom:20px}h3{font-family:Inter,sans-serif;font-size:34px;line-height:1;letter-spacing:-.04em;text-transform:uppercase}.hero-lead{font-size:20px;line-height:1.72;color:#ded8ce;max-width:660px}.hero-actions{display:flex;gap:18px;margin:32px 0 42px}.btn{height:54px;padding:0 30px;display:inline-flex;align-items:center;gap:16px;justify-content:center;font-family:Inter,sans-serif;text-transform:uppercase;font-size:12px;font-weight:900;border:1px solid var(--line2)}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#090806;border-color:transparent;box-shadow:0 24px 70px rgba(220,167,44,.15)}.btn-dark{background:rgba(255,255,255,.02);border-color:rgba(220,167,44,.36)}.proof-row{display:grid;grid-template-columns:repeat(4,1fr);max-width:650px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(0,0,0,.14)}.proof-row div{padding:18px 16px;border-right:1px solid var(--line)}.proof-row div:last-child{border-right:0}.proof-row b{display:block;color:var(--gold2);text-transform:uppercase;font-family:Inter,sans-serif;font-size:13px;font-weight:900}.proof-row span{display:block;color:#c8c0b3;text-transform:uppercase;font-size:11px;margin-top:4px}.placeholder{position:relative;min-height:460px;border:1px solid var(--line2);background:radial-gradient(circle at 70% 35%,rgba(220,167,44,.22),transparent 25%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 18%),linear-gradient(145deg,#0e0e0c,#030303);overflow:hidden}.placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-80%);animation:sheen 6s infinite}.placeholder-label,.placeholder span{position:absolute;left:28px;bottom:24px;color:rgba(246,240,229,.46);font-family:Inter,sans-serif;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.18em}.orbit{position:absolute;border-radius:50%;border:44px solid rgba(220,167,44,.72);box-shadow:0 0 0 60px rgba(255,255,255,.08),inset 0 0 60px rgba(0,0,0,.9)}.orbit-1{width:520px;height:260px;right:2%;top:27%;transform:rotate(-10deg) skew(-18deg)}.orbit-2{width:420px;height:200px;right:10%;top:33%;border-color:rgba(255,255,255,.32);border-width:24px}.orbit-3{width:300px;height:120px;right:17%;top:39%;border-color:#000;border-width:42px}.products{padding:34px 46px 42px}.section-heading{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:end;margin-bottom:26px}.section-heading p:last-child{color:#cfc8bc;line-height:1.6}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-card{border:1px solid var(--line2);min-height:270px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:24px}.product-visual.small{min-height:220px;border-color:transparent;background:radial-gradient(circle at 45% 50%,rgba(220,167,44,.18),transparent 28%),linear-gradient(145deg,#191816,#060605)}.product-copy{padding:16px 18px}.product-copy i{display:block;width:42px;height:2px;background:var(--gold2);margin:20px 0}.product-copy p{color:var(--muted);line-height:1.6}.product-copy a{color:var(--gold2);text-transform:uppercase;font-family:Inter,sans-serif;font-size:12px;font-weight:900}.automation{padding:0}.auto-layout{display:grid;grid-template-columns:.86fr 1.14fr;min-height:520px}.auto-copy{padding:48px 46px;align-self:center}.body{font-size:17px;line-height:1.7;color:#d5cec3}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin-top:34px}.feature-grid div{display:grid;grid-template-columns:40px 1fr;column-gap:14px}.feature-grid em{grid-row:span 2;color:var(--gold2);font-style:normal;font-size:25px}.feature-grid b{text-transform:uppercase;font-family:Inter,sans-serif;font-size:13px}.feature-grid span{color:var(--muted);font-size:14px;line-height:1.45;margin-top:5px}.auto-visual{min-height:520px;border-top:0;border-bottom:0;border-right:0}.process{padding:30px 46px}.process-row{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center}.process-step{display:grid;grid-template-columns:52px 1fr;gap:8px 18px}.process-step span{font-size:28px;color:#f5ead8;font-weight:300}.process-step b{text-transform:uppercase;font-family:Inter,sans-serif;font-size:13px}.process-step p{grid-column:2;color:var(--muted);line-height:1.45;font-size:14px}.divider{height:1px;background:var(--line);position:relative}.divider:after{content:"›";position:absolute;right:-2px;top:-15px;color:#7a7060;font-size:28px}.manufacturing{display:grid;grid-template-columns:410px 1fr;gap:30px;padding:42px 46px}.manufacturing-head p:not(.micro){color:var(--muted);line-height:1.6}.manufacturing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.m-card{text-align:center}.m-img{min-height:150px;margin-bottom:12px;display:grid;place-items:center;color:rgba(246,240,229,.4);font-family:Inter,sans-serif;text-transform:uppercase;font-size:12px;font-weight:900}.m-card b{text-transform:uppercase;font-family:Inter,sans-serif;font-size:12px;line-height:1.25}.final-cta{min-height:330px;display:grid;grid-template-columns:.7fr 1.3fr;border-bottom:1px solid var(--line2)}.cta-copy{padding:44px 46px;align-self:center}.cta-copy p:not(.micro){max-width:430px;color:var(--muted);line-height:1.55}.cta-visual{min-height:330px;border-top:0;border-bottom:0;border-right:0}.footer{height:82px;display:grid;grid-template-columns:260px 1fr 260px;align-items:center;padding:0 46px;color:var(--muted);font-size:13px}.footer span{text-align:center}.footer a:last-child{justify-self:end;color:var(--gold2)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes sheen{0%,55%{transform:translateX(-80%)}100%{transform:translateX(120%)}}@media(max-width:1100px){.topbar{grid-template-columns:220px 1fr}.top-cta{display:none}.nav{justify-self:end;gap:18px}.hero,.auto-layout,.manufacturing,.final-cta{grid-template-columns:1fr}.hero{padding-top:46px}.hero-visual{min-height:420px}.section-heading{grid-template-columns:1fr}.manufacturing-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{height:auto;grid-template-columns:1fr;padding:18px;gap:16px}.nav{display:none}.hero{padding:46px 18px;min-height:auto}.products,.process,.manufacturing{padding-left:18px;padding-right:18px}h1{font-size:58px}.hero-title{font-size:clamp(52px,15vw,72px)}.hero-actions,.proof-row,.product-card,.product-grid,.feature-grid,.process-row{display:block}.proof-row div{border-right:0;border-bottom:1px solid var(--line)}.btn{width:100%;margin-bottom:12px}.product-card{margin-bottom:14px}.auto-copy,.cta-copy{padding:40px 18px}.manufacturing-grid{grid-template-columns:1fr}.footer{height:auto;grid-template-columns:1fr;gap:18px;padding:24px 18px}.footer span{text-align:left}.footer a:last-child{justify-self:start}} :root{--gold:#FFD49B;--gold2:#FFD49B;--line:rgba(255,212,155,.24);} .topbar{margin:0;top:0;left:0;right:0;width:100%;height:96px;border-left:0;border-right:0;border-top:0;background:rgba(8,8,7,.46);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);grid-template-columns:330px 1fr 190px;padding:0 34px;} .brand{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;} .brand-logo{width:69px;height:69px;object-fit:contain;display:block;border-radius:0;background:transparent;} .brand-text{font-size:22.5px;line-height:.86;} .brand.small .brand-logo{width:54px;height:54px;} .brand.small .brand-text{font-size:19.5px;} .brand-symbol{display:none;} .hero-title{font-family:Inter,Arial,Helvetica,sans-serif;font-size:clamp(64px,6.15vw,118px);line-height:.98;font-weight:900;letter-spacing:-.035em;text-transform:uppercase;margin:0 0 30px;max-width:1180px;font-style:normal;transform:none;color:#fff8ef;} .hero-title span{display:block;color:#fff8ef;font-style:normal;transform:none;} .hero-title em{font-style:normal;color:#FFD49B;background:none;-webkit-text-fill-color:#FFD49B;text-shadow:0 0 20px rgba(255,212,155,.12);} .kicker,.micro,.nav a:hover,.footer a:last-child,.product-copy a,.feature-grid em,.proof-row b,.top-cta{color:#FFD49B;} .btn-gold{background:linear-gradient(135deg,#FFE3BA,#FFD49B 48%,#F1B96E);color:#090806;box-shadow:0 24px 70px rgba(255,212,155,.24);} .btn-dark{border-color:rgba(255,212,155,.52);} .product-copy i,.kicker span{background:#FFD49B;} .orbit{border-color:rgba(255,212,155,.8);} @media(max-width:1100px){.topbar{grid-template-columns:290px 1fr;}} @media(max-width:760px){.topbar{margin:0;height:auto;padding:16px 18px;grid-template-columns:1fr;} .brand-logo{width:62px;height:62px;} .brand-text{font-size:20px;} .hero-title{font-size:clamp(42px,12vw,64px);line-height:1;letter-spacing:-.03em;}} .image-frame{position:relative;overflow:hidden;border:1px solid var(--line2);background:linear-gradient(145deg,#0e0e0c,#030303)} .image-frame img{width:100%;height:100%;display:block;object-fit:cover} .hero-visual.image-frame{min-height:460px} .product-visual.image-frame.small{min-height:220px} .auto-visual.image-frame{min-height:520px;border-top:0;border-bottom:0;border-right:0} .m-img.image-frame{min-height:150px;margin-bottom:12px;display:block} .cta-visual.image-frame{min-height:330px;border-top:0;border-bottom:0;border-right:0} .m-img.image-frame img,.product-visual.image-frame img{transition:transform .45s ease} .m-card:hover .m-img.image-frame img,.product-card:hover .product-visual.image-frame img{transform:scale(1.035)} .image-frame:before{content:none!important} @media(max-width:760px){.hero-visual.image-frame,.auto-visual.image-frame,.cta-visual.image-frame{min-height:320px}}

/* ===== Premium render integration ===== */
.image-frame{
position:relative;
overflow:hidden;
background:radial-gradient(circle at top,#1a1712 0%,#060606 55%,#020202 100%);
border:none!important;
box-shadow:
0 0 0 1px rgba(255,212,155,.06),
0 30px 80px rgba(0,0,0,.45),
inset 0 0 120px rgba(0,0,0,.28);
isolation:isolate
}
.image-frame:after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(to bottom,rgba(0,0,0,.02),rgba(0,0,0,.22)),
radial-gradient(circle at 20% 10%,rgba(255,212,155,.08),transparent 40%),
radial-gradient(circle at 80% 90%,rgba(255,212,155,.05),transparent 40%);
pointer-events:none;
z-index:2
}
.image-frame img{
width:100%;
height:100%;
object-fit:cover;
display:block;
filter:saturate(1.02) contrast(1.02);
transform:scale(1.01);
transition:transform .7s ease,filter .7s ease;
position:relative;
z-index:1
}
.product-card:hover .image-frame img,
.m-card:hover .image-frame img,
.auto-visual:hover img,
.cta-visual:hover img{
transform:scale(1.04);
filter:saturate(1.06) contrast(1.04)
}
.hero-visual.image-frame{
min-height:580px;
border-radius:28px
}
.hero-visual img{
object-position:center center
}
.product-visual.image-frame.small{
min-height:280px;
border-radius:24px
}
.auto-visual.image-frame{
min-height:700px;
border-radius:30px
}
.auto-visual img{
object-position:center center
}
.m-img.image-frame{
height:240px;
border-radius:22px
}
.m-img.image-frame img{
object-position:center center
}
.cta-visual.image-frame{
min-height:520px;
border-radius:30px
}
.cta-visual img{
object-position:center center
}
@media(max-width:980px){
.hero-visual.image-frame{min-height:420px}
.auto-visual.image-frame{min-height:480px}
.cta-visual.image-frame{min-height:360px}
}


/* === Mobile adaptation final === */
@media(max-width:980px){
  body{overflow-x:hidden}
  .page-shell{border-left:0;border-right:0;width:100%}
  .topbar{
    position:sticky;
    top:0;
    margin:0;
    width:100%;
    height:auto;
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 18px;
    background:rgba(8,8,7,.68);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-left:0;
    border-right:0;
    border-top:0;
    z-index:100;
  }
  .brand{gap:10px;min-width:0}
  .brand-logo{width:48px!important;height:48px!important}
  .brand-text{font-size:15px!important;line-height:.9!important}
  .top-cta{
    display:inline-flex!important;
    padding:12px 15px;
    font-size:10px;
    white-space:nowrap;
  }
  .nav{display:none!important}
  .hero{
    min-height:auto;
    display:flex!important;
    flex-direction:column;
    gap:28px;
    padding:42px 18px 34px;
  }
  .hero-copy{width:100%}
  .kicker,.micro{
    font-size:11px;
    letter-spacing:.14em;
    margin-bottom:18px;
  }
  .hero-title{
    font-size:clamp(44px,14vw,72px)!important;
    line-height:.95!important;
    letter-spacing:-.04em!important;
    max-width:100%!important;
    margin-bottom:22px!important;
  }
  .hero-lead{
    font-size:16px!important;
    line-height:1.55!important;
    max-width:100%;
  }
  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr;
    gap:12px;
    margin:24px 0 28px;
  }
  .btn{
    width:100%;
    height:52px;
    margin:0!important;
    padding:0 18px;
  }
  .proof-row{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    max-width:none;
  }
  .proof-row div{
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    padding:14px 12px;
  }
  .proof-row div:nth-child(2n){border-right:0}
  .hero-visual.image-frame{
    width:100%;
    min-height:300px!important;
    overflow:hidden!important;
  }
  .hero-visual.image-frame img{
    width:120%!important;
    height:100%;
    object-fit:cover;
    object-position:center right;
    transform:translateX(-4%) scale(1.02)!important;
  }
  h2{
    font-size:clamp(30px,9vw,44px)!important;
    line-height:1.02;
  }
  h3{
    font-size:28px!important;
  }
  .products,.process,.manufacturing{
    padding:34px 18px!important;
  }
  .section-heading{
    display:block!important;
    margin-bottom:22px;
  }
  .section-heading p:last-child{
    font-size:15px;
  }
  .product-grid{
    display:grid!important;
    grid-template-columns:1fr;
    gap:16px;
  }
  .product-card{
    display:flex!important;
    flex-direction:column;
    min-height:auto;
    padding:14px;
  }
  .product-visual.image-frame.small{
    min-height:230px!important;
    width:100%;
  }
  .product-copy{
    padding:22px 4px 6px;
  }
  .auto-layout{
    display:flex!important;
    flex-direction:column;
    min-height:auto;
  }
  .auto-copy{
    padding:36px 18px!important;
  }
  .body{
    font-size:16px!important;
  }
  .feature-grid{
    display:grid!important;
    grid-template-columns:1fr;
    gap:18px;
  }
  .auto-visual.image-frame{
    min-height:320px!important;
    border:0;
    border-radius:0;
  }
  .process-row{
    display:grid!important;
    grid-template-columns:1fr;
    gap:18px;
  }
  .divider{display:none}
  .process-step{
    grid-template-columns:46px 1fr!important;
    padding:18px 0;
    border-bottom:1px solid var(--line2);
  }
  .manufacturing{
    display:block!important;
  }
  .manufacturing-grid{
    display:grid!important;
    grid-template-columns:1fr;
    gap:18px;
  }
  .m-img.image-frame{
    height:230px!important;
  }
  .final-cta{
    display:flex!important;
    flex-direction:column;
    min-height:auto;
  }
  .cta-copy{
    padding:38px 18px!important;
  }
  .cta-visual.image-frame{
    min-height:320px!important;
    border:0;
    border-radius:0;
  }
  .footer{
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr;
    gap:18px;
    padding:24px 18px!important;
    text-align:left;
  }
  .footer span{text-align:left!important}
  .footer a:last-child{justify-self:start!important}
}

@media(max-width:520px){
  .topbar{padding:12px 14px}
  .brand-logo{width:42px!important;height:42px!important}
  .brand-text{font-size:13px!important}
  .top-cta{padding:10px 12px;font-size:9px}
  .hero{padding:34px 14px 30px}
  .hero-title{font-size:clamp(40px,15vw,58px)!important}
  .proof-row{grid-template-columns:1fr!important}
  .proof-row div{border-right:0!important}
  .hero-visual.image-frame{min-height:260px!important}
  .products,.process,.manufacturing{padding-left:14px!important;padding-right:14px!important}
  .auto-copy,.cta-copy{padding-left:14px!important;padding-right:14px!important}
  .product-visual.image-frame.small,.m-img.image-frame{min-height:210px!important;height:210px!important}
}


/* === Mobile final CTA image fix === */
@media(max-width:980px){
  .final-cta{
    display:flex!important;
    flex-direction:column!important;
  }

  .cta-visual.image-frame{
    width:100%!important;
    min-height:auto!important;
    height:auto!important;
    aspect-ratio:16 / 9;
    border-radius:0!important;
    overflow:hidden!important;
  }

  .cta-visual.image-frame img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
}

@media(max-width:520px){
  .cta-visual.image-frame{
    aspect-ratio:16 / 9;
    min-height:0!important;
    height:auto!important;
    margin-top:0!important;
  }

  .cta-visual.image-frame img{
    object-fit:cover!important;
    object-position:center center!important;
  }
}