:root{--red:#dc171f;--black:#101010;--gray:#f4f5f7;--text:#151515;--muted:#666;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{color:inherit}.hidden{display:none!important}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #e8e8e8}
.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-mark{width:44px;height:44px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900}.site-logo strong,.site-logo small{display:block}.site-logo strong{font-size:21px}.site-logo small{font-size:11px;color:#666;margin-top:2px}
.main-nav{display:flex;gap:25px}.main-nav a{text-decoration:none;font-weight:700;font-size:14px}.header-actions{display:flex;align-items:center;gap:9px}.login-btn,.search-btn{border:0;background:transparent;padding:10px;font-weight:800;cursor:pointer}.get-started-btn,.primary-cta{background:var(--red);color:#fff;text-decoration:none;border-radius:10px;padding:13px 20px;font-weight:900;display:inline-block}.mobile-menu-btn{display:none;border:0;background:none;font-size:26px}
.search-panel{position:fixed;top:78px;left:0;right:0;z-index:90;background:#fff;padding:20px 8vw;box-shadow:0 10px 30px rgba(0,0,0,.12)}.search-panel input{width:100%;padding:15px;border:1px solid #ccc;border-radius:10px;font-size:17px}#searchResults{margin-top:10px;display:grid;gap:8px}#searchResults a{padding:9px;background:#f5f5f5;text-decoration:none;border-radius:8px}
.hero-slider{height:690px;position:relative;overflow:hidden;background:#111}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;pointer-events:none;transition:opacity .6s}.hero-slide.active{opacity:1;pointer-events:auto}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.28))}.hero-content{position:relative;z-index:2;color:#fff;max-width:720px;padding:110px 7vw}.eyebrow,.section-heading>span,.video-copy>span,.usa-section>div>span,.cta-section span{font-size:13px;letter-spacing:2px;font-weight:900;color:#ffb8bb}.hero-content h1,.hero-content h2{font-size:64px;line-height:1.04;margin:18px 0}.hero-content p{font-size:20px;line-height:1.6;color:#e8e8e8}.hero-actions{display:flex;gap:12px;margin:30px 0}.secondary-cta{border:1px solid rgba(255,255,255,.65);color:#fff;text-decoration:none;border-radius:10px;padding:13px 20px;font-weight:900}.hero-trust{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.35);color:#fff;font-size:33px;cursor:pointer}.slider-arrow.prev{left:24px}.slider-arrow.next{right:24px}.slider-dots{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:8px}.slider-dots button{width:10px;height:10px;border-radius:50%;border:0;background:#aaa}.slider-dots button.active{background:var(--red)}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 6vw;background:#111;color:#fff}.trust-strip div{text-align:center;border-right:1px solid #333}.trust-strip div:last-child{border:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-size:25px}.trust-strip span{font-size:12px;color:#bbb;margin-top:5px}
.section{padding:90px 6vw}.section-heading{text-align:center;max-width:800px;margin:0 auto 45px}.section-heading span{color:var(--red)}.section-heading h2{font-size:42px;margin:12px 0}.section-heading p{color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1200px;margin:auto}.service-card{display:grid;grid-template-columns:42% 58%;background:#fff;border:1px solid #e5e5e5;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.06)}.service-card img{width:100%;height:100%;object-fit:cover}.service-card div{padding:28px}.service-card h3{font-size:25px;margin-top:0}.service-card p{color:#666;line-height:1.6}.service-card a{color:var(--red);font-weight:900;text-decoration:none}
.dark-section{background:#111;color:#fff}.section-heading.light p{color:#bbb}.material-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;max-width:1250px;margin:auto}.material-grid article{border:1px solid #333;border-radius:14px;padding:24px;background:#191919}.material-grid b{font-size:21px}.material-grid p{color:#bbb;line-height:1.55}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:auto}.process-grid div{padding:25px;border-radius:16px;background:var(--gray)}.process-grid span{width:43px;height:43px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900}.process-grid p{color:#666;line-height:1.6}
.video-section{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;background:#f5f5f5}.video-copy h2,.usa-section h2{font-size:40px}.video-copy p,.usa-section p{line-height:1.7;color:#666}.video-placeholder{min-height:390px;border-radius:20px;background:linear-gradient(135deg,#111,#303030);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:14px}.video-placeholder button{width:75px;height:75px;border-radius:50%;border:0;background:var(--red);color:#fff;font-size:27px}
.usa-section{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.usa-section img{width:100%;border-radius:20px}.usa-section ul{line-height:2;padding-left:20px}
.review-section{background:#fafafa}.disclaimer{font-size:12px;color:#995500!important}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1150px;margin:auto}.review-grid blockquote{margin:0;padding:28px;border-radius:16px;background:#fff;border:1px solid #eee}.review-grid blockquote div{color:#e7a400}.review-grid p{line-height:1.7}.review-grid footer{font-weight:800}
.faq-list{max-width:900px;margin:auto}.faq-list details{border-bottom:1px solid #ddd;padding:20px 5px}.faq-list summary{font-size:18px;font-weight:900;cursor:pointer}.faq-list p{color:#666;line-height:1.6}
.cta-section{background:var(--red);color:#fff;padding:55px 7vw;display:flex;align-items:center;justify-content:space-between}.cta-section h2{font-size:35px;margin:8px 0}.cta-section .primary-cta{background:#fff;color:#111}
.site-footer{background:#0f0f0f;color:#fff;padding:65px 6vw 25px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:35px}.footer-logo{color:#fff}.footer-grid h3{margin-top:0}.footer-grid>div>a{display:block;text-decoration:none;color:#bbb;margin:12px 0}.footer-brand p{color:#bbb;line-height:1.6}.social-links{display:flex;gap:8px}.social-links a{width:34px;height:34px;display:grid!important;place-items:center;border-radius:50%;background:#272727;color:#fff!important;margin:0!important}.footer-bottom{border-top:1px solid #303030;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;color:#888;font-size:13px}
.auth-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center}.auth-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62)}.auth-card{position:relative;background:#fff;width:min(460px,92vw);border-radius:18px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.auth-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.auth-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.auth-tabs button{flex:1;border:0;background:none;padding:12px;font-weight:900;cursor:pointer}.auth-tabs button.active{color:var(--red);border-bottom:3px solid var(--red)}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;font-weight:800}.auth-form input{padding:12px;border:1px solid #ccc;border-radius:8px}.auth-form>button[type=submit]{background:var(--red);color:#fff;border:0;border-radius:8px;padding:13px;font-weight:900;cursor:pointer}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.text-button,.inline-link{border:0;background:none;color:var(--red);font-weight:800;cursor:pointer}.auth-message{min-height:20px;margin-top:12px;font-weight:800;color:#b91c1c}
.search-panel,.auth-modal{transition:.2s}
@media(max-width:1000px){.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.main-nav.open{display:flex}.mobile-menu-btn{display:block}.header-actions .search-btn{display:none}.material-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{padding:0 14px}.site-logo small{display:none}.header-actions .login-btn{display:none}.hero-slider{height:640px}.hero-content{padding:90px 28px}.hero-content h1,.hero-content h2{font-size:43px}.trust-strip{grid-template-columns:repeat(2,1fr);gap:20px}.trust-strip div{border:0}.service-grid,.video-section,.usa-section,.review-grid{grid-template-columns:1fr}.service-card{grid-template-columns:1fr}.service-card img{height:210px}.process-grid{grid-template-columns:1fr 1fr}.material-grid{grid-template-columns:1fr}.section{padding:65px 20px}.section-heading h2{font-size:33px}.footer-grid{grid-template-columns:1fr}.footer-bottom,.cta-section{flex-direction:column;align-items:flex-start;gap:20px}}


/* EasyMetalCut black, orange, and steel brand theme */
:root {
  --red: #f05a16;
  --orange: #f05a16;
  --orange-dark: #c94308;
  --black: #090909;
  --steel: #d7d9dc;
  --steel-dark: #6f7479;
  --gray: #f3f3f3;
  --text: #171717;
  --muted: #666;
  --radius: 18px;
}

body {
  background: #ffffff;
}

.site-header {
  height: 88px;
  background: rgba(8,8,8,.97);
  border-bottom: 1px solid rgba(240,90,22,.55);
  box-shadow: 0 8px 25px rgba(0,0,0,.22);
}

.image-logo {
  display: flex;
  align-items: center;
}

.image-logo img {
  display: block;
  width: auto;
  height: 58px;
  max-width: 270px;
  object-fit: contain;
  background: #fff;
  border-radius: 8px;
  padding: 4px 10px;
}

.footer-logo img {
  height: 68px;
  max-width: 310px;
}

.main-nav a,
.login-btn,
.search-btn {
  color: #f5f5f5;
}

.main-nav a:hover,
.login-btn:hover,
.search-btn:hover {
  color: var(--orange);
}

.get-started-btn,
.primary-cta {
  background: linear-gradient(135deg, var(--orange), var(--orange-dark));
  color: #fff;
  box-shadow: 0 8px 20px rgba(240,90,22,.28);
}

.get-started-btn:hover,
.primary-cta:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

.search-panel {
  top: 88px;
  border-top: 2px solid var(--orange);
}

.branded-hero {
  height: min(830px, 76vw);
  min-height: 650px;
  max-height: 860px;
  background: #050505;
}

.branded-hero .hero-slide {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #050505;
}

.branded-hero .hero-overlay {
  background:
    linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.2) 40%, rgba(0,0,0,.08) 70%),
    linear-gradient(0deg, rgba(0,0,0,.38), transparent 48%);
}

.hero-content-card {
  max-width: 560px;
  padding-top: 120px;
}

.hero-content-card h1,
.hero-content-card h2 {
  font-size: clamp(38px, 4.6vw, 70px);
  text-transform: uppercase;
  letter-spacing: -.02em;
  text-shadow: 0 3px 18px rgba(0,0,0,.9);
}

.hero-content-card p {
  max-width: 520px;
  text-shadow: 0 2px 10px rgba(0,0,0,.95);
}

.eyebrow,
.section-heading > span,
.video-copy > span,
.usa-section > div > span,
.cta-section span {
  color: var(--orange);
}

.secondary-cta {
  border-color: rgba(255,255,255,.72);
  background: rgba(0,0,0,.32);
  backdrop-filter: blur(6px);
}

.slider-dots button.active {
  background: var(--orange);
  box-shadow: 0 0 0 4px rgba(240,90,22,.18);
}

.slider-arrow {
  border-color: rgba(240,90,22,.7);
}

.trust-strip {
  background: linear-gradient(90deg, #080808, #161616, #080808);
  border-top: 1px solid var(--orange);
  border-bottom: 1px solid rgba(240,90,22,.35);
}

.trust-strip strong {
  color: var(--orange);
}

.service-card {
  background: #0f0f0f;
  border-color: #2b2b2b;
  color: #fff;
  box-shadow: 0 18px 45px rgba(0,0,0,.14);
}

.service-card img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.service-card p {
  color: #c7c7c7;
}

.service-card a {
  color: var(--orange);
}

.dark-section {
  background:
    radial-gradient(circle at top right, rgba(240,90,22,.12), transparent 30%),
    #090909;
  border-top: 1px solid rgba(240,90,22,.35);
  border-bottom: 1px solid rgba(240,90,22,.35);
}

.material-grid article {
  border-color: #3b3b3b;
  background: linear-gradient(145deg, #171717, #0f0f0f);
}

.material-grid article:hover {
  border-color: var(--orange);
}

.process-grid div {
  border: 1px solid #e1e1e1;
  background: linear-gradient(145deg, #fff, #f3f3f3);
}

.process-grid span {
  background: var(--orange);
}

.branded-video {
  background:
    linear-gradient(120deg, #080808 0%, #171717 52%, #222 100%);
  color: #fff;
  border-top: 1px solid rgba(240,90,22,.45);
  border-bottom: 1px solid rgba(240,90,22,.45);
}

.branded-video .video-copy p {
  color: #c7c7c7;
}

.dark-outline {
  border-color: var(--orange);
  color: #fff;
}

.youtube-frame {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  border: 2px solid var(--orange);
  box-shadow: 0 25px 65px rgba(0,0,0,.45);
  aspect-ratio: 16 / 9;
  background: #000;
}

.youtube-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.cta-section {
  background: linear-gradient(120deg, var(--orange-dark), var(--orange));
}

.site-footer {
  background:
    linear-gradient(180deg, #101010, #050505);
  border-top: 2px solid var(--orange);
}

.social-links a:hover {
  background: var(--orange);
}

.auth-tabs button.active {
  color: var(--orange);
  border-bottom-color: var(--orange);
}

.auth-form > button[type=submit] {
  background: var(--orange);
}

.text-button,
.inline-link {
  color: var(--orange);
}

@media (max-width: 1000px) {
  .main-nav {
    top: 88px;
    background: #111;
    border-top: 1px solid var(--orange);
  }
}

@media (max-width: 720px) {
  .site-header {
    height: 74px;
  }

  .image-logo img {
    height: 48px;
    max-width: 190px;
  }

  .branded-hero {
    height: 660px;
    min-height: 660px;
  }

  .branded-hero .hero-slide {
    background-size: cover;
    background-position: center;
  }

  .branded-hero .hero-overlay {
    background: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.42));
  }

  .hero-content-card {
    padding: 90px 24px 40px;
  }

  .hero-content-card h1,
  .hero-content-card h2 {
    font-size: 39px;
  }

  .service-card img {
    aspect-ratio: 16 / 10;
  }

  .youtube-frame {
    width: 100%;
  }
}