@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Montserrat:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --bg:#f4f7ff; --bg2:#ffffff; --surface:#edf1ff; --surface2:#e0e8ff;
  --green: var(--brand-green); --green-dark: var(--brand-green-dark); --green-light: var(--brand-green-light);
  --green-border:rgba(0,184,92,0.22); --green-glow:rgba(0,184,92,0.1);
  --text:#141C15; --text2:#2A3A2B; --muted:#4A5E4B; --muted2:#7A947B;
  --mono: var(--font-mono); --sans: var(--font-sans); --serif: var(--font-heading);
  /* dark mode */
  --dk-bg:#0A0F14; --dk-bg2:#111A14; --dk-surface:#0F1A12;
  --dk-bd:rgba(255,255,255,0.08); --dk-text:#F0F5F0; --dk-text2:#C8D8CA; --dk-muted:#7A9A7C;
}

[data-theme="dark"] { --bg:var(--dk-bg); --bg2:var(--dk-bg2); --surface:var(--dk-surface); --surface2:#162018; --green-border:rgba(0,184,92,0.25); --text:var(--dk-text); --text2:var(--dk-text2); --muted:var(--dk-muted); --muted2:#4A6A4C; }

body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:400;line-height:1.6;overflow-x:hidden;transition:background .3s,color .3s}

body::after{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,184,92,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,184,92,0.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}
[data-theme="dark"] body::after{background-image:linear-gradient(rgba(0,184,92,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,184,92,0.04) 1px,transparent 1px)}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between;background:rgba(244,247,255,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--green-border);transition:background .3s}
[data-theme="dark"] nav{background:rgba(10,15,20,0.92)}
.logo{font-family:var(--serif);font-weight:700;font-size:1.1rem;color:var(--text);text-decoration:none;letter-spacing:-0.03em;display:flex;align-items:center;gap:0.5rem}
.logo .sol{color:var(--green)}
.logo .uthe{color:var(--text)}
.logo-dot{width:6px;height:6px;background:var(--green-light);border-radius:50%;animation:blink 2.5s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-link{font-size:0.85rem;color:var(--muted);text-decoration:none;transition:color .2s;font-weight:500}
.nav-link:hover{color:var(--green)}
.btn-nav{background:var(--green);color:#fff;border:none;padding:0.55rem 1.4rem;font-family:var(--sans);font-size:0.85rem;font-weight:600;cursor:pointer;text-decoration:none;border-radius:6px;transition:all .2s;box-shadow:0 2px 12px rgba(0,184,92,0.3)}
.btn-nav:hover{background:var(--green-dark);transform:translateY(-1px)}
.btn-dark{background:none;border:1px solid var(--green-border);color:var(--muted);border-radius:20px;padding:0.3rem 0.8rem;font-size:0.72rem;cursor:pointer;font-family:var(--mono);transition:all .2s;margin-right:0.5rem}
.btn-dark:hover{border-color:var(--green);color:var(--green)}

/* HERO */
.hero{min-height:auto;display:flex;flex-direction:column;justify-content:center;padding:7rem 1.5rem 3.5rem;position:relative;overflow:hidden;z-index:1}
.hero-glow{position:absolute;width:900px;height:700px;background:radial-gradient(ellipse,rgba(0,184,92,0.08) 0%,transparent 65%);top:-200px;right:-250px;pointer-events:none;animation:glowPulse 8s ease-in-out infinite}
.hero-glow2{position:absolute;width:500px;height:500px;background:radial-gradient(ellipse,rgba(0,232,118,0.05) 0%,transparent 65%);bottom:-100px;left:-100px;pointer-events:none}
@keyframes glowPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.05)}}
.hero-inner{max-width:1100px;margin:0 auto;width:100%}
.hero-tag{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--mono);font-size:0.68rem;color:var(--green);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1.5rem}
.hero-tag::before{content:'';width:20px;height:2px;background:var(--green)}
h1{font-family:var(--serif);font-size:clamp(2rem,5vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;margin-bottom:1.25rem;color:var(--text)}
h1 .hl{color:var(--green)}
h1 .hl2{color:var(--green-light)}
.hero-sub{font-size:1.05rem;color:var(--muted);max-width:560px;line-height:1.75;margin-bottom:2.5rem}
.hero-ctas{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.btn-primary{background:var(--green);color:#fff;border:none;padding:0.9rem 2rem;font-family:var(--sans);font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;border-radius:8px;transition:all .2s;box-shadow:0 4px 20px rgba(0,184,92,0.35);display:inline-flex;align-items:center;gap:8px}
.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,184,92,0.45)}
.btn-ghost{color:var(--green);font-size:0.95rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:0.4rem;transition:gap .2s;font-family:var(--sans)}
.btn-ghost:hover{gap:0.7rem}
.hero-badges{display:flex;gap:2.5rem;margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--green-border);flex-wrap:wrap}
.hero-badge{display:flex;align-items:center;gap:0.75rem}
.badge-icon{width:36px;height:36px;background:rgba(0,184,92,0.12);border:1px solid var(--green-border);border-radius:8px;display:grid;place-items:center;font-size:1rem;flex-shrink:0}
.badge-text{font-size:0.8rem;color:var(--muted);line-height:1.4}
.badge-text strong{display:block;font-size:0.85rem;color:var(--text);font-weight:600}

