/* Vagner Camargo · Página inicial (plugin vc-pagina-inicial)
   Preto, prata e dourado com a inclinação de 18° do logo; o app entra como submarca verde. */
@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:swap;src:url(../fonts/poppins-latin-200-normal.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/poppins-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format('woff2')}

/* Layout: a mesma linguagem do site atual (preto, prata e dourado, Poppins leve e a inclinação de 18° do logo).
   O app entra como submarca com o verde dele, em destaque logo após o hero; consultoria e palestras vêm depois. Visual único escuro, por escolha de marca. */
:root{
  --ink:#050505;--graphite:#141415;--graphite-2:#1d1d20;
  --silver:#c9ccd1;--steel:#8b9099;--bone:#f2f1ee;
  --gold:#c8a45c;--gold-soft:#e3c98b;
  --line:rgba(201,204,209,.16);
  --app:#0b2a20;--app-2:#0f3829;--mint:#3ccf9b;--app-gold:#f2b33d;--app-soft:#cfe9de;
  --font:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;
  --cut:clamp(18px,3.2vw,48px);
  --sec:clamp(64px,9vw,120px);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
body{background:var(--ink);color:var(--silver);font:400 1.0625rem/1.65 var(--font);-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;color:var(--bone);font-weight:200;letter-spacing:-.015em;line-height:1.1;text-wrap:balance}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1240px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.ey{display:inline-block;font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.h2{font-size:clamp(1.9rem,3.7vw,3.1rem);max-width:22ch}
.h2 b{font-weight:600}
.lead{font-size:clamp(1.02rem,1.5vw,1.2rem);font-weight:300;line-height:1.7;max-width:54ch;margin-top:1rem}

/* faixa de proposta */

/* botões em paralelogramo, como no site atual */
.btn{--o:1rem;--bg:var(--gold);--fg:var(--ink);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:3.1rem;padding:.75rem calc(var(--o) + 1.1rem);color:var(--fg);font-weight:600;font-size:.93rem;text-decoration:none;white-space:nowrap}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bg);clip-path:polygon(var(--o) 0,100% 0,calc(100% - var(--o)) 100%,0 100%);transition:background .2s}
.btn:hover{--bg:var(--gold-soft)}
.btn--ghost{--fg:var(--bone);--bg:transparent}
.btn--ghost::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(201,204,209,.38);clip-path:polygon(var(--o) 0,100% 0,calc(100% - var(--o)) 100%,0 100%,0 0,1px 1px,1px calc(100% - 1px),calc(100% - var(--o) - 1px) calc(100% - 1px),calc(100% - 1px) 1px,calc(var(--o) + 1px) 1px,1px 1px,0 0)}
.btn--ghost:hover{--bg:rgba(200,164,92,.18)}
.btn--app{--bg:var(--app-gold);--fg:#2a1d00}
.btn--app:hover{--bg:#f6c463}
.btn--sm{min-height:2.5rem;font-size:.84rem;--o:.75rem;padding-inline:1.6rem}

/* topo */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(5,5,5,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:51;background:var(--ink)}
.top .wrap{display:flex;align-items:center;gap:1.5rem;height:72px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--bone);font-weight:500}
.brand img{height:34px;width:auto}
.nav{display:flex;gap:1.6rem;margin-left:auto;font-size:.86rem;font-weight:500}
.nav a{text-decoration:none;color:var(--silver)}
.nav a:hover{color:var(--bone)}
.nav a.is-app{color:var(--mint)}
@media (max-width:980px){.nav{display:none}.top .btn{margin-left:auto}}

/* hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(48px,7vw,96px) 0}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:60%;height:120%;background:repeating-linear-gradient(108deg,transparent 0 46px,rgba(200,164,92,.06) 46px 48px);pointer-events:none}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,64px);align-items:end}
.hero h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.05;letter-spacing:-.025em}
.hero h1 span{display:block}
.hero h1 .l2{font-weight:600}
.hero .lead{margin-top:1.4rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:2rem}
.facts{display:flex;flex-wrap:wrap;gap:18px 40px;margin-top:2.4rem;padding-bottom:clamp(40px,6vw,72px);font-size:.85rem;color:var(--steel);line-height:1.4}
.facts strong{display:block;font-size:1.5rem;font-weight:300;color:var(--bone)}
.hero__photo{align-self:end;max-width:420px;margin-inline:auto;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent 100%);mask-image:linear-gradient(180deg,#000 75%,transparent 100%)}

/* duas portas */
.doors{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;padding-block:0 var(--sec)}
.door{position:relative;display:flex;flex-direction:column;gap:.9rem;padding:clamp(24px,3vw,40px);text-decoration:none;min-width:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:transform .3s}
.door:hover{transform:translateY(-3px)}
.door h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:300}
.door h3 b{font-weight:600}
.door p{font-weight:300}
.door .go{margin-top:auto;padding-top:.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem}
.door--app{background:radial-gradient(90% 130% at 100% 0%,#145c43 0%,var(--app-2) 45%,var(--app) 100%);color:var(--app-soft)}
.door--app h3{color:#fff}
.door--app .ey{color:var(--mint);margin:0}
.door--app .tag{position:absolute;top:1.3rem;right:1.3rem;font-size:.72rem;font-weight:600;background:var(--app-gold);color:#2a1d00;padding:.3rem .8rem;clip-path:polygon(.45rem 0,100% 0,calc(100% - .45rem) 100%,0 100%)}
.door--app .chips{display:flex;flex-wrap:wrap;gap:.45rem}
.door--app .chips span{font-size:.78rem;border:1px solid rgba(207,233,222,.28);padding:.2rem .7rem}
.door--biz{background:var(--graphite);border:1px solid var(--line)}
.door--biz .ey{margin:0}
.door .small{font-size:.85rem}

/* seção do app */
.app{background:var(--app);color:var(--app-soft);padding-block:calc(var(--sec) + var(--cut));clip-path:polygon(0 var(--cut),100% 0,100% calc(100% - var(--cut)),0 100%)}
.app .ey{color:var(--mint)}
.app .h2{color:#fff}
.app .h2 b{color:var(--app-gold)}
.app__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}
.feats{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 1.8rem;margin:2.2rem 0}
.feats li{display:flex;gap:.9rem;min-width:0}
.feats svg{flex:none;width:42px;height:42px;padding:10px;background:rgba(60,207,155,.12);stroke:var(--mint);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.feats b{display:block;color:#fff;font-weight:500;font-size:.98rem}
.feats small{display:block;font-size:.86rem;line-height:1.45;font-weight:300}
.app__cta{display:flex;flex-wrap:wrap;gap:14px 18px}
.app .btn--ghost{--fg:#fff}
.phone{width:min(320px,100%);margin-inline:auto;background:#06110d;border-radius:44px;padding:12px;box-shadow:0 50px 90px -40px rgba(0,0,0,.85),0 0 0 2px rgba(255,255,255,.06);transform:rotate(4deg)}
.scr{background:#f4f9f6;border-radius:34px;color:#111814;padding:20px 16px}
.scr .r{display:flex;justify-content:space-between;font-size:.7rem;color:#5d6b65}
.scr h4{margin:.35rem 0 .8rem;font-size:1.02rem;font-weight:600}
.kp{background:#fff;border:1px solid #dfe8e3;border-radius:14px;padding:.5rem .75rem;margin-bottom:.5rem}
.kp small{display:block;font-size:.66rem;color:#5d6b65}.kp b{font-size:1.12rem;font-weight:600}.kp i{font-style:normal;font-size:.66rem;color:#12936a;font-weight:600;margin-left:.3rem}
.bars{display:flex;align-items:flex-end;gap:6px;height:72px;background:#fff;border:1px solid #dfe8e3;border-radius:14px;padding:10px}
.bars span{flex:1;border-radius:4px 4px 0 0;background:#3ccf9b}.bars span:nth-child(3n){background:#7cc6ef}.bars span:nth-child(4){background:#f2b33d}
.ref{margin-top:clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;background:var(--app-gold);color:#2a1d00;padding:1.4rem clamp(20px,3vw,36px);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.ref div{flex:1;min-width:min(100%,280px)}
.ref b{display:block;font-size:1.25rem;font-weight:600}
.ref .btn{--bg:var(--ink);--fg:var(--bone)}

/* empresas */
.sec{padding-block:var(--sec)}
.biz__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}
.pillars li{padding:1.3rem 1.2rem 1.3rem 0;border-bottom:1px solid var(--line);min-width:0}
.pillars b{display:block;color:var(--bone);font-weight:500;margin-bottom:.2rem}
.pillars span{font-size:.92rem;font-weight:300}
.timeline{display:flex;margin-top:2rem;gap:4px}
.timeline span{flex:1;height:12px;background:var(--gold);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.timeline span:nth-child(n+7){background:rgba(200,164,92,.35)}
.tl-legend{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;color:var(--steel);margin-top:.6rem}
.biz__cta{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:2rem}
.plans{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.4rem;font-size:.9rem;color:var(--steel)}
.plans b{color:var(--bone);font-weight:500}

/* palestras */
.talk{background:var(--graphite);padding-block:calc(var(--sec) + var(--cut));clip-path:polygon(0 var(--cut),100% 0,100% calc(100% - var(--cut)),0 100%)}
.talk__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.talk__photos{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}
.talk__photos img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%)}
.talk__photos img:first-child{grid-row:span 2;aspect-ratio:auto}
.topics{margin-top:1.4rem;display:grid;gap:.55rem}
.topics li{display:flex;gap:.7rem;font-weight:300}
.topics li::before{content:"";flex:none;width:14px;height:8px;margin-top:.6rem;background:var(--gold);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%)}
.bridge{margin-top:1.8rem;border:1px solid var(--line);padding:1.2rem 1.4rem;display:grid;gap:.6rem}
.bridge .ey{margin:0;color:var(--mint)}
.bridge ol{margin:0;padding-left:1.2rem;display:grid;gap:.35rem;font-size:.95rem}
.bridge b{color:var(--bone);font-weight:500}

/* sobre + final */
.about{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.about img{width:clamp(140px,18vw,220px);aspect-ratio:1;object-fit:cover;object-position:top;border-radius:50%;border:2px solid var(--gold);background:var(--graphite)}
.about .role{color:var(--gold);margin-top:.4rem;font-weight:500;font-size:.95rem}
.about p.bio{margin-top:.9rem;font-weight:300;max-width:62ch}
.final{border-top:1px solid var(--line);padding-block:clamp(56px,7vw,96px);text-align:left}
.final__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:2rem}
.final__card{padding:1.6rem;border:1px solid var(--line);display:flex;flex-direction:column;gap:.8rem}
.final__card.is-app{border-color:rgba(60,207,155,.45);background:rgba(11,42,32,.55)}
.final__card b{color:var(--bone);font-weight:500;font-size:1.1rem}
.final__card .btn{align-self:flex-start;margin-top:auto}
footer{border-top:1px solid var(--line);padding-block:1.6rem;font-size:.82rem;color:var(--steel)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem}

@media (max-width:900px){
  .hero__grid,.doors,.app__grid,.biz__grid,.talk__grid,.final__grid{grid-template-columns:1fr}
  .hero__photo{max-width:300px}
  .about{grid-template-columns:1fr}
}
@media (max-width:560px){.feats,.pillars{grid-template-columns:1fr}.talk__photos{grid-template-columns:1fr}.talk__photos img:first-child{grid-row:auto;aspect-ratio:4/3}}
@media (prefers-reduced-motion:reduce){.door{transition:none}}

/* menu no celular */
.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--bone);width:44px;height:44px;padding:0;cursor:pointer}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:20px;height:2px;background:currentColor;margin:auto;position:relative}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}
.menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
@media (max-width:980px){
  .menu-btn{display:block}
  .top .btn{margin-left:auto}
  .top.is-open .nav{display:flex;position:absolute;z-index:60;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--ink);border-bottom:1px solid var(--line);padding:.5rem max(20px,env(safe-area-inset-left,0px)) 1rem}
  .top.is-open .nav a{padding:.8rem 0;border-bottom:1px solid var(--line);font-size:1rem}
}
.brand__name{white-space:nowrap}
@media (max-width:560px){.brand__name,.wa-long{display:none}.top .wrap{gap:.8rem}}

/* =====================================================================
   MOVIMENTO (v1.1)
   Linguagem: a inclinação de 18° do logo. Lâminas diagonais revelam,
   brilhos atravessam na diagonal, entradas curtas e escalonadas.
   Só liga com html.vc-motion (JS disponível e sem "reduzir movimento").
   ===================================================================== */
:root{--ease:cubic-bezier(.2,.7,.1,1);--ease-out:cubic-bezier(.16,1,.3,1)}
html{scroll-behavior:smooth;scroll-padding-top:80px}

/* barra de progresso de leitura e topo que se recolhe */
.vc-progress{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);height:2px;z-index:70;pointer-events:none}
.vc-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-soft));transform:scaleX(var(--p,0));transform-origin:left}
.top{transition:background .4s,box-shadow .4s}
.top .wrap{transition:height .4s var(--ease)}
.top.is-stuck{background:rgba(5,5,5,.95);box-shadow:0 14px 34px -22px rgba(0,0,0,.95)}
.top.is-stuck .wrap{height:62px}
.nav a{position:relative}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a.is-app::after{background:var(--mint)}
.nav a:hover::after,.nav a.is-current::after{transform:scaleX(1)}

/* hero: lâmina diagonal no título, entrada escalonada, luz que segue o mouse */
@keyframes vc-blade{
  from{clip-path:polygon(-.5em -.3em,-.2em -.3em,-.7em calc(100% + .3em),-.7em calc(100% + .3em))}
  to{clip-path:polygon(-.5em -.3em,calc(100% + .9em) -.3em,calc(100% + .4em) calc(100% + .3em),-.5em calc(100% + .3em))}}
@keyframes vc-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes vc-settle{from{opacity:0;transform:translateX(7%) scale(1.03)}to{opacity:1;transform:none}}
@keyframes vc-drift{to{background-position:240px 0}}
.vc-motion .hero h1 span{padding:.12em 0 .2em;margin:-.12em 0 -.2em}
.vc-motion .hero .ey{animation:vc-up .8s var(--ease) .05s both}
.vc-motion .hero h1 span:first-child{animation:vc-blade 1.05s var(--ease) .15s both}
.vc-motion .hero h1 .l2{animation:vc-blade 1.15s var(--ease) .5s both}
.vc-motion .hero .lead{animation:vc-up .9s var(--ease) .95s both}
.vc-motion .hero__cta{animation:vc-up .9s var(--ease) 1.1s both}
.vc-motion .facts{animation:vc-up .9s var(--ease) 1.25s both}
.vc-motion .hero__photo{animation:vc-settle 1.5s var(--ease) .3s both}
.vc-motion .hero::before{animation:vc-drift 26s linear infinite}
.hero__grid{z-index:1}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s;
  background:radial-gradient(520px circle at var(--mx,72%) var(--my,30%),rgba(200,164,92,.11),transparent 62%)}
.vc-motion .hero.is-lit::after{opacity:1}
.vc-motion .hero__photo{will-change:transform}

/* revelação ao rolar */
.vc-motion .vc-r{opacity:0;transform:translateY(30px);transition:opacity .95s var(--ease),transform .95s var(--ease);transition-delay:calc(var(--i,0) * 85ms)}
.vc-motion .vc-r.is-in{opacity:1;transform:none}
.vc-motion .vc-wipe{clip-path:polygon(0 0,0 0,-28% 100%,-28% 100%);transition:clip-path 1.3s var(--ease-out);transition-delay:calc(var(--i,0) * 120ms)}
.vc-motion .vc-wipe.is-in{clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%)}
.vc-motion .ref.vc-wipe.is-in{clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}

/* portas: inclinação 3D com o mouse e brilho diagonal */
.door{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));transition:transform .5s var(--ease),box-shadow .5s}
.door:hover{--ty:-4px;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty));box-shadow:0 30px 60px -36px rgba(0,0,0,.9)}
.door.vc-r{transition:opacity .95s var(--ease),transform .5s var(--ease),box-shadow .5s;transition-delay:calc(var(--i,0) * 110ms),0s,0s}
.vc-motion .door.vc-r:not(.is-in){transform:translateY(30px)}
.door::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 35%,rgba(255,255,255,.09) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:130% 0;transition:background-position 1s var(--ease)}
.door:hover::after{background-position:-30% 0}
.door--biz{transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.door--biz:hover{border-color:rgba(200,164,92,.45)}

/* botões: brilho que atravessa na diagonal */
.btn::before{background-color:var(--bg);background-image:linear-gradient(108deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);background-size:60% 100%;background-repeat:no-repeat;background-position:-150% 0;transition:background-position .75s var(--ease),background-color .25s}
.btn:hover::before{background-position:250% 0}
.btn--ghost::before{background-image:linear-gradient(108deg,transparent 30%,rgba(200,164,92,.22) 50%,transparent 70%)}
.btn{transition:transform .25s var(--ease)}
.btn:active{transform:translateY(1px)}

/* app: brilho ambiente, celular flutuando, barras e números */
@keyframes vc-glow{0%,100%{transform:translate(0,0)}50%{transform:translate(-8%,6%)}}
@keyframes vc-float{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2.5deg) translateY(-12px)}}
@keyframes vc-shine{0%,72%{background-position:-60% 0}100%{background-position:160% 0}}
.app{position:relative;overflow:hidden}
.app::before{content:"";position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(40% 45% at 78% 38%,rgba(60,207,155,.16),transparent 70%),radial-gradient(35% 40% at 15% 85%,rgba(242,179,61,.07),transparent 70%)}
.vc-motion .app::before{animation:vc-glow 16s ease-in-out infinite}
.app>.wrap{position:relative;z-index:1}
.vc-motion .phone.vc-r{transform:translateY(60px) rotate(9deg);transition:opacity 1.1s var(--ease),transform 1.3s var(--ease-out)}
.vc-motion .phone.vc-r.is-in{transform:rotate(4deg)}
.vc-motion .phone.is-floating{animation:vc-float 7s ease-in-out infinite}
.vc-motion .phone .bars span{transform:scaleY(.05);transform-origin:bottom;transition:transform 1.1s var(--ease-out)}
.vc-motion .phone.is-in .bars span{transform:none}
.phone .bars span:nth-child(2){transition-delay:.08s}.phone .bars span:nth-child(3){transition-delay:.16s}.phone .bars span:nth-child(4){transition-delay:.24s}
.phone .bars span:nth-child(5){transition-delay:.32s}.phone .bars span:nth-child(6){transition-delay:.4s}.phone .bars span:nth-child(7){transition-delay:.48s}
.feats svg{transition:transform .4s var(--ease),background .4s}
.feats li:hover svg{transform:translateY(-3px);background:rgba(60,207,155,.22)}
.ref{position:relative}
.ref::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%) no-repeat;background-size:40% 100%;background-position:-60% 0}
.vc-motion .ref.is-in::after{animation:vc-shine 7s ease-in-out 1.2s infinite}

