/* Local font stacks prevent flashes and malformed glyphs when remote fonts are unavailable. */

:root{--ink:#050305;--panel:#120508;--panel2:#1c070d;--red:#ef003f;--hot:#ff174f;--line:#a50b31;--paper:#f5eeee;--muted:#b8aeb1;--marker:"Permanent Marker",cursive;--condensed:"Barlow Condensed",sans-serif;--sans:"Inter",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;color:#fff;background:radial-gradient(circle at 50% 12%,#25040d 0,#0a0205 32%,#030203 66%);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;z-index:20;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.section-shell{width:min(1360px,calc(100% - 56px));margin-inline:auto}.landing-header{height:108px;width:min(1360px,calc(100% - 56px));margin:auto;display:flex;align-items:center;gap:40px;position:relative;z-index:30}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:var(--marker);font-size:26px;line-height:.86;white-space:nowrap}.brand-spark{position:relative;display:block;width:48px;height:48px}.brand-spark i{position:absolute;left:21px;top:3px;width:5px;height:42px;background:var(--red);border-radius:3px}.brand-spark i:nth-child(2){transform:rotate(45deg)}.brand-spark i:nth-child(3){transform:rotate(90deg)}.brand-spark i:nth-child(4){transform:rotate(135deg)}.brand-spark:after{content:"";position:absolute;background:var(--ink);border-radius:50%;width:9px;height:9px;left:19px;top:20px}.main-nav{display:flex;align-items:center;justify-content:center;gap:46px;margin-left:auto}.main-nav a{color:#fff;text-decoration:none;text-transform:uppercase;font:600 16px var(--condensed);font-style:italic;transition:color .2s}.main-nav a:hover{color:var(--hot)}.header-actions{display:flex;gap:14px}.button{height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:7px;border:1px solid var(--red);text-decoration:none;color:#fff;font:700 16px var(--condensed);text-transform:uppercase;letter-spacing:.02em;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,#d80038,#ff0750);box-shadow:0 8px 30px #d5003a26}.button-primary:hover{box-shadow:0 8px 34px #ff004b55}.button-ghost{background:#080307}.menu-button{display:none}

.hero{min-height:930px;position:relative;padding-top:62px;border-bottom:1px solid #2f0a14}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;opacity:.35}.hero:before{inset:0;background:linear-gradient(115deg,transparent 0 15%,#39081255 15.2%,transparent 15.5% 72%,#64001822 72.2%,transparent 72.7%),radial-gradient(circle at 8% 68%,#ef003f18,transparent 22%)}.hero:after{right:-80px;top:70px;width:240px;height:650px;background:repeating-linear-gradient(142deg,transparent 0 16px,#e9003e 17px 19px,transparent 20px 27px);clip-path:polygon(100% 0,100% 100%,10% 67%,55% 50%,0 22%)}.hero-glow{position:absolute;left:44%;top:80px;width:660px;height:500px;background:#d4003415;filter:blur(40px)}.hero-copy{position:relative;z-index:3;width:44%}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--hot);border:1px solid #8d0a2b;border-radius:8px;padding:9px 14px;text-transform:uppercase;font:600 14px var(--condensed);letter-spacing:.05em}.eyebrow span{font-size:20px}.crown-doodle{position:absolute;color:var(--hot);font-size:75px;left:370px;top:-12px;transform:rotate(-10deg)}.hero h1{margin:28px 0 22px;font:900 italic clamp(90px,9.4vw,132px)/.75 var(--condensed);text-transform:uppercase;letter-spacing:-.055em;transform:rotate(-2deg);filter:drop-shadow(5px 8px 0 #1a0007)}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--red);font-size:1.15em;font-weight:900;position:relative}.hero h1 strong:after{content:"";height:11px;width:105%;background:var(--red);position:absolute;bottom:-10px;left:-4%;transform:skew(-28deg) rotate(-4deg);box-shadow:55px 11px 0 -3px var(--red)}.hero-description{margin:38px 0 28px;font-size:18px;line-height:1.55}.hero-actions{display:flex;gap:12px}.button-large{height:58px;padding-inline:28px;font-size:17px}.builder-proof{display:flex;align-items:center;margin-top:50px;gap:20px}.avatar-stack{display:flex}.avatar-stack span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#2b0d12,#080304);border:2px solid #f2d5d5;margin-left:-12px;font-size:27px;overflow:hidden}.avatar-stack span:first-child{margin-left:0}.builder-proof p{font-size:14px;line-height:1.5}.builder-proof b{font-size:17px}.builder-proof em{color:var(--red);font-size:22px}.hero-showcase{position:absolute;z-index:4;left:39%;top:65px;width:58%;height:790px}.project-stage{height:555px;border:2px solid var(--red);border-radius:14px;background:linear-gradient(145deg,#050308 15%,#2a0510 90%);box-shadow:0 0 35px #c6003628;display:grid;grid-template-columns:55% 45%;grid-template-rows:1fr 78px;overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateZ(-1.8deg);transform-origin:center;transition:transform .25s}.project-stage:hover{transform:perspective(1200px) rotateY(-1deg) rotateZ(-.5deg) translateY(-5px)}.live-tag{position:absolute;z-index:5;top:-31px;left:32px;background:var(--red);padding:10px 16px;border-radius:8px 8px 3px 3px;text-transform:uppercase;font:700 17px var(--condensed);transform:rotate(-5deg);box-shadow:0 10px 20px #0008}.stage-code{padding:60px 25px 10px;border-right:1px solid #680f26;background:#05030999}.code-lines{font:12px/1.9 monospace;color:#d9d6da}.code-lines span{display:block}.code-lines i{display:inline-block;width:28px;color:#6b616b;font-style:normal}.code-lines b{color:#8ea9ff;font-weight:400}.code-lines em{color:#ff4e78}.video-line{margin-top:18px;border-top:2px solid #28232a;padding-top:9px;font-size:12px}.tech-row{display:flex;gap:8px;margin-top:10px}.tech-row span{padding:6px 8px;background:#100d12;color:#aaa;font-size:10px;border-radius:3px}.stage-app{position:relative;padding:70px 25px 20px}.timer{position:absolute;right:18px;top:18px;padding:9px 12px;border:1px solid #7c1530;border-radius:6px;font:600 16px var(--condensed)}.stage-app h2{font:italic 700 34px var(--sans);margin:0 0 18px}.stage-app h2 span{color:var(--red)}.stage-app p{font-size:16px;line-height:1.5}.stage-app button{border:0;background:var(--red);color:#fff;padding:11px 16px;border-radius:5px;margin-top:14px;font:600 12px var(--sans)}.app-window{height:185px;margin-top:25px;border:1px solid #5d1530;background:linear-gradient(145deg,#17091a,#08070c);border-radius:7px;padding:12px;transform:skewY(-3deg)}.app-dots{font-size:6px;color:#a42a54}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.app-grid i{height:50px;border-radius:4px;background:linear-gradient(135deg,#39122e,#1a0c1d);border:1px solid #542047}.stage-footer{grid-column:1/-1;border-top:1px solid #6e0e27;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#17050a}.creator{display:flex;gap:11px;align-items:center}.creator>span{font-size:30px}.creator p{margin:0;font-size:12px}.creator p b,.creator p em{display:block}.creator p small{color:#32a4ff}.creator p em{font-size:10px;color:#8f8589;margin-top:5px}.stage-stats{display:flex;align-items:center;gap:28px;font-size:17px}.stage-stats b{color:var(--hot)}.stage-stats b span{color:white}.social-panels{display:grid;grid-template-columns:1fr 1.05fr;gap:22px;margin-top:22px}.mini-panel{height:280px;border:1px solid #79122d;border-radius:11px;background:linear-gradient(145deg,#16060b,#0c0508);padding:18px 20px;transform:rotate(2deg);box-shadow:0 15px 40px #0008}.mini-panel:first-child{transform:rotate(3deg)}.mini-panel header{display:flex;justify-content:space-between;font:600 14px var(--condensed);text-transform:uppercase}.mini-panel header span{font:400 10px var(--sans);text-transform:none;color:#bbb}.mini-panel header i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00e75f}.mini-panel>p{font-size:11px;margin:8px 0}.message{display:flex;position:relative;gap:8px;align-items:flex-start;margin:9px 0}.message>span{font-size:24px}.message p{font-size:10px;line-height:1.45;margin:0}.message p b{font-size:11px}.message p em{color:#9f9599}.message small{margin-left:auto;color:#6f656a;font-size:8px;align-self:center}.mini-panel>a{color:var(--hot);font:italic 600 11px var(--sans);text-decoration:none;position:absolute;bottom:15px}.voice-note{height:50px;border:1px solid #69102a;border-radius:8px;background:#300914;display:flex;align-items:center;gap:10px;padding:8px;margin:8px 0}.voice-note button{width:28px;height:28px;border-radius:50%;border:1px solid var(--red);background:#1b0710;color:var(--red)}.wave{color:var(--red);letter-spacing:-2px;flex:1}.voice-note small{font-size:8px;color:#aaa}.tag-stickers{position:absolute;z-index:6;right:-5px;top:140px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.tag-stickers span{background:#eee9e7;color:#12070a;padding:8px 12px;font:800 16px var(--condensed);box-shadow:5px 5px 0 #2e080f;transform:rotate(5deg);clip-path:polygon(2% 8%,96% 0,100% 89%,4% 100%)}.tag-stickers span:nth-child(even){transform:rotate(-3deg)}.hero-scribble{position:absolute;color:var(--red);font:18px var(--marker);transform:rotate(-15deg)}.scribble-one{left:-20px;bottom:145px}.scribble-two{left:33%;bottom:60px}.pixel-heart{position:absolute;right:-2px;bottom:110px;color:var(--red);font-size:74px;text-shadow:4px 0 white,-4px 0 white,0 4px white,0 -4px white}

.trend-bar{height:78px;border:1px solid #340b15;border-radius:10px 10px 0 0;background:#140508;display:flex;align-items:center;overflow:hidden}.trend-bar b{height:100%;display:flex;align-items:center;padding:0 36px;color:var(--hot);text-transform:uppercase;font:600 16px var(--condensed);border-right:1px solid #3f0d18}.trend-bar div{display:flex;flex:1;height:100%;overflow:hidden}.trend-bar span{height:100%;min-width:160px;display:grid;place-items:center;color:#d59aa9;border-right:1px solid #310b14;font-size:14px}.trend-bar i{color:var(--red);font-size:48px;padding:0 24px}.feature-board{min-height:420px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(120deg,#270812,#150509 70%);display:grid;grid-template-columns:1.55fr repeat(6,1fr);padding:30px 22px;margin-top:12px;overflow:hidden}.feature-intro{padding:5px 16px 0 5px;position:relative}.feature-intro h2{font:italic 800 37px/.98 var(--condensed);text-transform:uppercase;margin:0}.feature-intro h2 strong{color:var(--red);font:inherit}.feature-intro>span{font-size:90px;color:var(--red);position:absolute;bottom:2px;left:105px;transform:rotate(30deg)}.feature-card{border-left:1px dashed #b20a36;padding:0 18px;position:relative}.feature-icon{height:66px;color:var(--hot);font:46px var(--condensed)}.feature-card h3{text-transform:uppercase;font:600 20px var(--condensed);margin:8px 0 18px}.feature-card p{font:13px/1.65 var(--condensed);color:#eadde0;margin:0}.demo{position:absolute;bottom:0;left:14px;right:14px;height:105px;border:1px solid #5d1027;border-radius:8px;background:#1a060c;overflow:hidden}.video-demo{background:linear-gradient(160deg,#731b2b,#1a080e);display:flex;align-items:center;justify-content:center}.video-demo>span{width:38px;height:38px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center}.video-demo div{position:absolute;bottom:17px;left:10px;right:10px;height:2px;background:white}.video-demo small{position:absolute;bottom:2px;right:5px}.feedback-demo{padding:6px;background:#e8dfe0;color:#18080c}.feedback-demo span{display:block;background:white;border-radius:4px;margin:4px;padding:5px;font-size:8px}.podium{display:flex;align-items:end;justify-content:center;padding:15px}.podium i{width:34px;background:#2e2528;display:grid;place-items:center;font:28px var(--condensed);font-style:normal;height:45px}.podium i:nth-child(2){height:75px;background:#3c3034}.podium i:nth-child(3){height:33px}.people-demo{border:0;background:none}.people-demo span{position:absolute;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#32101c;border:2px solid var(--red);font-size:28px}.people-demo span:nth-child(1){left:3px;bottom:15px}.people-demo span:nth-child(2){right:3px;top:0}.people-demo span:nth-child(3){right:8px;bottom:0}.live-demo{padding:13px}.live-demo b{background:var(--red);font-size:9px;padding:4px 7px;border-radius:4px}.live-demo span{display:block;color:var(--red);font-size:21px;margin-top:25px;letter-spacing:-2px}.score-demo{padding:12px;display:flex;flex-direction:column}.score-demo small{text-transform:uppercase;font:11px var(--condensed);color:#c7b7bb}.score-demo b{font:27px var(--sans);margin-top:3px}.score-demo span{font-size:32px;color:var(--red)}

.fist-cta{height:320px;border:1px solid #711126;border-radius:10px;background:linear-gradient(120deg,#260810,#090407 72%);margin-top:34px;display:grid;grid-template-columns:1.7fr .8fr 1fr;overflow:hidden;position:relative}.fist-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 55%,#ef003f13)}.fist-art{position:relative;overflow:hidden}.fist-art img{position:absolute;width:125%;height:75%;left:-12%;top:-6%;object-fit:contain;filter:drop-shadow(0 0 20px #e8003f65)}.fist-art p{position:absolute;right:5%;bottom:22px;text-align:center;font:italic 800 30px/.93 var(--condensed);text-transform:uppercase;transform:rotate(-5deg);text-shadow:2px 3px 0 #681026}.fist-art p strong{color:var(--red)}.note-card{align-self:center;height:220px;background:#e7d9d8;color:#17080c;padding:30px;transform:rotate(-4deg);box-shadow:0 0 30px #0008;clip-path:polygon(3% 2%,98% 0,95% 100%,0 96%);z-index:2}.note-card p{font:italic 800 24px/1.35 var(--condensed);text-transform:uppercase;margin:0}.note-card strong{color:var(--red)}.note-card span{font-size:40px;float:right}.cta-copy{padding:70px 34px 30px;z-index:2}.cta-copy h2{font:500 18px/1.6 var(--sans);margin:0 0 25px}.cta-copy .button{width:100%}.landing-footer{min-height:180px;display:flex;align-items:center;gap:28px}.footer-brand{font-size:18px}.footer-brand .brand-spark{transform:scale(.8)}.landing-footer>p{font-size:11px;line-height:1.5;color:#9f9699;flex:0 0 175px}.social-links{display:flex;justify-content:center;gap:12px;margin-left:auto}.social-links a{color:#fff;text-decoration:none;width:44px;height:44px;border:1px solid #55313b;border-radius:50%;display:grid;place-items:center;transition:.2s}.social-links svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-links svg path:not(.solid){fill:none}.social-links svg .solid,.social-links a:first-child svg path{fill:currentColor;stroke:none}.social-links a:hover{border-color:var(--red);color:var(--red);background:#210811;transform:translateY(-3px)}.landing-footer small{color:#847b7e;font-size:10px;margin-left:auto;white-space:nowrap}.footer-heart{font-size:52px;color:var(--red);font-family:var(--marker)}

@media(max-width:1180px){.main-nav{gap:20px}.main-nav a{font-size:14px}.hero h1{font-size:94px}.tag-stickers{display:none}.feature-board{grid-template-columns:1.3fr repeat(3,1fr);gap:22px}.feature-card{min-height:340px}.feature-card:nth-child(n+5){border-top:1px dashed #b20a36;padding-top:24px}.feature-board{min-height:790px}.feature-intro{grid-row:span 2}.fist-cta{grid-template-columns:1.5fr .8fr 1fr}}
@media(max-width:860px){.section-shell,.landing-header{width:min(100% - 32px,680px)}.landing-header{height:82px}.header-actions .button-ghost{display:none}.menu-button{display:flex;flex-direction:column;gap:7px;background:none;border:0;padding:10px;margin-left:auto}.menu-button span{width:28px;height:2px;background:#fff}.main-nav{position:absolute;display:none;top:73px;left:0;right:0;background:#100509;border:1px solid #5a1025;border-radius:8px;padding:22px;flex-direction:column;gap:16px}.main-nav.open{display:flex}.hero{padding-top:35px;min-height:1450px}.hero-copy{width:100%;text-align:center}.eyebrow{font-size:12px}.crown-doodle{left:auto;right:8%;top:6px}.hero h1{font-size:clamp(82px,19vw,120px);max-width:500px;margin-inline:auto}.hero-description{font-size:16px}.hero-actions,.builder-proof{justify-content:center}.hero-showcase{position:absolute;top:670px;left:0;width:100%;height:auto}.project-stage{transform:none;height:520px}.project-stage:hover{transform:translateY(-4px)}.social-panels{grid-template-columns:1fr 1fr}.pixel-heart,.hero-scribble{display:none}.trend-bar{margin-top:20px}.trend-bar div span{min-width:145px}.feature-board{grid-template-columns:repeat(2,1fr);min-height:auto;gap:0;padding:24px}.feature-intro{grid-row:auto;min-height:260px}.feature-card{min-height:360px;padding:20px;border-top:1px dashed #b20a36}.fist-cta{height:auto;grid-template-columns:1fr 1fr}.fist-art{height:300px;grid-column:1/-1}.note-card{margin:20px}.cta-copy{padding:50px 25px}.landing-footer{height:auto;min-height:300px;flex-wrap:wrap;padding:35px 0}.social-links{order:4;margin:0;width:100%;max-width:none;justify-content:center}.landing-footer small{margin-left:auto}}

@media(max-width:560px){.section-shell,.landing-header{width:calc(100% - 24px)}.brand{font-size:20px}.brand-spark{transform:scale(.75);margin-right:-6px}.header-actions .button{height:43px;padding:0 14px;font-size:14px}.hero{min-height:1660px}.hero h1{font-size:82px}.crown-doodle{display:none}.hero-description br{display:none}.hero-description{max-width:330px;margin:32px auto}.hero-actions{flex-direction:column}.button-large{width:100%}.builder-proof{flex-direction:column;margin-top:35px}.hero-showcase{top:740px}.project-stage{height:560px;grid-template-columns:1fr;grid-template-rows:240px 250px 70px}.stage-code{border-right:0;border-bottom:1px solid #680f26;padding:25px 18px;overflow:hidden}.code-lines{font-size:9px}.stage-app{padding:55px 18px 12px}.stage-app h2{font-size:25px}.stage-app p{font-size:13px}.app-window{position:absolute;right:14px;bottom:12px;width:50%;height:125px}.app-grid i{height:30px}.stage-footer{grid-row:3;padding:8px 12px}.stage-stats{gap:12px;font-size:12px}.social-panels{grid-template-columns:1fr}.mini-panel{height:260px;transform:none!important}.trend-bar b{padding:0 18px;font-size:13px}.trend-bar i{display:none}.feature-board{grid-template-columns:1fr}.feature-intro{min-height:250px;text-align:center}.feature-intro>span{left:50%}.feature-card{min-height:350px;text-align:center}.demo{max-width:190px;margin:auto}.fist-cta{grid-template-columns:1fr}.fist-art{height:260px}.fist-art img{width:150%;left:-25%}.fist-art p{font-size:24px}.note-card{height:auto;min-height:180px}.cta-copy{padding:25px}.landing-footer{justify-content:center;text-align:center}.landing-footer>p{width:100%}.landing-footer small{width:100%;margin:0}.footer-heart{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Stable local typography and real Vibe Arena identity */
:root{--marker:"Segoe Print","Comic Sans MS",cursive;--condensed:"Arial Narrow",Impact,Haettenschweiler,sans-serif;--sans:"Segoe UI",Arial,sans-serif}
.brand{gap:0;font-family:var(--sans);font-size:initial;line-height:normal}
.brand img{display:block;width:110px;height:88px;object-fit:contain}
.landing-header{justify-content:space-between}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px;padding:6px;border:1px solid #44101f;border-radius:999px;background:linear-gradient(180deg,#17070cdd,#090306dd);box-shadow:inset 0 1px 0 #ffffff0b,0 14px 35px #0008}
.header-login,.header-join{height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font:700 14px var(--sans);letter-spacing:.06em;border-radius:999px;transition:transform .2s,color .2s,background .2s,box-shadow .2s}
.header-login{color:#d8cdd0;padding:0 22px}
.header-login:hover{color:#fff;background:#ffffff0a}
.header-join{gap:12px;color:#fff;padding:0 8px 0 23px;background:linear-gradient(120deg,#c90036,#ff1453);box-shadow:0 8px 24px #e3004144}
.header-join:hover{transform:translateY(-2px);box-shadow:0 11px 30px #ff084f66}
.header-join i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffffff1c;font:normal 20px var(--sans)}
.hero h1{letter-spacing:-.045em}
.hero h1{font-size:clamp(68px,7vw,98px)}
.hero h1 strong:after{display:none}
.footer-brand img{width:100px;height:82px}
@media(max-width:860px){.hero h1{font-size:clamp(64px,14vw,86px)}}
@media(max-width:560px){.brand img{width:82px;height:66px}.header-actions{gap:3px;padding:4px}.header-login{padding:0 12px;font-size:12px}.header-join{padding-left:15px;font-size:12px}.header-join i{width:29px;height:29px}.hero h1{font-size:62px}.footer-brand img{width:95px;height:76px}}

/* Metallic contest podium */
.feature-card .demo{height:120px}
.feature-card .podium{padding-top:24px;overflow:visible}
.podium i{position:relative;overflow:visible;color:#160b08;font-weight:800;text-shadow:0 1px 0 #ffffff66;border:1px solid transparent}
.podium i:nth-child(1){background:linear-gradient(145deg,#f8fbff 0%,#9da7b3 42%,#e7edf3 70%,#6f7882 100%);border-color:#e7edf5;box-shadow:inset 0 1px 0 #fff,0 0 13px #d8e5f266;color:#20252b}
.podium i:nth-child(2){background:linear-gradient(145deg,#fff7a8 0%,#ffd23f 28%,#c78300 62%,#ffdf58 100%);border-color:#ffe879;box-shadow:inset 0 2px 0 #fff7b6,0 0 10px #ffc400,0 0 25px #ffb700aa,0 0 42px #ff9d004d;color:#4b2700;z-index:2;animation:gold-podium-glow 2s ease-in-out infinite}
.podium i:nth-child(2):before{content:"✦";position:absolute;top:-23px;left:50%;transform:translateX(-50%);color:#ffe45c;font-size:18px;text-shadow:0 0 8px #ffd000,0 0 16px #ff9d00}
.podium i:nth-child(3){background:linear-gradient(145deg,#f0a16b 0%,#a84d24 45%,#d97b43 72%,#713018 100%);border-color:#db8150;box-shadow:inset 0 1px 0 #ffc09b,0 0 13px #c45e325c;color:#2e1208}
@keyframes gold-podium-glow{50%{filter:brightness(1.16);box-shadow:inset 0 2px 0 #fff9c8,0 0 14px #ffd000,0 0 34px #ffb300cc,0 0 52px #ff950066}}
@media(prefers-reduced-motion:reduce){.podium i:nth-child(2){animation:none}}

/* Builder manifesto strip replacing the previous live-status card */
.builder-code{width:min(430px,100%);margin-top:38px;padding:15px 18px;border:1px solid #61142a;border-radius:10px;background:linear-gradient(115deg,#19070eeb,#080306e8);box-shadow:inset 0 1px 0 #ffffff0b,0 18px 38px #0007;position:relative;overflow:hidden;text-align:left}
.builder-code:after{content:"</>";position:absolute;right:-4px;top:-18px;color:#ef00401a;font:800 86px monospace;transform:rotate(-8deg)}
.builder-code-label{display:block;color:#ff3568;text-transform:uppercase;font:700 9px var(--sans);letter-spacing:.18em;margin-bottom:8px}
.builder-code div{display:flex;align-items:center;gap:10px;position:relative;z-index:1}
.builder-code b{text-transform:uppercase;font:800 19px var(--condensed);letter-spacing:.07em}
.builder-code i{color:var(--red);font:normal 18px var(--sans)}
.builder-code small{display:block;color:#96898e;font:11px var(--sans);margin-top:7px}
.scribble-bridge{position:absolute;z-index:4;left:13%;bottom:72px;width:145px;padding:9px 12px;border:1px solid #8f1634;background:#13050a;color:#fff;transform:rotate(-7deg);box-shadow:5px 6px 0 #3a0916;text-align:center;text-transform:uppercase}
.scribble-bridge span,.scribble-bridge b{display:block}.scribble-bridge span{font:700 9px var(--sans);letter-spacing:.12em;color:#bbaeb2}.scribble-bridge b{font:800 16px var(--condensed);color:var(--hot);letter-spacing:.04em;margin-top:3px}
.scribble-bridge svg{position:absolute;width:105px;height:42px;right:-88px;bottom:-28px;overflow:visible}.scribble-bridge path{fill:none;stroke:var(--red);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.trend-bar .trend-loading{color:#766a6e;font-style:italic}
@media(max-width:860px){.scribble-bridge{display:none}.builder-code{margin-inline:auto}}
@media(max-width:560px){.builder-code{margin-top:28px}.builder-code b{font-size:17px}.builder-code div{gap:7px}}

/* Rich miniature 60-second vibe preview */
.video-demo{isolation:isolate;display:block;background:radial-gradient(circle at 72% 22%,#ff174f42,transparent 35%),linear-gradient(145deg,#401021 0%,#160810 55%,#070407 100%);box-shadow:inset 0 1px 0 #ffffff18,0 10px 24px #0006}
.video-demo:before{content:"";position:absolute;z-index:-1;inset:31px 10px 28px;border:1px solid #ffffff12;border-radius:5px;background:repeating-linear-gradient(180deg,#ffffff08 0 2px,transparent 2px 12px),linear-gradient(90deg,transparent 0 13%,#ff165018 13% 14%,transparent 14% 48%,#ffffff0b 48% 49%,transparent 49%);transform:perspective(140px) rotateX(4deg)}
.video-demo:after{content:"</>";position:absolute;right:12px;top:32px;color:#ffffff0d;font:800 34px monospace;transform:rotate(-8deg)}
.video-demo>em{position:absolute;left:9px;top:8px;padding:4px 6px;border-radius:4px;background:#ef0040;color:#fff;font:normal 700 7px var(--sans);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 12px #ef004088}
.video-demo>strong{position:absolute;right:9px;top:9px;color:#d9ccd0;font:700 8px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.video-demo>span{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-48%);width:39px;height:39px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;padding-left:2px;background:#ef0040d9;color:#fff;font-size:13px;box-shadow:0 0 0 5px #ef004020,0 0 22px #ef004099;transition:transform .2s,box-shadow .2s}
.video-demo:hover>span{transform:translate(-50%,-48%) scale(1.1);box-shadow:0 0 0 7px #ef004025,0 0 30px #ff1453cc}
.video-demo>p{position:absolute;left:9px;bottom:25px;margin:0;color:#e9dde1;font:700 8px var(--sans)}
.video-demo>p b{color:#ff3568}
.video-demo>div{position:absolute;left:9px;right:9px;bottom:14px;height:3px;border-radius:99px;background:#ffffff24;overflow:hidden}
.video-demo>div:after{content:"";display:block;width:70%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c70037,#ff3e70);box-shadow:0 0 8px #ff174f}
.video-demo>small{position:absolute;right:8px;bottom:2px;color:#a7989d;font:600 7px var(--sans);letter-spacing:.04em}

/* Product-native Yap and thread previews */
.yap-demo{padding:29px 8px 7px;background:radial-gradient(circle at 90% 0,#ff174f30,transparent 42%),linear-gradient(150deg,#230914,#0d0509);box-shadow:inset 0 1px 0 #ffffff0d}
.yap-online{position:absolute;top:8px;right:8px;color:#a99ca0;font:600 7px var(--sans);text-transform:uppercase;letter-spacing:.07em}
.yap-online i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#24df72;box-shadow:0 0 8px #24df72}
.yap-demo>p{max-width:88%;margin:0 0 7px;padding:6px 8px;border-radius:7px 7px 7px 2px;background:#2e0b18;border:1px solid #5b1730;color:#fff;font:7px var(--sans)}
.yap-demo>p:nth-of-type(2){margin-left:auto;border-radius:7px 7px 2px 7px;background:linear-gradient(130deg,#ad0031,#e50043);border-color:#f01350}
.yap-demo>p b,.yap-demo>p small{display:block}.yap-demo>p b{font-size:7px;margin-bottom:3px;color:#ff7b9d}.yap-demo>p:nth-of-type(2) b{color:#ffd9e3}.yap-demo>p small{font-size:7px;color:#d9cbd0;line-height:1.3}
.thread-demo{padding:12px;background:radial-gradient(circle at 90% 90%,#ff174f2d,transparent 40%),linear-gradient(145deg,#1d0811,#0a0508);box-shadow:inset 0 1px 0 #ffffff0d}
.thread-demo>small{display:block;color:#ff4c78;font:700 7px var(--sans);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.thread-demo>b{display:block;color:#fff;font:700 13px/1.2 var(--sans);max-width:105px}
.thread-demo>p{position:absolute;left:10px;right:10px;bottom:9px;display:flex;justify-content:space-between;margin:0;padding-top:7px;border-top:1px solid #ffffff12;color:#9f9297;font:7px var(--sans)}
.thread-demo:after{content:"↗";position:absolute;right:11px;top:35px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ef0040;color:#fff;font:14px var(--sans);box-shadow:0 0 15px #ef004066}

/* Extreme product-stage treatment */
.project-stage{position:relative;isolation:isolate;background:radial-gradient(circle at 78% 18%,#a000342c,transparent 38%),linear-gradient(145deg,#040307 12%,#28050f 100%);box-shadow:0 0 0 1px #ff1d55aa,0 0 24px #db003b55,0 26px 70px #000c}
.project-stage:before{content:"";position:absolute;z-index:8;pointer-events:none;inset:-40% -25%;background:linear-gradient(105deg,transparent 42%,#ffffff13 49%,#ff2c650f 51%,transparent 58%);transform:translateX(-65%);animation:stage-scan 5.5s ease-in-out infinite}
.project-stage:after{content:"";position:absolute;z-index:7;pointer-events:none;inset:0;background:repeating-linear-gradient(180deg,transparent 0 4px,#ffffff08 5px,transparent 6px);opacity:.2;mix-blend-mode:screen}
.editor-bar{height:28px;margin:-42px -9px 14px;display:flex;align-items:center;border-bottom:1px solid #28212a;color:#7f747e;font:9px monospace}
.editor-bar>span{display:flex;gap:5px}.editor-bar>span i{width:7px;height:7px;border-radius:50%;background:#ff3e66}.editor-bar>span i:nth-child(2){background:#ffc14d}.editor-bar>span i:nth-child(3){background:#3cdb79}.editor-bar b{margin-left:16px;color:#c9c0c8;font-weight:500}.editor-bar em{margin-left:auto;color:#3cdb79;font:normal 7px var(--sans);letter-spacing:.08em}
.code-caret{display:inline-block!important;width:6px;height:13px;margin-left:3px;background:#ff275d;vertical-align:-2px;box-shadow:0 0 9px #ff275d;animation:code-blink .85s steps(1) infinite}
.video-line{display:flex;align-items:center;gap:8px}.video-line>i{height:3px;flex:1;border-radius:4px;background:#ffffff13;overflow:hidden}.video-line>i b{display:block;width:70%;height:100%;background:linear-gradient(90deg,#ca0037,#ff3c70);box-shadow:0 0 9px #ff1453}.video-line>em{color:#ff3768;font:normal 7px var(--sans)}
.stage-app:before{content:"PREVIEW MODE";position:absolute;right:18px;bottom:6px;color:#ff3a691c;font:800 34px var(--condensed);transform:rotate(-8deg)}
.stage-app>button{position:relative;overflow:hidden;box-shadow:0 0 18px #ef004066;transition:transform .2s,box-shadow .2s}.stage-app>button:hover{transform:translateY(-2px);box-shadow:0 0 28px #ff174faa}.stage-app>button:after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(100deg,transparent 38%,#fff7 50%,transparent 62%);transform:translateX(-80%);animation:button-shine 3s infinite}
.app-window{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,#b8004728,transparent 40%),linear-gradient(145deg,#1d0b20,#07070c);box-shadow:inset 0 1px 0 #ffffff13,0 14px 30px #0008}
.app-metric{position:absolute;left:13px;top:25px}.app-metric small,.app-metric b,.app-metric span{display:block}.app-metric small{color:#7f7380;font:7px var(--sans)}.app-metric b{font:800 24px var(--sans)}.app-metric span{color:#39dc7d;font:7px var(--sans)}
.app-grid{margin-left:72px!important}.app-grid i{position:relative;overflow:hidden}.app-grid i b{position:absolute;left:7px;right:7px;bottom:7px;height:3px;background:#ff1d5666;border-radius:4px}.app-grid i:nth-child(2n) b{width:45%}.app-activity{position:absolute;left:13px;bottom:10px;display:flex;align-items:center}.app-activity span{width:17px;height:17px;margin-left:-4px;border:1px solid #ef3565;border-radius:50%;background:linear-gradient(145deg,#7c1940,#16091a)}.app-activity span:first-child{margin-left:0}.app-activity em{margin-left:7px;color:#a496a2;font:normal 7px var(--sans)}
.love-stat{position:relative}.love-stat i{position:absolute;right:-7px;top:-14px;color:#ff7296;font:700 8px var(--sans);opacity:0;animation:floating-like 2.4s ease-out infinite}.share-stat{width:30px;height:30px;display:grid;place-items:center;border:1px solid #5e1830;border-radius:50%;background:#250913}
.mini-panel{position:relative;overflow:hidden;backdrop-filter:blur(14px);background:radial-gradient(circle at 90% 0,#ba003633,transparent 35%),linear-gradient(145deg,#19070dcc,#080407ee);box-shadow:inset 0 1px 0 #ffffff12,0 22px 50px #000b}
.mini-panel:before{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff08 50%,transparent 70%);transform:translateX(-100%);animation:panel-sheen 7s ease-in-out infinite}
.panel-symbol{display:inline-grid!important;place-items:center;width:20px;height:20px;margin-right:5px;border-radius:5px;background:#ef0040;color:#fff;font:normal 700 12px var(--sans);box-shadow:0 0 14px #ef004066}
.featured-message{padding:5px;border:1px solid #64142d;border-radius:7px;background:#390b1966}
.reaction{display:inline-block;margin-left:3px;padding:2px 4px;border:1px solid #6d1832;border-radius:99px;background:#240910;color:#ffb2c5!important;font:normal 7px var(--sans)}
.typing-row{display:flex;align-items:center;gap:3px;margin:5px 0 0 33px}.typing-row>span{width:4px;height:4px;border-radius:50%;background:#ff3768;animation:typing-dot 1.1s ease-in-out infinite}.typing-row>span:nth-child(2){animation-delay:.15s}.typing-row>span:nth-child(3){animation-delay:.3s}.typing-row small{margin-left:4px;color:#746a6e;font:7px var(--sans)}
.unread-count{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:4px;border-radius:50%;background:#ef0040;color:#fff;font:normal 700 8px var(--sans);box-shadow:0 0 10px #ef004077}
.voice-note{box-shadow:inset 0 1px 0 #ffffff0d,0 8px 18px #0005}.wave{height:30px;display:flex;align-items:center;gap:2px;letter-spacing:0}.wave i{display:block;width:2px;height:7px;border-radius:3px;background:#ff1d55;box-shadow:0 0 5px #ff1d55}.wave i:nth-child(2n){height:18px}.wave i:nth-child(3n){height:26px}.voice-note.playing .wave i{animation:voice-bars .65s ease-in-out infinite alternate}.voice-note.playing .wave i:nth-child(2n){animation-delay:.15s}.voice-note.playing .wave i:nth-child(3n){animation-delay:.3s}
@keyframes stage-scan{0%,22%{transform:translateX(-65%)}72%,100%{transform:translateX(65%)}}
@keyframes code-blink{50%{opacity:0}}
@keyframes button-shine{0%,55%{transform:translateX(-80%)}85%,100%{transform:translateX(80%)}}
@keyframes floating-like{0%{opacity:0;transform:translateY(8px)}30%{opacity:1}100%{opacity:0;transform:translateY(-16px)}}
@keyframes panel-sheen{0%,60%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
@keyframes typing-dot{50%{transform:translateY(-3px);opacity:.35}}
@keyframes voice-bars{to{transform:scaleY(.42);filter:brightness(1.4)}}
@media(prefers-reduced-motion:reduce){.project-stage:before,.stage-app>button:after,.mini-panel:before,.code-caret,.love-stat i,.typing-row>span,.voice-note.playing .wave i{animation:none}}