/*
Theme Name: TCross Driver APP ET8
Theme URI: https://app.tcross.digital
Author: CtechSBS / TCross Digital
Description: APP TCross — Home pública premium, mobile-first. Tema controla apenas Home e experiência visual. Core controla PWA, DockMobile, Clicky+, cadastro e operação.
Version: 2.5.0-ET8.5-APP-THEME-UX-POLISH
Requires PHP: 8.0
Text Domain: tcross-driver-clean
*/

:root{
  --tc-navy:#082f5c;
  --tc-deep:#061c37;
  --tc-deeper:#041426;
  --tc-orange:#ff6a00;
  --tc-orange2:#ff9145;
  --tc-bg:#f3f6fa;
  --tc-card:#ffffff;
  --tc-ink:#12253c;
  --tc-muted:#65768a;
  --tc-line:#e2e9f1;
  --tc-green:#16a765;
  --tc-blue:#1677ff;
  --tc-yellow:#e9a600;
  --tc-red:#dd3344;
  --tc-shadow:0 18px 46px rgba(4,27,55,.085);
  --tc-radius:24px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--tc-bg)}
body.tc-app-home{
  margin:0;
  min-width:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 100% 0,rgba(22,119,255,.045),transparent 32%),
    linear-gradient(180deg,#f7f9fc 0%,var(--tc-bg) 100%);
  color:var(--tc-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.tc-app-home a{text-decoration:none;color:inherit}
body.tc-app-home img{max-width:100%}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.tc-wrap{width:calc(100% - 18px);max-width:1160px;margin-inline:auto}

/* HEADER — MOBILE FIRST */
.tc-top{
  position:sticky;top:0;z-index:120;
  background:rgba(248,250,252,.94);
  border-bottom:1px solid rgba(224,231,239,.94);
  backdrop-filter:blur(16px);
}
.tc-top-in{
  min-height:64px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 70px 7px 2px; /* espaço do Clicky+ do Core */
}
.tc-logo{display:flex;align-items:center;min-width:0}
.tc-logo img{display:block;width:min(148px,52vw);height:auto;max-height:46px;object-fit:contain;object-position:left center}
.tc-mini{display:none}

/* HERO — PHONE FIRST */
.tc-hero{padding:10px 0 12px}
.tc-hero-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 91% 12%,rgba(255,106,0,.27),transparent 26%),
    radial-gradient(circle at 4% 100%,rgba(22,119,255,.22),transparent 34%),
    linear-gradient(150deg,#0a3769 0%,#082d57 40%,#071d38 72%,#081625 100%);
  box-shadow:0 22px 52px rgba(4,24,48,.17),inset 0 1px 0 rgba(255,255,255,.05);
}
.tc-hero-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 30%,transparent 70%,rgba(255,145,69,.025));
}
.tc-hero-card:after{
  content:"";position:absolute;right:-54px;bottom:-84px;width:210px;aspect-ratio:1;border:1px dashed rgba(255,255,255,.11);border-radius:50%;pointer-events:none;
}
.tc-hero-grid{
  position:relative;z-index:1;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:22px 17px 22px;
}
.tc-hero-grid>*{width:100%;min-width:0;max-width:100%}
.tc-kicker,.tc-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.065em}
.tc-kicker{
  width:auto;max-width:100%;padding:7px 10px;border-radius:999px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.07);color:#eef6ff;
  line-height:1.2;white-space:normal;
}
.tc-kicker i{font-style:normal}
.tc-hero h1{
  display:block;width:100%;max-width:none;
  margin:15px 0 12px;
  font-size:clamp(38px,12vw,48px);
  line-height:.94;
  letter-spacing:-.052em;
  word-break:normal;overflow-wrap:normal;white-space:normal;
}
.tc-hero h1 span{color:var(--tc-orange2);text-shadow:0 0 24px rgba(255,106,0,.11)}
.tc-hero p{
  display:block;width:100%;max-width:none;margin:0;
  color:#d4e0ec;font-size:14.5px;line-height:1.58;
  word-break:normal;overflow-wrap:normal;white-space:normal;
}
.tc-cta-row{display:grid;grid-template-columns:1fr;gap:9px;margin-top:20px}
.tc-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;min-height:50px;padding:0 16px;border-radius:16px;
  font-weight:900;font-size:13px;line-height:1.15;text-align:center;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.tc-btn:active{transform:translateY(1px) scale(.995)}