/* empresas: pilares sublinhados e linha do tempo enchendo */
.pillars li{position:relative}
.pillars li::after{content:"";position:absolute;left:0;bottom:-1px;width:42%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease) calc(var(--i,0) * 90ms + .25s)}
.pillars li.is-in::after{transform:scaleX(1)}
.vc-motion .pillars li:not(.vc-r)::after{transform:scaleX(1)}
.pillars li b{transition:color .3s}
.pillars li:hover b{color:var(--gold-soft)}
.vc-motion .timeline span{transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease);transition-delay:calc(var(--i,0) * 70ms + .2s)}
.vc-motion .timeline.is-in span{transform:none}

/* palestras, sobre e final */
.talk__photos{overflow:hidden}
.talk__photos img{transition:transform 1.2s var(--ease),filter .6s}
.talk__photos img:hover{transform:scale(1.04)}
.topics li::before{transition:transform .4s var(--ease)}
.topics li:hover::before{transform:translateX(4px)}
.vc-motion .about img.vc-r{transform:scale(.88) rotate(-6deg);transition:opacity 1s var(--ease),transform 1.2s var(--ease-out)}
.vc-motion .about img.vc-r.is-in{transform:none}
.final__card{transition:transform .45s var(--ease),border-color .4s,box-shadow .45s}
.final__card:hover{transform:translateY(-4px);border-color:rgba(200,164,92,.5);box-shadow:0 26px 50px -34px rgba(0,0,0,.9)}
.final__card.is-app:hover{border-color:rgba(60,207,155,.7)}
.final__card.vc-r{transition:opacity .95s var(--ease),transform .95s var(--ease),border-color .4s,box-shadow .45s}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
.top .btn{gap:.28em}