/* STRIP */
.strip{background:var(--green);padding:0.85rem 3rem;overflow:hidden;position:relative;z-index:1}
.strip-inner{display:flex;gap:3rem;animation:stripScroll 25s linear infinite;width:max-content;align-items:center}
.strip-item{font-family:var(--mono);font-size:0.72rem;font-weight:600;color:#fff;white-space:nowrap;display:flex;align-items:center;gap:0.5rem}
.strip-dot{width:4px;height:4px;background:rgba(255,255,255,0.5);border-radius:50%}
@keyframes stripScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* AREAS */
section{padding:4rem 1.5rem;position:relative;z-index:1}
.section-inner{max-width:1100px;margin:0 auto}
.section-tag{font-family:var(--mono);font-size:0.68rem;color:var(--green);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}
.section-tag::before{content:'//';color:var(--muted2)}
h2{font-family:var(--serif);font-size:clamp(1.9rem,3vw,3rem);font-weight:700;letter-spacing:-0.04em;margin-bottom:1rem;line-height:1.15;color:var(--text)}
h2 span{color:var(--green)}
.areas-header{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}
.areas-header p{font-size:0.95rem;color:var(--muted);max-width:400px;line-height:1.7}
.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0.875rem}
.area-card{background:var(--bg2);border:1px solid rgba(0,0,0,0.08);border-radius:12px;padding:2rem;text-decoration:none;display:block;transition:all .25s;position:relative;overflow:hidden}
[data-theme="dark"] .area-card{border-color:var(--dk-bd)}
.area-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.area-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,184,92,0.12);border-color:var(--green-border)}
.area-card:hover::before{transform:scaleX(1)}
.area-icon{font-size:1.5rem;margin-bottom:1.25rem;width:48px;height:48px;background:rgba(0,184,92,0.1);border-radius:10px;display:grid;place-items:center;border:1px solid var(--green-border)}
.area-card h3{font-family:var(--serif);font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:0.6rem;letter-spacing:-0.02em}
.area-card p{font-size:0.875rem;color:var(--muted);line-height:1.65}
.area-tag{font-family:var(--mono);font-size:0.65rem;color:var(--green);margin-top:1.25rem;display:flex;align-items:center;gap:0.4rem;font-weight:600}
.area-tag::after{content:'→';transition:margin .2s}
.area-card:hover .area-tag::after{margin-left:4px}