.tc-btn-primary{background:linear-gradient(135deg,var(--tc-orange),#ff7d25);color:#fff!important;box-shadow:0 13px 27px rgba(255,106,0,.23)}
.tc-btn-light{background:#fff;color:var(--tc-navy)!important;border:1px solid rgba(255,255,255,.84);box-shadow:0 8px 22px rgba(0,0,0,.08)}
.tc-hero-flags{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}
.tc-hero-flags span{
  display:flex;align-items:center;min-width:0;min-height:38px;padding:7px 9px;border-radius:13px;
  background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.065);color:#eef6ff;
  font-size:9.5px;font-weight:850;line-height:1.2;
}

/* BRAND STAMP */
.tc-visual{position:relative;display:grid;place-items:center;min-height:126px;padding:2px 0 0}
.tc-visual-glow{position:absolute;width:154px;height:154px;border-radius:50%;background:radial-gradient(circle,rgba(22,119,255,.16),rgba(255,106,0,.05) 48%,transparent 72%);filter:blur(4px)}
.tc-iso-orbit{
  position:relative;z-index:1;width:108px;aspect-ratio:1;border-radius:31%;display:grid;place-items:center;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 17px 34px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.07);
  transform:rotate(4deg);
  animation:tcrossBrandFloat 5.2s ease-in-out infinite;
}
.tc-iso-orbit:before,.tc-iso-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,145,69,.48)}
.tc-iso-orbit:before{inset:-12px}.tc-iso-orbit:after{inset:-24px;border-color:rgba(255,255,255,.14)}
.tc-iso-orbit img{width:80%;height:80%;object-fit:contain;transform:rotate(-4deg);filter:drop-shadow(0 10px 16px rgba(1,17,34,.17))}

