/* Ember ITAD — shared stylesheet */
:root{
  --orange:#F97316;
  --orange-dark:#C2410C;
  --orange-tint:rgba(249,115,22,.12);
  --orange-glow:rgba(249,115,22,.25);
  --navy:#1A1A2E;
  --navy-soft:#22223a;
  --cream:#FAF8F4;
  --cream-warm:#F2EFE8;
  --gray-text:#6B6B6B;
  --gray-border:#E5E2DC;
  --gray-line:rgba(26,26,46,.08);
  --white:#fff;
  --shadow-sm:0 1px 2px rgba(26,26,46,.06);
  --shadow-md:0 4px 16px rgba(26,26,46,.08);
  --shadow-lg:0 20px 50px rgba(26,26,46,.12);
  --r-sm:6px;
  --r-md:10px;
  --r-lg:16px;
  --r-pill:999px;
  --t-fast:.18s ease;
  --t-mid:.28s ease;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--navy);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:var(--orange);color:var(--navy)}

/* Typography */
.display{font-family:'Inter',sans-serif;font-weight:600;font-size:clamp(2.5rem,5.5vw,4.25rem);line-height:1.05;letter-spacing:-.025em}
.display em{font-style:normal;color:inherit;font-weight:inherit}
h1{font-family:'Inter',sans-serif;font-weight:600;font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.02em}
h2{font-family:'Inter',sans-serif;font-weight:600;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.015em}
h3{font-family:'Inter',sans-serif;font-weight:600;font-size:1.25rem;line-height:1.3;letter-spacing:-.005em}
h4{font-family:'Inter',sans-serif;font-weight:600;font-size:1rem;line-height:1.4}
p{font-size:1rem;line-height:1.65;color:var(--navy)}
.lede{font-size:1.125rem;line-height:1.6;color:var(--gray-text);max-width:42rem}
.eyebrow{font-family:'Inter',sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--orange);display:inline-block}
.eyebrow.muted{color:var(--gray-text)}

/* Container */
.container{max-width:1200px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.container{padding:0 20px}}

/* Nav */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(26,26,46,.92);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(250,248,244,.08);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo{display:flex;align-items:center;gap:7px;color:var(--cream);font-family:'Inter',sans-serif;font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1}
.logo-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-bottom:18px;box-shadow:0 0 14px var(--orange-glow)}
.nav-right{display:flex;align-items:center;gap:32px}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:.875rem;color:rgba(250,248,244,.78);transition:color var(--t-fast);font-weight:400}
.nav-links a:hover,.nav-links a.active{color:var(--cream)}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 20px;border-radius:var(--r-sm);
  font-size:.875rem;font-weight:500;
  transition:all var(--t-fast);
  white-space:nowrap;
}
.btn-primary{background:var(--orange);color:var(--navy)}
.btn-primary:hover{background:var(--orange-dark);color:var(--cream);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--cream);border:1px solid rgba(250,248,244,.2)}
.btn-ghost:hover{border-color:rgba(250,248,244,.5);background:rgba(250,248,244,.05)}
.btn-dark{background:var(--navy);color:var(--cream)}
.btn-dark:hover{background:var(--navy-soft);transform:translateY(-1px)}
.btn-large{padding:14px 28px;font-size:1rem}
.menu-toggle{display:none;color:var(--cream)}
@media(max-width:880px){
  .nav-links{display:none}
  .menu-toggle{display:flex;align-items:center}
  .nav-right .btn{display:none}
  .mobile-nav.open ~ .nav-inner{display:none}
}

/* Sections */
section{padding:96px 0}
section.section-sm{padding:64px 0}
section.section-xl{padding:128px 0}
@media(max-width:640px){section{padding:64px 0}section.section-xl{padding:80px 0}}

