:root{
  --bg:#070707;
  --bg2:#0e0f10;
  --panel:#111214;
  --panel2:#0b0c0d;
  --line:rgba(255,255,255,.12);
  --line-soft:rgba(255,255,255,.08);
  --txt:#f3f3f5;
  --muted:#b8bbc0;
  --accent:#da843a;
  --accent2:#f0a457;
  --radius:18px;
  --shadow:0 18px 48px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% 0%, rgba(255,153,51,.08), transparent 18%),linear-gradient(180deg,#080809,#08090a 30%,#060606 100%);color:var(--txt);font-family:Inter,Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


.page-wrap{padding:18px 0 28px}
.shell{width:min(1448px,calc(100% - 52px));margin:0 auto;position:relative}

/* Header */
.site-header{position:sticky;top:0;z-index:80;padding-bottom:0;background:none;backdrop-filter:none}
.site-header.scrolled .header-shell{background:rgba(12,12,13,.92);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.42)}
.header-shell{display:flex;align-items:center;gap:30px;min-height:84px;padding:14px 24px 14px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(16,16,17,.92),rgba(8,8,9,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1px rgba(255,255,255,.02), 0 14px 30px rgba(0,0,0,.34)}
.brand img{width:194px;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.34))}
.main-nav{display:flex;align-items:center;gap:22px;margin-left:18px}
.main-nav > a,.nav-trigger{font-size:15px;font-weight:500;color:#efeff1;opacity:.95;letter-spacing:-.1px}
.nav-group{position:relative}
.nav-trigger{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);cursor:pointer}
.nav-trigger span{font-size:12px;color:var(--accent2);line-height:1}
.nav-dropdown{position:absolute;left:0;top:calc(100% + 10px);z-index:120;display:grid;gap:4px;min-width:248px;width:max-content;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(18,18,19,.98),rgba(8,8,9,.98));box-shadow:0 18px 44px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,border-color .18s ease}
.nav-dropdown a{display:block;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:600;color:#dfe4ea;white-space:nowrap}
.nav-dropdown a:hover{background:rgba(255,255,255,.055);color:#fff}
.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}
.header-actions{display:flex;align-items:center;gap:22px;margin-left:auto}
.header-phone{font-size:17px;font-weight:700;white-space:nowrap;color:#f0f0f1}
.header-btn{display:inline-flex;align-items:center;justify-content:center;min-width:166px;height:56px;padding:0 24px;border-radius:8px;border:1px solid rgba(255,208,164,.24);background:linear-gradient(180deg,#db8740 0%,#bf6924 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.24), 0 8px 18px rgba(174,92,27,.18);font-size:15px;font-weight:700;color:#fff}
.mobile-toggle{display:none;align-items:center;justify-content:center;margin-left:auto;width:48px;height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font-size:28px;cursor:pointer}
.home-mobile-panel{display:none}
.home-mobile-panel.open{display:block}
.home-mobile-panel nav{display:grid;gap:10px;padding:12px 0 18px}
.home-mobile-panel a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:13px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(14,14,15,.94);font-weight:700;color:#f2f2f3}
.mobile-nav-group{display:grid;gap:8px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.mobile-nav-group > span{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent2)}
.mobile-nav-group a{background:rgba(14,14,15,.98)}
.home-mobile-panel .mobile-phone-link{color:#f0a457}

/* Hero */
.hero-section{padding:0 0 18px}
.hero-shell{min-height:760px;overflow:hidden;border-top:none;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(0,0,0,.34);background:#090909}
.hero-art{position:absolute;inset:0;background:url('hero-bg.png') center center/cover no-repeat;z-index:0}
.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg, rgba(6,6,7,.84) 0%, rgba(6,6,7,.76) 18%, rgba(7,7,8,.54) 38%, rgba(8,8,8,.18) 58%, rgba(8,8,8,.02) 78%, rgba(8,8,8,0) 100%), linear-gradient(180deg, rgba(255,164,78,.025), transparent 20%, transparent 78%, rgba(0,0,0,.12));}
.hero-left-metal{position:absolute;left:0;top:0;bottom:0;width:0;z-index:2;background:none;opacity:0}
.hero-shell::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg, transparent 0%, transparent 44%, rgba(226,134,60,.045) 45%, transparent 46%) 0 0/240px 240px repeat, linear-gradient(65deg, transparent 0%, transparent 44%, rgba(255,255,255,.026) 45%, transparent 46%) 0 0/300px 300px repeat;mix-blend-mode:screen;opacity:.52}
.hero-shell::after{content:"";position:absolute;right:0;top:0;bottom:0;width:120px;z-index:2;background:linear-gradient(220deg, rgba(255,178,102,.42), rgba(255,178,102,.14) 16%, transparent 21%);opacity:.46}
.hero-content{position:relative;z-index:3;max-width:710px;padding:72px 0 22px 34px}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 17px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(14,14,14,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(8px);font-size:14px;font-weight:500;color:#ececee}
.hero-badge-dot{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(218,132,58,.14),0 0 10px rgba(218,132,58,.7)}
.hero-content h1{margin:20px 0 20px;font-size:70px;line-height:.95;font-weight:900;letter-spacing:-2.2px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.28)}
.hero-lead{margin:0 0 14px;font-size:20px;line-height:1.22;font-weight:700;color:var(--accent2)}
.hero-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:710px}
.hero-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.28;font-weight:500;color:#f1f1f2;text-shadow:0 2px 4px rgba(0,0,0,.35)}
.list-icon{width:24px;height:24px;flex:0 0 24px;color:#df8d48;margin-top:1px}
.list-icon svg{stroke-width:1.7}
.hero-buttons{display:flex;gap:14px;margin:24px 0 18px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-width:0;height:66px;padding:0 28px;border-radius:8px;font-size:17px;font-weight:700}
.btn-primary{width:236px;background:linear-gradient(180deg,#d98640 0%,#b86421 100%);border:1px solid rgba(255,198,145,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.btn-secondary{width:214px;background:linear-gradient(180deg,rgba(20,20,22,.68),rgba(11,11,12,.88));border:1px solid rgba(255,255,255,.18);color:#f3f3f4}
.hero-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:636px}
.hero-feature{display:flex;align-items:center;gap:13px;min-height:72px;padding:13px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(18,19,20,.78),rgba(10,10,11,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.feature-icon{width:34px;height:34px;flex:0 0 34px;color:#dc8a44}
.feature-icon svg{stroke-width:1.7}
.hero-feature span:last-child{font-size:13px;line-height:1.16;font-weight:600;color:#ededee}
/* Shared section background */
.content-band{position:relative;overflow:hidden}
.band-inner{padding:0 0 16px}
.band-bg{position:absolute;inset:0;pointer-events:none}
.band-grid{position:absolute;inset:0;pointer-events:none;opacity:.22;background:
 linear-gradient(115deg, transparent 0%, transparent 48%, rgba(236,147,73,.06) 49%, transparent 50%) 0 0/220px 220px repeat,
 linear-gradient(65deg, transparent 0%, transparent 48%, rgba(255,255,255,.03) 49%, transparent 50%) 0 0/280px 280px repeat,
 radial-gradient(circle at 50% 0, rgba(255,149,73,.16), transparent 18%);mix-blend-mode:screen}
.band-bg-top{background:linear-gradient(180deg,#0b0b0c,#090909 100%)}
.band-bg-mid{background:linear-gradient(180deg,#090909,#0a0a0b 100%)}
.band-bg-bottom{background:radial-gradient(circle at 0% 100%, rgba(255,149,73,.18), transparent 16%),linear-gradient(180deg,#0a0a0b,#080809 100%)}
.directions-band::before,.process-band::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.09)}
.directions-band::after,.process-band::after,.cta-band::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg, transparent 0%, transparent 44%, rgba(230,140,65,.05) 45%, transparent 46%) 0 0/260px 260px repeat, linear-gradient(65deg, transparent 0%, transparent 44%, rgba(255,255,255,.03) 45%, transparent 46%) 0 0/340px 340px repeat;opacity:.55}
.section-title-wrap{text-align:center;position:relative;padding:12px 0 16px;margin-bottom:6px}
.section-title-wrap h2{margin:0;font-size:38px;line-height:1.04;font-weight:700;letter-spacing:-.8px;text-shadow:0 3px 10px rgba(0,0,0,.35)}
.section-title-wrap.compact h2{font-size:38px}
.title-glow{display:block;width:120px;height:8px;margin:8px auto 0;background:radial-gradient(circle at center, rgba(255,174,92,.95) 0, rgba(255,174,92,.65) 18%, rgba(255,174,92,.25) 36%, transparent 68%);filter:blur(.1px)}

.cards-grid{display:grid;gap:16px}
.service-grid{grid-template-columns:repeat(4,1fr)}
.process-grid{grid-template-columns:repeat(4,1fr)}
.metal-card{position:relative;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(25,27,30,.8),rgba(13,14,16,.94)), linear-gradient(135deg, rgba(255,255,255,.06), transparent 18%, transparent 82%, rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 44px rgba(0,0,0,.34);overflow:hidden}
.metal-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0));-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.service-card .card-image{padding:12px 12px 0}
.service-card .card-image img{width:100%;height:182px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.08)}
.card-content{padding:12px 14px 16px}
.card-title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}
.card-icon{width:34px;height:34px;flex:0 0 34px;color:#da8b46;margin-top:2px}
.card-title-row h3{margin:0;font-size:18px;line-height:1.08;font-weight:700;color:#f3f3f4}
.service-card p{margin:0 0 16px;font-size:14px;line-height:1.38;color:#cbced3;min-height:86px}
.service-card a{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#e2994f}
.service-card a span{font-size:22px;line-height:1}

.process-card{padding:18px 22px 18px;overflow:visible;min-height:156px}
.process-card:not(:last-child)::after{content:"→";position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:34px;font-weight:200;color:rgba(222,157,89,.75);z-index:5}
.process-number-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.process-number{font-size:36px;line-height:1;font-weight:800;letter-spacing:-1px;background:linear-gradient(180deg,#dda061,#b57436);-webkit-background-clip:text;background-clip:text;color:transparent}
.process-icon{width:26px;height:26px;color:#db8d48}
.process-card h3{margin:0 0 8px;font-size:15px;line-height:1.12;font-weight:700;color:#f0f0f2}
.process-card p{margin:0;font-size:12px;line-height:1.4;color:#c6c9cf}

/* CTA */
.cta-panel{position:relative;display:grid;grid-template-columns:1.05fr 1.08fr;gap:0;border-radius:22px;border:1px solid rgba(231,208,187,.18);background:linear-gradient(180deg, rgba(18,18,19,.92), rgba(10,10,11,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 48px rgba(0,0,0,.32);overflow:hidden;margin-top:2px}
.cta-panel::before{content:"";position:absolute;inset:0;background:
 linear-gradient(135deg, rgba(255,255,255,.05), transparent 15%, transparent 85%, rgba(255,255,255,.02)),
 radial-gradient(circle at 20% 85%, rgba(255,149,73,.12), transparent 20%);pointer-events:none}
.cta-rivet{position:absolute;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%, #66584d 0%, #2b2724 35%, #141414 70%, #080808 100%);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 1px rgba(255,255,255,.12),0 1px 3px rgba(0,0,0,.6);z-index:2}
.rivet-tl{left:14px;top:14px}.rivet-tr{right:14px;top:14px}.rivet-bl{left:14px;bottom:14px}.rivet-br{right:14px;bottom:14px}
.cta-copy,.cta-form-wrap{position:relative;padding:30px 28px 24px}
.cta-copy{min-height:286px;border-right:1px solid rgba(255,255,255,.1);overflow:hidden}
.cta-copy-bg{position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(180deg, rgba(16,16,17,.06) 0%, rgba(14,14,14,.22) 36%, rgba(14,14,14,.7) 100%), url('cta-left-ref.png') center center/cover no-repeat;opacity:.78;pointer-events:none}
.cta-copy h2,.cta-copy .cta-sub,.cta-copy ul{position:relative;z-index:1}
.cta-copy h2{margin:0 0 10px;font-size:26px;line-height:1.06;font-weight:700;letter-spacing:-.3px}
.cta-sub{margin:0 0 18px;font-size:16px;font-weight:700;color:#eba055}
.cta-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:420px}
.cta-copy li{display:flex;align-items:flex-start;gap:12px;font-size:15px;font-weight:500;color:#ececef}
.li-icon{width:22px;height:22px;flex:0 0 22px;color:#de8f4b}
.lead-form{position:relative;z-index:1}
.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lead-grid .wide{grid-column:1/-1}
.lead-form input,.lead-form textarea{width:100%;min-height:48px;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(15,15,16,.96),rgba(11,11,12,.96));padding:12px 14px;color:#f7f7f8;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.lead-form input::placeholder,.lead-form textarea::placeholder{color:#9c9ea4}
.lead-form textarea{min-height:82px;resize:vertical}
.submit-btn{width:100%;margin-top:10px;padding:12px 18px;border:none;border-radius:4px;background:linear-gradient(180deg,#db8840,#be6723);font-size:16px;font-weight:800;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);cursor:pointer}
.privacy-text{margin:10px 0 0;text-align:center;font-size:12px;color:#aaaeb4}
.privacy-text a{color:#e59a4e}

/* Footer */
.footer-bar{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr auto;align-items:center;gap:18px;padding:18px 8px 0}
.footer-col{font-size:14px;color:#dedfe2;line-height:1.25}
.footer-location{display:flex;align-items:center;gap:12px}
.footer-location::before{content:"";width:20px;height:20px;border:2px solid #da8d48;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:inline-block;box-sizing:border-box;box-shadow:inset 0 0 0 2px transparent}
.footer-brand img{width:140px;height:auto}
.footer-socials{display:flex;align-items:center;gap:10px}
.footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(32,33,35,.9),rgba(15,15,16,.96));color:#ececed;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.footer-socials svg{width:18px;height:18px;fill:currentColor;stroke:none}

.band-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%, rgba(255,152,74,.08), transparent 18%), radial-gradient(circle at 0% 50%, rgba(255,152,74,.04), transparent 22%), radial-gradient(circle at 100% 50%, rgba(255,152,74,.04), transparent 22%);pointer-events:none}
.footer-item{position:relative;padding-left:30px}
.footer-item::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#da8d48;opacity:.95}
.footer-location::before{border:2px solid #da8d48;border-radius:50% 50% 50% 0;transform:translateY(-50%) rotate(-45deg);width:14px;height:14px;left:3px}
.footer-phone::before{border:2px solid #da8d48;border-top-color:transparent;border-left-color:transparent;border-radius:4px;transform:translateY(-50%) rotate(45deg);width:10px;height:14px;left:6px}
.footer-mail::before{border:2px solid #da8d48;border-radius:2px;width:18px;height:12px;top:50%;left:0;transform:translateY(-50%)}
.footer-mail::after{content:"";position:absolute;left:3px;top:50%;width:12px;height:8px;border-left:2px solid #da8d48;border-bottom:2px solid #da8d48;transform:translateY(-85%) rotate(-45deg)}

/* Hover */
.main-nav a:hover,.nav-trigger:hover,.nav-group:focus-within .nav-trigger,.header-phone:hover,.footer-col:hover{color:#fff;border-color:rgba(255,255,255,.18)}
.header-btn:hover,.btn-primary:hover,.submit-btn:hover{filter:brightness(1.06)}
.btn-secondary:hover,.hero-feature:hover,.service-card:hover,.process-card:hover,.footer-socials a:hover{border-color:rgba(255,255,255,.2)}
.service-card:hover{transform:translateY(-2px)}


.header-btn,.btn,.submit-btn,.service-card,.process-card,.hero-feature,.footer-socials a,.nav-trigger{transition:transform .2s ease,filter .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.header-btn:hover,.btn:hover,.submit-btn:hover{transform:scale(1.02)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Responsive */
@media (max-width:1600px){
  .hero-content{padding-left:48px;max-width:660px}
  .hero-content h1{font-size:62px}
  .service-grid,.process-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1180px){
  .main-nav,.header-actions{display:none}
  .mobile-toggle{display:inline-flex}
  .home-mobile-panel{width:min(1448px,calc(100% - 52px));margin:0 auto}
  .hero-shell{min-height:auto}
  .hero-content{padding:94px 22px 24px 26px;max-width:100%}
  .hero-content h1{font-size:52px}
  .hero-feature-row,.footer-bar,.lead-grid,.cta-panel{grid-template-columns:1fr}
  .cta-copy{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .process-card:not(:last-child)::after{display:none}
}
@media (max-width:760px){
  .page-wrap{padding-top:10px}
  .shell{width:min(100% - 20px, 1770px)}
  .home-mobile-panel{width:min(100% - 20px,1770px)}
  .header-shell{padding:12px 14px}
  .brand img{width:130px}
  .hero-left-metal{width:86px}
  .hero-content{padding:82px 16px 22px 18px}
  .hero-badge{font-size:13px;padding:10px 14px}
  .hero-content h1{font-size:42px;letter-spacing:-1.3px}
  .hero-lead{font-size:18px}
  .hero-list li{font-size:15px}
  .hero-buttons{flex-direction:column}
  .btn{min-width:0;width:100%;font-size:18px;padding:17px 18px}
  .service-grid,.process-grid{grid-template-columns:1fr}
  .section-title-wrap h2,.section-title-wrap.compact h2{font-size:38px}
  .card-title-row h3{font-size:21px}
  .cta-copy,.cta-form-wrap{padding:30px 18px 20px}
  .cta-copy h2{font-size:34px}
  .cta-sub{font-size:18px}
  .footer-col{font-size:16px}
}

/* v128 process icons refinement */
.process-number-row{align-items:center;gap:16px;margin-bottom:14px}
.process-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:14px;border:1px solid rgba(222,157,89,.28);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.18);color:#e0a164}
.process-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.process-card h3{font-size:16px;font-weight:800;letter-spacing:-.01em}
.process-card p{font-size:12.5px;line-height:1.52;color:#cfd4db}