/* SECTIONS */
.tc-section{padding:28px 0}
.tc-section-head{max-width:780px;margin-bottom:16px}
.tc-eyebrow{color:var(--tc-orange);margin-bottom:7px}
.tc-section h2{margin:0 0 8px;color:var(--tc-navy);font-size:clamp(29px,8.6vw,38px);line-height:1.03;letter-spacing:-.04em}
.tc-section-head p,.tc-card p,.tc-soft p,.tc-final p{color:var(--tc-muted);font-size:14px;line-height:1.6}
.tc-grid3,.tc-grid2,.tc-security{display:grid;grid-template-columns:1fr;gap:10px}
.tc-card{background:rgba(255,255,255,.96);border:1px solid var(--tc-line);border-radius:21px;padding:19px;box-shadow:0 11px 30px rgba(8,47,92,.05)}
.tc-card h3{color:var(--tc-navy);font-size:19px;margin:11px 0 5px}
.tc-card p{margin-bottom:0}
.tc-step{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#edf5ff;color:var(--tc-blue);font-weight:950}
.tc-card:nth-child(2) .tc-step{background:#fff4ea;color:var(--tc-orange)}
.tc-card:nth-child(3) .tc-step{background:#eaf8f1;color:var(--tc-green)}
.tc-opportunity{display:flex;flex-direction:column;align-items:flex-start}
.tc-opportunity .tc-btn{width:100%;margin-top:13px}
.tc-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:24px;background:#fff1e6}
.tc-icon.collab{background:#eaf3ff;color:var(--tc-navy);font-weight:950;font-size:17px}
.tc-soft{border-radius:22px;padding:21px;background:linear-gradient(135deg,#fff7ef,#fff);border:1px solid #ffe0c7;box-shadow:0 12px 30px rgba(255,106,0,.04)}
.tc-soft h2{margin-top:0}
.tc-security>div{background:#fff;border:1px solid var(--tc-line);border-radius:19px;padding:17px;box-shadow:0 8px 24px rgba(8,47,92,.035)}
.tc-security b{display:block;color:var(--tc-navy);margin-bottom:6px}
.tc-security p{margin:0;color:var(--tc-muted);font-size:13.5px;line-height:1.55}
.tc-final{display:grid;grid-template-columns:1fr;gap:15px;background:#fff;border:1px solid var(--tc-line);border-radius:22px;padding:21px;box-shadow:0 12px 34px rgba(8,47,92,.045)}
.tc-final h2{margin-bottom:4px}
.tc-final p{margin:0}
.tc-final .tc-btn{width:100%}
.tc-footer{padding:20px 0 calc(126px + env(safe-area-inset-bottom));font-size:11.5px;color:var(--tc-muted)}
.tc-footer-in{display:grid;grid-template-columns:1fr;gap:5px;border-top:1px solid var(--tc-line);padding-top:17px}

/* TABLET */
@media(min-width:560px){
  .tc-wrap{width:calc(100% - 28px)}
  .tc-top-in{padding-right:84px}
  .tc-logo img{width:164px}
  .tc-hero-grid{padding:30px 28px 28px}
  .tc-hero h1{font-size:54px;max-width:10.5ch}
  .tc-hero p{max-width:44rem;font-size:15.5px}
  .tc-cta-row{grid-template-columns:1fr 1fr;max-width:560px}
  .tc-hero-flags{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tc-visual{min-height:150px}
  .tc-iso-orbit{width:128px}
  .tc-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tc-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tc-security{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tc-final{grid-template-columns:1fr auto;align-items:center}
  .tc-final .tc-btn{width:auto;min-width:190px}
  .tc-footer-in{grid-template-columns:1fr auto;align-items:center}
}

/* DESKTOP */
@media(min-width:980px){
  .tc-wrap{width:min(1160px,calc(100% - 32px))}
  .tc-top-in{height:74px;padding-right:105px;justify-content:space-between}
  .tc-logo img{width:188px;max-height:54px}
  .tc-mini{display:block;font-size:12px;font-weight:900;color:var(--tc-muted);letter-spacing:.03em}
  .tc-hero{padding:24px 0 18px}
  .tc-hero-card{border-radius:36px;box-shadow:0 32px 90px rgba(4,20,38,.19)}
  .tc-hero-card:after{right:-10%;bottom:-55%;width:52%}
  .tc-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:38px;align-items:center;padding:clamp(28px,5vw,66px)}
  .tc-kicker,.tc-eyebrow{font-size:12px;letter-spacing:.075em}
  .tc-kicker{padding:8px 12px}
  .tc-hero h1{font-size:clamp(52px,6vw,78px);max-width:none;margin:18px 0}
  .tc-hero p{max-width:720px;font-size:clamp(16px,2vw,19px);line-height:1.67}
  .tc-cta-row{display:flex;grid-template-columns:none;gap:12px;max-width:none;margin-top:28px}
  .tc-btn{width:auto;min-height:48px;padding:0 19px;border-radius:999px;font-size:14px}
  .tc-btn:hover{transform:translateY(-2px)}
  .tc-hero-flags{display:flex;grid-template-columns:none;gap:8px;flex-wrap:wrap;margin-top:24px}
  .tc-hero-flags span{min-height:auto;padding:8px 10px;border-radius:999px;font-size:12px}
  .tc-visual{min-height:0}
  .tc-visual-glow{width:400px;height:400px}
  .tc-iso-orbit{width:min(330px,72vw);background:rgba(255,255,255,.97);border:0;box-shadow:0 35px 80px rgba(0,0,0,.23)}
  .tc-iso-orbit:before{inset:-22px}.tc-iso-orbit:after{inset:-46px}
  .tc-iso-orbit img{width:76%;height:76%}
  .tc-section{padding:40px 0}
  .tc-section-head{margin-bottom:22px}
  .tc-section h2{font-size:clamp(29px,4vw,46px)}
  .tc-section-head p,.tc-card p,.tc-soft p,.tc-final p{font-size:16px;line-height:1.68}
  .tc-grid3{grid-template-columns:repeat(3,1fr);gap:14px}
  .tc-grid2{grid-template-columns:repeat(2,1fr);gap:14px}
  .tc-card{border-radius:26px;padding:24px;box-shadow:0 12px 38px rgba(8,47,92,.055)}
  .tc-card h3{font-size:21px}
  .tc-opportunity{min-height:275px}
  .tc-opportunity .tc-btn{width:auto;margin-top:auto}
  .tc-icon{width:56px;height:56px;border-radius:18px;font-size:26px}
  .tc-soft{border-radius:30px;padding:28px}
  .tc-security{gap:14px}
  .tc-security>div{border-radius:22px;padding:20px}
  .tc-final{display:flex;align-items:center;justify-content:space-between;gap:26px;border-radius:30px;padding:30px}
  .tc-final .tc-btn{width:auto}
  .tc-footer{padding:26px 0 calc(110px + env(safe-area-inset-bottom));font-size:12px}
  .tc-footer-in{display:flex;justify-content:space-between;gap:16px;padding-top:22px}
}

@keyframes tcrossBrandFloat{0%,100%{transform:translate3d(0,0,0) rotate(4deg)}50%{transform:translate3d(0,-5px,0) rotate(3deg)}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .tc-btn,.tc-iso-orbit{transition:none!important;animation:none!important}
}

/* =========================================================
   ROCKET DIZ AÍ — TRANSPLANTE EXATO / FREEZE OFICIAL
   NÃO REDESENHAR. NÃO ALTERAR A GEOMETRIA.
   ========================================================= */
/* V6.9.7-F — foguete Voltar ao topo exclusivo da Home */
.dizai-home-rocket{
  --rocket-color:rgb(79,105,132);
  --rocket-glow:.12;
  position:fixed;
  right:max(20px,env(safe-area-inset-right));
  bottom:max(24px,env(safe-area-inset-bottom));
  z-index:65;
  width:68px;
  height:94px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--rocket-color);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,22px,0) scale(.9);
  transition:opacity .25s ease,visibility .25s ease,transform .28s ease,filter .25s ease;
  filter:drop-shadow(0 0 16px rgba(29,227,154,var(--rocket-glow)));
  isolation:isolate;
}
.dizai-home-rocket.is-visible{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1)}
.dizai-home-rocket:hover,.dizai-home-rocket:focus-visible{transform:translate3d(0,-5px,0) scale(1.04);outline:none;filter:drop-shadow(0 0 20px rgba(29,227,154,.42))}
.dizai-home-rocket:focus-visible::after{content:"";position:absolute;inset:7px 5px 15px;border:2px solid rgba(142,240,200,.82);border-radius:999px}
.dizai-home-rocket__icon{position:relative;z-index:2;display:block;width:100%;height:100%;overflow:visible}
.dizai-home-rocket__icon :is(path,circle){fill:rgba(4,17,34,.42);stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .18s linear,fill .18s linear}
.dizai-home-rocket__icon circle{fill:rgba(8,29,55,.78)}
.dizai-home-rocket__smoke{position:absolute;z-index:1;left:50%;bottom:-4px;width:44px;height:35px;transform:translateX(-50%);pointer-events:none}
.dizai-home-rocket__smoke i{position:absolute;left:50%;bottom:9px;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 42% 38%,rgba(45,93,142,.72),rgba(8,35,73,.62) 52%,rgba(2,14,36,0) 76%);filter:blur(2px);opacity:.48;transform:translateX(-50%);animation:dizaiRocketSmoke 1.85s ease-in-out infinite}
.dizai-home-rocket__smoke i:nth-child(2){left:33%;bottom:2px;width:23px;height:23px;animation-delay:-.62s;opacity:.36}
.dizai-home-rocket__smoke i:nth-child(3){left:68%;bottom:0;width:27px;height:27px;animation-delay:-1.18s;opacity:.28}
.dizai-home-rocket.is-launching{pointer-events:none;animation:dizaiRocketLaunch .9s cubic-bezier(.24,.78,.28,1) both;filter:drop-shadow(0 0 28px rgba(29,227,154,.68))}
.dizai-home-rocket.is-launching .dizai-home-rocket__smoke i{animation-duration:.48s;opacity:.82}
@keyframes dizaiRocketSmoke{0%,100%{transform:translate(-50%,0) scale(.78);opacity:.2}50%{transform:translate(-50%,12px) scale(1.18);opacity:.62}}
@keyframes dizaiRocketLaunch{0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}18%{transform:translate3d(-2px,5px,0) rotate(-3deg) scale(.98)}60%{transform:translate3d(3px,-30px,0) rotate(2deg) scale(1.04)}100%{transform:translate3d(0,-72px,0) rotate(0deg) scale(.86);opacity:0}}
@media(max-width:760px){.dizai-home-rocket{right:12px;bottom:calc(178px + env(safe-area-inset-bottom));width:58px;height:82px}}
@media(prefers-reduced-motion:reduce){.dizai-home-rocket,.dizai-home-rocket__smoke i{animation:none!important;transition:none!important}}
/* V6.9.7-I — foguete estável, fumaça azul e sem voo */
.dizai-home-rocket__smoke i{background:radial-gradient(circle at 40% 34%,rgba(91,194,255,.96) 0%,rgba(32,124,226,.82) 38%,rgba(7,51,128,.58) 62%,rgba(2,18,52,0) 80%)!important;filter:blur(3px)!important;box-shadow:0 0 20px rgba(55,151,255,.34)!important}



/* =========================================================
   ET8.5 — TCROSS THEME COLOR + UX POLISH
   Funciona → Responde → Explica → Encanta
   Visual only. No ownership/operation/PWA changes.
   ========================================================= */

:root{
  --tc-motion:#2f7ef8;
  --tc-motion-soft:#65a7ff;
  --tc-platinum:#e8eef5;
  --tc-platinum-strong:#f6f9fc;
  --tc-orange-glow:rgba(255,106,0,.24);
  --tc-blue-glow:rgba(47,126,248,.19);
  --tc-premium-shadow:0 22px 58px rgba(4,26,52,.10);
}

/* Global depth — restrained and readable. */
body.tc-app-home{
  background:
    radial-gradient(circle at 92% 4%,rgba(47,126,248,.075),transparent 27%),
    radial-gradient(circle at 4% 38%,rgba(255,106,0,.045),transparent 22%),
    linear-gradient(180deg,#f9fbfd 0%,#f3f6fa 46%,#eef3f7 100%);
}

.tc-top{
  background:rgba(249,251,253,.91);
  border-bottom-color:rgba(207,218,229,.86);
  box-shadow:0 7px 30px rgba(5,30,60,.045);
  backdrop-filter:blur(20px) saturate(1.12);
  -webkit-backdrop-filter:blur(20px) saturate(1.12);
}

.tc-logo img{
  filter:drop-shadow(0 5px 12px rgba(8,47,92,.08));
}

/* Hero: deeper TCross identity, more light hierarchy. */
.tc-hero-card{
  background:
    radial-gradient(circle at 88% 12%,rgba(255,106,0,.34),transparent 25%),
    radial-gradient(circle at 67% 110%,rgba(47,126,248,.23),transparent 34%),
    radial-gradient(circle at 0 15%,rgba(101,167,255,.12),transparent 28%),
    linear-gradient(148deg,#0a3a70 0%,#082f5c 34%,#061f3e 70%,#041426 100%);
  box-shadow:
    0 26px 68px rgba(4,24,48,.19),
    inset 0 1px 0 rgba(255,255,255,.075);
  border:1px solid rgba(232,238,245,.10);
}

.tc-hero-card:before{
  background:
    linear-gradient(118deg,rgba(255,255,255,.065),transparent 28%,transparent 68%,rgba(255,145,69,.035)),
    radial-gradient(circle at 72% 25%,rgba(255,255,255,.055),transparent 23%);
}

.tc-kicker{
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.065));
  border-color:rgba(232,238,245,.17);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  font-size:11px;
}

.tc-hero h1{
  text-wrap:balance;
  text-shadow:0 3px 24px rgba(0,0,0,.10);
}

.tc-hero h1 span{
  color:#ff8a3d;
  text-shadow:
    0 0 30px rgba(255,106,0,.19),
    0 3px 14px rgba(0,0,0,.10);
}

.tc-hero p{
  color:#dbe6f1;
  font-size:15.5px;
}

.tc-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:51px;
  font-size:14px;
  border:1px solid transparent;
}

.tc-btn:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.24) 46%,transparent 78%);
  transform:translateX(-130%);
  transition:transform .48s ease;
}