/* Hero */
.hero{
  background:var(--navy);
  color:var(--cream);
  padding:96px 0 88px;
  position:relative;
  overflow:hidden;
}
.hero-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center;
}
.hero-content{max-width:560px}
.hero h1.display{color:var(--cream);margin:20px 0 22px}
.hero .lede{color:rgba(250,248,244,.88);max-width:32rem}
.hero-ctas{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.hero-graphic{
  display:flex;align-items:center;justify-content:center;
  min-height:420px;
  position:relative;
}
.hero-graphic::before{
  content:'';position:absolute;
  top:50%;left:50%;transform:translate(-50%,-50%);
  width:600px;height:600px;
  background:radial-gradient(circle,var(--orange-tint) 0%,transparent 60%);
  pointer-events:none;
  z-index:0;
}
.hero-graphic svg{width:100%;max-width:440px;height:auto;position:relative;z-index:1}
@media(max-width:880px){
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .hero-graphic{min-height:auto}
  .hero-graphic svg{max-width:320px}
  .hero-graphic::before{width:440px;height:440px}
}
@media(max-width:640px){
  .hero{padding:72px 0 64px}
  .hero-ctas{flex-direction:column;align-items:stretch}
  .hero-ctas .btn{justify-content:center}
}

/* Trust strip */
.trust-strip{
  background:var(--cream);
  border-top:1px solid var(--gray-line);
  border-bottom:1px solid var(--gray-line);
  padding:56px 0;
}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.trust-item{display:flex;gap:18px;align-items:center}
.trust-icon-wrap{
  flex:none;width:80px;height:80px;
  display:grid;place-items:center;
}
.trust-icon-wrap svg{width:56px;height:56px}
.trust-text h4{margin-bottom:4px;font-size:.95rem}
.trust-text p{font-size:.875rem;color:var(--gray-text);line-height:1.55;margin:0}
@media(max-width:780px){.trust-grid{grid-template-columns:1fr;gap:24px}.trust-icon-wrap{width:64px;height:64px}.trust-icon-wrap svg{width:44px;height:44px}}

/* Animated line-art icons */
@keyframes emberDrawCheck{0%,20%{stroke-dashoffset:30}55%,100%{stroke-dashoffset:0}}
@keyframes emberDrawShield{0%,8%{stroke-dashoffset:160;opacity:.4}48%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes emberSpinRing{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes emberSpinReverse{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}
@keyframes emberBoltStrike{0%,55%{opacity:0;transform:translateY(-3px) scale(.92)}68%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes emberPulseRing{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes emberSparkPulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}
@keyframes emberCorePulse{0%,100%{opacity:.5;r:5}50%{opacity:1;r:6.5}}

.icon-shield .shield-path{stroke-dasharray:160;animation:emberDrawShield 2.6s ease infinite}
.icon-shield .check-path{stroke-dasharray:30;stroke-dashoffset:30;animation:emberDrawCheck 2.6s ease infinite}
.icon-ring .ring-outer{animation:emberSpinRing 8s linear infinite;transform-origin:center;transform-box:fill-box}
.icon-bolt .bolt-path{animation:emberBoltStrike 2s ease infinite;transform-origin:center;transform-box:fill-box}
.icon-bolt .bolt-glow{animation:emberPulseRing 2s ease infinite;transform-origin:center;transform-box:fill-box}

/* Hero cycle animations */
.hero-cycle .cycle-arcs{animation:emberSpinRing 14s linear infinite;transform-origin:140px 140px}
.hero-cycle .cycle-dashed{animation:emberSpinReverse 28s linear infinite;transform-origin:140px 140px}
.hero-cycle .cycle-spark{animation:emberSparkPulse 2s ease infinite;transform-origin:center;transform-box:fill-box;filter:drop-shadow(0 0 8px rgba(249,115,22,0.6))}
.hero-cycle .cycle-core{animation:emberCorePulse 2s ease infinite;transform-origin:center;transform-box:fill-box}

/* Two-paths cards */
.section-header{text-align:center;margin-bottom:56px;max-width:680px;margin-left:auto;margin-right:auto}
.section-header .eyebrow{margin-bottom:12px}
.section-header h2{margin-bottom:14px}
.section-header p{color:var(--gray-text);font-size:1.0625rem}

.paths-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:960px;margin:0 auto}
.path-card{
  background:var(--white);
  border:1px solid var(--gray-border);
  border-radius:var(--r-lg);
  padding:36px;
  transition:all var(--t-mid);
  position:relative;
  overflow:hidden;
}
.path-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--orange);
  transform:scaleX(0);transform-origin:left;
  transition:transform var(--t-mid);
}
.path-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--orange-tint)}
.path-card:hover::after{transform:scaleX(1)}
.path-tag{
  display:inline-flex;align-items:center;gap:6px;
  font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 12px;border-radius:var(--r-pill);
  background:var(--cream-warm);color:var(--navy);
  margin-bottom:20px;
}
.path-card h3{font-size:1.5rem;font-family:'Inter',sans-serif;font-weight:600;letter-spacing:-.015em;margin-bottom:10px}
.path-card p{color:var(--gray-text);margin-bottom:24px;font-size:.9375rem;line-height:1.6}
@media(max-width:780px){.paths-grid{grid-template-columns:1fr}}

