@import "https://fonts.googleapis.com/css2?family=Great+Vibes&family=Inter:wght@400;500;600&family=Poppins:wght@400;500;600;800&display=swap";:root{--bg:#0a0a0a;--panel:#111;--panel-2:#171717;--line:#242424;--text:#fff;--muted:#b8b8b8;--accent:#00c8ff;--accent-2:#008dff;--shadow:0 18px 30px #0000005c;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 100% 0,#008dff1f,#0000 24%),radial-gradient(circle at 20% 0,#00c8ff1a,#0000 18%),linear-gradient(#060708 0%,#0a0a0a 100%);margin:0;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.page-shell{padding:18px;position:relative;overflow:hidden}.page-glow{filter:blur(80px);opacity:.18;pointer-events:none;border-radius:50%;width:28rem;height:28rem;position:fixed}.page-glow-left{background:var(--accent);top:-8rem;left:-8rem}.page-glow-right{background:var(--accent-2);top:10rem;right:-12rem}.layout,.site-header,.site-footer{width:min(1420px,100%);margin:0 auto}.panel{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#161616f5,#0b0b0bfa);border:1px solid #ffffff14}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:18px 22px;display:flex;position:sticky;top:18px}.brand{align-items:baseline;gap:8px;display:flex}.brand-main{letter-spacing:.06em;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:600}.brand-script{color:var(--accent);font-family:Great Vibes,cursive;font-size:1.75rem}.site-nav{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.site-nav a,.footer-heading,.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-family:Poppins,sans-serif}.site-nav a{color:var(--muted);font-size:.76rem}.site-nav a.active,.site-nav a:hover{color:var(--accent)}.header-cta,.btn{border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:.95rem 1.35rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:inline-flex}.header-cta{border:1px solid #00c8ff59;font-family:Poppins,sans-serif;font-size:.8rem}.btn{border:1px solid #ffffff1f;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500}.btn:hover,.header-cta:hover,.project-card:hover,.feature-item:hover,.preview-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px #0000006b}.btn-primary{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#071017;border-color:#0000}.btn-secondary{background:#ffffff05}.full{width:100%}.center-button{margin:8px auto 0}.page-grid{gap:18px;display:grid}.muted,.project-card p,.footer-brand p,footer p{color:var(--muted)}.hero-copy h1,.project-card h3,.about-card h2,.contact-card h2{font-family:Poppins,sans-serif}.hero-copy h1 span,.accent{color:var(--accent)}.hero-card{background:linear-gradient(90deg,#050a12e0 0%,#060c1459 55%),url(/assets/hero.jpg) 50%/cover no-repeat;justify-content:space-between;min-height:720px;padding:42px;display:flex;position:relative}.hero-copy{flex-direction:column;justify-content:center;width:min(520px,100%);display:flex}.eyebrow{color:var(--muted);margin:0 0 12px;font-size:.74rem}.hero-copy h1{text-transform:uppercase;margin:0;font-size:clamp(3rem,6vw,5.2rem);line-height:.95}.hero-script{color:#f7f7f7;margin:10px 0 20px;font-family:Great Vibes,cursive;font-size:clamp(2rem,4vw,3rem)}.hero-tags{flex-wrap:wrap;gap:10px 16px;max-width:34rem;margin-bottom:28px;display:flex}.hero-tags span{color:#ebebeb;font-size:.9rem}.hero-tags span:after{content:"•";color:#ffffff5c;margin-left:16px}.hero-tags span:last-child:after{content:"";margin:0}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.social-rail{flex-direction:column;align-self:center;gap:12px;display:flex}.social-rail a{text-transform:uppercase;background:#00000052;border:1px solid #ffffff1f;border-radius:12px;place-items:center;width:42px;height:42px;font-family:Poppins,sans-serif;display:grid}.scroll-hint{justify-items:center;gap:10px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.mouse{border:1px solid #ffffffb8;border-radius:999px;width:18px;height:32px;position:relative}.mouse:before{content:"";background:var(--text);border-radius:999px;width:4px;height:7px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.scroll-hint span{color:#ffffffbf;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.feature-showcase,.projects-section,.about-tools-contact{padding:22px}.feature-showcase{background:radial-gradient(circle at 0 0,#00c8ff1f,#0000 28%),linear-gradient(#0f1215fa,#07080afa);padding:18px}.feature-showcase-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.feature-showcase-head h2{text-transform:uppercase;margin:0;font-family:Poppins,sans-serif;font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:.95}.feature-showcase-note{max-width:22rem;color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.feature-player,.project-card{background-position:50%;background-size:cover;border:1px solid #ffffff14;border-radius:16px;position:relative;overflow:hidden}.feature-video-layout{grid-template-columns:minmax(0,1.18fr) minmax(230px,.82fr);align-items:stretch;gap:14px;display:grid}.feature-player{background:linear-gradient(#ffffff08,#ffffff03);border-radius:20px;min-height:280px}.feature-player-media{height:100%;position:relative}.feature-player video{object-fit:cover;background:#050505;width:100%;height:100%;min-height:280px;display:block}.feature-player-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#040a111f,#040a11e0);border-radius:12px;justify-content:space-between;align-items:flex-end;gap:12px;padding:12px;display:flex;position:absolute;inset:auto 14px 14px}.feature-player-copy{gap:4px;display:grid}.feature-player-overlay p,.feature-queue-copy p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem}.feature-player-overlay h3,.feature-queue-copy h3{text-transform:uppercase;margin:0;font-family:Poppins,sans-serif;font-size:.95rem}.feature-player-overlay h3{font-size:clamp(.98rem,1.45vw,1.2rem)}.feature-player-count{flex:none;justify-items:end;gap:2px;display:grid}.feature-player-count strong{font-family:Poppins,sans-serif;font-size:clamp(1.2rem,2.1vw,1.8rem);line-height:.9}.feature-player-count span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.feature-queue{gap:10px;display:grid;overflow:hidden}.feature-queue-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;padding:0;transition:transform .35s,border-color .35s,background .35s;overflow:hidden}.feature-queue-card:hover,.feature-queue-card.is-next{background:#ffffff0a;border-color:#00c8ff5c;transform:translate(-8px)}.feature-queue-thumb{background-position:50%;background-size:cover;justify-content:flex-start;align-items:flex-start;min-height:90px;padding:12px;display:flex}.feature-queue-copy{gap:2px;padding:12px;display:grid}.feature-queue-copy span{color:#ffffff61;letter-spacing:.12em;font-family:Poppins,sans-serif;font-size:.74rem}.feature-strip{margin-top:14px;overflow:hidden}.feature-strip-track{gap:14px;width:max-content;transition:transform .6s;display:flex}.feature-strip-card{opacity:.55;background-position:50%;background-size:cover;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:space-between;width:14rem;min-height:92px;padding:12px;transition:opacity .35s,transform .35s,border-color .35s;display:flex;transform:scale(.96)}.feature-strip-card.is-active{opacity:1;border-color:#00c8ff57;transform:scale(1)}.feature-strip-card span,.feature-strip-card strong{font-family:Poppins,sans-serif}.feature-strip-card span{color:#ffffffb3;letter-spacing:.14em;font-size:.7rem}.feature-strip-card strong{text-transform:uppercase;font-size:.82rem}.projects-carousel{margin-bottom:18px;overflow:hidden}.projects-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card{text-align:left;min-height:220px;color:inherit;cursor:pointer;background-color:#0000;justify-content:space-between;align-items:flex-end;padding:20px;transition:transform .45s,opacity .45s,border-color .45s,filter .45s;display:flex}.project-card:not(.is-active){opacity:.68;filter:saturate(.72);transform:translate(22px)scale(.94)}.project-card.is-active{opacity:1;border-color:#00c8ff4d;transform:translate(0)scale(1)}.project-card h3{margin:0 0 4px;font-size:1.3rem}.project-card span:last-child{font-size:1.5rem}.projects-dots{justify-content:center;gap:10px;margin-top:14px;display:flex}.projects-dots button{cursor:pointer;background:#ffffff3d;border:0;border-radius:999px;width:9px;height:9px;padding:0;transition:transform .25s,background .25s}.projects-dots button.is-active{background:var(--accent);transform:scale(1.3)}.about-tools-contact{grid-template-columns:1.15fr 1.35fr 1.2fr;gap:18px;display:grid}.about-card,.tools-card,.contact-card{padding:22px}.about-content{grid-template-columns:120px 1fr;align-items:start;gap:18px;display:grid}.about-content img{border:1px solid #ffffff14;border-radius:12px;width:100%}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tool-badge,.contact-grid div{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px}.tool-badge{align-items:center;gap:12px;min-height:72px;padding:12px;display:flex}.tool-badge strong{font-family:Poppins,sans-serif;font-size:.78rem;line-height:1.2}.tool-icon{border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f}.tool-icon span{letter-spacing:-.03em;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700}.tool-icon-ring:before{content:"";opacity:.9;border:2px solid;border-radius:50%;position:absolute;inset:8px}.tone-purple .tool-icon{color:#cdbfff;background:linear-gradient(135deg,#221248,#10091f)}.tone-indigo .tool-icon{color:#c8b7ff;background:linear-gradient(135deg,#25165a,#120b2e)}.tone-sunset .tool-icon{color:#ffe4c2;background:linear-gradient(135deg,#ff8a38,#4d270d)}.tone-blue .tool-icon{color:#8fd4ff;background:linear-gradient(135deg,#033b64,#071825)}.tone-cyan .tool-icon{color:#9ee7ff;background:linear-gradient(135deg,#0d5f7d,#081b24)}.tone-orange .tool-icon{color:#ffc78f;background:linear-gradient(135deg,#7d3b05,#271307)}.tone-violet .tool-icon{color:#f0b6ff;background:linear-gradient(135deg,#5d1c70,#1d0c22)}.tone-teal .tool-icon{color:#b6fff7;background:linear-gradient(135deg,#0f7c77,#082120)}.tone-green .tool-icon{color:#cbffd8;background:linear-gradient(135deg,#1f6b3d,#0b1c12)}.tone-lime .tool-icon{color:#ddff9b;background:linear-gradient(135deg,#5f7d0a,#1a2208)}.tone-mint .tool-icon{color:#d6fff1;background:linear-gradient(135deg,#17705d,#0a1e18)}.tone-sky .tool-icon{color:#d4efff;background:linear-gradient(135deg,#1d6ea2,#0a1b28)}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.contact-grid div{padding:16px}.contact-grid span{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:.76rem;display:block}.site-footer{grid-template-columns:1.3fr .75fr .75fr 1fr;gap:20px;margin-top:18px;padding:24px 22px;display:grid}.site-footer>div{align-content:start;gap:10px;display:grid}.site-footer a{color:var(--muted)}@media (width<=1180px){.feature-showcase-head,.feature-video-layout,.projects-track,.about-tools-contact,.site-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-showcase-head{align-items:start;display:grid}}@media (width<=980px){.about-tools-contact{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav{gap:16px}}@media (width<=820px){.page-shell{padding:12px}.site-header{flex-direction:column;align-items:stretch;position:static}.feature-grid,.feature-video-layout,.projects-track,.about-tools-contact,.site-footer,.contact-grid,.tools-grid{grid-template-columns:1fr}.project-card:not(.is-active){transform:none}.feature-player,.feature-player video{min-height:240px}.feature-player-overlay{flex-direction:column;justify-content:flex-start;align-items:start;padding:12px;inset:auto 12px 12px}.feature-queue-card:hover,.feature-queue-card.is-next{transform:none}.feature-strip-card{width:12rem}.hero-card{background-position:62%;flex-direction:column;min-height:720px;padding:22px}.hero-copy{width:100%}.social-rail{flex-direction:row;margin-top:18px}.scroll-hint{margin-top:auto;position:static;transform:none}.about-content{grid-template-columns:1fr}}@media (width<=640px){.site-header{padding:16px 18px}.site-nav{justify-content:flex-start;gap:12px 16px}.header-cta,.btn,.hero-actions{width:100%}.feature-showcase,.projects-section,.about-card,.tools-card,.contact-card{padding:16px}.feature-showcase-note{max-width:100%;font-size:.88rem}.feature-player,.feature-player video,.project-card{min-height:220px}.feature-queue-thumb{min-height:78px}.feature-strip-card{width:10.5rem;min-height:84px}.tools-grid,.contact-grid{grid-template-columns:1fr}.tool-badge{min-height:68px}.site-footer{padding:18px 16px}}