:root{--bg:#070707;--bg-soft:#0d0d0e;--purple:#7819ff;--purple-bright:#a45cff;--purple-dark:#2e064f;--white:#fff;--soft:#f3f1f5;--gray:#aaa6ae;--ink:#101014;--line:rgba(255,255,255,.13);--max:1320px;--pad:clamp(1.25rem,4vw,4rem);--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - var(--pad)*2),var(--max));margin-inline:auto}.section{padding:clamp(6rem,10vw,10rem) 0}.section-dark{background:var(--bg);color:var(--white)}.skip-link{position:fixed;z-index:1000;left:1rem;top:-5rem;background:#fff;color:#000;padding:.7rem 1rem}.skip-link:focus{top:1rem}.site-header{position:fixed;z-index:100;inset:0 0 auto;height:84px;color:#fff;transition:.35s}.site-header.scrolled{height:70px;background:rgba(7,7,7,.85);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.7rem;font-size:.82rem;font-weight:800;letter-spacing:.36em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,#a53cff,#4c0790);font-size:.8rem;letter-spacing:0;border-radius:2px}.site-nav{display:flex;align-items:center;gap:clamp(1.4rem,3vw,3rem);font-size:.77rem;letter-spacing:.08em}.site-nav>a:not(.button){color:#ccc;transition:.25s}.site-nav>a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:2rem;background:var(--purple);color:#fff!important;text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.11em;padding:1.05rem 1.35rem;border:1px solid transparent;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);background:#8c31ff;box-shadow:0 12px 35px rgba(120,25,255,.28)}.button-small{padding:.7rem 1rem;gap:.6rem}.nav-toggle{display:none;background:none;border:0;color:#fff;width:42px;height:42px}.nav-toggle span{display:block;width:24px;height:1px;background:currentColor;margin:7px auto;transition:.3s}.hero{position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden;padding:8rem 0 4rem}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:12vw 100%;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;position:relative;z-index:1}.eyebrow{text-transform:uppercase;font-size:.68rem;letter-spacing:.23em;font-weight:700;color:#bcb8c1;margin:0 0 1.8rem;display:flex;align-items:center;gap:.65rem}.eyebrow span{display:block;width:28px;height:1px;background:var(--purple-bright)}.eyebrow.dark{color:#777}.hero h1,.section h2,.innovation h2,.final-cta h2{font-size:clamp(3.4rem,7.7vw,8.2rem);font-weight:700;line-height:.84;letter-spacing:-.065em;text-transform:uppercase;margin:0}.hero h1 em,.section h2 em,.innovation h2 em,.final-cta h2 em{font-style:normal;color:var(--purple-bright)}.hero-lede{font-size:clamp(1rem,1.4vw,1.22rem);color:#bbb;max-width:610px;margin:2.2rem 0}.button-row{display:flex;align-items:center;gap:2rem}.text-link{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #555;padding:.8rem 0}.text-link span{margin-left:1rem}.microcopy{font-size:.7rem;color:#777;margin-top:1.4rem;letter-spacing:.05em}.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center}.hero-art img{position:relative;z-index:2;width:76%;aspect-ratio:1.1;object-fit:cover;border-radius:50%;filter:saturate(.7) contrast(1.15);mix-blend-mode:screen;opacity:.86}.orb{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 40%,#a623ff 0,#6300c4 30%,rgba(91,0,165,.3) 58%,transparent 74%);filter:blur(20px);animation:breathe 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(192,130,255,.23);border-radius:50%;width:88%;aspect-ratio:1;transform:rotate(-22deg) scaleY(.42)}.orbit-one:before,.orbit-two:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#c894ff;left:12%;top:25%;box-shadow:0 0 18px #9f41ff}.orbit-two{width:70%;transform:rotate(34deg) scaleY(.5)}.hero-index{position:absolute;right:var(--pad);bottom:2rem;font-size:.62rem;letter-spacing:.2em;color:#555}.trust{background:#0a0a0a;color:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2rem 0}.trust-label{text-align:center;text-transform:uppercase;font-size:.6rem;letter-spacing:.24em;color:#6f6f72;margin:0 0 1.4rem}.logo-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.logo-rail span{text-align:center;color:#59595d;font-weight:800;letter-spacing:.12em;font-size:.7rem}.split-head,.section-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:4rem}.split-head h2,.section-intro h2{font-size:clamp(2.8rem,5.7vw,6rem)}.split-head>div>p{max-width:690px}.body-large{font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.35}.manifesto{background:#f0eef2}.formula{margin-top:6rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:2rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-transform:uppercase;font-size:clamp(.65rem,1vw,.9rem);letter-spacing:.1em}.formula b{color:#aaa}.formula strong{color:var(--purple);font-size:1.15em}.section-intro{align-items:end;margin-bottom:4rem}.section-intro>p{color:var(--gray);font-size:1.1rem;max-width:460px;margin-left:auto}.systems{background:linear-gradient(180deg,#090909,#050505)}.systems-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.system-card{position:relative;min-height:550px;padding:2rem;border-right:1px solid var(--line);overflow:hidden;transition:.4s var(--ease)}.system-card:last-child{border:0}.system-card:before{content:"";position:absolute;inset:auto -30% -45% -30%;height:60%;background:radial-gradient(ellipse,rgba(121,25,255,.3),transparent 68%);opacity:0;transition:.5s}.system-card:hover{background:#0e0d10}.system-card:hover:before{opacity:1}.card-number{color:#777;font-size:.7rem}.card-line{height:1px;background:var(--line);margin:2rem 0}.system-card h3{text-transform:uppercase;font-size:clamp(1.25rem,2vw,2rem);line-height:1.05;margin:0 0 1.5rem}.system-card p{color:#97949b;line-height:1.5}.system-card ul{list-style:none;padding:0;margin:3rem 0 0;color:#d1ced4;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;transform:translateY(20px);opacity:.55;transition:.4s}.system-card:hover ul{transform:none;opacity:1}.system-card li{border-top:1px solid var(--line);padding:.55rem 0}.steps{margin-top:5rem;border-top:1px solid #ccc}.step{display:grid;grid-template-columns:.2fr .65fr 1fr;gap:2rem;align-items:start;border-bottom:1px solid #ccc;padding:2rem 0}.step span{font-size:.68rem;color:var(--purple)}.step h3{text-transform:uppercase;font-size:clamp(1.4rem,2.5vw,2.4rem);margin:0}.step p{margin:0;color:#656168;max-width:580px}.approach-close{margin:6rem 0 0;font-size:clamp(1.4rem,3vw,3rem);line-height:1.3;text-transform:uppercase;color:#98949a}.approach-close strong{color:#111}.why{background:#080808}.why .split-head{align-items:end}.why-list{margin-top:5rem;border-top:1px solid var(--line)}.why-list article{display:grid;grid-template-columns:.15fr .55fr 1fr;gap:2rem;padding:2.1rem 0;border-bottom:1px solid var(--line);align-items:center}.why-list span{font-size:.65rem;color:#777}.why-list h3{text-transform:uppercase;font-size:clamp(1.15rem,2vw,1.7rem);margin:0}.why-list p{color:#8e8b91;margin:0}.innovation{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 40%,#a321ff 0,#6100b6 28%,#280041 65%,#120019 100%);color:#fff;padding:clamp(7rem,12vw,12rem) 0}.innovation:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:12vw 100%;opacity:.25}.innovation .container{position:relative;z-index:1}.innovation h2{font-size:clamp(3rem,7vw,7rem)}.innovation h2 em{color:#fff}.innovation-copy{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:4rem 0 8rem;margin-left:40%;color:#d8cce0}.innovation-close{font-size:clamp(1.5rem,3vw,3.2rem);line-height:1.2;text-transform:uppercase;margin:0}.innovation-close strong{font-size:1.45em}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.case-card{border:1px solid var(--line);background:#0b0b0c}.case-visual{height:360px;padding:1.3rem;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#5b168d,transparent 32%),linear-gradient(145deg,#161418,#070707)}.case-visual.alt{background:radial-gradient(circle at 75% 35%,#7122ae,transparent 28%),linear-gradient(25deg,#111,#050505)}.case-visual.third{background:radial-gradient(circle at 50% 80%,#4d0b79,transparent 32%),linear-gradient(160deg,#18131b,#050505)}.case-visual>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.15em;color:#aaa}.placeholder-symbol{position:absolute;right:-.05em;bottom:-.28em;font-size:12rem;line-height:1;font-weight:800;color:rgba(255,255,255,.04);letter-spacing:-.08em}.case-info{padding:1.5rem}.case-info p,.case-info span{font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;color:#777}.case-info h3{text-transform:uppercase;margin:.45rem 0 1rem;font-size:1.35rem}.experience-proof{background:#eeecef}.proof-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:1rem}.proof-card{border:1px solid #cfccd1;background:#f7f6f8;min-height:270px;padding:2rem;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#111;cursor:pointer}.proof-card:hover{border-color:var(--purple)}.proof-card>span{font-size:2rem;color:var(--purple);margin-bottom:auto}.proof-card strong{text-transform:uppercase;font-size:1.2rem}.proof-card small{color:#858189;margin-top:.4rem}.founders{background:#080808}.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.founder{border-top:1px solid var(--line);padding-top:1.5rem}.portrait{height:500px;background:radial-gradient(circle at 50% 35%,#53127a,transparent 28%),linear-gradient(145deg,#131115,#090909);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1.8rem}.portrait.second{background:radial-gradient(circle at 30% 55%,#351153,transparent 25%),linear-gradient(35deg,#141116,#070707)}.portrait span{font-size:7rem;font-weight:800;color:rgba(255,255,255,.08)}.portrait small{color:#615e64;text-transform:uppercase;letter-spacing:.15em;font-size:.6rem}.founder>div+div>p:first-child{color:var(--purple-bright);font-size:.67rem;text-transform:uppercase;letter-spacing:.13em}.founder h3{text-transform:uppercase;font-size:1.7rem;margin:.5rem 0}.founder>div+div>p:last-child{color:#8f8c92;max-width:540px}.client-journey{background:#f1eff2}.journey-list{list-style:none;padding:0;margin:5rem 0 0;border-top:1px solid #ccc}.journey-list li{display:grid;grid-template-columns:.15fr .5fr 1fr;gap:2rem;padding:1.6rem 0;border-bottom:1px solid #ccc}.journey-list span{color:var(--purple);font-size:.66rem}.journey-list strong{text-transform:uppercase}.journey-list p{margin:0;color:#6c6870}.final-cta{position:relative;overflow:hidden;padding:clamp(7rem,13vw,13rem) 0;text-align:center}.final-cta .container{position:relative}.cta-glow{position:absolute;inset:10% 25%;background:radial-gradient(ellipse,#6412ad 0,rgba(76,7,132,.45) 35%,transparent 70%);filter:blur(30px)}.final-cta h2{font-size:clamp(2.8rem,6vw,6.5rem)}.final-cta h2 em{color:#fff}.final-cta p{color:#aaa;font-size:1.1rem;margin:2rem auto;max-width:560px}.button-light{background:#fff;color:#111!important}.button-light:hover{background:#eee;color:#111!important}.final-cta small{display:block;color:#777;margin-top:1.2rem}.footer{background:#050505;color:#fff;padding:5rem 0 2rem;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr .6fr .8fr;gap:3rem}.footer-grid p{color:#777}.footer nav,.footer-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.8rem;color:#aaa}.footer-label{text-transform:uppercase;letter-spacing:.15em;font-size:.6rem}.footer-bottom{margin-top:5rem;padding-top:1.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#555;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.footer-bottom div{display:flex;gap:2rem}.modal{border:0;padding:0;background:#f4f2f5;color:#111;width:min(600px,calc(100% - 2rem));box-shadow:0 30px 100px #000}.modal::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}.modal>button{position:absolute;right:1rem;top:1rem;border:0;background:none;font-size:2rem;cursor:pointer}.modal>div{padding:5rem 3rem}.modal h2{font-size:2.5rem;text-transform:uppercase;line-height:1}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes breathe{50%{transform:scale(1.08);opacity:.8}}
@media(max-width:900px){.site-header{height:70px}.nav-toggle{display:block;position:relative;z-index:2}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-nav{position:fixed;inset:0;background:#070707;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--pad);gap:1.4rem;transform:translateX(100%);transition:.4s var(--ease);font-size:1.8rem}.site-nav.open{transform:none}.site-nav .button{font-size:.7rem;margin-top:1rem}.hero-grid{grid-template-columns:1fr}.hero-art{position:absolute;right:-18%;top:22%;width:65%;opacity:.5}.hero-copy{position:relative;z-index:3}.hero-lede{max-width:530px}.split-head,.section-intro{grid-template-columns:1fr;gap:2rem}.section-intro>p{margin-left:0}.systems-grid{grid-template-columns:1fr 1fr}.system-card:nth-child(2){border-right:0}.system-card{min-height:460px;border-bottom:1px solid var(--line)}.innovation-copy{margin-left:20%}.case-grid{grid-template-columns:1fr 1fr}.case-card:last-child{display:none}.proof-grid{grid-template-columns:1fr 1fr}.proof-card:first-child{grid-column:span 2}.portrait{height:400px}}
@media(max-width:600px){:root{--pad:1.25rem}.section{padding:5.5rem 0}.hero{min-height:760px;padding-top:7rem}.hero h1{font-size:clamp(3.15rem,15vw,4.7rem)}.hero-art{width:100%;right:-35%;top:25%}.hero-lede{font-size:.95rem;max-width:90%;margin:1.7rem 0}.button-row{align-items:flex-start;flex-direction:column;gap:.8rem}.button{width:100%;justify-content:space-between}.text-link{font-size:.68rem}.hero-index{display:none}.logo-rail{grid-template-columns:repeat(3,1fr);row-gap:1.4rem}.formula{overflow:auto;justify-content:flex-start;white-space:nowrap;margin-top:4rem}.systems-grid{grid-template-columns:1fr}.system-card{min-height:auto;border-right:0;padding:1.5rem}.system-card ul{transform:none;opacity:1;margin-top:2rem}.step,.why-list article,.journey-list li{grid-template-columns:.2fr 1fr;gap:1rem}.step p,.why-list p,.journey-list p{grid-column:2}.innovation-copy{grid-template-columns:1fr;margin:3rem 0 6rem;gap:1rem}.case-grid,.proof-grid,.founders-grid{grid-template-columns:1fr}.case-card:last-child{display:block}.proof-card:first-child{grid-column:auto}.case-visual{height:300px}.portrait{height:360px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:block}.footer-bottom div{margin-top:1rem}.modal>div{padding:4rem 1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* BRAVYN official brand system — Manual de Marca */
:root{--bg:#000;--bg-soft:#080808;--purple:#8f00ff;--purple-bright:#9d24ff;--purple-dark:#260038;--white:#fff;--soft:#f5f5f5;--ink:#000}
body{font-family:Gilroy,"Avenir Next",Avenir,Montserrat,Arial,sans-serif;font-weight:500}
h1,h2,h3,strong,.button,.brand{font-family:Gilroy,"Avenir Next",Avenir,Montserrat,Arial,sans-serif;font-weight:700}
.site-header.scrolled{background:rgba(0,0,0,.88)}
.brand{gap:.85rem;font-weight:700;letter-spacing:.36em}
.brand-mark{position:relative;display:block;width:42px;height:42px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#8f00ff,#260038);border-radius:3px}
.brand-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}
.orb{background:radial-gradient(circle at 45% 40%,#8f00ff 0,#5a009b 32%,rgba(38,0,56,.5) 62%,transparent 74%)}
.innovation{background:radial-gradient(circle at 70% 40%,#8f00ff 0,#5b009d 28%,#260038 65%,#09000d 100%)}