:root{--bg:#14171c;--bg-2:#1b2027;--ink:#101318;--surface:#1d232b;--surface-2:#242c36;--paper:#fdfdf7;--ink-text:#16191d;--ink-muted:#4c5866;--line:#2dd4bf38;--text:#fff;--muted:#b9c6cf;--teal:#2dd4bf;--teal-strong:#14e0c8;--teal-dark:#0d9488;--cyan:#67e8f9;--cobalt:#3b82f6;--radius:14px;--slash:polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);--slash-sm:polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);--shadow:0 24px 60px #00000073;--hard-teal:5px 5px 0 var(--teal-dark);--hard-cobalt:5px 5px 0 var(--cobalt);--font-display:"Anton", "Sora", system-ui, sans-serif;--font-head:"Sora", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(220px 220px at 12% 22%,#67e8f924,#0000 70%),radial-gradient(300px 300px at 82% 12%,#2dd4bf1f,#0000 70%),radial-gradient(260px 260px at 68% 78%,#3b82f61f,#0000 70%),radial-gradient(180px 180px at 28% 72%,#67e8f914,#0000 70%);animation:26s ease-in-out infinite alternate mote-drift;position:fixed;inset:-10%}body:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(115deg,#0000 42%,#67e8f90f 50%,#0000 58%);animation:16s ease-in-out infinite alternate sheen-sweep;position:fixed;inset:-20%}@keyframes mote-drift{0%{transform:translate(-2%,-1%)}to{transform:translate(2%,2%)}}@keyframes sheen-sweep{0%{transform:translate(-6%)}to{transform:translate(6%)}}#root{z-index:1;position:relative}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:0 auto}h1,h2,h3{letter-spacing:.01em;line-height:1.1}h1{font-family:var(--font-display);text-transform:uppercase;text-shadow:4px 4px #0d94888c;margin:.6rem 0;font-size:clamp(2.8rem,6vw,4.6rem);transform:rotate(-1deg)}h2{font-family:var(--font-display);text-transform:uppercase;background:var(--paper);color:var(--ink-text);box-shadow:var(--hard-cobalt);margin-bottom:1rem;padding:.35rem 1.2rem;font-size:clamp(2rem,3.6vw,2.8rem);display:inline-block;transform:skew(-8deg)rotate(-1deg)}h3{font-family:var(--font-head);font-size:1.25rem}.accent{color:var(--teal-strong)}.muted{color:var(--muted)}.small{text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}.eyebrow{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);background:var(--ink);border:1px solid var(--line);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.3rem .9rem;font-size:.95rem;display:inline-flex;transform:rotate(-1deg)}.dot{background:var(--teal-strong);width:8px;height:8px;box-shadow:0 0 12px var(--teal-strong);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.section{padding:5.5rem 0;position:relative}.section-alt{clip-path:polygon(0 1.5vw,100% 0,100% calc(100% - 1.5vw),0 100%);background:linear-gradient(#ffffff06,#00000040);padding:6.5rem 0}.section-sub{color:var(--muted);text-align:center;max-width:640px;margin:0 auto 2.5rem}.section .container>.eyebrow,.section .container>h2{text-align:center;margin-left:auto;margin-right:auto;display:table}.section .container>.eyebrow{display:inline-flex}.btn{cursor:pointer;clip-path:var(--slash-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.7rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translate(-2px,-2px)}.btn:active{transform:translate(2px,2px);box-shadow:none!important}.btn-primary{background:var(--teal-strong);color:#04211d;box-shadow:var(--hard-cobalt);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em}.btn-primary:hover{background:var(--cyan)}.btn-ghost{background:var(--paper);color:var(--ink-text);box-shadow:var(--hard-teal);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em}.btn-ghost:hover{background:var(--cyan)}.btn-small{background:var(--teal-strong);color:#04211d;font-size:.85rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;padding:.6rem 1.2rem}.btn-full{width:100%}.pill{background:var(--teal-strong);color:#04211d;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--cobalt);clip-path:var(--slash-sm);align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex;transform:rotate(-1deg)}.pill-dim{background:var(--paper);color:var(--ink-text);box-shadow:3px 3px 0 var(--teal-dark)}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:3px solid var(--teal-dark);background:#101318eb;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(1120px,92%);margin:0 auto;padding:.7rem 0;display:flex}.brand{align-items:center;gap:.7rem;transition:transform .15s;display:flex}.brand:hover{transform:rotate(-2deg)scale(1.03)}.brand-mark{width:42px;height:42px;filter:drop-shadow(3px 3px 0 var(--cobalt));display:block}.brand-text{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;line-height:1.05;display:flex}.brand-text small{color:var(--cyan);font-family:var(--font-body);letter-spacing:.24em;text-transform:uppercase;font-size:.62rem;font-weight:600}.nav-links{align-items:center;gap:.5rem;display:flex}.nav-links a:not(.btn){color:var(--text);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;clip-path:var(--slash-sm);padding:.5rem .9rem;font-size:.92rem;transition:background .15s,transform .15s}.nav-links a:not(.btn):hover{background:var(--teal-strong);color:#04211d;transform:skew(-8deg)}.nav-toggle{background:var(--paper);border:2px solid var(--ink);color:var(--ink-text);cursor:pointer;clip-path:var(--slash-sm);padding:.55rem .75rem;font-size:1.1rem;display:none}.sound-toggle{cursor:pointer;background:var(--surface-2);width:42px;height:42px;color:var(--cyan);border:1px solid var(--line);clip-path:var(--slash-sm);place-items:center;transition:background .15s,transform .15s;display:grid}.sound-toggle:hover{background:#2dd4bf33;transform:translateY(-2px)}.sound-toggle[aria-pressed=true]{background:var(--teal-strong);color:#04211d}.hero{padding:4.5rem 0 3.5rem}.hero-grid{grid-template-columns:380px 1fr;align-items:center;gap:3rem;display:grid}.hero-media{position:relative}.avatar-ring{background:var(--ink);border:3px solid var(--teal-strong);clip-path:var(--slash);box-shadow:8px 8px 0 var(--cobalt);padding:10px}.avatar-ring img{aspect-ratio:auto;object-fit:contain;width:100%;height:auto;clip-path:var(--slash-sm);background:#fff;display:block}.char-banner{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;background:var(--paper);color:var(--ink-text);box-shadow:4px 4px 0 var(--teal-dark);border:2px solid var(--ink);padding:.25rem 1.1rem;font-size:1.4rem;position:absolute;bottom:34px;left:-10px;transform:rotate(-3deg)}.char-sticker{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;background:var(--cobalt);color:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:.35rem .8rem;font-size:.8rem;position:absolute;top:-14px;right:-8px;transform:rotate(6deg)}.hero-badges{flex-wrap:wrap;gap:.6rem;margin-top:1rem;margin-bottom:1.4rem;display:flex}.role-line{color:var(--ink-text);margin-bottom:1rem;font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:600}.role-rotate{color:var(--cobalt);animation:.45s rise;display:inline-block}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.lede{color:var(--muted);max-width:58ch;font-size:1.08rem}.hero-cta{flex-wrap:wrap;gap:.9rem;margin:1.6rem 0;display:flex}.socials{gap:1rem;margin-top:.4rem;display:flex}.socials a{background:var(--surface-2);border:2px solid var(--teal-dark);width:46px;height:46px;color:var(--text);clip-path:var(--slash-sm);place-items:center;transition:transform .15s,background .15s;display:grid}.socials a:hover{background:var(--teal-strong);color:#04211d;transform:translateY(-3px)rotate(-4deg)}.timeline{grid-template-columns:repeat(3,1fr);gap:1.4rem;display:grid}.timeline-card{background:var(--paper);color:var(--ink-text);clip-path:var(--slash);box-shadow:7px 7px 0 var(--teal-dark);padding:1.6rem 1.6rem 2rem;transition:transform .15s}.timeline-card:hover{transform:translate(-3px,-3px)rotate(-.5deg)}.timeline-card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}.timeline-card .muted{color:var(--ink-muted)}.timeline-card p{color:#2c3540;margin-top:.6rem}.stack-row{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2rem;display:flex}.services-head{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.8rem;display:flex}.services-head .section-sub{margin-bottom:0}.section-sub-left{text-align:center;margin:0 auto}.scroll-arrows{gap:.7rem;display:flex}.scroll-arrows button{background:var(--teal-strong);color:#04211d;cursor:pointer;border:2px solid var(--ink);width:50px;height:50px;clip-path:var(--slash-sm);box-shadow:4px 4px 0 var(--cobalt);font-size:1rem;transition:transform .15s,background .15s}.scroll-arrows button:hover{background:var(--cyan);transform:translate(-2px,-2px)}.scroll-arrows button:active{box-shadow:none;transform:translate(2px,2px)}.service-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:1.3rem;padding:.4rem .4rem 1rem;display:flex;overflow-x:auto}.service-grid::-webkit-scrollbar{display:none}.service-card{scroll-snap-align:start;background:var(--paper);color:var(--ink-text);clip-path:var(--slash);box-shadow:6px 6px 0 var(--cobalt);flex:0 0 260px;padding:1.5rem 1.5rem 1.8rem;transition:transform .15s,box-shadow .15s}.service-card:nth-child(2n){box-shadow:6px 6px 0 var(--teal-dark)}.service-card:hover{transform:translateY(-6px)rotate(-.6deg)}.service-card img{object-fit:contain;width:46px;height:46px;margin-bottom:1rem}.service-card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em}.service-card p{color:#2c3540;margin:.6rem 0 1rem;font-size:.96rem}.card-link{color:var(--cobalt);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.card-link:hover{color:var(--teal-dark)}.player-card{border:3px solid var(--ink);outline:2px solid var(--teal-dark);box-shadow:8px 8px 0 var(--cobalt);clip-path:var(--slash);background:linear-gradient(#0d2b31,#081c20);max-width:820px;margin:0 auto;padding:1.8rem}.player-top{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.2rem;display:flex}.player-top h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:1.6rem}.player-controls{align-items:center;gap:.7rem;display:flex}.player-controls button{width:48px;height:48px;color:var(--text);cursor:pointer;background:var(--surface-2);border:2px solid var(--teal-dark);clip-path:var(--slash-sm);font-size:1.05rem;transition:transform .15s,background .15s}.player-controls button:disabled{opacity:.35;cursor:not-allowed}.player-controls button:not(:disabled):hover{background:var(--teal-strong);color:#04211d;transform:translateY(-2px)}.play-main{box-shadow:4px 4px 0 var(--cobalt);background:var(--teal-strong)!important;color:#04211d!important;border-color:var(--ink)!important;width:62px!important;height:62px!important;font-size:1.3rem!important}.progress{cursor:pointer;height:10px;clip-path:var(--slash-sm);background:#ffffff1f;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--cobalt), var(--teal-strong), var(--cyan));height:100%;transition:width .15s linear}.time-row{color:var(--muted);justify-content:space-between;margin:.55rem 0 1.2rem;font-size:.88rem;display:flex}.playlist{scrollbar-width:thin;scrollbar-color:var(--teal-strong) #ffffff14;gap:.55rem;max-height:340px;padding:.3rem .6rem .3rem .3rem;list-style:none;display:grid;overflow-y:auto}.playlist::-webkit-scrollbar{width:8px}.playlist::-webkit-scrollbar-track{background:#ffffff14}.playlist::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--teal-strong), var(--teal-dark));border:2px solid #081c20}.playlist::-webkit-scrollbar-thumb:hover{background:var(--teal-strong)}.track{text-align:left;width:100%;color:var(--text);cursor:pointer;clip-path:var(--slash-sm);background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:.9rem;padding:.8rem 1rem;transition:background .15s,transform .15s;display:flex}.track:hover{background:#2dd4bf29;transform:translate(4px)}.track.active{background:var(--paper);color:var(--ink-text);box-shadow:4px 4px 0 var(--teal-strong);border:none}.track.active .track-tag{color:var(--teal-dark);border-color:var(--teal-dark)}.track-title{font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;flex:1;font-size:.95rem}.track-tag{color:var(--muted);border:1px solid var(--line);padding:.15rem .6rem;font-size:.75rem}code{background:#ffffff14;padding:.15rem .45rem;font-size:.9em}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2.5rem;display:grid}.contact-grid h2{display:inline-block}.contact-list{color:var(--muted);gap:.8rem;margin-top:1.5rem;list-style:none;display:grid}.contact-list i{color:var(--teal-strong);margin-right:.6rem}.contact-form{background:var(--paper);color:var(--ink-text);clip-path:var(--slash);box-shadow:7px 7px 0 var(--teal-dark);gap:.6rem;padding:1.8rem 1.8rem 2.2rem;display:grid}.contact-form label{text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:700}.contact-form input,.contact-form textarea{border:2px solid var(--ink);color:var(--ink-text);font:inherit;resize:vertical;clip-path:var(--slash-sm);background:#fff;padding:.85rem 1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cobalt);box-shadow:3px 3px 0 var(--cobalt);outline:none}.sent-note{color:var(--teal-dark);font-weight:700}.field-error{color:#b91c1c;margin:0;font-size:.85rem;font-weight:600}.form-error{color:#b91c1c;font-size:.92rem;font-weight:600}.form-hint{color:var(--ink-muted);font-size:.88rem}.form-hint a{color:var(--cobalt);font-weight:700}.link-button{font:inherit;color:var(--cobalt);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.footer{border-top:3px solid var(--teal-dark);background:#00000059;padding:1.8rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.footer a{color:var(--teal-strong);font-weight:600}@media (width<=900px){.hero-grid,.contact-grid{grid-template-columns:1fr}.hero-media{max-width:420px}.timeline{grid-template-columns:1fr}.nav-toggle{display:block}.nav-links{background:var(--ink);border:2px solid var(--teal-dark);flex-direction:column;align-items:stretch;gap:.3rem;padding:.6rem;display:none;position:absolute;top:100%;left:4%;right:4%}.nav-links.open{display:flex}.nav-links a{padding:.8rem 1rem}.player-top{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}h1,h2,.eyebrow,.pill,.char-banner{transform:none!important}}