/* CONTATO */
#contato{background:var(--text);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}
[data-theme="dark"] #contato{background:#060d08}
.contato-glow{position:absolute;width:600px;height:400px;background:radial-gradient(ellipse,rgba(0,184,92,0.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.contato-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,184,92,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,184,92,0.06) 1px,transparent 1px);background-size:40px 40px}
#contato .section-tag{color:rgba(0,232,118,0.7);justify-content:center;position:relative}
#contato .section-tag::before{color:rgba(255,255,255,0.2)}
#contato h2{color:#f0f5f0;text-align:center;margin-bottom:0.75rem;position:relative}
#contato h2 span{color:var(--green)}
#contato>p{color:rgba(255,255,255,0.5);text-align:center;font-size:1rem;line-height:1.7;max-width:480px;margin:0 0 2rem;position:relative}
.contato-btns{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
.btn-contato{background:var(--green);color:#fff;border:none;padding:1rem 2rem;font-family:var(--sans);font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 20px rgba(0,184,92,0.4)}
.btn-contato:hover{background:var(--green-dark);transform:translateY(-2px)}
.btn-contato-ghost{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.12);padding:1rem 2rem;font-family:var(--sans);font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;gap:8px}
.btn-contato-ghost:hover{background:rgba(255,255,255,0.1);color:#fff}

/* FOOTER */
footer{background:#060d08;border-top:1px solid rgba(0,184,92,0.1);padding:2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;position:relative;z-index:1}
.footer-logo{font-family:var(--serif);font-weight:700;font-size:1.05rem;color:rgba(255,255,255,0.7);text-decoration:none;letter-spacing:-0.03em}
.footer-logo .sol{color:var(--green)}
.footer-center p{font-size:0.72rem;color:rgba(255,255,255,0.2);font-family:var(--mono);line-height:1.7;text-align:center}
.footer-right{font-family:var(--mono);font-size:0.72rem;color:rgba(255,255,255,0.2)}

/* WHATSAPP */
/* FADE */
/* RESPONSIVE — mobile first */
@media(min-width:768px){
  nav{padding:0 3rem}
  .hero{padding:9rem 3rem 5rem;min-height:85vh}
  section{padding:6rem 3rem}
  .statement{padding:6rem 3rem}
  h1{font-size:clamp(3rem,5vw,4.5rem)}
  .hero-desc{max-width:580px}
  .hero-pillars{gap:2rem;padding-top:2.5rem}
  .areas-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
  .dif-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  footer{padding:2rem 3rem}
  .ticker{padding:0.85rem 3rem}
}
@media(min-width:1100px){
  nav{padding:0 4rem}
  section{padding:7rem 4rem}
  .statement{padding:8rem 4rem}
  .hero{padding:10rem 4rem 6rem}
  footer{padding:2.5rem 4rem}
}
@media(max-width:767px){
  .nav-links .nav-link{display:none}
  .nav-links{gap:0.75rem}
  .btn-dark{display:none}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:1rem}
  .hero-pillars{gap:0.75rem}
  .pillar{font-size:0.75rem}
  .areas-header{flex-direction:column;align-items:flex-start}
  .areas-grid{grid-template-columns:1fr}
  .dif-grid{grid-template-columns:1fr}
  .consultoria-grid{grid-template-columns:1fr}
  .contato-cards{flex-direction:column;align-items:stretch}
  .contato-card{min-width:unset;flex:unset}
  footer{flex-direction:column;text-align:center;gap:1rem}
  .footer-center,.footer-right{order:2}
  .footer-logo{order:1}
  h2{font-size:clamp(1.6rem,6vw,2rem)}
  .hero-desc{font-size:0.95rem}
  .btn-primary,.btn-contato,.btn-cta{width:100%;justify-content:center}
  .statement h2{font-size:clamp(1.7rem,6vw,2.5rem)}
}

/* HERO — classes existentes */
.hero-desc{font-size:1rem;color:var(--muted);max-width:100%;line-height:1.75;margin-bottom:2rem}
.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:3.5rem}
.hero-pillars{display:flex;gap:1rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--green-border);margin-top:0.5rem}
.pillar{display:flex;align-items:center;gap:0.6rem;font-size:0.82rem;color:var(--muted);font-weight:500}
.pillar-icon{font-size:1.1rem;width:32px;height:32px;background:rgba(0,184,92,0.1);border:1px solid var(--green-border);border-radius:7px;display:grid;place-items:center}
h1 .blue{color:var(--green)}
h1 .cyan{color:var(--green-light)}