.tc-btn:hover:before,
.tc-btn:focus-visible:before{
  transform:translateX(130%);
}

.tc-btn-primary{
  background:linear-gradient(135deg,#ff6200 0%,#ff7b22 58%,#ff9145 100%);
  border-color:rgba(255,255,255,.14);
  box-shadow:
    0 13px 30px rgba(255,106,0,.25),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.tc-btn-light{
  background:linear-gradient(180deg,#fff,#f7faff);
  border-color:rgba(216,226,236,.96);
  box-shadow:0 10px 26px rgba(5,30,60,.10);
}

.tc-btn:focus-visible{
  outline:3px solid rgba(47,126,248,.24);
  outline-offset:3px;
}

.tc-hero-flags span{
  min-height:40px;
  font-size:11px;
  background:rgba(255,255,255,.095);
  border-color:rgba(232,238,245,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}

/* Brand stamp: platinum glass, not a white block. */
.tc-visual-glow{
  background:
    radial-gradient(circle,rgba(47,126,248,.24),rgba(255,106,0,.09) 47%,transparent 72%);
  filter:blur(7px);
}

.tc-iso-orbit{
  background:
    radial-gradient(circle at 35% 20%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(145deg,rgba(246,249,252,.16),rgba(9,47,92,.18));
  border-color:rgba(232,238,245,.17);
  box-shadow:
    0 20px 45px rgba(0,0,0,.21),
    inset 0 1px 0 rgba(255,255,255,.11),
    0 0 38px rgba(47,126,248,.09);
}

.tc-iso-orbit:before{
  border-color:rgba(255,106,0,.58);
}

.tc-iso-orbit:after{
  border-color:rgba(232,238,245,.22);
}

/* Sections: stronger hierarchy and larger readable copy. */
.tc-section{
  position:relative;
}

.tc-section-head{
  max-width:820px;
}

.tc-eyebrow{
  color:#f26512;
  font-size:11px;
}

.tc-section h2{
  text-wrap:balance;
}

.tc-section-head p,
.tc-card p,
.tc-soft p,
.tc-final p{
  font-size:15px;
  line-height:1.65;
}

.tc-card{
  position:relative;
  overflow:hidden;
  border-color:#dde6ee;
  background:
    radial-gradient(circle at 100% 0,rgba(47,126,248,.045),transparent 32%),
    rgba(255,255,255,.985);
  box-shadow:0 14px 36px rgba(8,47,92,.055);
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    box-shadow .22s ease,
    border-color .22s ease;
}

.tc-card:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,var(--tc-motion),var(--tc-orange));
  opacity:.72;
}

.tc-card h3{
  font-size:20px;
  letter-spacing:-.025em;
}

.tc-step{
  width:48px;
  height:48px;
  background:linear-gradient(145deg,#edf5ff,#f7fbff);
  border:1px solid #d9e8fb;
  box-shadow:0 9px 20px rgba(47,126,248,.08);
}

.tc-card:nth-child(2) .tc-step{
  background:linear-gradient(145deg,#fff0e5,#fff8f2);
  border-color:#ffe0c9;
  box-shadow:0 9px 20px rgba(255,106,0,.08);
}

.tc-card:nth-child(3) .tc-step{
  background:linear-gradient(145deg,#eaf8f1,#f7fcf9);
  border:1px solid #d5eee1;
  box-shadow:0 9px 20px rgba(22,167,101,.07);
}

.tc-icon{
  border:1px solid rgba(255,106,0,.12);
  box-shadow:0 10px 24px rgba(255,106,0,.07);
}

.tc-icon.collab{
  border-color:rgba(47,126,248,.12);
  box-shadow:0 10px 24px rgba(47,126,248,.07);
}

.tc-soft{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 94% 5%,rgba(255,106,0,.10),transparent 26%),
    radial-gradient(circle at 2% 100%,rgba(47,126,248,.07),transparent 30%),
    linear-gradient(135deg,#fff9f4,#fff);
  border-color:#ffd9bb;
  box-shadow:0 15px 38px rgba(255,106,0,.055);
}

.tc-soft:after{
  content:"GoAds";
  position:absolute;
  right:20px;
  top:17px;
  color:rgba(8,47,92,.055);
  font-size:48px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;
  pointer-events:none;
}

.tc-security>div{
  border-color:#dfe7ef;
  background:linear-gradient(180deg,#fff,#fbfcfe);
  box-shadow:0 10px 28px rgba(8,47,92,.04);
}

.tc-security b{
  font-size:15px;
}

.tc-security p{
  font-size:14px;
}

/* Final CTA becomes a premium closing moment. */
.tc-final{
  position:relative;
  overflow:hidden;
  color:#fff;
  border-color:rgba(232,238,245,.10);
  background:
    radial-gradient(circle at 92% 10%,rgba(255,106,0,.24),transparent 26%),
    radial-gradient(circle at 10% 120%,rgba(47,126,248,.18),transparent 34%),
    linear-gradient(145deg,#0a386b,#082f5c 46%,#061c37);
  box-shadow:var(--tc-premium-shadow);
}

.tc-final:after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-70px;
  bottom:-110px;
  border-radius:50%;
  border:1px dashed rgba(232,238,245,.18);
  pointer-events:none;
}

.tc-final .tc-eyebrow{
  color:#ff9b58;
}

.tc-final h2{
  color:#fff;
}

.tc-final p{
  color:#d8e4ef;
}

.tc-footer{
  color:#738396;
}

.tc-footer-in{
  border-top-color:#dce5ed;
}

/* Reveal refinement. Motion explains hierarchy; it does not distract. */
.tc-reveal{
  opacity:0;
  transform:translate3d(0,16px,0);
  transition:opacity .48s ease,transform .52s cubic-bezier(.2,.8,.2,1);
}

.tc-reveal.is-visible{
  opacity:1;
  transform:none;
}

/* Desktop hover only, never as a dependency. */
@media(hover:hover) and (pointer:fine){
  .tc-card:hover{
    transform:translateY(-4px);
    border-color:#cbd9e6;
    box-shadow:0 22px 52px rgba(8,47,92,.09);
  }

  .tc-security>div{
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
  }

  .tc-security>div:hover{
    transform:translateY(-3px);
    border-color:#cfdae5;
    box-shadow:0 18px 42px rgba(8,47,92,.07);
  }
}

/* Desktop brand stamp keeps premium glass instead of becoming a giant white tile. */
@media(min-width:980px){
  .tc-iso-orbit{
    background:
      radial-gradient(circle at 35% 20%,rgba(255,255,255,.23),transparent 34%),
      linear-gradient(145deg,rgba(246,249,252,.19),rgba(6,28,55,.22));
    border:1px solid rgba(232,238,245,.19);
    box-shadow:
      0 34px 78px rgba(0,0,0,.24),
      inset 0 1px 0 rgba(255,255,255,.13),
      0 0 54px rgba(47,126,248,.10);
  }

  .tc-kicker,
  .tc-eyebrow{
    font-size:12px;
  }

  .tc-hero-flags span{
    font-size:12px;
  }
}

/* Mobile: readable, calm, premium. No tiny type. */
@media(max-width:559px){
  .tc-hero p{
    font-size:15px;
  }

  .tc-hero-flags span{
    font-size:10.5px;
  }

  .tc-section-head p,
  .tc-card p,
  .tc-soft p,
  .tc-final p{
    font-size:14.5px;
  }

  .tc-card h3{
    font-size:19px;
  }

  .tc-soft:after{
    font-size:38px;
    right:12px;
    top:14px;
  }
}

/* =========================================================
   ET8.5 — ROCKET TCROSS COLOR ADAPTATION
   IMPORTANT:
   - exact SVG markup: frozen
   - exact geometry: frozen
   - exact position/size: frozen
   - scroll-to-top behavior: frozen
   Only color/glow/smoke are adapted to TCross.
   ========================================================= */

.dizai-home-rocket{
  --rocket-color:rgb(47,126,248);
  filter:
    drop-shadow(0 0 17px rgba(47,126,248,var(--rocket-glow)))
    drop-shadow(0 7px 14px rgba(4,20,38,.16));
}

.dizai-home-rocket:hover,
.dizai-home-rocket:focus-visible{
  filter:
    drop-shadow(0 0 23px rgba(255,106,0,.43))
    drop-shadow(0 7px 16px rgba(4,20,38,.18));
}

.dizai-home-rocket:focus-visible::after{
  border-color:rgba(232,238,245,.92);
  box-shadow:0 0 0 3px rgba(47,126,248,.13);
}

.dizai-home-rocket__icon :is(path,circle){
  fill:rgba(4,20,38,.48);
}

.dizai-home-rocket__icon circle{
  fill:rgba(8,47,92,.84);
}

.dizai-home-rocket__smoke i{
  background:
    radial-gradient(
      circle at 40% 34%,
      rgba(246,249,252,.98) 0%,
      rgba(101,167,255,.92) 24%,
      rgba(47,126,248,.76) 48%,
      rgba(8,47,92,.56) 66%,
      rgba(4,20,38,0) 82%
    )!important;
  box-shadow:
    0 0 18px rgba(47,126,248,.30),
    0 7px 18px rgba(255,106,0,.10)!important;
}

@media(prefers-reduced-motion:reduce){
  .tc-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }

  .tc-btn:before{
    display:none!important;
  }
}