/* diverGente — black field, four neon colours from the logo (cyan, yellow, violet, magenta) */
.t-div{--bg:#01030c;--ink:#f1f4ff;--mut:#a3aac6;--acc:#e6ff1f;--on-acc:#05060f;--cy:#2fd7ff;--ye:#e6ff1f;--vi:#9a4bff;--ma:#ff2fb6;--line:rgba(160,170,255,.2);--card:rgba(255,255,255,.035);--hbg:rgba(1,3,12,.82);
 --f-display:'Outfit',system-ui,sans-serif;--f-body:'Outfit',system-ui,sans-serif;--f-label:'Outfit',system-ui,sans-serif;--tt-bg:#01030c;--tt-ink:#e6ff1f;--tt-line:#e6ff1f}
.t-div{font-weight:300;font-size:1.1rem}
.t-div .rp{background:linear-gradient(90deg,var(--cy),var(--ye),var(--vi),var(--ma))}
.t-div h1,.t-div h2,.t-div h3{font-weight:600;letter-spacing:-.01em}
.wm{font:600 1.45rem var(--f-display);letter-spacing:-.01em;color:#fff;text-shadow:0 0 14px rgba(255,255,255,.35)}
.wm b{color:var(--ye);font-weight:700;text-shadow:0 0 14px rgba(230,255,31,.7)}
.bars{display:flex;gap:.45rem}.bars i{display:block;height:3px;width:2.4rem;border-radius:3px;box-shadow:0 0 10px currentColor;background:currentColor}
.bars i:nth-child(1){color:var(--cy)}.bars i:nth-child(2){color:var(--ye)}.bars i:nth-child(3){color:var(--vi)}.bars i:nth-child(4){color:var(--ma)}
.t-div .btn{border-radius:999px;color:#05060f}
.t-div .btn.ghost{color:var(--ink)}
.t-div .btn.ghost:hover{border-color:var(--cy);color:var(--cy);box-shadow:0 0 22px rgba(47,215,255,.35)}
.t-div .btn:hover{box-shadow:0 0 30px rgba(230,255,31,.5)}
.dv-hero{text-align:center;padding-block:clamp(2rem,5vw,3.5rem) clamp(2.5rem,6vw,4.5rem);position:relative;overflow:hidden}
.dv-hero::before{content:"";position:absolute;inset:-10% -10% auto;height:90%;background:radial-gradient(ellipse at 50% 38%,rgba(154,75,255,.28),transparent 58%),radial-gradient(ellipse at 22% 55%,rgba(47,215,255,.14),transparent 50%),radial-gradient(ellipse at 80% 52%,rgba(255,47,182,.14),transparent 50%);pointer-events:none}
.dv-hero>*{position:relative}
.dv-logo{width:min(34rem,92%);height:auto;display:block;margin:0 auto;-webkit-mask-image:radial-gradient(ellipse 52% 50% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 52% 50% at 50% 50%,#000 62%,transparent 100%);animation:float 8s ease-in-out infinite alternate}
@keyframes float{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.dv-hero h1{font-size:clamp(2.1rem,6vw,4.2rem);margin-top:.4rem;font-weight:700}
.dv-hero h1 span{background:linear-gradient(90deg,var(--cy),var(--ye) 35%,var(--ma));-webkit-background-clip:text;background-clip:text;color:transparent}
.dv-hero p.tag{margin:1.1rem auto 0;max-width:46ch;color:var(--mut);font-size:1.2rem}
.dv-hero .cta-row{justify-content:center}
.dv-hero .badge{display:inline-block;margin-bottom:1rem;font:500 .74rem var(--f-label);letter-spacing:.2em;text-transform:uppercase;color:var(--cy);border:1px solid var(--cy);padding:.35rem .85rem;border-radius:99px}
/* vision */
.big{font:300 clamp(1.5rem,3.6vw,2.4rem)/1.35 var(--f-display);max-width:30ch}
.big b{font-weight:600;color:var(--ye)}
.lineage{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;color:var(--mut);font-size:.95rem}
.lineage span{border:1px solid var(--line);padding:.3rem .8rem;border-radius:99px}
.lineage b{color:var(--ye);font-weight:600}
/* pillars */
.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.9rem,2.4vw,1.5rem);margin-top:2.25rem}
.pil{--c:var(--cy);border:1.5px solid var(--c);border-radius:1.4rem;padding:clamp(1.3rem,3vw,2rem);background:var(--card);box-shadow:0 0 0 rgba(0,0,0,0),inset 0 0 40px color-mix(in srgb,var(--c) 7%,transparent);transition:box-shadow .35s,transform .35s;min-width:0}
.pil:nth-child(2){--c:var(--ye)}.pil:nth-child(3){--c:var(--vi)}.pil:nth-child(4){--c:var(--ma)}
.pil:hover{box-shadow:0 0 34px color-mix(in srgb,var(--c) 40%,transparent),inset 0 0 40px color-mix(in srgb,var(--c) 10%,transparent);transform:translateY(-3px)}
.pil .no{font:600 .8rem var(--f-label);letter-spacing:.2em;color:var(--c)}
.pil h3{font-size:1.5rem;margin-top:.5rem;color:var(--c)}
.pil p{margin-top:.7rem;color:var(--mut);font-size:1rem}
.pil ul{margin:.9rem 0 0;padding:0;list-style:none;display:grid;gap:.35rem;font-size:.95rem}
.pil li{padding-left:1.1rem;position:relative}.pil li::before{content:"";position:absolute;left:0;top:.7em;width:.5rem;height:2px;background:var(--c);box-shadow:0 0 8px var(--c)}
/* problem */
.prob{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);margin-top:2rem;align-items:start}
.prob>*{min-width:0}
.prob .quote{font:300 1.5rem/1.4 var(--f-display);border-left:3px solid var(--ma);padding-left:1.25rem;box-shadow:-8px 0 24px -12px var(--ma)}
.prob p+p{margin-top:1rem}
.prob p{color:var(--mut)}
/* verbs */
.verbs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.9rem,2.4vw,1.5rem);margin-top:2rem}
.verb{border-top:3px solid var(--c);padding-top:1rem}
.verb:nth-child(1){--c:var(--cy)}.verb:nth-child(2){--c:var(--vi)}.verb:nth-child(3){--c:var(--ma)}
.verb b{font:600 1.9rem var(--f-display);color:var(--c)}
.verb p{margin-top:.5rem;color:var(--mut);font-size:1rem}
/* ladder */
.ladder{margin-top:2.25rem;display:grid;gap:0;position:relative;counter-reset:l}
.ladder::before{content:"";position:absolute;left:1.15rem;top:.6rem;bottom:.6rem;width:2px;background:linear-gradient(var(--cy),var(--ye),var(--vi),var(--ma));box-shadow:0 0 12px rgba(154,75,255,.6)}
.step{position:relative;padding:0 0 1.9rem 3.6rem;counter-increment:l;min-width:0}
.step::before{content:counter(l);position:absolute;left:0;top:0;width:2.35rem;height:2.35rem;border-radius:50%;background:var(--bg);border:2px solid var(--c);color:var(--c);display:grid;place-items:center;font:600 1rem var(--f-label);box-shadow:0 0 14px color-mix(in srgb,var(--c) 55%,transparent)}
.step:nth-child(1){--c:var(--cy)}.step:nth-child(2){--c:var(--ye)}.step:nth-child(3){--c:var(--vi)}.step:nth-child(4){--c:var(--ma)}
.step h3{font-size:1.3rem;color:var(--c)}.step p{margin-top:.35rem;color:var(--mut)}
.step a{color:var(--c);font-weight:500}
.step .tg{display:inline-block;margin-left:.6rem;font:500 .66rem var(--f-label);letter-spacing:.12em;text-transform:uppercase;border:1px solid currentColor;border-radius:99px;padding:.1rem .5rem;vertical-align:middle;color:var(--mut)}
/* roles */
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.9rem,2.4vw,1.5rem);margin-top:2rem}
.role{border:1px solid var(--line);border-radius:1.2rem;padding:1.4rem;background:var(--card);min-width:0}
.role h3{font-size:1.2rem;color:var(--ye)}.role p{margin-top:.6rem;color:var(--mut);font-size:.98rem}
.skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.skills span{border:1px solid var(--line);border-radius:99px;padding:.3rem .85rem;font-size:.9rem;color:var(--mut)}
.callout{margin-top:2rem;border:1.5px solid var(--ye);border-radius:1.2rem;padding:clamp(1.2rem,3vw,1.8rem);box-shadow:0 0 30px -10px var(--ye);max-width:62ch}
.callout b{color:var(--ye)}
@media (max-width:820px){.pillars,.prob,.verbs,.roles{grid-template-columns:1fr}}

.t-div{--bg3d-a:#2fd7ff;--bg3d-b:#ff2fb6;--bg3d-alpha:1}