/* v1.2 · página inicial: atalhos para as páginas por público na seção de palestras */
.talk-for{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.4rem}
.talk-for span{font-size:.82rem;color:var(--steel);margin-right:.3rem}
.talk-for a{font-size:.86rem;color:var(--bone);text-decoration:none;border:1px solid var(--line);padding:.35rem 1rem;clip-path:polygon(.45rem 0,100% 0,calc(100% - .45rem) 100%,0 100%);transition:border-color .3s,color .3s}
.talk-for a:hover{border-color:var(--gold);color:var(--gold-soft)}

/* =====================================================================
   v1.4 · REDE DE NETWORKING
   Terceira frente, no mesmo nível do app e das palestras. Submarca azul
   elétrico sobre fundo marinho, com a moeda dourada da rede como brinde.
   ===================================================================== */
:root{--net:#070d26;--net-2:#0e1a4a;--blue:#5b8cff;--blue-soft:#cfdcff;--cyan:#38d6ff;--coin:#f2b33d}

/* botão da rede: azul com texto claro, mesmo paralelogramo */
.btn--net{--bg:var(--blue);--fg:#fff}
.btn--net:hover{--bg:#7aa3ff}
.btn--xl{min-height:3.7rem;font-size:1.02rem;--o:1.15rem;padding-inline:calc(var(--o) + 1.7rem)}
.btn .arr{width:1.15em;height:1.15em;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}

/* menu */
.nav a.is-net{color:var(--blue-soft);display:inline-flex;align-items:center;gap:.5rem}
.nav a.is-net::after{background:var(--blue)}
.nav-new{font-style:normal;font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--blue);color:#fff;padding:.12rem .5rem;clip-path:polygon(.3rem 0,100% 0,calc(100% - .3rem) 100%,0 100%);animation:vc-pulse 2.4s ease-in-out infinite}
@keyframes vc-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}

/* portas: agora são três (app + rede lado a lado, consultoria embaixo) */
.doors{grid-template-columns:1fr 1fr}
.door--biz{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.9rem 2.4rem}
.door--biz>*{margin:0}
.door--biz h3{flex:1 1 320px}
.door--biz p{flex:2 1 320px}
.door--biz .ey{flex:1 0 100%}
.door--biz .go{padding-top:0;margin:0}
.door--net{background:radial-gradient(90% 130% at 100% 0%,#1d3fae 0%,var(--net-2) 48%,var(--net) 100%);color:var(--blue-soft);border:1px solid rgba(91,140,255,.35)}
.door--net h3{color:#fff}
.door--net .ey{color:var(--cyan);margin:0}
.door--net .tag{position:absolute;top:1.3rem;right:1.3rem;font-size:.72rem;font-weight:600;background:var(--coin);color:#2a1d00;padding:.3rem .8rem;clip-path:polygon(.45rem 0,100% 0,calc(100% - .45rem) 100%,0 100%)}
.door--net .chips{display:flex;flex-wrap:wrap;gap:.45rem}
.door--net .chips span{font-size:.78rem;border:1px solid rgba(207,220,255,.28);padding:.2rem .7rem}
.door--net::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(circle at 20% 20%,rgba(56,214,255,.35) 0 1.5px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.35) 0 1.5px,transparent 2px),radial-gradient(circle at 88% 22%,rgba(91,140,255,.6) 0 2px,transparent 2.5px);background-size:140px 140px}

/* ---------- seção ---------- */
.net{position:relative;overflow:hidden;margin-top:calc(var(--cut) * -1);padding-block:calc(var(--sec) + var(--cut));background:linear-gradient(180deg,#0a1440 0%,var(--net) 55%,#050a1c 100%);color:var(--blue-soft);clip-path:polygon(0 var(--cut),100% 0,100% calc(100% - var(--cut)),0 100%)}
.net::before{content:"";position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(38% 42% at 78% 30%,rgba(91,140,255,.32),transparent 70%),radial-gradient(30% 36% at 8% 78%,rgba(56,214,255,.12),transparent 70%),radial-gradient(26% 30% at 92% 92%,rgba(242,179,61,.1),transparent 70%)}
.net::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(108deg,transparent 0 46px,rgba(91,140,255,.05) 46px 48px)}
.vc-motion .net::before{animation:vc-glow 18s ease-in-out infinite}
.net>.wrap{position:relative;z-index:1}
.net .ey{color:var(--cyan)}
.net .h2{color:#fff;max-width:18ch}
.net .h2 b{background:linear-gradient(100deg,#fff,var(--blue) 40%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}
.net__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center}

/* brinde: moeda girando */
.net-gift{display:flex;align-items:center;gap:1.1rem;margin-top:1.8rem;padding:1rem 1.4rem 1rem 1rem;max-width:30rem;border:1px solid rgba(242,179,61,.45);background:linear-gradient(100deg,rgba(242,179,61,.16),rgba(242,179,61,.04));clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.net-gift b{display:block;font-size:1.7rem;font-weight:600;color:var(--coin);line-height:1.1}
.net-gift small{display:block;font-size:.9rem;font-weight:300;color:var(--blue-soft)}
.coin{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff2c8,var(--coin) 45%,#a8730d);box-shadow:0 0 0 3px rgba(242,179,61,.25),0 10px 24px -8px rgba(242,179,61,.7);color:#5a3a00;font-weight:600;font-size:1.25rem;perspective:200px}
.coin>span{display:block}
.vc-motion .net-gift .coin{animation:net-spin 5s ease-in-out infinite}
@keyframes net-spin{0%,55%{transform:rotateY(0)}80%,100%{transform:rotateY(360deg)}}

.net__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:2rem}
.net .btn--net{box-shadow:none}
.vc-motion .net .btn--xl::after{content:"";position:absolute;inset:-6px;z-index:-2;background:var(--blue);opacity:.45;filter:blur(18px);clip-path:polygon(var(--o) 0,100% 0,calc(100% - var(--o)) 100%,0 100%);animation:net-halo 2.8s ease-in-out infinite}
@keyframes net-halo{0%,100%{opacity:.25;transform:scale(.97)}50%{opacity:.6;transform:scale(1.04)}}
.net-login{font-size:.92rem;color:var(--blue-soft);text-decoration:none;font-weight:300}
.net-login u{color:#fff;font-weight:500;text-underline-offset:4px;text-decoration-color:var(--blue)}
.net-ticks{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin-top:1.4rem;font-size:.86rem;font-weight:300}
.net-ticks li{display:flex;align-items:center;gap:.5rem}
.net-ticks li::before{content:"";width:12px;height:7px;background:var(--cyan);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%)}

/* mapa de conexões */
.net-vis{position:relative;width:min(100%,540px);aspect-ratio:1;margin-inline:auto}
.net-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.net-lines .ring{fill:none;stroke:rgba(91,140,255,.22);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:2 6}
.net-lines .ring.r2{stroke:rgba(56,214,255,.16)}
.net-lines line{stroke:rgba(91,140,255,.55);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:4 8}
.vc-motion .net-lines line{animation:net-flow 2.4s linear infinite;animation-delay:calc(var(--i) * -.3s)}
.vc-motion .net-lines .ring{transform-origin:50% 50%;animation:net-rot 60s linear infinite}
.vc-motion .net-lines .ring.r2{animation-duration:90s;animation-direction:reverse}
@keyframes net-flow{to{stroke-dashoffset:-24}}
@keyframes net-rot{to{transform:rotate(360deg)}}
.net-hub{position:absolute;left:50%;top:50%;width:25%;aspect-ratio:1;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a52d6,var(--net-2) 70%);border:2px solid var(--blue);box-shadow:0 0 0 10px rgba(91,140,255,.12),0 0 60px 6px rgba(91,140,255,.45);color:#fff}
.net-hub img{height:30%;width:auto}
.net-hub b{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.vc-motion .net-hub{animation:net-beat 3.2s ease-in-out infinite}
@keyframes net-beat{0%,100%{box-shadow:0 0 0 10px rgba(91,140,255,.12),0 0 60px 6px rgba(91,140,255,.4)}50%{box-shadow:0 0 0 22px rgba(91,140,255,.05),0 0 80px 14px rgba(91,140,255,.6)}}
.net-node{position:absolute;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center}
.net-node i{display:grid;place-items:center;width:46px;height:46px;background:var(--net-2);border:1px solid rgba(91,140,255,.7);border-radius:50%;box-shadow:0 0 22px -2px rgba(91,140,255,.55);transition:transform .35s var(--ease),background .35s}
.net-node svg{width:20px;height:20px;stroke:var(--cyan);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.net-node b{font-size:.7rem;font-weight:500;line-height:1.2;color:#fff;background:rgba(7,13,38,.85);padding:.12rem .5rem;white-space:nowrap}
.net-node:hover i{transform:scale(1.18);background:var(--blue)}
.vc-motion .net-node i{animation:net-bob 5s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s)}
@keyframes net-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.net-card{position:absolute;display:flex;align-items:center;gap:.7rem;padding:.65rem 1rem .65rem .7rem;background:rgba(14,26,74,.92);backdrop-filter:blur(8px);border:1px solid rgba(91,140,255,.45);box-shadow:0 24px 40px -22px rgba(0,0,0,.9);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);z-index:2}
.net-card i{display:grid;place-items:center;flex:none;width:34px;height:34px;background:rgba(91,140,255,.22)}
.net-card svg{width:17px;height:17px;stroke:var(--cyan);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.net-card b{display:block;font-size:.8rem;font-weight:500;color:#fff;line-height:1.25}
.net-card small{display:block;font-size:.7rem;font-weight:300;color:var(--blue-soft);line-height:1.3}
.nc-a{right:-3%;top:6%}.nc-b{left:-3%;top:-2%}.nc-c{right:2%;bottom:0}
.vc-motion .net-card{animation:net-bob 6.5s ease-in-out infinite}
.vc-motion .nc-b{animation-delay:-2s}.vc-motion .nc-c{animation-delay:-4s}

/* benefícios */
.net-ben{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(56px,7vw,96px)}
.net-ben li{position:relative;padding:1.5rem 1.4rem 1.6rem;background:linear-gradient(160deg,rgba(91,140,255,.12),rgba(91,140,255,.03));border:1px solid rgba(91,140,255,.24);transition:transform .45s var(--ease),border-color .4s,background .4s}
.net-ben li:hover{transform:translateY(-5px);border-color:rgba(91,140,255,.7);background:linear-gradient(160deg,rgba(91,140,255,.22),rgba(91,140,255,.05))}
.net-ben i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:1rem;background:rgba(56,214,255,.12);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.net-ben svg{width:22px;height:22px;stroke:var(--cyan);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.net-ben b{display:block;color:#fff;font-weight:500;font-size:1.05rem;margin-bottom:.35rem}
.net-ben span{display:block;font-size:.92rem;font-weight:300;line-height:1.55}

/* rota de níveis */
.net-route{margin-top:clamp(56px,7vw,96px)}
.net-route h3{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff}
.net-route h3 b{font-weight:600;color:var(--coin)}
.net-lv{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:2.4rem;counter-reset:lv}
.net-lv::before{content:"";position:absolute;left:5%;right:5%;top:34px;height:2px;background:linear-gradient(90deg,#9aa3b0,#e3c98b,#cfd8e6,#444,var(--cyan));opacity:.55}
.net-lv li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem}
.net-lv i{display:block;width:68px;height:68px;margin-bottom:.7rem;background:var(--m);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);transition:transform .45s var(--ease)}
.net-lv li:hover i{transform:translateY(-6px) scale(1.08)}
.net-lv b{color:#fff;font-weight:600}
.net-lv span{font-size:.84rem;color:var(--blue-soft);font-weight:300}
.net-lv small{font-size:.76rem;color:var(--coin);font-weight:500}
.m-prata{--m:linear-gradient(135deg,#f4f6f9,#9aa3b0 55%,#d9dee6)}
.m-ouro{--m:linear-gradient(135deg,#fff2c8,#d4a437 55%,#8f6411)}
.m-plat{--m:linear-gradient(135deg,#fff,#b7c4d9 45%,#6f84a8)}
.m-black{--m:linear-gradient(135deg,#4a4a52,#0c0c0f 60%,#2b2b31)}
.m-inf{--m:linear-gradient(135deg,var(--cyan),#5b8cff 45%,#a56bff 80%,#38d6ff)}
.vc-motion .m-inf i{background-size:200% 200%;animation:net-inf 4s linear infinite}
@keyframes net-inf{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}

/* passos + chamada final */
.net-join{margin-top:clamp(56px,7vw,96px);display:grid;gap:clamp(24px,3vw,40px)}
.net-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:st}
.net-steps li{position:relative;padding:1.2rem 1.2rem 1.3rem 4.2rem;border-top:1px solid rgba(91,140,255,.35);counter-increment:st}
.net-steps li::before{content:counter(st);position:absolute;left:0;top:1rem;width:3rem;font-size:2.6rem;line-height:1;font-weight:200;color:var(--cyan)}
.net-steps b{display:block;color:#fff;font-weight:500}
.net-steps span{font-size:.9rem;font-weight:300}
.net-join__cta{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding:1.6rem clamp(22px,3vw,40px);background:linear-gradient(100deg,var(--blue),#2c52d0 55%,#1b2f86);color:#fff;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);overflow:hidden}
.net-join__cta b{font-size:clamp(1.15rem,2.2vw,1.7rem);font-weight:500}
.net-join__cta .btn{--bg:var(--coin);--fg:#2a1d00}
.net-join__cta::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%) no-repeat;background-size:40% 100%;background-position:-60% 0}
.vc-motion .net-join__cta.is-in::after{animation:vc-shine 7s ease-in-out 1.2s infinite}

/* card final */
.final__grid{grid-template-columns:repeat(3,1fr)}
.final__card.is-net{border-color:rgba(91,140,255,.55);background:linear-gradient(160deg,rgba(14,26,74,.8),rgba(7,13,38,.8))}
.final__card.is-net:hover{border-color:rgba(91,140,255,.9)}

/* botão flutuante */
.net-fab{position:fixed;z-index:60;right:max(18px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:.75rem;padding:.7rem 1.5rem .7rem .8rem;text-decoration:none;color:#fff;background:linear-gradient(100deg,#3b6cf0,#1b2f86);border:1px solid rgba(143,178,255,.6);box-shadow:0 22px 44px -16px rgba(40,80,220,.9);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);visibility:hidden;opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease),transform .5s var(--ease),visibility 0s .5s}
.net-fab.show{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.net-fab .coin{width:38px;height:38px;font-size:1rem}
.net-fab b{display:block;font-size:.88rem;font-weight:600;line-height:1.2}
.net-fab small{display:block;font-size:.72rem;font-weight:300;color:var(--blue-soft);line-height:1.2}
.net-fab:hover{filter:brightness(1.12)}

/* manifesto do fundador */
.net-mission{position:relative;display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,56px);align-items:center;margin:clamp(56px,7vw,96px) 0 0;padding:clamp(28px,4vw,52px);background:linear-gradient(120deg,rgba(242,179,61,.13),rgba(91,140,255,.1) 55%,rgba(91,140,255,.03));border:1px solid rgba(242,179,61,.35);clip-path:polygon(22px 0,100% 0,calc(100% - 22px) 100%,0 100%)}
.net-mission::before{content:"\201C";position:absolute;left:clamp(150px,22vw,300px);top:-.18em;font-size:clamp(9rem,16vw,15rem);line-height:1;font-weight:600;color:var(--coin);opacity:.13;pointer-events:none}
.net-mission img{width:clamp(130px,16vw,200px);aspect-ratio:1;object-fit:cover;object-position:top;border-radius:50%;border:2px solid var(--coin);box-shadow:0 0 0 8px rgba(242,179,61,.12),0 0 50px -6px rgba(242,179,61,.5)}
.net-mission .ey{color:var(--coin)}
.net-mission blockquote{margin:0;font-size:clamp(1.35rem,2.9vw,2.35rem);font-weight:300;line-height:1.28;color:#fff;letter-spacing:-.01em;text-wrap:balance}
.net-mission figcaption{margin-top:1rem;font-size:.9rem;color:var(--blue-soft);font-weight:300}
.net-mission figcaption b{color:var(--coin);font-weight:600}
.net-mission__txt{margin-top:1rem;font-size:1.05rem;font-weight:300;max-width:56ch;padding-top:1rem;border-top:1px solid rgba(207,220,255,.2)}
.net-mission__txt b{color:#fff;font-weight:600}
.net-chain{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;list-style:none;padding:0;margin:.6rem 0 0;counter-reset:ch}
.net-chain li{position:relative;padding:.75rem 1.1rem;text-align:center;font-size:.86rem;font-weight:500;color:#fff;background:rgba(91,140,255,.2);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}
.net-chain li:nth-child(2){background:rgba(91,140,255,.3)}.net-chain li:nth-child(3){background:rgba(91,140,255,.42)}
.net-chain li:nth-child(4){background:linear-gradient(100deg,var(--coin),#c98a14);color:#2a1d00;font-weight:600}
@media (max-width:760px){.net-mission{grid-template-columns:1fr;clip-path:none;border-color:rgba(242,179,61,.35)}.net-mission::before{left:auto;right:14px}.net-chain{grid-template-columns:1fr 1fr}}
@media (max-width:1100px){.net-ben{grid-template-columns:1fr 1fr}.final__grid{grid-template-columns:1fr}}
@media (max-width:900px){
  .net__grid,.net-steps{grid-template-columns:minmax(0,1fr)}
  .net-lv{grid-template-columns:repeat(3,1fr);row-gap:28px}.net-lv::before{display:none}
  .doors{grid-template-columns:1fr}
}
@media (max-width:560px){
  .net-ben{grid-template-columns:minmax(0,1fr)}
  .net-lv{grid-template-columns:1fr 1fr}
  .net-node b{font-size:.62rem;padding:.1rem .35rem}
  .net-node i{width:38px;height:38px}
  .net-card{display:none}
  .nc-a{display:flex;right:0;top:-4%}
  .net-fab{left:max(14px,env(safe-area-inset-left,0px));right:max(14px,env(safe-area-inset-right,0px));justify-content:center}
  .net__cta .btn--xl{width:100%}
}
@media (prefers-reduced-motion:reduce){.net-fab{transition:none}}

.net__grid>*,.net-mission>*,.net-join>*{min-width:0}
.net-ticks li{white-space:normal}
@media (max-width:760px){.net-mission{grid-template-columns:minmax(0,1fr)}}