:root{--botty-bg:#05070b;--botty-panel:#0b1018;--botty-line:rgba(110,239,255,.22);--botty-cyan:#62efff;--botty-lime:#c7ff46;--botty-text:#f3f7fb;--botty-muted:#93a2b5}
.botty-page{background:var(--botty-bg);color:var(--botty-text)}
.botty-page .site-header{background:rgba(5,7,11,.9);border-bottom-color:rgba(98,239,255,.14)}
.botty-page .site-nav a.active{color:var(--botty-cyan)}
.botty-hero{min-height:88vh;padding:clamp(8rem,15vw,12rem) clamp(1.5rem,7vw,7rem) 5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:end;gap:4rem;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 30%,rgba(98,239,255,.13),transparent 34%),radial-gradient(circle at 20% 75%,rgba(199,255,70,.08),transparent 32%),#05070b}
.botty-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(98,239,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(98,239,255,.1) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent 5%,black 45%,transparent 100%);transform:perspective(700px) rotateX(62deg) scale(1.5);transform-origin:center bottom}
.botty-hero-copy,.botty-identity{position:relative;z-index:1}
.botty-overline,.botty-label{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--botty-cyan);font-weight:800}
.botty-hero h1{font-size:clamp(4.6rem,13vw,10rem);line-height:.77;margin:.28em 0 .24em;letter-spacing:-.075em;font-weight:950;text-transform:uppercase}.botty-hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px var(--botty-cyan);font-size:.38em;letter-spacing:.06em;margin-left:.08em;margin-bottom:.22em}
.botty-claim{letter-spacing:.22em;font-weight:800;color:var(--botty-lime);font-size:clamp(.8rem,1.3vw,1rem)}
.botty-intro{max-width:720px;color:#c6d0dc;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.7;margin:1.6rem 0 2rem}
.botty-actions{display:flex;flex-wrap:wrap;gap:.8rem}.botty-primary,.botty-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1.2rem;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900}.botty-primary{background:var(--botty-cyan);color:#041014}.botty-secondary{border:1px solid var(--botty-line);color:var(--botty-text)}
.botty-identity{border:1px solid var(--botty-line);padding:2rem;background:linear-gradient(145deg,rgba(98,239,255,.07),rgba(255,255,255,.015));box-shadow:18px 18px 0 rgba(98,239,255,.035)}.botty-identity span,.botty-identity small{display:block;color:var(--botty-muted);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.botty-identity strong{display:block;font-size:clamp(2rem,4vw,3.5rem);line-height:.88;margin:.8rem 0 1.1rem;letter-spacing:-.055em}
.botty-about,.botty-tracks,.botty-channel{padding:clamp(4.5rem,8vw,8rem) clamp(1.5rem,7vw,7rem)}
.botty-about{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,8vw,8rem);border-top:1px solid var(--botty-line);border-bottom:1px solid var(--botty-line);background:#070b11}.botty-about h2,.botty-section-head h2,.botty-channel h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.94;letter-spacing:-.055em;margin:.35rem 0}.botty-about h2 em,.botty-section-head h2 em,.botty-channel h2 em{font-style:normal;color:var(--botty-cyan)}.botty-about-copy{font-size:1.06rem;line-height:1.8;color:#bdc7d2}.botty-about-copy p:first-child{margin-top:0}
.botty-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.botty-section-head a{color:var(--botty-cyan);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.botty-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.botty-track{background:var(--botty-panel);border:1px solid rgba(255,255,255,.08);transition:transform .25s ease,border-color .25s ease}.botty-track:hover{transform:translateY(-5px);border-color:var(--botty-cyan)}.botty-track>a{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.botty-track img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.08);transition:transform .4s ease}.botty-track:hover img{transform:scale(1.04)}.botty-track>a span{position:absolute;right:.6rem;bottom:.6rem;padding:.22rem .45rem;background:rgba(0,0,0,.82);font-size:.7rem;font-weight:800}.botty-track>div{padding:1.2rem}.botty-track small{color:var(--botty-cyan);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:800}.botty-track h3{font-size:1.45rem;margin:.35rem 0 .55rem}.botty-track p{color:var(--botty-muted);line-height:1.55;margin:0;font-size:.92rem}
.botty-shorts-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:clamp(4rem,8vw,7rem) 0 2rem;padding-top:clamp(3rem,6vw,5rem);border-top:1px solid var(--botty-line)}.botty-shorts-head h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.94;letter-spacing:-.055em;margin:.35rem 0}.botty-shorts-head h2 em{font-style:normal;color:var(--botty-lime)}.botty-shorts-head>div>p:last-child{color:var(--botty-muted);line-height:1.6;max-width:720px}.botty-shorts-head>a{color:var(--botty-lime);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.botty-short-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.botty-short{background:var(--botty-panel);border:1px solid rgba(199,255,70,.15);transition:transform .25s ease,border-color .25s ease}.botty-short:hover{transform:translateY(-5px);border-color:var(--botty-lime)}.botty-short>a{display:block;position:relative;aspect-ratio:9/13;overflow:hidden;background:#111}.botty-short img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.botty-short:hover img{transform:scale(1.04)}.botty-short>a span{position:absolute;right:.6rem;bottom:.6rem;padding:.22rem .45rem;background:rgba(0,0,0,.82);font-size:.7rem;font-weight:800}.botty-short>a b{position:absolute;left:.6rem;top:.6rem;padding:.28rem .5rem;background:var(--botty-lime);color:#101600;font-size:.62rem;letter-spacing:.12em}.botty-short>div{padding:1.2rem}.botty-short small{color:var(--botty-lime);text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:800}.botty-short h3{font-size:1.3rem;margin:.35rem 0 .55rem}.botty-short p{color:var(--botty-muted);line-height:1.55;margin:0;font-size:.9rem}
.botty-channel{display:flex;align-items:end;justify-content:space-between;gap:3rem;background:linear-gradient(120deg,#0b111a,#071018);border-top:1px solid var(--botty-line)}.botty-channel>div{max-width:850px}.botty-channel p:not(.botty-label){color:#b8c3d0;max-width:700px;line-height:1.7}
.botty-footer{padding:2rem clamp(1.5rem,7vw,7rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--botty-line);color:var(--botty-muted);font-size:.82rem}.botty-footer>a{color:var(--botty-cyan)}.botty-footer>span strong,.botty-footer>span small{display:block}.botty-footer>span strong{color:var(--botty-text);letter-spacing:.08em}.botty-footer>span small{margin-top:.2rem}
.botty-bridge{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:clamp(2rem,7vw,7rem);background:linear-gradient(135deg,#070a0f,#0d1720);color:#f4f7fb;border-top:1px solid rgba(98,239,255,.2);border-bottom:1px solid rgba(98,239,255,.2)}.botty-bridge-copy h2{font-size:clamp(3.5rem,7vw,7rem);line-height:.82;letter-spacing:-.07em;margin:.25em 0}.botty-bridge-copy h2 em{font-style:normal;color:#62efff}.botty-bridge-copy>p:not(.kicker):not(.botty-producer){color:#b6c2cf;max-width:720px;line-height:1.7;font-size:1.06rem}.botty-producer{display:flex;gap:1rem;align-items:center;margin:1.6rem 0}.botty-producer span{font-size:.68rem;letter-spacing:.15em;color:#62efff;text-transform:uppercase}.botty-producer strong{font-size:1rem}.botty-button{background:#62efff!important;color:#041014!important;border-color:#62efff!important}.botty-bridge-mark{min-height:330px;border:1px solid rgba(98,239,255,.24);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(98,239,255,.14),transparent 58%),repeating-linear-gradient(0deg,transparent 0 19px,rgba(98,239,255,.035) 20px);transform:rotate(2deg)}.botty-bridge-mark span{color:#62efff;font-weight:900;letter-spacing:.18em}.botty-bridge-mark strong{font-size:clamp(4rem,8vw,7rem);line-height:.82;letter-spacing:-.08em}.botty-bridge-mark small{margin-top:1.2rem;letter-spacing:.18em;color:#c7ff46;font-weight:800}
@media (max-width:980px){.botty-hero{grid-template-columns:1fr;align-items:center}.botty-identity{max-width:430px}.botty-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.botty-short-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.botty-bridge{grid-template-columns:1fr}.botty-bridge-mark{min-height:250px}.botty-page .site-nav a{font-size:.74rem}}
@media (max-width:680px){.botty-hero{padding-top:8.5rem;min-height:auto}.botty-about,.botty-channel{grid-template-columns:1fr;display:grid}.botty-section-head,.botty-shorts-head{display:block}.botty-section-head>a,.botty-shorts-head>a{display:inline-block;margin-top:1rem}.botty-track-grid,.botty-short-grid{grid-template-columns:1fr}.botty-short>a{aspect-ratio:4/5}.botty-footer{align-items:flex-start;flex-direction:column}.botty-bridge-mark strong{font-size:4rem}}