
:root{
  --bg:#fbfaf7; --paper:#ffffff; --paper2:#f3f6f4; --ink:#153039; --muted:#6f7f82;
  --line:#dde6e2; --sage:#dfe9e4; --mist:#e7f0f4; --sand:#f3eadf; --accent:#c97952;
  --accent2:#e9b27b; --deep:#18383f; --shadow:0 18px 60px rgba(26,59,65,.08);
  --shadow2:0 10px 30px rgba(26,59,65,.07); --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
img{display:block;width:100%}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
.wrap{width:min(1220px,calc(100% - 44px));margin:auto}
.topline{background:#f4efe8;border-bottom:1px solid #eadfd2;font-size:12px;color:#6e6a65}
.topline .wrap{display:flex;justify-content:space-between;gap:20px;padding:8px 0}
header{position:sticky;top:0;z-index:90;background:rgba(251,250,247,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(35,65,71,.08)}
.nav{height:80px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#244c55,#17353b);color:white;display:grid;place-items:center;font-weight:800;letter-spacing:.08em;box-shadow:var(--shadow2)}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:15px}.brand-copy small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.navlinks{display:flex;gap:18px;align-items:center}.navlinks a{font-size:13px;font-weight:700;color:#536669}.navlinks a:hover,.navlinks a.active{color:var(--accent)}
.actions{display:flex;gap:8px;align-items:center}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}
.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;width:42px;height:42px}
.btn{border:0;border-radius:999px;padding:14px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:.2s transform,.2s box-shadow;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}
.btn-primary{background:var(--deep);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-light{background:#fff;border:1px solid var(--line)}
.hero{padding:78px 0 58px;overflow:hidden;background:
radial-gradient(circle at 80% 20%,rgba(199,223,230,.65),transparent 32%),
radial-gradient(circle at 12% 0%,rgba(247,228,208,.72),transparent 32%),var(--bg)}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:62px;align-items:center}
.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:900;color:var(--accent)}
h1{font-size:clamp(52px,6.4vw,84px);line-height:.98;letter-spacing:-.055em;margin:12px 0 24px;max-width:860px}
h2{font-size:clamp(34px,4.2vw,56px);line-height:1.03;letter-spacing:-.042em;margin:8px 0 18px}
h3{line-height:1.18;letter-spacing:-.02em}
.lead{font-size:19px;color:#53696d;max-width:720px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.hero-visual{position:relative;padding:18px}
.hero-visual:before{content:"";position:absolute;inset:0 70px 70px 0;background:#e7efea;border-radius:36px}
.hero-photo{position:relative;aspect-ratio:1.08/1;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}
.badge{position:absolute;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow2);padding:12px 15px;border-radius:16px;font-size:12px;font-weight:800}
.badge.a{left:-4px;bottom:76px}.badge.b{right:-10px;top:70px}
.metricsbar{padding:20px 0 34px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:20px;padding:20px}.metric strong{font-size:23px}.metric span{display:block;color:var(--muted);font-size:12px}
.section{padding:96px 0}.soft{background:#f2f6f4}.sand{background:#f7f0e8}.white{background:#fff}.deep{background:var(--deep);color:#fff}
.section-head{max-width:820px;margin-bottom:40px}.section-head p{color:var(--muted);font-size:17px}
.deep .section-head p{color:#cbd8d9}
.grid2,.grid3,.grid4{display:grid;gap:20px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 6px 22px rgba(34,69,75,.03);transition:.22s transform,.22s box-shadow}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card img{border-radius:18px;aspect-ratio:16/10;object-fit:cover;margin-bottom:20px}
.card p{color:var(--muted)}.card .num{font-weight:900;color:var(--accent);font-size:12px;letter-spacing:.12em}
.service-card{display:flex;flex-direction:column;height:100%}.service-card .link{margin-top:auto;font-weight:800;color:var(--deep)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tag{background:#edf2ef;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;color:#5b6d6f}
.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.photo{border-radius:28px;object-fit:cover;aspect-ratio:1.15/1;box-shadow:var(--shadow)}
.checks{display:grid;gap:14px;margin-top:20px}.check{display:grid;grid-template-columns:34px 1fr;gap:12px}.check i{width:30px;height:30px;border-radius:50%;background:#e5eee8;display:grid;place-items:center;font-style:normal;font-weight:900;color:#315c55}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px}.deep .step{background:#21454d;border-color:#315861}.step b{display:block;color:var(--accent2);font-size:12px;margin-bottom:8px}.step p{font-size:14px;color:var(--muted)}.deep .step p{color:#bfd0d1}
.quote{padding:34px;border-radius:28px;background:linear-gradient(145deg,#e8f0ec,#f9efe5);border:1px solid var(--line)}
.faq{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.faq-q{width:100%;padding:18px 20px;background:#fff;border:0;text-align:left;font-weight:850;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.faq-a{display:none;padding:0 20px 20px;color:var(--muted)}.faq-item.open .faq-a{display:block}
.page-hero{padding:72px 0 50px;background:linear-gradient(180deg,#fbfaf7,#f1f6f3)}.page-hero .split{align-items:center}.page-hero h1{font-size:clamp(46px,5.7vw,76px)}
.breadcrumb{font-size:12px;color:#829194;margin-bottom:14px}
.content{max-width:850px}.content h2{font-size:38px;margin-top:42px}.content h3{font-size:25px;margin-top:30px}.content p,.content li{color:#4e666b}.content ul{padding-left:21px}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;display:flex;flex-direction:column;min-height:260px}.guide h3{margin:10px 0}.guide p{color:var(--muted);font-size:14px}.guide a{margin-top:auto;font-weight:850}
.form{display:grid;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{font-size:12px;font-weight:800;color:#516568}.form input,.form textarea,.form select{width:100%;margin-top:6px;padding:13px 14px;border-radius:13px;border:1px solid #cfdbd6;background:#fff}.form input:focus,.form textarea:focus,.form select:focus{outline:3px solid rgba(201,121,82,.12);border-color:var(--accent)}
.cta{padding:74px 0;background:#e6efe9}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner>div{max-width:780px}
footer{background:#f3f1ec;border-top:1px solid #e4e0d8;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer-grid>div{display:grid;align-content:start;gap:9px}.footer-grid a,.footer-grid span{font-size:13px;color:#677679}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ddd8cf;margin-top:34px;padding-top:18px;font-size:12px;color:#7b817e}
.article-meta{display:flex;gap:10px;flex-wrap:wrap;color:#7b8a8d;font-size:12px;margin:10px 0 24px}.toc{background:#f4f7f5;border:1px solid var(--line);border-radius:20px;padding:22px}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;color:#587074;font-size:14px;margin:7px 0}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;font-weight:800}
.reveal{opacity:0;transform:translateY(16px);transition:.55s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.navlinks{display:none;position:absolute;left:22px;right:22px;top:82px;flex-direction:column;align-items:stretch;background:#fff;padding:18px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.navlinks.open{display:flex}.menu{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero{padding-top:50px}.hero-grid{gap:34px}.grid4{grid-template-columns:repeat(2,1fr)}.grid3,.guide-grid,.related{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.badge{display:none}}
@media(max-width:640px){.wrap{width:min(100% - 28px,1220px)}.topline{display:none}.nav{height:70px}.brand-copy small{display:none}.actions .btn{display:none}.hero{padding:42px 0}.section{padding:72px 0}h1{font-size:49px}.grid2,.grid3,.grid4,.guide-grid,.related,.metrics,.process,.form-row{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{padding-top:44px}.hero-visual{padding:0}.hero-visual:before{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}


/* =========================================================
   V13 — Premium cinematic entrance
   The real homepage remains in the DOM for SEO/accessibility.
   ========================================================= */
.intro-screen{
  position:fixed; inset:0; z-index:9999;
  display:grid; place-items:center;
  overflow:hidden;
  background:#f8f7f2;
  color:#17363d;
  transition:opacity .9s cubic-bezier(.22,.8,.28,1), visibility .9s;
}
.intro-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.intro-screen.is-hidden{display:none}

.intro-atmosphere,
.intro-grid,
.intro-lines,
.intro-grain{position:absolute;inset:0;pointer-events:none}

.intro-atmosphere{
  inset:-18%;
  background:
    radial-gradient(circle at 18% 24%, rgba(219,235,229,.92) 0 12%, transparent 35%),
    radial-gradient(circle at 82% 14%, rgba(230,240,245,.90) 0 11%, transparent 32%),
    radial-gradient(circle at 72% 83%, rgba(244,225,206,.78) 0 13%, transparent 36%),
    radial-gradient(circle at 18% 82%, rgba(238,233,218,.72) 0 10%, transparent 32%);
  filter:blur(12px);
  animation:introDrift 16s ease-in-out infinite alternate;
  transform:scale(1.03);
}
@keyframes introDrift{
  0%{transform:translate3d(-1.5%,-1%,0) scale(1.04) rotate(-1deg)}
  50%{transform:translate3d(1.3%,1.5%,0) scale(1.08) rotate(.7deg)}
  100%{transform:translate3d(-.6%,2%,0) scale(1.05) rotate(-.3deg)}
}

.intro-grid{
  opacity:.23;
  background-image:
    linear-gradient(rgba(23,54,61,.07) 1px, transparent 1px),
    linear-gradient(90deg,rgba(23,54,61,.07) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at center,black 0 35%,transparent 78%);
  animation:gridFloat 22s linear infinite;
}
@keyframes gridFloat{to{background-position:72px 72px}}

.intro-lines:before,
.intro-lines:after{
  content:""; position:absolute; left:50%; top:50%;
  width:min(74vw,980px); height:min(74vw,980px);
  border:1px solid rgba(23,54,61,.13);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.intro-lines:before{animation:ringPulse 8s ease-in-out infinite}
.intro-lines:after{
  width:min(52vw,690px); height:min(52vw,690px);
  border-color:rgba(201,121,82,.17);
  animation:ringPulse 8s ease-in-out 1.3s infinite reverse;
}
@keyframes ringPulse{
  0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.35}
  50%{transform:translate(-50%,-50%) scale(1.04);opacity:.8}
}

.intro-orbit{
  position:absolute; left:50%; top:50%;
  width:min(66vw,860px); height:min(66vw,860px);
  transform:translate(-50%,-50%);
  border-radius:50%;
  animation:orbitSpin 26s linear infinite;
}
.intro-orbit:before,.intro-orbit:after{
  content:"";position:absolute;border-radius:50%;
}
.intro-orbit:before{
  width:9px;height:9px;left:10%;top:24%;
  background:#c97952;box-shadow:0 0 0 10px rgba(201,121,82,.08);
}
.intro-orbit:after{
  width:7px;height:7px;right:5%;bottom:29%;
  background:#6d9792;box-shadow:0 0 0 9px rgba(109,151,146,.08);
}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}

.intro-grain{
  opacity:.10;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}

.intro-content{
  position:relative; z-index:3;
  width:min(900px,calc(100% - 44px));
  text-align:center;
  display:flex; flex-direction:column; align-items:center;
  transform:translateY(-1.5vh);
}
.intro-mark{
  width:70px;height:70px;border-radius:21px;
  display:grid;place-items:center;
  color:#fff;background:#17363d;
  font-size:15px;font-weight:900;letter-spacing:.14em;
  box-shadow:0 24px 65px rgba(23,54,61,.16);
  animation:introMark 1.15s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes introMark{from{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:none}}

.intro-kicker{
  margin-top:32px;
  font-size:11px;font-weight:900;letter-spacing:.28em;text-transform:uppercase;
  color:#b96947;
  animation:introRise .9s .16s both;
}
.intro-title{
  margin:13px 0 13px;
  font-size:clamp(44px,7vw,96px);
  line-height:.92;
  letter-spacing:-.055em;
  font-weight:760;
  color:#17363d;
  animation:introRise 1s .25s both;
}
.intro-title span{font-weight:370;color:#6e8386}
.intro-subtitle{
  max-width:600px;margin:0;
  color:#718286;
  font-size:clamp(14px,1.4vw,18px);
  letter-spacing:.015em;
  animation:introRise 1s .38s both;
}
@keyframes introRise{
  from{opacity:0;transform:translateY(22px);filter:blur(5px)}
  to{opacity:1;transform:none;filter:none}
}
.intro-enter{
  position:relative;
  margin-top:38px;
  border:1px solid rgba(23,54,61,.18);
  background:rgba(255,255,255,.54);
  backdrop-filter:blur(16px);
  color:#17363d;
  min-width:164px;
  padding:13px 22px;
  border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 13px 35px rgba(23,54,61,.07);
  animation:introRise 1s .52s both;
  transition:.25s ease;
}
.intro-enter:after{content:"→";font-size:17px;font-weight:500;transition:transform .25s}
.intro-enter:hover{background:#17363d;color:#fff;border-color:#17363d;transform:translateY(-2px)}
.intro-enter:hover:after{transform:translateX(4px)}
.intro-langs{
  position:absolute;left:50%;bottom:28px;z-index:4;transform:translateX(-50%);
  display:flex;align-items:center;gap:10px;
  color:#879496;font-size:10px;font-weight:850;letter-spacing:.14em;
}
.intro-langs a{transition:.2s}.intro-langs a:hover{color:#17363d}
.intro-scrollhint{
  position:absolute;right:28px;bottom:28px;
  writing-mode:vertical-rl;
  color:#97a2a2;font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
}
body.intro-open{overflow:hidden}

@media(max-width:640px){
  .intro-title{font-size:clamp(44px,14vw,68px)}
  .intro-subtitle{max-width:330px}
  .intro-mark{width:60px;height:60px;border-radius:18px}
  .intro-kicker{letter-spacing:.22em}
  .intro-lines:before{width:130vw;height:130vw}
  .intro-lines:after{width:90vw;height:90vw}
  .intro-orbit{width:112vw;height:112vw}
  .intro-scrollhint{display:none}
}
@media(prefers-reduced-motion:reduce){
  .intro-atmosphere,.intro-grid,.intro-lines:before,.intro-lines:after,.intro-orbit{animation:none!important}
  .intro-mark,.intro-kicker,.intro-title,.intro-subtitle,.intro-enter{animation:none!important}
}


/* V14 — quote form UX */
.form-section-title{
  margin:18px 0 2px;
  padding-top:16px;
  border-top:1px solid var(--line);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--accent);
}
.form-help{font-size:11px;color:var(--muted);margin-top:5px}
.form-status{
  border-radius:14px;
  padding:13px 15px;
  font-size:13px;
  line-height:1.45;
}
.form-status.loading{background:#eef4f1;color:#536b68;border:1px solid #dce8e2}
.form-status.success{background:#edf6f0;color:#315e49;border:1px solid #d3e8d9}
.form-status.error{background:#fff1ec;color:#874b39;border:1px solid #f0d4c8}
.form-status a{text-decoration:underline;font-weight:800}
.form button[disabled]{opacity:.65;cursor:wait;transform:none}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.quote-note{
  display:flex;gap:10px;align-items:flex-start;margin-top:14px;
  padding:12px 14px;border-radius:14px;background:#f3f6f4;color:#68797b;font-size:12px;
}
.quote-note b{color:var(--deep)}


/* V16 SILVER EDITION */
:root{--bg:#f4f5f6;--paper:#fff;--ink:#171a1d;--deep:#20252a;--muted:#737a80;--line:#d9dde0;--sage:#e9ebed;--mist:#f0f2f3;--sand:#e4e6e8;--accent:#7c858d;--shadow:0 24px 70px rgba(31,38,43,.10)}
html{background:#f4f5f6}
body{color:var(--ink);background:radial-gradient(circle at 10% 0%,#fff,transparent 31%),radial-gradient(circle at 90% 12%,rgba(209,214,218,.3),transparent 27%),linear-gradient(135deg,#f7f8f8,#eef0f1 48%,#fafafa)}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(105deg,rgba(255,255,255,.18) 0 1px,rgba(90,98,104,.018) 1px 3px)}
header,.site-header{background:rgba(248,249,249,.84)!important;border-bottom:1px solid rgba(123,132,139,.2)!important;box-shadow:0 8px 32px rgba(30,35,39,.045);backdrop-filter:blur(20px) saturate(125%)}
nav a{color:#596168}nav a:hover{color:#111416}
.btn{border-color:#c6cbd0!important;background:linear-gradient(145deg,#fff,#e7e9eb 46%,#fafafa)!important;color:#202428!important;box-shadow:inset 0 1px #fff,0 10px 25px rgba(36,42,47,.08)!important}
.btn-accent,.btn-primary{color:#fff!important;border-color:#454c52!important;background:linear-gradient(115deg,#20252a,#626b72 34%,#30363b 62%,#8d969d)!important;background-size:220% 100%!important;animation:silverSheen 7s ease-in-out infinite}
@keyframes silverSheen{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.card,.service-card,.quote,.panel,.process-panel,.metric,.stat{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,237,239,.82))!important;border:1px solid rgba(149,157,163,.25)!important;box-shadow:inset 0 1px #fff,0 22px 55px rgba(33,39,44,.075)!important}
.card:hover,.service-card:hover{border-color:rgba(119,128,135,.42)!important;box-shadow:inset 0 1px #fff,0 28px 70px rgba(33,39,44,.13)!important}
.eyebrow,.kicker,.section-kicker,.intro-kicker{color:#697178!important}
.badge,.pill,.tag{background:linear-gradient(135deg,#fdfdfd,#dfe2e4)!important;border:1px solid #cbd0d3!important;color:#535b61!important}
h1,h2,h3,.hero h1{color:#181c20}.hero h1 strong,.accent-text{background:linear-gradient(100deg,#252a2e 10%,#8e969c 44%,#343a3f 70%,#aab0b5);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hero img,.visual img,.card img,.media img{filter:saturate(.72) contrast(1.04) brightness(1.02)}
.visual,.media,.hero-media{border:1px solid rgba(120,128,134,.24)!important;box-shadow:0 25px 65px rgba(34,40,45,.13)!important}
input,textarea,select{background:rgba(255,255,255,.84)!important;border-color:#cfd4d7!important;color:#1e2225!important}
input:focus,textarea:focus,select:focus{border-color:#858e95!important;box-shadow:0 0 0 4px rgba(124,133,141,.1)!important}
.form-section-title{color:#626b72!important}.quote-note{background:#e9ecee!important;color:#626a70!important}
footer,.site-footer{background:radial-gradient(circle at 78% 0%,rgba(147,155,161,.17),transparent 32%),linear-gradient(135deg,#171b1e,#292f34)!important;color:#dfe2e4!important}

/* Cinematic chrome entrance */
.intro-screen{background:#e9ebed!important;color:#191d20!important}
.intro-atmosphere{inset:-22%;background:radial-gradient(ellipse at 20% 24%,#fff 0 8%,transparent 31%),radial-gradient(ellipse at 80% 20%,rgba(169,177,183,.62) 0 8%,transparent 29%),radial-gradient(ellipse at 68% 80%,rgba(255,255,255,.92) 0 10%,transparent 31%),linear-gradient(125deg,#d9dde0,#fafafa 38%,#c5cbd0 56%,#f8f8f8 72%,#d8dcdf)!important;background-size:140% 140%!important;filter:blur(9px)!important;animation:silverFlow 13s ease-in-out infinite alternate!important}
@keyframes silverFlow{0%{transform:translate3d(-3%,-2%,0) scale(1.08);background-position:0 35%}50%{transform:translate3d(2%,1%,0) scale(1.13);background-position:65% 50%}100%{transform:translate3d(-1%,3%,0) scale(1.09);background-position:100% 65%}}
.intro-screen:before{content:"";position:absolute;z-index:1;width:26vw;height:150vh;top:-25vh;left:-38vw;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),rgba(255,255,255,.82),rgba(255,255,255,.1),transparent);filter:blur(20px);transform:rotate(19deg);animation:chromeSweep 8.5s cubic-bezier(.45,0,.35,1) infinite;pointer-events:none}
@keyframes chromeSweep{0%,12%{left:-42vw;opacity:0}25%{opacity:.7}60%{left:112vw;opacity:.8}72%,100%{left:112vw;opacity:0}}
.intro-grid{opacity:.18!important;background-image:linear-gradient(rgba(57,64,69,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(57,64,69,.1) 1px,transparent 1px)!important}
.intro-lines:before{border-color:rgba(77,85,91,.19)!important;box-shadow:0 0 45px rgba(255,255,255,.38)}.intro-lines:after{border-color:rgba(255,255,255,.72)!important}
.intro-mark{position:relative;color:#202428!important;background:repeating-linear-gradient(100deg,rgba(255,255,255,.3) 0 1px,rgba(100,108,114,.04) 1px 3px),linear-gradient(135deg,#fff,#aeb5ba 24%,#f9f9f9 48%,#858e95 72%,#e9ebed)!important;border:1px solid rgba(85,94,101,.28);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px rgba(48,54,59,.15),0 25px 70px rgba(35,41,46,.17)!important}
.intro-title{background:linear-gradient(105deg,#171b1e 5%,#737c83 30%,#202529 48%,#a6adb2 67%,#272d31 90%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:introRise 1s .25s both,titleMetal 9s 1.4s ease-in-out infinite!important}.intro-title span{color:transparent!important}
@keyframes titleMetal{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.intro-subtitle{color:#626b71!important}.intro-enter{border:1px solid rgba(86,95,102,.27)!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(202,207,211,.64))!important;color:#252a2e!important;box-shadow:inset 0 1px #fff,0 15px 42px rgba(38,44,49,.11)!important}.intro-enter:hover{background:linear-gradient(120deg,#202529,#697279,#2b3035)!important;color:#fff!important}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#eceeef}::-webkit-scrollbar-thumb{background:linear-gradient(#c9ced1,#858e95);border-radius:999px;border:2px solid #eceeef}
@media(prefers-reduced-motion:reduce){.intro-screen:before,.btn-accent,.btn-primary,.intro-title{animation:none!important}}

/* V17 — Official GTC logo integration */
.brand-logo{
  width:42px;height:42px;object-fit:contain;display:block;flex:0 0 auto;
}
.brand-name{
  display:inline-block;
  font-weight:850;
  letter-spacing:-.025em;
}
.logo,.brand{
  display:inline-flex!important;
  align-items:center;
  gap:11px;
}
.intro-logo-mark{
  width:88px!important;height:88px!important;
  padding:13px!important;
  border-radius:25px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(203,208,212,.82))!important;
}
.intro-logo-mark img{
  width:100%;height:100%;object-fit:contain;display:block;
  filter:drop-shadow(0 5px 8px rgba(26,30,33,.10));
}
@media(max-width:640px){
  .brand-logo{width:36px;height:36px}
  .brand-name{font-size:14px}
  .intro-logo-mark{width:76px!important;height:76px!important;padding:11px!important}
}

/* V18 — official GTC logo in footer */
.footer-brand{display:inline-flex!important;align-items:center;gap:12px;margin-bottom:14px}
.footer-brand-logo{width:52px;height:52px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.16))}
.footer-brand .brand-copy{display:flex;flex-direction:column;gap:2px}
.footer-brand .brand-copy strong{color:#fff}
.footer-brand .brand-copy small{color:#bfc5c9}
@media(max-width:640px){.footer-brand-logo{width:46px;height:46px}}

/* V19 — Conversion & trust layer */
.v19-trustbar{border-top:1px solid rgba(120,128,134,.18);border-bottom:1px solid rgba(120,128,134,.18);background:rgba(255,255,255,.54);backdrop-filter:blur(12px)}
.v19-trustgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding-top:16px;padding-bottom:16px}
.v19-trustgrid span{text-align:center;font-size:12px;font-weight:750;color:#596168}
.v19-process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.v19-process-line article{position:relative;padding:24px 20px;min-height:160px;border:1px solid #d5dadd;border-radius:24px;background:linear-gradient(145deg,#fff,#eef0f2);box-shadow:0 18px 45px rgba(31,38,43,.07)}
.v19-process-line b{display:block;font-size:12px;letter-spacing:.16em;color:#8a9298;margin-bottom:26px}.v19-process-line strong{display:block;font-size:18px;margin-bottom:8px}.v19-process-line span{font-size:13px;line-height:1.55;color:#697178}
.v19-casegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.v19-case{padding:30px;border-radius:28px;border:1px solid #d2d7da;background:linear-gradient(135deg,#fff,#e9ecee);box-shadow:0 24px 55px rgba(31,38,43,.08)}
.v19-case>span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#747d84}.v19-case h3{font-size:22px;margin:14px 0}.v19-case p{color:#687077;line-height:1.65}.v19-case small{display:block;margin-top:25px;font-weight:750;color:#42494f}
.v19-proofgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.v19-proofcards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.v19-proofcards article{padding:24px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid #d5dade}.v19-proofcards strong,.v19-proofcards span{display:block}.v19-proofcards span{font-size:13px;color:#697178;line-height:1.55;margin-top:8px}
.v19-sectorlinks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.v19-sectorlinks a{padding:20px 22px;border-radius:18px;border:1px solid #d5dade;background:#fff;color:#272d31;font-weight:750;transition:.2s}.v19-sectorlinks a:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(31,38,43,.09)}
.v19-file{display:block;padding:18px;border:1px dashed #b7bec3;border-radius:18px;background:rgba(239,241,242,.7)}.v19-file span{display:block;margin-bottom:10px;font-weight:700}.v19-file input{width:100%}
.v19-after-submit{max-width:1120px;margin:0 auto 70px;padding:24px 28px;border:1px solid #d6dbde;border-radius:24px;background:linear-gradient(135deg,#fff,#eceff0);display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:18px}.v19-after-submit span{font-size:13px;color:#697178}
.v19-thanks{min-height:100vh;max-width:760px;margin:auto;padding:12vh 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.v19-thanks>img{width:90px;margin-bottom:32px}.v19-thanks h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.055em;margin:8px 0 24px}.v19-thanks>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#697178;max-width:650px}.v19-thanks-steps{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.v19-thanks-steps span{padding:10px 14px;border-radius:999px;background:#e3e6e8;font-size:12px;font-weight:750}
@media(max-width:900px){.v19-trustgrid{grid-template-columns:repeat(2,1fr)}.v19-process-line{grid-template-columns:1fr 1fr}.v19-casegrid,.v19-sectorlinks{grid-template-columns:1fr}.v19-proofgrid{grid-template-columns:1fr}.v19-after-submit{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v19-process-line,.v19-proofcards,.v19-after-submit{grid-template-columns:1fr}.v19-trustgrid{grid-template-columns:1fr 1fr}.v19-process-line article{min-height:0}}

/* V20 — floating contact hub */
.gtc-contact-hub{position:fixed;right:22px;bottom:22px;z-index:9998;font-family:inherit}
.gtc-contact-toggle{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:14px 19px;background:linear-gradient(120deg,#202529,#737c83,#2b3035);color:#fff;font-weight:800;letter-spacing:.02em;box-shadow:0 16px 38px rgba(24,29,33,.24);cursor:pointer}
.gtc-contact-panel{position:absolute;right:0;bottom:58px;width:260px;padding:10px;border:1px solid #d4d9dc;border-radius:22px;background:rgba(250,251,251,.96);box-shadow:0 25px 65px rgba(28,34,39,.18);backdrop-filter:blur(18px);opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:.2s}
.gtc-contact-hub.is-open .gtc-contact-panel{opacity:1;transform:none;pointer-events:auto}
.gtc-contact-item{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 14px;border:0;border-radius:15px;background:transparent;color:#252b30;text-align:left;text-decoration:none;cursor:pointer;font:inherit}
.gtc-contact-item:hover{background:#e9ecee}.gtc-contact-item b{font-size:14px}.gtc-contact-item span{font-size:11px;color:#747c82}
.gtc-wechat.copied{background:#e3e8e6}
@media(max-width:600px){.gtc-contact-hub{right:14px;bottom:14px}.gtc-contact-panel{width:min(260px,calc(100vw - 28px))}}