/* TICKER */
.ticker{background:var(--green);padding:0.85rem 1rem;overflow:hidden;position:relative;z-index:1}
.ticker-inner{display:flex;gap:2.5rem;animation:tickerScroll 30s linear infinite;width:max-content;align-items:center}
.ticker-item{font-family:var(--mono);font-size:0.72rem;font-weight:600;color:#fff;white-space:nowrap}
.ticker-item::before{content:'·';margin-right:2.5rem;opacity:0.5}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* TERMINAL */
.terminal{background:#0d1a0f;border:1px solid rgba(0,184,92,0.2);border-radius:12px;overflow:hidden;font-family:var(--mono);margin-top:2rem}
.terminal-bar{background:#0a140c;padding:0.65rem 1rem;display:flex;align-items:center;gap:0.4rem;border-bottom:1px solid rgba(0,184,92,0.15)}
.t-dot{width:10px;height:10px;border-radius:50%}
.t-title{font-size:0.65rem;color:rgba(0,184,92,0.5);margin-left:0.5rem;font-family:var(--mono)}
.terminal-body{padding:1.25rem 1.5rem;line-height:1.85;font-size:0.8rem;color:#c8d8ca}
.t-prompt{color:rgba(0,184,92,0.5)}
.t-cmd{color:#00B85C}
.t-out{color:#7dd3fc}
.t-blank{color:transparent;user-select:none}
.t-line{display:block}
.t-cursor{display:inline-block;width:2px;height:1em;background:var(--green);animation:blink 1s step-end infinite;vertical-align:text-bottom}
.warn{color:#ffa657}
.success{color:#00E876}
.info{color:#7dd3fc}

/* STATEMENT */
.statement{background:var(--text);padding:4rem 1.5rem;text-align:center;position:relative;overflow:hidden;z-index:1}
[data-theme="dark"] .statement{background:#060d08}
.statement-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,184,92,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,184,92,0.05) 1px,transparent 1px);background-size:40px 40px}
.statement-glow{position:absolute;width:700px;height:400px;background:radial-gradient(ellipse,rgba(0,184,92,0.12) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.statement-glow2{position:absolute;width:300px;height:300px;background:radial-gradient(ellipse,rgba(0,232,118,0.06) 0%,transparent 70%);top:20%;right:10%;pointer-events:none}
.statement h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.15;color:#f0f5f0;position:relative;letter-spacing:-0.04em;margin-bottom:1.5rem}
.statement h2 em{font-style:normal;color:var(--green)}
.statement h2 strong{color:var(--green-light)}
.statement p{font-size:1.05rem;color:rgba(255,255,255,0.45);max-width:520px;margin:0 auto;line-height:1.7;position:relative}

/* DIFERENCIAIS */
.diferenciais{background:var(--bg2)}
.dif-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1rem}
.dif-item{display:flex;flex-direction:column;gap:0.75rem}
.dif-icon{font-size:1.5rem;width:48px;height:48px;background:rgba(0,184,92,0.1);border:1px solid var(--green-border);border-radius:10px;display:grid;place-items:center}
.dif-list{display:flex;flex-direction:column;gap:0.4rem;margin-top:0.5rem}
.dif-list li{font-size:0.82rem;color:var(--muted);list-style:none;padding-left:1rem;position:relative;line-height:1.5}
.dif-list li::before{content:'→';position:absolute;left:0;color:var(--green);font-size:0.75rem}
.dif-item h3{font-family:var(--serif);font-size:1rem;font-weight:600;color:var(--text);letter-spacing:-0.01em}

/* AREA CARDS */
.area-number{font-family:var(--mono);font-size:0.62rem;color:var(--muted2);margin-bottom:0.75rem;letter-spacing:0.05em}
.area-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1rem}
.area-tag{font-family:var(--mono);font-size:0.62rem;font-weight:600;color:var(--green);background:rgba(0,184,92,0.08);border:1px solid var(--green-border);padding:0.2rem 0.6rem;border-radius:4px}

/* CONSULTORIA */
.consultoria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}

/* CONTATO CARDS */
.contato-cards{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;position:relative}
.contato-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:1.25rem 1.5rem;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:0.5rem;transition:all .2s;min-width:140px;flex:1}
.contato-card:hover{background:rgba(0,184,92,0.1);border-color:var(--green-border)}
.contato-card-icon{font-size:1.5rem}
.contato-card-label{font-family:var(--mono);font-size:0.65rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.08em}
.contato-card-value{font-size:0.9rem;color:rgba(255,255,255,0.8);font-weight:500}
.btn-cta{background:var(--green);color:#fff;border:none;padding:1rem 2rem;font-family:var(--sans);font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 20px rgba(0,184,92,0.4);position:relative;margin-top:2.5rem}
.btn-cta:hover{background:var(--green-dark);transform:translateY(-2px)}