:root{
  --cream:#F7F3EF;
  --peach:#F3DFD2;
  --mint:#BDDCD4;
  --teal:#88C5CC;
  --teal-dark:#5F9CA4;
  --pink:#F6AEB6;
  --border:#E8D8CE;
  --text:#333333;
  --muted:#5F5F5F;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--cream);color:var(--text);}
a{text-decoration:none;color:inherit}
.container{width:min(1200px,92%);margin:auto}
header{position:fixed;top:0;left:0;width:100%;z-index:10;background:rgba(247,243,239,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo-img{height:64px;width:auto;display:block}
.nav-links{display:flex;gap:26px;font-size:14px;color:#4A4A4A}
.nav-links a:hover{color:var(--teal-dark)}
.section{padding:110px 0}
.hero{min-height:100vh;padding-top:120px;display:flex;align-items:center;background:linear-gradient(135deg,var(--cream),var(--peach),var(--mint));position:relative;overflow:hidden}
.grid-bg{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(to right,rgba(95,156,164,.18) 1px,transparent 1px),linear-gradient(to bottom,rgba(95,156,164,.18) 1px,transparent 1px);background-size:70px 70px}
.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.hero-logo{max-width:520px;width:100%;margin-bottom:28px}
.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--teal-dark);font-size:12px;margin-bottom:20px}
h1{font-size:clamp(46px,7vw,82px);font-weight:300;line-height:1.08;letter-spacing:-.04em;margin:0 0 26px}
h2{font-size:clamp(36px,5vw,58px);font-weight:300;line-height:1.18;margin:0 0 32px}
h3{font-size:26px;font-weight:300;line-height:1.35;margin:0 0 16px}
p{font-size:18px;line-height:1.8;color:var(--muted)}
.hero-card{border:1px solid var(--mint);border-radius:40px;min-height:520px;background:linear-gradient(135deg,var(--peach),var(--teal));position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.1)}
.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,var(--teal),transparent 35%),radial-gradient(circle at 70% 60%,var(--teal-dark),transparent 40%);opacity:.25}
.inner-card{position:absolute;left:40px;right:40px;bottom:40px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.55);backdrop-filter:blur(12px);border-radius:28px;padding:34px}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.btn{display:inline-block;padding:15px 28px;border-radius:999px;border:1px solid var(--teal);transition:.25s}
.btn.primary{background:var(--teal);color:white}
.btn:hover{background:var(--peach)}
.btn.primary:hover{background:var(--teal-dark)}
.center{text-align:center;max-width:760px;margin:auto auto 58px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{background:rgba(255,255,255,.86);border:1px solid var(--border);border-radius:30px;padding:34px;transition:.25s}
.card:hover{border-color:var(--teal);box-shadow:0 20px 50px rgba(0,0,0,.08)}
.iconbox{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--peach),var(--pink));margin-bottom:28px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.peach{background:var(--peach)}
.dark{background:#333;color:white}
.dark p{color:#D6EAE5}
.dark .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.dark .card p,.dark .card div{color:var(--peach)}
.list{display:grid;gap:16px}
.item{background:white;border:1px solid #D6EAE5;border-radius:24px;padding:24px;font-size:18px;line-height:1.7}
.quote{background:white;border:1px solid var(--border);border-radius:30px;padding:34px;font-size:28px;font-weight:300;line-height:1.55}
.visual{height:240px;border-radius:20px;background:linear-gradient(135deg,var(--peach),var(--mint),var(--pink));margin-bottom:28px}
.tags{display:flex;flex-wrap:wrap;gap:12px}
.tag{background:white;border:1px solid #D6EAE5;border-radius:999px;padding:12px 20px}
.mapbox{aspect-ratio:5/4;border-radius:34px;background:linear-gradient(135deg,var(--mint),var(--cream),var(--peach));border:1px solid #D6EAE5;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.08)}
.mapbox:before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(to right,rgba(95,156,164,.25) 1px,transparent 1px),linear-gradient(to bottom,rgba(95,156,164,.25) 1px,transparent 1px);background-size:48px 48px}
.mapcenter{position:absolute;inset:11%;border-radius:30px;border:1px solid rgba(136,197,204,.4);background:rgba(255,255,255,.42);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}
.contact-phone{font-size:32px;color:var(--teal-dark);font-weight:600;margin:-12px 0 28px}
form{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}
input,select,textarea{width:100%;padding:18px;border:1px solid var(--border);border-radius:18px;background:white;font:inherit;outline:none}
textarea,.full{grid-column:1/-1}
.upload,.verify{grid-column:1/-1;border:1px dashed var(--mint);background:rgba(255,255,255,.7);border-radius:28px;padding:26px}
button.submit{grid-column:1/-1;padding:18px 30px;border:0;border-radius:999px;background:var(--teal);color:white;font-size:18px}
footer{background:#333;color:var(--peach);padding:42px 0}
.footer-grid{display:flex;justify-content:space-between;gap:40px;align-items:center}
.float-call{position:fixed;right:22px;bottom:22px;z-index:20;background:var(--teal);color:white;padding:16px 22px;border-radius:999px;box-shadow:0 16px 40px rgba(0,0,0,.2);font-weight:600}
@media(max-width:900px){
  .hero-grid,.split{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .nav-links{display:none}
  form{grid-template-columns:1fr}
  .footer-grid{display:block}
}

/* Production recovery additions */
.logo-img,.hero-logo{object-fit:contain}
.logo-img{height:64px;max-width:230px}
.hero-logo{max-width:520px;width:100%;height:auto;margin-bottom:28px}
.article-shell{padding:135px 0 90px;min-height:100vh;background:linear-gradient(180deg,var(--cream),#fff)}
.article-wrap{width:min(880px,92%);margin:auto}
.article-wrap .back{display:inline-block;margin-bottom:28px;color:var(--teal-dark);font-weight:600}
.article-wrap .kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--teal-dark);font-size:12px;margin-bottom:15px}
.article-wrap h1{font-size:clamp(38px,6vw,64px)}
.article-card{background:#fff;border:1px solid var(--border);border-radius:28px;padding:32px;box-shadow:0 18px 50px rgba(51,51,51,.06);margin:28px 0}
.article-card p{margin:0 0 18px}.article-card p:last-child{margin-bottom:0}
.article-cta{margin-top:38px;background:var(--mint);border-radius:28px;padding:28px}
.article-cta a{display:inline-block;margin-top:10px;padding:12px 18px;border-radius:999px;background:var(--teal-dark);color:#fff;font-weight:600}
.brand-wordmark{display:none}
@media(max-width:900px){.logo-img{height:52px}.hero-logo{max-width:430px}.section{padding:80px 0}.article-shell{padding-top:110px}}