/* Built-different (editorial section) */
.editorial{background:var(--white);border-top:1px solid var(--gray-line);border-bottom:1px solid var(--gray-line)}
.editorial-inner{max-width:720px;margin:0 auto}
.editorial h2{margin-bottom:48px}
.editorial-point{padding:24px 0 24px 24px;border-left:2px solid var(--orange);margin-bottom:0}
.editorial-point+.editorial-point{border-top:1px solid var(--gray-line);padding-top:32px;margin-top:0}
.editorial-point h3{margin-bottom:8px;font-size:1.125rem}
.editorial-point p{color:var(--gray-text);font-size:.9375rem;line-height:1.65}

/* CTA section */
.cta-band{background:var(--navy);color:var(--cream);text-align:center;position:relative;overflow:hidden}
.cta-band::before{
  content:'';position:absolute;bottom:-30%;left:50%;transform:translateX(-50%);
  width:800px;height:400px;
  background:radial-gradient(ellipse,var(--orange-tint) 0%,transparent 65%);
}
.cta-band-inner{position:relative;z-index:1;max-width:560px;margin:0 auto}
.cta-band .eyebrow{color:var(--orange)}
.cta-band h2{color:var(--cream);margin:14px 0 16px}
.cta-band p{color:rgba(250,248,244,.88);font-size:1.0625rem;margin-bottom:32px}

/* Footer */
.footer{background:var(--navy);color:var(--cream);padding:64px 0 32px}
.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-brand .logo{margin-bottom:14px}
.footer-brand p{color:rgba(250,248,244,.72);font-size:.875rem;max-width:280px;line-height:1.55}
.footer-col h5{
  font-size:.6875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(250,248,244,.45);margin-bottom:16px;
}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:10px}
.footer-col a{font-size:.875rem;color:rgba(250,248,244,.85);transition:color var(--t-fast)}
.footer-col a:hover{color:var(--orange)}
.footer-bottom{
  padding-top:28px;border-top:1px solid rgba(250,248,244,.08);
  display:flex;justify-content:space-between;align-items:center;
  color:rgba(250,248,244,.45);font-size:.8125rem;flex-wrap:wrap;gap:8px;
}
@media(max-width:780px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}

/* Process steps (How it works, B2C) */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}
.step{position:relative}
.step-num{
  font-family:'Inter',sans-serif;
  font-size:2.25rem;color:var(--orange);line-height:1;margin-bottom:14px;font-weight:600;letter-spacing:-.02em;
}
.step h4{margin-bottom:8px;font-size:1.0625rem}
.step p{color:var(--gray-text);font-size:.9375rem;line-height:1.55}
@media(max-width:780px){.steps{grid-template-columns:repeat(2,1fr);gap:32px}}
@media(max-width:480px){.steps{grid-template-columns:1fr}}

/* Service grid (B2B) */
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--gray-border);border:1px solid var(--gray-border);border-radius:var(--r-lg);overflow:hidden;margin-top:48px}
.service-card{background:var(--white);padding:36px;transition:background var(--t-fast)}
.service-card:hover{background:var(--cream)}
.service-card .icon{width:40px;height:40px;border-radius:var(--r-sm);background:var(--orange-tint);color:var(--orange);display:grid;place-items:center;font-size:20px;margin-bottom:20px}
.service-card h3{font-size:1.125rem;margin-bottom:10px}
.service-card p{font-size:.9375rem;color:var(--gray-text);line-height:1.6}
@media(max-width:780px){.service-grid{grid-template-columns:1fr}}

/* Industry pills */
.industries{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.industry-card{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--r-md);padding:28px;transition:all var(--t-mid)}
.industry-card:hover{border-color:var(--orange);transform:translateY(-2px)}
.industry-card .icon{font-size:24px;color:var(--orange);margin-bottom:14px}
.industry-card h4{margin-bottom:8px;font-size:1rem}
.industry-card p{font-size:.875rem;color:var(--gray-text);line-height:1.55}
@media(max-width:780px){.industries{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.industries{grid-template-columns:1fr}}

/* FAQ */
.faq{max-width:760px;margin:0 auto}
.faq-item{border-top:1px solid var(--gray-line)}
.faq-item:last-child{border-bottom:1px solid var(--gray-line)}
.faq-q{
  width:100%;text-align:left;padding:24px 0;
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  font-size:1.0625rem;font-weight:500;color:var(--navy);
}
.faq-q::after{
  content:'+';font-size:1.25rem;color:var(--orange);font-weight:300;
  transition:transform var(--t-fast);
}
.faq-q.open::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height var(--t-mid)}
.faq-a-inner{padding:0 0 24px;color:var(--gray-text);font-size:.9375rem;line-height:1.7;max-width:640px}

/* Contact form */
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:640px;margin:48px auto 0}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:.8125rem;font-weight:500;color:var(--navy)}
.form-field input,.form-field select,.form-field textarea{
  font:inherit;padding:13px 16px;border:1px solid var(--gray-border);
  border-radius:var(--r-sm);background:var(--white);color:var(--navy);
  transition:border-color var(--t-fast);
}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{
  outline:none;border-color:var(--orange);
}
.form-field textarea{min-height:120px;resize:vertical;font-family:inherit}
.form-submit{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:8px}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}}

/* About story */
.story{max-width:680px;margin:0 auto}
.story p{font-size:1.0625rem;line-height:1.75;color:var(--navy);margin-bottom:20px}
.story p:first-of-type::first-letter{
  font-family:'Fraunces',Georgia,serif;font-size:3.5rem;
  float:left;line-height:.95;margin:4px 12px -4px 0;color:var(--orange);font-weight:500;
}

/* Principles grid */
.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}
.principle h3{font-size:1.0625rem;margin-bottom:8px;color:var(--navy)}
.principle p{font-size:.9375rem;color:var(--gray-text);line-height:1.65}
.principle h3::before{
  content:'';display:inline-block;width:18px;height:1px;
  background:var(--orange);vertical-align:middle;margin-right:10px;
}
@media(max-width:640px){.principles{grid-template-columns:1fr;gap:24px}}

/* Sell page placeholder for Reusely */
.reusely-frame{
  margin:48px auto 0;max-width:880px;
  background:var(--white);border:1px solid var(--gray-border);
  border-radius:var(--r-lg);padding:64px 40px;text-align:center;
  position:relative;
}
.reusely-frame .icon{
  width:56px;height:56px;border-radius:var(--r-md);
  background:var(--orange-tint);color:var(--orange);
  display:grid;place-items:center;font-size:24px;margin:0 auto 20px;
}
.reusely-frame h3{font-family:'Inter',sans-serif;font-weight:600;font-size:1.5rem;margin-bottom:10px;letter-spacing:-.015em}
.reusely-frame p{color:var(--gray-text);max-width:480px;margin:0 auto 24px;font-size:.9375rem}
.reusely-note{
  margin-top:32px;padding-top:24px;
  border-top:1px solid var(--gray-line);
  font-size:.8125rem;color:var(--gray-text);
}

/* Editorial divider quote */
.pull-quote{
  font-family:'Inter',sans-serif;font-weight:500;
  font-size:1.5rem;line-height:1.4;color:var(--navy);
  max-width:560px;margin:64px auto;text-align:center;padding:0 24px;
  position:relative;letter-spacing:-.015em;
}
.pull-quote::before{
  content:'';display:block;width:28px;height:2px;
  background:var(--orange);margin:0 auto 24px;
}

/* Mobile nav */
.mobile-nav{display:none;padding:24px 0;background:var(--navy);border-top:1px solid rgba(250,248,244,.08)}
.mobile-nav.open{display:block}
.mobile-nav ul{list-style:none}
.mobile-nav li{margin-bottom:14px}
.mobile-nav a{color:var(--cream);font-size:1rem;display:block;padding:8px 0}
.mobile-nav .btn{margin-top:12px}
@media(min-width:881px){.mobile-nav{display:none!important}}

/* Reusely embed section */
.reusely-section{
  background:var(--cream);
  padding:80px 0 96px;
}
.reusely-section .section-header{
  margin-bottom:40px;
}
.reusely-widget-wrap{
  max-width:920px;
  margin:0 auto;
  background:var(--white);
  border:1px solid var(--gray-border);
  border-radius:var(--r-lg);
  padding:24px;
  box-shadow:var(--shadow-md);
}
.reusely-widget-wrap .buyback-widget{
  min-height:480px;
}
@media(max-width:640px){
  .reusely-section{padding:56px 0 64px}
  .reusely-widget-wrap{padding:12px}
}

/* Misc utilities */
.text-center{text-align:center}
.mt-0{margin-top:0}
.mb-0{margin-bottom:0}
.divider{border:0;border-top:1px solid var(--gray-line);margin:0}