:root{--bg:#0b0a09;--paper:#f1ece2;--text:#f4efe7;--muted:#aaa39a;--gold:#d6a75c;--gold2:#f0cf8c;--line:rgba(255,255,255,.14);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{pointer-events:none;position:fixed;inset:0;z-index:99;opacity:.035;mix-blend-mode:screen;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:fixed;z-index:40;top:0;left:0;right:0;height:78px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(rgba(11,10,9,.92),rgba(11,10,9,.42));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.16em}.brand span{width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:11px}.menu{display:none;background:none;color:white;border:0;font-size:24px}nav{display:flex;gap:28px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}nav a:hover{color:var(--gold2)}.hero,.section{max-width:var(--max);margin:auto;padding:130px clamp(20px,4vw,64px)}.hero{min-height:100svh;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:6vw;padding-top:120px}.eyebrow{color:var(--gold2);font-size:11px;letter-spacing:.28em;font-weight:700}.hero h1,.split h2,.contact h2,.feature h2{margin:18px 0 24px;font-size:clamp(54px,7.6vw,126px);line-height:.84;letter-spacing:-.065em;text-transform:uppercase}.hero h1 span{display:block}.outline{color:transparent;-webkit-text-stroke:1px rgba(244,239,231,.68)}.lead{font-size:clamp(17px,2vw,25px);line-height:1.5;color:#d2ccc3}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.actions a{padding:15px 20px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line)}.primary{background:var(--paper);color:#111}.primary:hover{background:var(--gold2)}.ghost:hover{border-color:var(--gold);color:var(--gold2)}.mini{margin-top:24px;color:var(--muted);font-size:12px}.mini a:hover{color:var(--gold2)}.art{min-height:540px;position:relative;display:grid;place-items:center}.vinyl{width:min(34vw,490px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,#2a1b12 0 13%,#111 13.2% 18%,transparent 18.2%),repeating-radial-gradient(circle at center,#10100f 0 2px,#1b1917 3px 4px);box-shadow:0 40px 110px rgba(0,0,0,.55);animation:spin 24s linear infinite}.label{position:absolute;inset:37%;border-radius:50%;background:linear-gradient(145deg,#e6c27c,#8e5a25);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#17110b;text-align:center}.label strong{font-size:clamp(15px,1.8vw,25px)}.label small{font-size:8px;letter-spacing:.24em}.art blockquote{position:absolute;right:-1%;top:13%;font:italic clamp(18px,2vw,30px)/1.05 Georgia,serif;transform:rotate(4deg)}.eq{position:absolute;left:5%;bottom:14%;height:76px;display:flex;gap:6px;align-items:end}.eq i{width:3px;background:var(--gold);animation:eq 1s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}.eq i:nth-child(4){animation-delay:.1s}.eq i:nth-child(5){animation-delay:.55s}.eq i:nth-child(6){animation-delay:.35s}.eq i:nth-child(7){animation-delay:.7s}.section{border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;margin:24px 0 70px}.split h2,.contact h2,.feature h2{font-size:clamp(44px,6vw,90px);margin:0}.split h2 em,.contact h2 em{font-family:Georgia,serif;text-transform:none;font-weight:400;color:var(--gold2)}.split p,.contact p{font-size:18px;line-height:1.7;color:#b6afa6}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cards article{min-height:240px;padding:34px 26px;border-right:1px solid var(--line)}.cards article:last-child{border-right:0}.cards small{color:var(--gold)}.cards h3{font-size:28px;margin:40px 0 12px}.cards p{color:var(--muted);line-height:1.65}.topline{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.22em}.big{margin:74px 0 64px;font-size:clamp(43px,6.2vw,94px);line-height:1.02;letter-spacing:-.045em;font-weight:700}.big em{font-family:Georgia,serif;color:var(--gold2);font-weight:400}.manifesto-text{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-left:24%}.manifesto-text p{font-size:18px;line-height:1.75;color:#bbb4aa}.watermark{margin-top:90px;white-space:nowrap;overflow:hidden;font-size:clamp(34px,6vw,86px);font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.15)}.feature{background:var(--paper);color:#111;border-radius:28px;padding:clamp(28px,6vw,76px);display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:end}.feature h2 strong{color:#a8752e}.feature p{font-size:20px;line-height:1.55}.feature .tags{font-size:11px;letter-spacing:.12em;color:#6f655a}.feature a{display:inline-block;margin-top:18px;border-bottom:1px solid #222;padding-bottom:4px;font-weight:700}.dark{color:#855719}.statement{overflow:hidden;text-align:center;padding:110px 0}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;color:var(--gold);font-size:11px;letter-spacing:.28em;white-space:nowrap;animation:ticker 18s linear infinite}.statement p{font-size:clamp(54px,9vw,145px);line-height:.82;letter-spacing:-.065em;font-weight:800;text-transform:uppercase}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:26px}.mail{font-size:clamp(18px,2.3vw,31px);display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:8px}.socials{margin-top:44px;border-top:1px solid var(--line)}.socials a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.socials a:hover{color:var(--gold2)}footer{max-width:var(--max);margin:auto;padding:28px clamp(20px,4vw,64px) 44px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8e877f;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes eq{from{height:10px}to{height:70px}}@keyframes ticker{to{transform:translateX(-12%)}}@media(max-width:900px){header{height:70px}.menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;padding:22px;background:#0b0a09;flex-direction:column}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding-top:125px}.art{min-height:420px}.vinyl{width:min(78vw,430px)}.split,.contact,.feature{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:1px solid var(--line)}.manifesto-text{grid-template-columns:1fr;margin-left:0;gap:10px}.feature{gap:38px}}@media(max-width:560px){.brand b{display:none}.hero h1{font-size:clamp(50px,16vw,82px)}.art{min-height:350px}.section,.hero{padding-left:20px;padding-right:20px}.statement p{font-size:16vw}footer{flex-direction:column;gap:12px}}

/* V2: Learn hub */
.nav-learn{color:#f0cf8c!important}
.learn-home{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.learn-home .split{margin-bottom:52px}
.learn-cta{display:inline-block;margin-top:24px;padding-bottom:5px;border-bottom:1px solid var(--gold);font-weight:800;color:var(--gold-2)}
.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.learn-grid article{padding:32px 26px;min-height:250px;border-right:1px solid var(--line)}
.learn-grid article:last-child{border-right:0}.learn-grid small{color:var(--gold);letter-spacing:.18em}.learn-grid h3{font-size:28px;margin:42px 0 14px}.learn-grid p{color:var(--muted);line-height:1.65}
.learn-page{padding-top:70px}.learn-hero{padding-top:150px;padding-bottom:90px}.learn-hero h1{font-size:clamp(54px,8vw,118px);line-height:.88;letter-spacing:-.06em;text-transform:uppercase;margin:18px 0 30px}.learn-hero .outline{color:transparent;-webkit-text-stroke:1px rgba(244,239,231,.68)}.learn-intro{max-width:900px;font-size:clamp(18px,2vw,24px);line-height:1.65;color:#c3bcb2}.learn-route{border-top:1px solid var(--line)}
.learn-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:44px;border-top:1px solid var(--line)}.learn-topic-grid article{padding:38px 34px 40px 0;border-bottom:1px solid var(--line)}.learn-topic-grid article:nth-child(odd){border-right:1px solid var(--line);padding-right:44px}.learn-topic-grid article:nth-child(even){padding-left:44px}.learn-topic-grid span{color:var(--gold);font-size:11px;letter-spacing:.2em}.learn-topic-grid h2{font-size:clamp(30px,3.5vw,52px);line-height:1.05;margin:24px 0 15px;letter-spacing:-.035em}.learn-topic-grid p{color:#bcb5ac;line-height:1.7}.learn-topic-grid ul{padding-left:18px;color:#8f8880;line-height:1.8}.learn-philosophy{border-top:1px solid var(--line)}.learn-philosophy .split p{margin-top:0;margin-bottom:20px}.learn-next{padding-top:20px}
@media(max-width:900px){.learn-grid,.learn-topic-grid{grid-template-columns:1fr}.learn-grid article{border-right:0;border-bottom:1px solid var(--line)}.learn-topic-grid article,.learn-topic-grid article:nth-child(odd),.learn-topic-grid article:nth-child(even){border-right:0;padding:30px 0;border-bottom:1px solid var(--line)}.learn-page{padding-top:45px}.learn-hero{padding-top:120px}}


/* V3: Identity + T-Rap */
.inline-link{display:inline-block;margin-top:16px;color:var(--gold2);font-size:12px;font-weight:800;border-bottom:1px solid rgba(240,207,140,.5);padding-bottom:3px}
.anti-copy{background:linear-gradient(135deg,#0c0a08 0%,#17110b 55%,#0b0a09 100%);position:relative;overflow:hidden}
.anti-copy::after{content:"NO COPIES";position:absolute;right:-3vw;bottom:-3vw;font-size:clamp(80px,17vw,260px);font-weight:900;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);white-space:nowrap;pointer-events:none}
.anti-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;position:relative;z-index:1}
.anti-copy h2{font-size:clamp(48px,6.8vw,104px);line-height:.88;letter-spacing:-.06em;text-transform:uppercase;margin:20px 0 0}
.anti-copy h2 span{font-family:Georgia,serif;text-transform:none;font-weight:400;color:var(--gold2)}
.anti-copy-copy{padding-top:42px}.anti-lead{font-size:clamp(24px,2.8vw,40px)!important;line-height:1.15!important;color:var(--paper)!important;font-weight:700;letter-spacing:-.025em}
.anti-copy-copy p{color:#bcb4aa;font-size:17px;line-height:1.75}.anti-copy-copy blockquote{margin:36px 0;font:italic clamp(24px,3vw,42px)/1.15 Georgia,serif;color:var(--gold2)}
.identity-cta{display:inline-block;margin-top:16px;font-weight:800;border-bottom:1px solid var(--gold);padding-bottom:5px;color:var(--gold2)}
.trap-home{background:var(--paper);color:#111;border-top:0}
.trap-badge{display:inline-block;border:1px solid #9c743d;border-radius:999px;padding:9px 13px;font-size:10px;letter-spacing:.22em;color:#6e4a1f;margin-bottom:34px}
.trap-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}
.trap-grid h2{font-size:clamp(45px,6.2vw,94px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0}.trap-grid h2 em{font-family:Georgia,serif;text-transform:none;font-weight:400;color:#9a6429}
.trap-grid p{font-size:19px;line-height:1.7;color:#4f463d}.trap-home .identity-cta{color:#5e3c17;border-color:#7f5728}
.identity-banner{padding-top:30px;padding-bottom:30px}
.identity-banner-inner{background:var(--paper);color:#111;border-radius:28px;padding:clamp(30px,6vw,78px);position:relative;overflow:hidden}
.identity-banner-inner::after{content:"YOU";position:absolute;right:-1vw;bottom:-7vw;font-size:clamp(150px,25vw,380px);font-weight:900;color:rgba(0,0,0,.035);letter-spacing:-.1em;pointer-events:none}
.identity-banner h2{font-size:clamp(46px,6vw,88px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:18px 0 28px;position:relative;z-index:1}
.identity-banner p{max-width:760px;font-size:20px;line-height:1.65;color:#4d453d;position:relative;z-index:1}.identity-banner a{position:relative;z-index:1;display:inline-block;margin-top:16px;border-bottom:1px solid #111;padding-bottom:4px;font-weight:800}

/* Article */
.article-page,.trap-page{padding-top:70px}.article-hero{padding-top:145px;padding-bottom:82px}.article-hero h1{font-size:clamp(54px,8.2vw,122px);line-height:.85;letter-spacing:-.065em;text-transform:uppercase;margin:20px 0 32px}.article-deck{max-width:930px;font-size:clamp(20px,2.2vw,28px);line-height:1.55;color:#c6beb4}.article-quote{margin-top:50px;max-width:880px;padding:28px 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);font:italic clamp(26px,3.2vw,46px)/1.2 Georgia,serif;color:var(--gold2)}
.article-body{padding-top:80px}.article-copy{max-width:840px;margin:auto}.article-copy h2{font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-.04em;margin:74px 0 22px}.article-copy h2:first-child{margin-top:0}.article-copy p{font-size:19px;line-height:1.82;color:#c1bab1}.rule-box{margin:52px 0;padding:24px 28px;border-left:3px solid var(--gold);background:#15120f;font-size:19px;line-height:1.6}.article-end{margin-top:90px;padding-top:58px;border-top:1px solid var(--line)}.article-end h2{margin-top:18px}

/* T-Rap page */
.trap-hero{padding-top:145px;padding-bottom:90px}.trap-word{font-size:clamp(110px,20vw,300px);line-height:.72;font-weight:950;letter-spacing:-.095em;color:transparent;-webkit-text-stroke:1px rgba(240,207,140,.42);margin:36px 0 72px;white-space:nowrap}.trap-word span{color:var(--gold);-webkit-text-stroke:0}
.trap-hero h1{font-size:clamp(45px,6.4vw,94px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase;margin:0}.trap-hero h1 em{font-family:Georgia,serif;text-transform:none;font-weight:400;color:var(--gold2)}.trap-intro{max-width:920px;font-size:clamp(20px,2.2vw,28px);line-height:1.6;color:#c0b8ae;margin-top:46px}
.trap-definition-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.trap-definition h2{font-size:clamp(42px,5.8vw,84px);line-height:.94;letter-spacing:-.05em;text-transform:uppercase;margin:22px 0}.trap-definition p{font-size:18px;line-height:1.8;color:#bdb5ab}.trap-definition blockquote{font:italic clamp(26px,3vw,44px)/1.2 Georgia,serif;color:var(--gold2);margin:40px 0 0}
.dna-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:46px;border-top:1px solid var(--line)}.dna-grid article{padding:38px 42px 42px 0;border-bottom:1px solid var(--line)}.dna-grid article:nth-child(odd){border-right:1px solid var(--line)}.dna-grid article:nth-child(even){padding-left:42px}.dna-grid span{font-size:11px;color:var(--gold);letter-spacing:.2em}.dna-grid h2{font-size:clamp(30px,3.5vw,48px);line-height:1.06;margin:24px 0 14px}.dna-grid p{color:var(--muted);line-height:1.7}
.trap-rule{padding-top:30px;padding-bottom:30px}.trap-rule-inner{background:var(--gold2);color:#15100a;border-radius:28px;padding:clamp(32px,6vw,80px)}.trap-rule-inner h2{font-size:clamp(42px,6.2vw,90px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:20px 0}.trap-rule-inner>p:last-child{font:italic clamp(28px,3.5vw,48px)/1.2 Georgia,serif;margin:0}
.trap-origin .split{margin-bottom:0}.trap-anti{margin-top:0}

@media(max-width:900px){
  .anti-copy-grid,.trap-grid,.trap-definition-grid,.dna-grid{grid-template-columns:1fr}
  .anti-copy-copy{padding-top:0}
  .dna-grid article,.dna-grid article:nth-child(odd),.dna-grid article:nth-child(even){border-right:0;padding:30px 0;border-bottom:1px solid var(--line)}
  .trap-word{margin-bottom:48px}
}


/* V4 — Blog, Suno roadmap and prepared PayPal support */
.section-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:38px}
.small-link{font-size:12px;letter-spacing:.08em;border-bottom:1px solid var(--line);padding-bottom:4px}
.blog-home{border-top:1px solid var(--line)}
.blog-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px 0}
.blog-label,.blog-cat{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:800}
.blog-feature h2{font-size:clamp(42px,5.3vw,80px);line-height:.96;letter-spacing:-.05em;margin:18px 0}
.blog-feature-copy{align-self:end}.blog-feature-copy p{font-size:18px;line-height:1.7;color:#bbb4aa}
.support-coffee{padding-top:30px;padding-bottom:30px}.support-card{background:var(--paper);color:#111;border-radius:30px;padding:clamp(30px,6vw,80px);display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:end}
.support-card h2{font-size:clamp(44px,6vw,88px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:18px 0}.support-card h2 em{font-family:Georgia,serif;text-transform:none;font-weight:400;color:#9a6429}
.support-lead{font:italic clamp(27px,3.3vw,45px)/1.1 Georgia,serif!important;color:#5f3d19!important}.support-copy p{font-size:17px;line-height:1.65;color:#5a5148}
.coffee-btn{display:inline-block;margin-top:22px;padding:15px 20px;border-radius:999px;background:#111;color:var(--paper);font-weight:850;font-size:12px;letter-spacing:.06em}.coffee-btn[aria-disabled="true"]{opacity:.6;cursor:default}
.suno-roadmap{border-top:1px solid var(--line)}.suno-roadmap .section-top>div{max-width:65%}.suno-roadmap .section-top h2{font-size:clamp(44px,5.8vw,86px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:18px 0}.suno-roadmap .section-top h2 em{font-family:Georgia,serif;text-transform:none;font-weight:400;color:var(--gold2)}.suno-roadmap .section-top>p{max-width:430px;color:var(--muted);line-height:1.65}
.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.roadmap-grid article{min-height:240px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.roadmap-grid small{font-size:9px;letter-spacing:.2em;color:var(--gold)}.roadmap-grid h3{font-size:27px;margin:30px 0 13px}.roadmap-grid p{color:var(--muted);line-height:1.6}.roadmap-grid span{display:inline-block;margin-top:12px;font-size:10px;letter-spacing:.15em;color:#777;text-transform:uppercase}
.blog-page{padding-top:70px}.blog-hero{padding-top:145px;padding-bottom:78px}.blog-hero h1{font-size:clamp(60px,9vw,138px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:22px 0}.blog-deck{max-width:900px;font-size:clamp(20px,2.3vw,29px);line-height:1.55;color:#c4bcb2}
.blog-list-head{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.18em;color:var(--muted)}
.blog-card-main{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding:50px 0 70px;border-bottom:1px solid var(--line)}.blog-card-main h2{font-size:clamp(42px,5.2vw,74px);line-height:.96;letter-spacing:-.05em;margin:20px 0}.blog-card-main h2 a:hover{color:var(--gold2)}.blog-card-main>div:last-child{align-self:end}.blog-card-main p{font-size:18px;line-height:1.7;color:var(--muted)}
.blog-coming{padding-top:72px}.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.coming-grid>div{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.coming-grid strong{font-size:19px}.coming-grid span{font-size:12px;color:var(--muted)}
.article-meta{margin-top:24px;font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.article-lead{font-size:clamp(22px,2.5vw,30px)!important;line-height:1.55!important;color:var(--paper)!important}.article-copy a:not(.identity-cta){color:var(--gold2);text-decoration:underline;text-decoration-color:rgba(240,207,140,.35);text-underline-offset:4px}
.support-page{padding-top:70px}.support-hero{padding-top:160px;min-height:78vh}.support-hero h1{font-size:clamp(58px,9vw,138px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:20px 0}.support-big{font:italic clamp(32px,4vw,58px)/1.1 Georgia,serif;color:var(--gold2)}.support-note{max-width:700px;color:var(--muted);font-size:18px;line-height:1.7}

@media(max-width:900px){
  .blog-feature,.support-card,.blog-card-main{grid-template-columns:1fr}
  .roadmap-grid,.coming-grid{grid-template-columns:1fr}
  .suno-roadmap .section-top{display:block}.suno-roadmap .section-top>div{max-width:none}.suno-roadmap .section-top>p{max-width:none}
  .section-top{align-items:flex-start}
}


/* V5 — Minimal home + scan-first IA school */
.home-min .section{padding-top:100px;padding-bottom:100px}
.mini-header{background:rgba(11,10,9,.9)}
.hero-min{min-height:82svh;display:flex;flex-direction:column;justify-content:center;max-width:1180px}
.hero-min h1{font-size:clamp(64px,10vw,150px);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;margin:22px 0 28px;max-width:1050px}
.hero-min h1 span{color:var(--gold2)}
.hero-min-deck{max-width:760px;font-size:clamp(19px,2.2vw,29px);line-height:1.45;color:#c7c0b7;margin:0}
.hero-min-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.mega-cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.mega-cta.primary{background:var(--paper);color:#111}
.bookmark-note{margin-top:22px;color:#8f8981;font-size:12px;letter-spacing:.03em}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:10px!important;border-top:1px solid var(--line)}
.quick-card{min-height:160px;padding:24px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.quick-card:last-child{border-right:0}.quick-card span{font-size:10px;color:var(--gold);letter-spacing:.2em}.quick-card strong{font-size:24px}.quick-card small{color:var(--muted)}
.section-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);letter-spacing:.12em}
.school-head{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;margin:36px 0 44px}
.school-head h2,.music-min h2,.contact-min h2{font-size:clamp(46px,6vw,88px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0}
.school-head h2 em,.music-min h2 em,.contact-min h2 em{font-family:Georgia,serif;text-transform:none;font-weight:400;color:var(--gold2)}
.school-head p{font-size:18px;line-height:1.65;color:var(--muted);margin:0}
.school-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.school-card{min-height:150px;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;transition:.2s}
.school-card:hover{border-color:var(--gold);transform:translateY(-2px)}.school-card b{font-size:24px}.school-card span{color:var(--muted);font-size:13px}
.music-min{border-top:1px solid var(--line)}.music-min-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:38px;align-items:end}.music-min-grid p{color:var(--muted);line-height:1.65;font-size:17px}
.listen-stack{border-top:1px solid var(--line)}.listen-btn{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);font-size:17px}.listen-btn b{font-size:12px;color:var(--gold2);letter-spacing:.08em}
.contact-min{border-top:1px solid var(--line)}.contact-min-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:25px;align-items:end}
.learn-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.learn-jump a{border:1px solid var(--line);border-radius:999px;padding:11px 15px;font-size:12px}.learn-jump a:hover{border-color:var(--gold)}
.school-map{padding-top:40px!important}.map-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:28px}.map-item{min-height:120px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.map-item b{font-size:20px}.map-item span{font-size:12px;color:var(--muted)}
@media(max-width:900px){
  .quick-grid,.school-cards,.map-grid{grid-template-columns:1fr 1fr}
  .school-head,.music-min-grid,.contact-min-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .hero-min{min-height:auto;padding-top:130px!important}
  .hero-min h1{font-size:17vw}
  .quick-grid,.school-cards,.map-grid{grid-template-columns:1fr}
  .quick-card{border-right:0;border-bottom:1px solid var(--line)}
}


/* V6 — Escuela IA completa */
.school-home,.school-article{padding-top:70px}
.school-top,.school-article-hero{padding-top:145px}
.school-top h1,.school-article-hero h1{font-size:clamp(58px,8.8vw,132px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:20px 0 28px}
.school-one-line{font-size:clamp(20px,2.2vw,29px);color:#c8c0b7;max-width:760px;line-height:1.5}
.problem-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.problem-nav a{border:1px solid var(--line);border-radius:999px;padding:11px 15px;font-size:12px}
.problem-section{border-top:1px solid var(--line)}.problem-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:30px}
.problem-card{min-height:170px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.problem-card b{font-size:clamp(22px,2.4vw,34px);line-height:1.1}.problem-card span{color:var(--gold2);font-size:12px}
.raiz-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin:40px 0}.raiz-head h2{font-size:clamp(48px,6vw,88px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0}.raiz-head h2 em{font-family:Georgia,serif;text-transform:none;font-weight:400;color:var(--gold2)}.raiz-head p{color:var(--muted);font-size:18px}
.raiz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.raiz-grid article{border:1px solid var(--line);border-radius:18px;padding:24px;min-height:220px}.raiz-grid article>span{font-size:54px;font-weight:900;color:var(--gold2)}.raiz-grid h3{font-size:24px;margin:28px 0 10px}.raiz-grid p{color:var(--muted);line-height:1.6}
.curriculum-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.curriculum-card{min-height:145px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.curriculum-card>span{font-size:10px;color:var(--gold);letter-spacing:.18em}.curriculum-card b{font-size:23px}.curriculum-card small{color:var(--muted)}
.school-rule{padding-top:30px;padding-bottom:30px}.rule-hero{background:var(--paper);color:#111;border-radius:28px;padding:clamp(35px,6vw,80px)}.rule-hero h2{font-size:clamp(44px,6vw,90px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:18px 0}.rule-hero p{max-width:760px;color:#514941;font-size:18px;line-height:1.65}.rule-hero a{display:inline-block;margin-top:16px;border-bottom:1px solid #111;padding-bottom:4px;font-weight:800}
.now-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.now-grid>div{border:1px solid var(--line);padding:22px;border-radius:16px;display:flex;flex-direction:column;gap:8px}.now-grid b{font-size:21px}.now-grid span{color:var(--muted);line-height:1.5}.school-disclaimer{margin-top:24px;color:#827b73;font-size:12px}
.guide-meta{display:flex;gap:18px;margin-top:30px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.school-article-body{padding-top:55px}.school-article-body .article-copy{max-width:880px}
.prompt-lab{margin:50px 0;border:1px solid rgba(240,207,140,.38);border-radius:20px;overflow:hidden;background:#11100e}.prompt-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;border-bottom:1px solid var(--line)}.prompt-head>div{display:flex;flex-direction:column;gap:4px}.prompt-head span{font-size:9px;letter-spacing:.18em;color:var(--gold)}.prompt-head strong{font-size:16px}.prompt-head button{border:1px solid var(--line);background:transparent;color:var(--paper);border-radius:999px;padding:9px 13px;cursor:pointer}.prompt-lab pre{white-space:pre-wrap;word-break:break-word;padding:22px;margin:0;font:15px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e6ded5}.prompt-lab>p{padding:0 22px 22px;color:var(--muted);font-size:13px}
.source-box{margin-top:70px;border-top:1px solid var(--line);padding-top:28px}.source-box strong{font-size:16px}.source-box>p{font-size:12px!important;color:var(--muted)!important}.source-box ul{padding-left:18px}.source-box li{margin:8px 0}.source-box a{font-size:13px}
.mini-flow{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.mini-flow span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:11px;color:#c7bfb6}
.decision-table{margin:30px 0;border-top:1px solid var(--line)}.decision-table>div{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:18px 0;border-bottom:1px solid var(--line)}.decision-table span{color:var(--gold2)}
.model-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.model-cards article{border:1px solid var(--line);border-radius:16px;padding:22px}.model-cards b{font-size:26px}.model-cards p{font-size:15px!important}
.warning-box,.lab-card{margin:42px 0;padding:24px 28px;border-radius:16px;background:#17120c;border:1px solid rgba(240,207,140,.32);line-height:1.65}.warning-box strong,.lab-card strong{color:var(--gold2)}
.check-grid,.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.check-grid>div,.voice-grid>div{border:1px solid var(--line);padding:18px;border-radius:12px}.voice-grid>div{display:flex;flex-direction:column;gap:6px}.voice-grid span{color:var(--muted);font-size:13px}
.formula-box{margin:28px 0;padding:22px;border:1px solid var(--gold);border-radius:14px;font-weight:800;letter-spacing:.04em;line-height:1.6;color:var(--gold2)}
.energy-line{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.energy-line span{padding:10px 12px;border-radius:999px;background:#171513;border:1px solid var(--line);font-size:11px}
.step-list{margin:28px 0;border-top:1px solid var(--line)}.step-list>div{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.step-list>div>span{color:var(--gold);font-size:11px;letter-spacing:.15em}.step-list p{margin:0!important}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.role-grid>div{padding:22px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:6px}.role-grid b{font-size:22px}.role-grid span{color:var(--muted);font-size:13px}
.traffic{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:32px 0}.traffic>div{border:1px solid var(--line);border-radius:16px;padding:22px}.traffic b{font-size:18px}.traffic p{font-size:14px!important}.traffic .green{border-color:rgba(120,200,140,.45)}.traffic .amber{border-color:rgba(240,190,90,.45)}.traffic .red{border-color:rgba(220,100,100,.45)}
.priority-listen{font-size:19px}.listen-btn.secondary{opacity:.72}
@media(max-width:900px){
.problem-grid,.curriculum-grid,.raiz-grid,.now-grid,.model-cards,.role-grid,.traffic{grid-template-columns:1fr 1fr}
.raiz-head{grid-template-columns:1fr}.decision-table>div{grid-template-columns:1fr}
}
@media(max-width:560px){
.problem-grid,.curriculum-grid,.raiz-grid,.now-grid,.model-cards,.role-grid,.traffic,.check-grid,.voice-grid{grid-template-columns:1fr}
.school-top h1,.school-article-hero h1{font-size:15vw}
.prompt-head{align-items:flex-start;flex-direction:column}
}


/* V7 — Música oficial / Spotify + YouTube Topic */
.music-page{padding-top:70px}
.music-hero{padding-top:145px}
.music-hero h1{font-size:clamp(58px,8.7vw,132px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:20px 0 30px}
.music-deck{max-width:820px;font-size:clamp(20px,2.2vw,29px);line-height:1.5;color:#c6beb4}
.music-direct{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.player-section{border-top:1px solid var(--line)}
.player-head{display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:end;margin-bottom:34px}
.player-head h2{font-size:clamp(42px,5.5vw,82px);line-height:.92;letter-spacing:-.05em;margin:16px 0 0}
.player-head>p{color:var(--muted);font-size:17px;line-height:1.6;margin:0}
.spotify-shell{max-width:980px;border:1px solid var(--line);border-radius:22px;padding:8px;background:#111;overflow:hidden}
.spotify-shell iframe{display:block;border:0;border-radius:14px}
.youtube-shell{position:relative;width:100%;aspect-ratio:16/9;background:#111;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.youtube-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player-foot{margin-top:24px}
.music-note{padding-top:30px;padding-bottom:30px}
.music-note-card{background:var(--paper);color:#111;border-radius:28px;padding:clamp(34px,6vw,78px)}
.music-note-card h2{font-size:clamp(42px,5.8vw,84px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase;margin:18px 0}
.music-note-card p{max-width:760px;color:#514941;font-size:18px;line-height:1.65}
.music-note-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.music-note-actions a{border-bottom:1px solid #111;padding-bottom:4px;font-weight:800}
@media(max-width:900px){.player-head{grid-template-columns:1fr}}


/* V7.1 — portada todavía más minimalista */
.home-first-section{
  border-top:1px solid var(--line);
  padding-top:72px!important;
}
@media(max-width:560px){
  .home-first-section{padding-top:54px!important}
}


/* V8 — Descargas + Prompt Library
   Color-led interface inspired by useful prompt-library patterns, kept in AE identity. */
:root{
  --ae-coral:#d66f5e;
  --ae-blue:#6687aa;
  --ae-green:#78967b;
  --ae-purple:#8a6f98;
  --ae-goldcard:#d6aa63;
}
.quick-prompts-page,.downloads-page{padding-top:70px}
.quick-prompts-hero,.downloads-hero{padding-top:145px}
.quick-prompts-hero h1,.downloads-hero h1{font-size:clamp(58px,8.7vw,132px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:20px 0 30px}
.quick-prompts-deck,.downloads-deck{max-width:820px;font-size:clamp(20px,2.2vw,29px);line-height:1.5;color:#c7bfb6}
.filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.filter-pills button{border:1px solid var(--line);background:transparent;color:var(--paper);border-radius:999px;padding:10px 14px;cursor:pointer;font-size:11px}.filter-pills button.active{background:var(--paper);color:#111}
.quick-prompt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}
.quick-prompt-card{border-radius:20px;padding:24px;color:#111;min-height:330px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.quick-prompt-card.gold{background:var(--ae-goldcard)}.quick-prompt-card.coral{background:var(--ae-coral)}.quick-prompt-card.blue{background:var(--ae-blue)}.quick-prompt-card.green{background:var(--ae-green)}.quick-prompt-card.purple{background:var(--ae-purple)}
.quick-prompt-top{display:flex;justify-content:space-between;align-items:center}.quick-prompt-top span{font-size:11px;font-weight:900}.quick-prompt-top small{font-size:9px;letter-spacing:.16em;font-weight:900}
.quick-prompt-card h2{font-size:clamp(26px,3vw,42px);line-height:1;margin:34px 0 16px;letter-spacing:-.035em}
.quick-prompt-card pre{white-space:pre-wrap;word-break:break-word;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0 0 24px;flex:1}
.quick-prompt-card button{align-self:flex-start;border:1px solid rgba(0,0,0,.45);background:rgba(255,255,255,.18);color:#111;border-radius:999px;padding:10px 15px;font-weight:900;cursor:pointer}
.quick-prompt-card button:hover{background:#111;color:var(--paper)}
.prompt-library-end{margin-top:34px;padding:24px 0;border-top:1px solid var(--line)}.prompt-library-end p{color:var(--muted);max-width:720px}
.downloads-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}
.download-card{min-height:360px;border-radius:22px;padding:28px;color:#111;display:flex;flex-direction:column}
.download-card.gold{background:var(--ae-goldcard)}.download-card.coral{background:var(--ae-coral)}.download-card.blue{background:var(--ae-blue)}.download-card.green{background:var(--ae-green)}
.download-number{font-size:11px;font-weight:900}.download-card>small{font-size:9px;letter-spacing:.18em;font-weight:900;margin-top:38px}.download-card h2{font-size:clamp(30px,4vw,56px);line-height:.95;letter-spacing:-.045em;margin:12px 0}.download-card p{font-size:16px;line-height:1.55;max-width:500px}
.download-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:24px}.download-actions a{border-radius:999px;padding:11px 15px;font-size:11px;font-weight:900;border:1px solid rgba(0,0,0,.45)}.download-main{background:#111;color:var(--paper)}.download-coffee{background:rgba(255,255,255,.18);color:#111}
.downloads-note{display:flex;gap:16px;align-items:baseline;border-top:1px solid var(--line);margin-top:34px;padding-top:22px}.downloads-note p{color:var(--muted)}
.download-wide,.home-downloads-inner{background:var(--paper);color:#111;border-radius:28px;padding:clamp(30px,5vw,70px);display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end}
.download-wide h2,.home-downloads-inner h2{font-size:clamp(38px,5vw,72px);line-height:.92;letter-spacing:-.05em;text-transform:uppercase;margin:15px 0}.download-wide p,.home-downloads-inner p{color:#514941;line-height:1.6}.download-wide a,.home-downloads-inner a{display:inline-block;border-bottom:1px solid #111;padding-bottom:4px;font-weight:900}
.home-downloads{padding-top:30px!important;padding-bottom:30px!important}
@media(max-width:900px){
  .quick-prompt-grid,.downloads-grid{grid-template-columns:1fr}
  .download-wide,.home-downloads-inner{grid-template-columns:1fr}
}


/* V9 — RAÍZ Prompt Lab */
.lab-page{padding-top:70px}
.lab-hero{padding-top:145px}
.lab-hero h1{font-size:clamp(58px,8.7vw,132px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:20px 0 30px}
.lab-deck{max-width:900px;font-size:clamp(20px,2.2vw,29px);line-height:1.5;color:#c7bfb6}
.lab-status{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.lab-status span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:10px;letter-spacing:.08em;color:#aaa39a}
.lab-workspace{border-top:1px solid var(--line)}
.lab-builder{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lab-panel{border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,38px);background:#100f0d}
.lab-panel-head{display:flex;align-items:baseline;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.lab-panel-head span{color:var(--gold);font-size:10px}.lab-panel-head h2{font-size:30px;margin:0}
.lab-panel label{display:block;margin:18px 0 7px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9e978f;font-weight:800}
.lab-panel select,.lab-panel input[type="text"],.lab-panel input[type="number"]{width:100%;box-sizing:border-box;background:#171513;color:var(--paper);border:1px solid #302c28;border-radius:12px;padding:13px 14px;font:inherit;outline:none}
.lab-panel select:focus,.lab-panel input:focus{border-color:var(--gold)}
.lab-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lab-panel input[type="range"]{width:100%;accent-color:var(--gold)}
.range-labels{display:flex;justify-content:space-between;color:#777;font-size:9px}
.lab-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.lab-buttons button{border-radius:999px;padding:13px 17px;font-weight:900;cursor:pointer}
.lab-main{background:var(--paper);color:#111;border:1px solid var(--paper)}.lab-secondary{background:transparent;color:var(--paper);border:1px solid var(--line)}
.lab-output{border-top:1px solid var(--line)}
.quality-checks{display:flex;gap:7px;flex-wrap:wrap;margin:26px 0}.quality-checks span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:10px}.quality-checks .ok{border-color:rgba(125,180,125,.5);color:#a7c7a7}.quality-checks .soft{color:#777}
.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.output-card{border-radius:22px;padding:24px;color:#111;min-height:330px;display:flex;flex-direction:column}.output-card.gold{background:#d6aa63}.output-card.coral{background:#d66f5e}.output-card.blue{background:#6687aa}.output-card.green{background:#78967b}
.output-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.output-top small{font-size:9px;letter-spacing:.16em;font-weight:900}.output-top h2{font-size:28px;line-height:1;margin:8px 0}.output-top button{border:1px solid rgba(0,0,0,.45);background:rgba(255,255,255,.18);border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer}
.output-card pre{white-space:pre-wrap;word-break:break-word;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;margin:28px 0 0;flex:1}
.lab-explain{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.lab-explain>div{border:1px solid var(--line);border-radius:18px;padding:22px}.lab-explain p:last-child{color:var(--muted);line-height:1.6}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line);padding-top:40px}.trust-grid h2{font-size:clamp(34px,4vw,58px);line-height:.96;letter-spacing:-.04em}.trust-grid p:last-child{color:var(--muted);line-height:1.7}
.prompt-lab-home{padding-top:30px!important;padding-bottom:30px!important}.prompt-lab-home-inner{border:1px solid var(--gold);border-radius:28px;padding:clamp(28px,5vw,66px);display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;background:linear-gradient(135deg,#15110c,#0b0a09)}.prompt-lab-home h2{font-size:clamp(44px,6vw,88px);line-height:.9;letter-spacing:-.055em;margin:16px 0}.prompt-lab-home p{color:#bbb3aa;max-width:700px;line-height:1.6}.prompt-lab-home-action{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.prompt-lab-home-action span{font-size:10px;color:#867f77;letter-spacing:.12em;text-transform:uppercase}.prompt-lab-home-action a{display:inline-block;background:var(--paper);color:#111;border-radius:999px;padding:13px 17px;font-size:11px;font-weight:900}
.lab-school-feature{padding-top:30px!important;padding-bottom:30px!important}
@media(max-width:900px){.lab-builder,.output-grid,.lab-explain,.trust-grid,.prompt-lab-home-inner{grid-template-columns:1fr}}
@media(max-width:560px){.lab-hero h1{font-size:15vw}.lab-two{grid-template-columns:1fr}.output-card{min-height:auto}}


/* V10 — Normal people first */
.lab-easy-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:28px}.lab-easy-intro h2{font-size:clamp(36px,4.7vw,68px);line-height:.96;letter-spacing:-.045em;margin:14px 0}.lab-easy-intro>p{color:var(--muted);line-height:1.65}
.easy-builder{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#100f0d;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,44px)}
.easy-field{border-bottom:1px solid var(--line);padding:8px 0 20px}.easy-field label{display:block;font-size:15px;font-weight:800;margin-bottom:9px}.easy-field label small{font-size:10px;color:var(--muted);font-weight:500}.easy-field select,.easy-field input[type="text"],.easy-field input[type="number"]{width:100%;box-sizing:border-box;background:#171513;color:var(--paper);border:1px solid #302c28;border-radius:12px;padding:14px;font:inherit}.easy-wide{grid-column:1/-1}.field-help{font-size:11px;color:#777;margin:7px 0 0}.easy-actions{display:flex;gap:8px;flex-wrap:wrap;border-bottom:0;padding-bottom:0}
.advanced-box{margin-top:12px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.advanced-box summary{cursor:pointer;padding:18px 22px;font-weight:900;list-style:none}.advanced-box summary::-webkit-details-marker{display:none}.advanced-box summary span{font-weight:400;color:var(--muted);font-size:12px;margin-left:10px}.advanced-box[open] summary{border-bottom:1px solid var(--line)}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px}
.copy-failed{outline:2px solid rgba(255,255,255,.45)}
.quick-prompt-top{justify-content:flex-start}.quick-prompt-top small{font-size:10px}
.v6-fast{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.v6-fast a{border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:11px}
.v6-three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.v6-three article{border:1px solid var(--line);border-radius:18px;padding:22px}.v6-three small{font-size:9px;color:var(--gold);letter-spacing:.13em}.v6-three h3{font-size:34px;margin:12px 0}.v6-three p{font-size:15px!important}.v6-three strong{font-size:11px;color:var(--gold2)}
.beginner-steps{margin:28px 0;border-top:1px solid var(--line)}.beginner-steps>div{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.beginner-steps>b{}.beginner-steps>div>b{font-size:28px;color:var(--gold)}.beginner-steps p{margin:0!important}
.v6-example{margin:40px 0;background:#d6aa63;color:#111;border-radius:18px;padding:24px}.v6-example pre{white-space:pre-wrap;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.v6-example button{border:1px solid #111;background:#111;color:var(--paper);border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}
.v6-next{margin-top:60px;border-top:1px solid var(--line);padding-top:30px}.v6-next>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:20px}.v6-next a{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.v6-next a span{color:var(--muted);font-size:12px}
.v6-now-home{padding-top:18px!important;padding-bottom:18px!important}.v6-now-inner{display:grid;grid-template-columns:.8fr 1.4fr auto;gap:30px;align-items:center;border:1px solid var(--gold);border-radius:16px;padding:18px 22px}.v6-now-inner>div{display:flex;flex-direction:column;gap:3px}.v6-now-inner span{font-size:9px;color:var(--gold);letter-spacing:.12em}.v6-now-inner strong{font-size:20px}.v6-now-inner p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.v6-now-inner>b{font-size:11px}
.coming-grid>a{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.coming-grid>a:hover{background:#12100e}
@media(max-width:900px){
.lab-easy-intro,.easy-builder,.advanced-grid,.v6-three{grid-template-columns:1fr}
.easy-wide{grid-column:auto}
.v6-now-inner{grid-template-columns:1fr;gap:8px}
}
@media(max-width:560px){.v6-next>div{grid-template-columns:1fr}}


/* ---------------------------------------------------------
   BUILD QA 20260912 — robustness + impeccable cards
   --------------------------------------------------------- */

/* Progressive enhancement: nothing essential depends on JS to be visible. */
.reveal,
.reveal.visible{
  opacity:1!important;
  transform:none!important;
}

/* Homepage school navigation: always real cards, never an inline text run. */
.school-preview{
  overflow:hidden;
}
.school-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin-top:10px!important;
}
.school-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  min-width:0!important;
  min-height:168px!important;
  padding:24px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#12110f,#0e0d0c)!important;
  overflow:hidden!important;
}
.school-card::after{
  content:"→";
  position:absolute;
  right:20px;
  top:18px;
  color:var(--gold2);
  font-size:17px;
}
.school-card b{
  display:block!important;
  max-width:85%;
  font-size:clamp(21px,2vw,27px)!important;
  line-height:1.06!important;
  letter-spacing:-.025em!important;
}
.school-card span{
  display:block!important;
  max-width:90%;
  margin-top:34px!important;
  color:var(--muted)!important;
  font-size:13px!important;
  line-height:1.4!important;
}
.school-card:hover{
  border-color:rgba(240,207,140,.72)!important;
  background:#15120f!important;
  transform:translateY(-2px)!important;
}
@media(max-width:900px){
  .school-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .school-cards{grid-template-columns:1fr!important}
  .school-card{min-height:138px!important}
}

/* Global buttons: clear hit area and accessible states. */
button,
.mega-cta,
.lab-main,
.lab-secondary{
  -webkit-tap-highlight-color:transparent;
}
button:focus-visible,
a:focus-visible,
select:focus-visible,
input:focus-visible{
  outline:2px solid var(--gold2);
  outline-offset:3px;
}

/* Copy buttons must look and behave like buttons. */
[data-copy-text]{
  cursor:pointer!important;
  user-select:none;
  -webkit-user-select:none;
}
[data-copy-text].copy-ok{
  background:#111!important;
  color:#fff!important;
}
[data-copy-text].copy-failed{
  outline:2px solid rgba(255,255,255,.7)!important;
}

/* Prompt Lab output: copy buttons remain visible and clickable. */
.output-top{
  position:relative;
  z-index:2;
}
.output-top button{
  flex:0 0 auto;
  min-width:82px;
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.output-card pre{
  position:relative;
  z-index:1;
  user-select:text;
  -webkit-user-select:text;
}


/* =========================================================
   V10.2 — ESCUELA: interfaz comprensible a primera vista
   ========================================================= */
::selection{
  background:rgba(214,167,92,.32);
  color:inherit;
}

.school-top-v2{
  padding-top:145px;
  padding-bottom:86px;
}

.school-hero-copy{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:7vw;
  align-items:end;
  margin:22px 0 48px;
}

.school-top-v2 .school-hero-copy h1{
  margin:0;
  max-width:820px;
  font-size:clamp(50px,7vw,104px);
  line-height:.88;
  letter-spacing:-.06em;
  text-transform:none;
}

.school-hero-copy>p{
  max-width:480px;
  margin:0;
  color:#c8c0b7;
  font-size:clamp(17px,1.7vw,22px);
  line-height:1.58;
}

.school-start-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.school-start-card{
  min-width:0;
  min-height:260px;
  padding:26px;
  border:1px solid var(--line);
  border-radius:22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  background:#11100e;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.school-start-card:hover{
  transform:translateY(-3px);
  border-color:var(--gold);
  background:#15120f;
}

.school-start-card small{
  font-size:9px;
  line-height:1;
  letter-spacing:.18em;
  font-weight:850;
  color:var(--gold2);
}

.school-start-card strong{
  display:block;
  margin-top:32px;
  font-size:clamp(24px,2.3vw,34px);
  line-height:1.02;
  letter-spacing:-.035em;
}

.school-start-card span{
  display:block;
  margin-top:14px;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

.school-start-card b{
  margin-top:auto;
  padding-top:28px;
  font-size:11px;
  letter-spacing:.06em;
  color:var(--gold2);
}

.school-start-card.v6{
  border-color:rgba(214,167,92,.48);
}

.school-start-card.lab{
  background:linear-gradient(145deg,#17120c,#100f0d);
}

.school-problem-link{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-top:18px;
  padding:18px 2px 0;
  color:var(--muted);
  font-size:13px;
}

.school-problem-link a{
  color:var(--gold2);
  border-bottom:1px solid rgba(240,207,140,.45);
  padding-bottom:3px;
  font-weight:750;
}

/* The old compact problem nav must never appear as one unbroken line. */
.problem-nav{
  display:none!important;
}

@media(max-width:900px){
  .school-hero-copy{
    grid-template-columns:1fr;
    gap:20px;
  }

  .school-start-grid{
    grid-template-columns:1fr;
  }

  .school-start-card{
    min-height:205px;
  }
}

@media(max-width:560px){
  .school-top-v2{
    padding-top:118px;
    padding-bottom:60px;
  }

  .school-top-v2 .school-hero-copy h1{
    font-size:clamp(44px,13vw,68px);
  }

  .school-problem-link{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* Copy: clear feedback */
[data-copy-text]{
  position:relative;
  z-index:5;
  pointer-events:auto!important;
}

[data-copy-text]:disabled{
  cursor:wait!important;
  opacity:.86;
}

[data-copy-text].copy-ok{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}


/* =========================================================
   V10.3 — ANÚNCIATE / neon line
   ========================================================= */
:root{
  --ae-neon:#baff00;
}

.ae-advertise-strip{
  position:relative;
  z-index:25;
  margin-top:70px;
  border-top:1px solid rgba(186,255,0,.9);
  border-bottom:1px solid rgba(186,255,0,.28);
  background:rgba(186,255,0,.035);
}

.ae-advertise-strip a{
  min-height:34px;
  padding:0 28px;
  display:flex;
  align-items:center;
  gap:14px;
  color:#d9ff82;
  font-size:10px;
  letter-spacing:.08em;
  white-space:nowrap;
  overflow:hidden;
}

.ae-advertise-strip span{
  color:#0b0a09;
  background:var(--ae-neon);
  border-radius:999px;
  padding:4px 8px;
  font-weight:950;
  letter-spacing:.13em;
}

.ae-advertise-strip b{
  font-weight:650;
  color:#d7e9ad;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ae-advertise-strip em{
  margin-left:auto;
  font-style:normal;
  color:var(--ae-neon);
  font-weight:850;
}

@media(max-width:620px){
  .ae-advertise-strip a{
    padding:0 14px;
    min-height:32px;
  }
  .ae-advertise-strip b{
    display:none;
  }
}

/* Header is fixed/overlayed in the current layout; strip supplies top offset.
   Pages already add their own internal top padding. */
body .ae-advertise-strip + main,
body .ae-advertise-strip + .home-min{
  margin-top:0;
}

.advertise-page{padding-top:0}
.advertise-hero{padding-top:110px}
.advertise-hero h1{
  font-size:clamp(62px,9vw,138px);
  line-height:.8;
  letter-spacing:-.075em;
  text-transform:uppercase;
  margin:20px 0 32px;
}
.advertise-deck{
  max-width:850px;
  color:#c7bfb6;
  font-size:clamp(20px,2.2vw,29px);
  line-height:1.5;
}
.advertise-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  margin-top:30px;
}
.advertise-grid article{
  min-height:210px;
  padding:28px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.advertise-grid small{
  color:var(--ae-neon);
  font-size:9px;
  letter-spacing:.2em;
}
.advertise-grid h2{
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  letter-spacing:-.04em;
  margin:22px 0 12px;
}
.advertise-grid p{
  color:var(--muted);
  line-height:1.65;
}
.advertise-format{padding-top:30px;padding-bottom:30px}
.advertise-format-card{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:8vw;
  align-items:end;
  border-radius:28px;
  padding:clamp(34px,6vw,80px);
  background:var(--ae-neon);
  color:#0b0a09;
}
.advertise-format-card h2{
  font-size:clamp(46px,6vw,90px);
  line-height:.88;
  letter-spacing:-.06em;
  text-transform:uppercase;
  margin:18px 0 0;
}
.advertise-format-card p{
  color:#273000;
  font-size:17px;
  line-height:1.65;
}
.advertise-contact{
  display:inline-block;
  margin-top:16px;
  border-bottom:1px solid #111;
  padding-bottom:4px;
  font-weight:900;
}
.fit-copy{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8vw;
  align-items:end;
  margin-top:38px;
}
.fit-copy h2{
  font-size:clamp(44px,5.8vw,84px);
  line-height:.9;
  letter-spacing:-.055em;
  text-transform:uppercase;
  margin:0;
}
.fit-copy p{
  color:var(--muted);
  line-height:1.7;
}
.fit-copy a{
  display:inline-block;
  margin-top:16px;
  color:var(--ae-neon);
  border-bottom:1px solid rgba(186,255,0,.45);
  padding-bottom:4px;
}
@media(max-width:900px){
  .advertise-grid,
  .advertise-format-card,
  .fit-copy{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V11 CYBER — white hacker, calm not scary
   ========================================================= */
:root{
  --bg:#080a09;
  --paper:#f2f4ef;
  --text:#f4f7f2;
  --muted:#98a19a;
  --gold:#79ff9a;
  --gold2:#b7ffc5;
  --line:rgba(211,255,221,.16);
  --cyber:#9dff73;
  --cyber-soft:#b9ffc4;
  --panel:#0d100e;
  --max:1320px;
}
html{background:#080a09}
body{
  background:
    radial-gradient(circle at 86% 9%,rgba(120,255,150,.07),transparent 24rem),
    linear-gradient(rgba(120,255,150,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,255,150,.018) 1px,transparent 1px),
    #080a09;
  background-size:auto,42px 42px,42px 42px,auto;
  color:var(--text);
}
.noise{opacity:.022}

/* sponsor: visible, very thin */
.ae-advertise-strip{
  margin:0!important;
  position:relative;
  z-index:60;
  background:linear-gradient(90deg,rgba(157,255,115,.11),rgba(157,255,115,.035));
  border-top:1px solid rgba(157,255,115,.6);
  border-bottom:1px solid rgba(157,255,115,.32);
}
.ae-advertise-strip a{min-height:31px!important;padding:0 clamp(16px,3vw,42px)!important;color:#dfffd8!important}
.ae-advertise-strip span{background:var(--cyber)!important;color:#071006!important;box-shadow:0 0 18px rgba(157,255,115,.18)}
.ae-advertise-strip em{color:var(--cyber)!important}

/* one resilient header everywhere */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:55!important;
  height:72px!important;
  padding:0 clamp(16px,4vw,58px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  background:rgba(8,10,9,.9)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(183,255,197,.12)!important;
}
.cyber-brand{display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important}
.cyber-brand>span{grid-row:1/3!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;color:var(--cyber)!important;font:700 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:-.08em!important}
.cyber-brand>b{font-size:11px!important;letter-spacing:.24em!important;color:#f5f7f2!important}
.cyber-brand>small{font:500 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.08em!important;color:#748078!important;text-transform:lowercase!important}
.desktop-nav{display:flex!important;gap:clamp(16px,2.2vw,30px)!important;align-items:center!important;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.desktop-nav a{position:relative;padding:10px 0;color:#d5d9d4!important}
.desktop-nav a::before{content:">";opacity:0;color:var(--cyber);margin-right:4px;transition:opacity .15s}
.desktop-nav a:hover::before,.desktop-nav a[aria-current="page"]::before{opacity:1}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:#fff!important}
.desktop-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--cyber);box-shadow:0 0 8px rgba(157,255,115,.5)}
.mobile-nav{display:none;position:relative}
.mobile-nav summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:9px 11px;display:flex;align-items:center;gap:9px;color:#fff;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary b{color:var(--cyber);font-size:15px}
.mobile-nav nav{position:absolute!important;right:0!important;top:44px!important;width:min(82vw,330px)!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:10px!important;background:#0a0d0b!important;border:1px solid rgba(157,255,115,.28)!important;border-radius:12px!important;box-shadow:0 18px 50px rgba(0,0,0,.55)!important}
.mobile-nav nav a{padding:15px 14px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.06em!important;color:#e6ebe5!important}
.mobile-nav nav a:last-child{border-bottom:0!important}.mobile-nav nav a[aria-current="page"]{color:var(--cyber)!important}

/* remove old fixed-header compensation */
.music-page,.blog-page,.support-page,.quick-prompts-page,.downloads-page,.lab-page,.school-home,.article-page,.advertise-page{padding-top:0!important}

/* cyber typography labels */
.eyebrow,.blog-label,.blog-cat,.guide-meta,.section-line,.lab-status,.curriculum-card>span,.roadmap-grid small,.download-card>small,.quick-prompt-top small{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;
  color:var(--cyber-soft)!important;
}
.section-line{border-color:rgba(183,255,197,.15)!important}

/* home hero */
.cyber-hero{position:relative;isolation:isolate;overflow:hidden}
.cyber-hero::after{content:"";position:absolute;z-index:-1;width:min(46vw,620px);aspect-ratio:1;right:-13%;top:11%;border:1px solid rgba(157,255,115,.16);border-radius:50%;box-shadow:inset 0 0 80px rgba(157,255,115,.025),0 0 90px rgba(157,255,115,.025);background:radial-gradient(circle at 33% 50%,rgba(157,255,115,.08),transparent 36%)}
.cyber-hero::before{content:"";position:absolute;z-index:-1;right:18%;top:30%;width:1px;height:34%;background:linear-gradient(transparent,var(--cyber),transparent);opacity:.4;box-shadow:0 0 12px var(--cyber)}
.cyber-kicker{display:flex;gap:12px;align-items:center;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;margin-bottom:18px}.cyber-kicker span{color:#6f7871}.cyber-kicker b{color:#081008;background:var(--cyber);padding:5px 8px;border-radius:4px}
.hero-min h1{text-transform:none!important;letter-spacing:-.065em!important}.hero-min h1 span{color:var(--cyber-soft)!important;text-shadow:0 0 24px rgba(157,255,115,.12)}
.cyber-primary{background:var(--cyber)!important;color:#071007!important;border-color:var(--cyber)!important;box-shadow:0 0 22px rgba(157,255,115,.12)}
.bookmark-note{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}
.cyber-signal{position:absolute;right:8%;bottom:12%;display:flex;gap:5px;align-items:flex-end;opacity:.45}.cyber-signal span{width:2px;background:var(--cyber);box-shadow:0 0 6px var(--cyber)}.cyber-signal span:nth-child(1){height:18px}.cyber-signal span:nth-child(2){height:34px}.cyber-signal span:nth-child(3){height:24px}

/* cards and controls: dark, white, green. No arcade rainbow. */
.school-card,.school-start-card,.problem-card,.curriculum-card,.raiz-grid article,.roadmap-grid article,.now-grid>div,.coming-grid>a,.map-item,.role-grid>div,.model-cards article,.voice-grid>div,.check-grid>div{
  background:rgba(11,14,12,.84)!important;
  border-color:rgba(183,255,197,.14)!important;
}
.school-card:hover,.school-start-card:hover,.problem-card:hover,.curriculum-card:hover,.coming-grid>a:hover{border-color:rgba(157,255,115,.6)!important;background:#0f1410!important}
.school-card::after{color:var(--cyber)!important}

/* Prompt library and downloads toned into same system */
.quick-prompt-card,.download-card,.output-card{
  color:#f2f5f0!important;
  background:linear-gradient(145deg,#101511,#0b0e0c)!important;
  border:1px solid rgba(183,255,197,.16)!important;
}
.quick-prompt-card.gold,.quick-prompt-card.coral,.quick-prompt-card.blue,.quick-prompt-card.green,.quick-prompt-card.purple,.download-card.gold,.download-card.coral,.download-card.blue,.download-card.green,.output-card.gold,.output-card.coral,.output-card.blue,.output-card.green{background:linear-gradient(145deg,#101511,#0b0e0c)!important}
.quick-prompt-card{border-top-color:rgba(157,255,115,.58)!important}.quick-prompt-card pre,.output-card pre{color:#e7eee7!important}.quick-prompt-card button,.output-top button{color:#091009!important;background:var(--cyber)!important;border-color:var(--cyber)!important}
.download-card{border-left:2px solid var(--cyber)!important}.download-main{background:var(--cyber)!important;color:#071007!important;border-color:var(--cyber)!important}.download-coffee{color:#e9eee8!important;border-color:rgba(183,255,197,.28)!important;background:transparent!important}
.output-card{border-top:2px solid var(--cyber)!important}.output-top button{min-width:110px!important}
.easy-builder,.advanced-box,.lab-panel{background:rgba(10,13,11,.88)!important;border-color:rgba(183,255,197,.14)!important}.easy-field select,.easy-field input,.lab-panel select,.lab-panel input{background:#0b0e0c!important;border-color:rgba(183,255,197,.16)!important;color:#eef3ed!important}.lab-main{background:var(--cyber)!important;color:#071007!important;border-color:var(--cyber)!important}.lab-secondary{border-color:rgba(183,255,197,.25)!important;color:#f1f4ef!important}.advanced-box summary{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}.lab-copy-note{max-width:var(--max);margin:0 auto;padding:0 clamp(20px,4vw,64px) 22px;display:flex;gap:18px;align-items:baseline}.lab-copy-note span{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyber)}.lab-copy-note p{margin:0;color:var(--muted);font-size:12px}

/* light feature cards become cyber-dark instead of interrupting visual flow */
.rule-hero,.support-card,.download-wide,.home-downloads-inner,.music-note-card,.advertise-format-card{
  background:#eaf0e8!important;
  color:#081008!important;
  border:1px solid rgba(157,255,115,.28)!important;
}
.rule-hero .eyebrow,.support-card .eyebrow,.download-wide .eyebrow,.home-downloads-inner .eyebrow,.music-note-card .eyebrow,.advertise-format-card .eyebrow{color:#18361d!important}

/* source links stay available but do not invite users out mid-article */
.source-box{margin-top:58px!important;border-top:1px solid var(--line)!important;padding-top:18px!important}.source-box summary{cursor:pointer;color:#7f8d82;font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.source-box[open] summary{color:var(--cyber-soft)}.source-box-inner{padding:15px 0 0}.source-box-inner p,.source-box-inner li,.source-box-inner a{font-size:12px!important;color:#7f8d82!important}

/* footer source-of-truth */
.site-footer{max-width:var(--max);margin:0 auto;padding:42px clamp(20px,4vw,64px) 48px;border-top:1px solid rgba(183,255,197,.13);display:grid;grid-template-columns:1fr auto;gap:24px 40px;align-items:end}.footer-brand{display:flex;flex-direction:column;gap:5px}.footer-brand b{font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.footer-brand span{font:500 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#657068}.footer-nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}.footer-nav a:hover{color:var(--cyber)}.footer-meta{grid-column:1/-1;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;color:#657068;font-size:10px}

@media(max-width:860px){
  .desktop-nav{display:none!important}.mobile-nav{display:block!important}.site-header{height:64px!important}.cyber-brand>small{display:none}.cyber-brand>b{letter-spacing:.16em!important}.cyber-hero::after{width:88vw;right:-50%;opacity:.65}.cyber-signal{display:none}.site-footer{grid-template-columns:1fr}.footer-nav{justify-content:flex-start}.lab-copy-note{display:block}.lab-copy-note span{display:block;margin-bottom:7px}
}
@media(max-width:560px){
 .ae-advertise-strip b{display:none!important}.ae-advertise-strip em{font-size:9px!important}.ae-advertise-strip a{gap:8px!important}.site-header{padding:0 14px!important}.cyber-brand>span{font-size:16px!important}.cyber-brand>b{font-size:10px!important}.hero-min{padding-top:90px!important}.hero-min h1{font-size:14vw!important;line-height:.86!important}.hero-min-deck{font-size:18px!important}.hero-min-actions{display:grid!important}.mega-cta{width:100%!important}.school-cards{grid-template-columns:1fr!important}.site-footer{padding-bottom:34px}.footer-meta{align-items:flex-start;gap:10px;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* V11 menu hard reset: neutralize legacy generic nav mobile rules */
@media(max-width:900px){
  .site-header .desktop-nav{
    display:none!important;
    position:static!important;
    inset:auto!important;
    padding:0!important;
    background:transparent!important;
    flex-direction:row!important;
  }
  .site-header .mobile-nav nav{
    display:flex!important;
    position:absolute!important;
    top:44px!important;
    left:auto!important;
    right:0!important;
    padding:10px!important;
    background:#0a0d0b!important;
    flex-direction:column!important;
  }
  .site-footer .footer-nav{
    display:flex!important;
    position:static!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:auto!important;
    padding:0!important;
    background:transparent!important;
    flex-direction:row!important;
  }
}


/* =========================================================
   V11.1 TONIGHT — cyber-white polish + shamrock + code windows
   ========================================================= */
:root{
  --acid:#baff00;
  --acid-soft:rgba(186,255,0,.12);
  --paper2:#f6f4ef;
}

/* Slightly more cyber-white */
.cyber-brand{
  position:relative;
  gap:12px;
}
.cyber-brand .brand-ae{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(186,255,0,.65)!important;
  color:var(--paper2)!important;
  background:radial-gradient(circle at 30% 30%, rgba(186,255,0,.10), rgba(255,255,255,.02) 68%);
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset, 0 0 18px rgba(186,255,0,.08);
  font-size:16px!important;
  font-weight:900;
  letter-spacing:0!important;
}
.cyber-brand b{
  color:var(--paper2);
}
.cyber-brand small{
  color:#d0d0cb;
}
.brand-clover{
  position:absolute;
  right:-18px;
  top:-8px;
  font-style:normal;
  color:rgba(186,255,0,.60);
  font-size:16px;
  transform:rotate(-8deg);
}
.desktop-nav a,
.mobile-nav a{
  position:relative;
}
.desktop-nav a:hover,
.mobile-nav a:hover,
.desktop-nav a[aria-current="page"],
.mobile-nav a[aria-current="page"]{
  color:var(--paper2)!important;
}
.desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-8px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(186,255,0,.9), transparent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.desktop-nav a:hover::after,
.desktop-nav a[aria-current="page"]::after{
  transform:scaleX(1);
}

/* Discreet shamrock in the hero for those who notice it */
.cyber-hero{
  position:relative;
  overflow:hidden;
}
.cyber-hero::after{
  content:"☘";
  position:absolute;
  right:4vw;
  top:18vh;
  font-size:min(20vw,220px);
  line-height:1;
  color:rgba(186,255,0,.06);
  filter:blur(.2px);
  pointer-events:none;
  z-index:0;
}
.cyber-hero > *{
  position:relative;
  z-index:1;
}

/* Oscar note */
.oscar-note{
  margin-top:16px;
  max-width:920px;
  color:#c7c2b8;
  font-size:12px;
  line-height:1.6;
  letter-spacing:.015em;
}
.oscar-note span{
  color:rgba(186,255,0,.85);
  margin-right:8px;
}
.oscar-note strong{
  color:var(--paper2);
}
.oscar-link{
  color:inherit;
  text-decoration:none;
  border-bottom:none!important;
}
.oscar-link:hover{
  color:var(--acid);
}

/* Prompt output windows */
.lab-output .output-grid{
  gap:16px;
}
.code-window{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:#0d0d0c!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset;
}
.code-window::before{
  content:"";
  display:block;
  height:34px;
  background:
    radial-gradient(circle at 20px 17px, #ff5f57 0 4px, transparent 5px),
    radial-gradient(circle at 38px 17px, #febc2e 0 4px, transparent 5px),
    radial-gradient(circle at 56px 17px, #28c840 0 4px, transparent 5px),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.code-window .output-top{
  padding:18px 20px 8px 20px;
}
.code-window .output-top small{
  color:#dfe4d0!important;
  letter-spacing:.18em;
}
.code-window .output-top h2{
  color:var(--paper2)!important;
}
.code-window .output-top button{
  border:1px solid rgba(186,255,0,.34)!important;
  background:rgba(186,255,0,.06)!important;
  color:#f5f8ed!important;
}
.code-window .output-top button:hover{
  background:rgba(186,255,0,.12)!important;
}
.code-window pre{
  margin:0 18px 18px 18px;
  padding:18px 18px 18px 56px!important;
  border-radius:14px;
  min-height:180px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.01)),
    repeating-linear-gradient(180deg, transparent 0 29px, rgba(255,255,255,.03) 29px 30px);
  border:1px solid rgba(255,255,255,.08);
  color:#f0efe8!important;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace!important;
  font-size:13px;
  line-height:1.75;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  position:relative;
}
.code-window pre::before{
  content:"01\A02\A03\A04\A05\A06\A07\A08\A09\A10";
  white-space:pre;
  position:absolute;
  left:14px;
  top:18px;
  color:rgba(186,255,0,.35);
  font-size:11px;
  line-height:1.75;
  text-align:right;
}
.lab-post-actions{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px 24px;
  align-items:center;
  margin-top:24px;
  padding:22px 0 4px;
  border-top:1px solid rgba(255,255,255,.10);
}
.lab-next-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:var(--paper2);
  color:#10100f;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  border:1px solid transparent;
}
.lab-next-cta:hover{
  background:var(--acid);
}
.lab-post-actions p{
  margin:0;
  color:#b8b4ac;
  line-height:1.6;
  font-size:14px;
}

@media(max-width:900px){
  .lab-post-actions{
    grid-template-columns:1fr;
  }
  .brand-clover{
    right:-12px;
    top:-10px;
  }
}

@media(max-width:560px){
  .oscar-note{
    font-size:11px;
    line-height:1.65;
  }
  .code-window pre{
    min-height:160px;
    padding:16px 14px 16px 44px!important;
    font-size:12px;
  }
  .code-window pre::before{
    left:10px;
    top:16px;
  }
}


/* =========================================================
   V11.2 MUSIC — iconografía cyber blanca + reproducción inline
   ========================================================= */
.cyber-icon{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 22px;
  color:#f4f4ef;
  opacity:.88;
}
.cyber-icon svg{
  width:100%;
  height:100%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cyber-icon svg .fill-mark{
  fill:currentColor;
  stroke:none;
}
.listen-platform{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.listen-platform > span:last-child{
  min-width:0;
}
.listen-btn:hover .cyber-icon{
  opacity:1;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.25));
}
.music-direct .cyber-icon{
  width:18px;
  height:18px;
  margin-right:8px;
  vertical-align:-4px;
  color:currentColor;
}

.music-page-v2{
  --music-silver:#f3f4ef;
  --music-muted:#a9aca6;
}
.music-hero-v2{
  min-height:auto!important;
  padding-bottom:70px!important;
}
.inline-listen{
  padding-top:40px!important;
}
.inline-listen-head,
.social-cyber-head{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:7vw;
  align-items:end;
  margin:24px 0 34px;
}
.inline-listen-head h2,
.social-cyber-head h2{
  font-size:clamp(38px,5vw,74px);
  line-height:.95;
  letter-spacing:-.055em;
  margin:0;
}
.inline-listen-head p,
.social-cyber-head p{
  margin:0;
  color:#b2b3ae;
  line-height:1.7;
  max-width:650px;
}
.inline-players{
  display:grid;
  gap:14px;
}
.inline-player-card{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  overflow:hidden;
}
.inline-player-card summary{
  list-style:none;
  cursor:pointer;
  min-height:104px;
  padding:22px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  user-select:none;
}
.inline-player-card summary::-webkit-details-marker{
  display:none;
}
.inline-player-card[open] summary{
  border-bottom:1px solid rgba(255,255,255,.09);
}
.inline-player-brand,
.inline-player-action{
  display:flex;
  align-items:center;
}
.inline-player-brand{
  gap:18px;
}
.inline-player-brand .cyber-icon{
  width:34px;
  height:34px;
  flex-basis:34px;
}
.inline-player-brand small{
  display:block;
  color:#8f928d;
  font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.22em;
  margin-bottom:6px;
}
.inline-player-brand strong{
  display:block;
  color:#f4f4ef;
  font-size:clamp(18px,2vw,26px);
  font-weight:650;
}
.inline-player-action{
  gap:10px;
  min-width:160px;
  justify-content:center;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  padding:13px 18px;
  color:#f1f2ee;
}
.inline-player-action .cyber-icon{
  width:17px;
  height:17px;
}
.inline-player-action b{
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.inline-player-card summary:hover .inline-player-action{
  background:#f0f1ec;
  color:#10110f;
}
.inline-player-card summary:hover .inline-player-action .cyber-icon{
  color:#10110f;
}
.inline-player-body{
  padding:22px;
}
.inline-player-body.spotify-shell{
  background:transparent!important;
}
.inline-player-body.youtube-shell iframe{
  width:100%;
  aspect-ratio:16/9;
  min-height:0;
  display:block;
  border:0;
  border-radius:14px;
}
.embed-note{
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin:12px 2px 0;
  color:#8e918c;
  font-size:12px;
}
.embed-note a{
  color:#dfe1dc;
}
.social-cyber-section{
  padding-top:70px!important;
}
.social-cyber-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.social-cyber-link{
  min-height:130px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:13px;
  border-right:1px solid rgba(255,255,255,.09);
  color:#d9dbd7;
  position:relative;
  transition:background .18s ease,color .18s ease;
}
.social-cyber-link:last-child{
  border-right:0;
}
.social-cyber-link::after{
  content:"";
  position:absolute;
  width:30px;
  height:1px;
  left:50%;
  bottom:23px;
  transform:translateX(-50%);
  background:rgba(255,255,255,.36);
}
.social-cyber-link .cyber-icon{
  width:30px;
  height:30px;
}
.social-cyber-link span:last-child{
  font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.08em;
}
.social-cyber-link:hover{
  background:rgba(255,255,255,.035);
  color:#fff;
}
.social-cyber-link:hover .cyber-icon{
  opacity:1;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.24));
}

@media(max-width:900px){
  .inline-listen-head,
  .social-cyber-head{
    grid-template-columns:1fr;
    gap:14px;
  }
  .social-cyber-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .social-cyber-link:nth-child(3){
    border-right:0;
  }
  .social-cyber-link:nth-child(-n+3){
    border-bottom:1px solid rgba(255,255,255,.09);
  }
}
@media(max-width:620px){
  .listen-btn{
    gap:15px!important;
  }
  .listen-btn b{
    font-size:10px!important;
    white-space:nowrap;
  }
  .listen-platform{
    gap:10px;
  }
  .listen-platform .cyber-icon{
    width:19px;
    height:19px;
    flex-basis:19px;
  }
  .inline-player-card summary{
    padding:18px 16px;
    min-height:90px;
  }
  .inline-player-brand{
    gap:12px;
  }
  .inline-player-brand .cyber-icon{
    width:28px;
    height:28px;
    flex-basis:28px;
  }
  .inline-player-brand strong{
    font-size:16px;
  }
  .inline-player-action{
    min-width:auto;
    padding:12px;
  }
  .inline-player-action b{
    display:none;
  }
  .inline-player-body{
    padding:12px;
  }
  .embed-note{
    display:block;
    line-height:1.6;
  }
  .embed-note a{
    display:block;
    margin-top:4px;
  }
  .social-cyber-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .social-cyber-link,
  .social-cyber-link:nth-child(3){
    border-right:1px solid rgba(255,255,255,.09);
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  .social-cyber-link:nth-child(even){
    border-right:0;
  }
  .social-cyber-link:last-child{
    grid-column:1/-1;
    border-right:0;
    border-bottom:0;
  }
}


/* =========================================================
   V11.3 — ALMAS ERRANTES · comunidad y participación
   ========================================================= */
.home-community{
  padding-top:64px!important;
  padding-bottom:64px!important;
}
.community-banner{
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:clamp(26px,4vw,52px);
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:5vw;
  align-items:end;
  background:
    linear-gradient(120deg,rgba(255,255,255,.025),rgba(186,255,0,.025)),
    repeating-linear-gradient(90deg,transparent 0 59px,rgba(255,255,255,.018) 59px 60px);
}
.community-banner h2{
  font-size:clamp(38px,5vw,78px);
  line-height:.92;
  letter-spacing:-.055em;
  margin:16px 0 20px;
}
.community-banner h2 em{
  color:#c7ffd0;
  font-family:Georgia,serif;
  font-weight:400;
}
.community-banner p{
  color:#b6b3ac;
  max-width:700px;
  line-height:1.65;
}
.community-banner-action{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
}
.community-banner-action span{
  color:#8f938c;
  font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.18em;
}
.community-banner-action a{
  display:inline-flex;
  padding:15px 20px;
  border-radius:999px;
  background:#f3f2ec;
  color:#10100f;
  font-weight:850;
  font-size:12px;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.community-banner-action a:hover{background:#baff00}

.community-page{padding-top:1px}
.community-hero{
  padding-top:160px!important;
  padding-bottom:80px!important;
  position:relative;
}
.community-hero::after{
  content:"Æ";
  position:absolute;
  right:4vw;
  top:130px;
  font-family:Georgia,serif;
  font-size:min(22vw,300px);
  color:rgba(255,255,255,.025);
  pointer-events:none;
}
.community-hero h1{
  position:relative;
  z-index:1;
  font-size:clamp(60px,8vw,132px);
  line-height:.82;
  letter-spacing:-.07em;
  text-transform:uppercase;
  margin:20px 0 28px;
}
.community-hero h1 span{
  display:block;
  color:#c8ffd2;
  font-family:Georgia,serif;
  font-style:italic;
  text-transform:none;
  font-weight:400;
}
.community-deck{
  max-width:760px;
  color:#cac6bc;
  font-size:clamp(18px,2vw,25px);
  line-height:1.55;
}
.community-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.community-micro{
  margin-top:24px;
  color:#898d87;
  font:600 11px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.08em;
}

.community-join-grid{
  display:grid;
  grid-template-columns:1fr .75fr;
  gap:4vw;
  margin-top:30px;
}
.community-join-copy h2{
  font-size:clamp(42px,5.3vw,84px);
  line-height:.94;
  letter-spacing:-.055em;
  margin:0 0 20px;
}
.community-join-copy p{color:#aca9a1;line-height:1.7;max-width:720px}
.join-counter{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-top:28px;
}
.join-counter strong{
  font-size:clamp(42px,6vw,78px);
  color:#f4f3ef;
}
.join-counter span{
  color:#9b9e98;
  font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.join-panel{
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:30px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:260px;
  background:rgba(255,255,255,.018);
}
.join-state{color:#c9c7c0;line-height:1.6;margin:0 0 20px}
.join-button{
  border:0;
  border-radius:999px;
  min-height:52px;
  padding:0 24px;
  background:#f3f3ee;
  color:#10110f;
  font-weight:900;
  letter-spacing:.12em;
  cursor:pointer;
}
.join-button:not(:disabled):hover{background:#baff00}
.join-panel small{color:#7f827d;margin-top:16px;line-height:1.5}

.community-three{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:30px;
  border-top:1px solid rgba(255,255,255,.11);
  border-bottom:1px solid rgba(255,255,255,.11);
}
.community-three article{
  padding:34px 28px 38px;
  border-right:1px solid rgba(255,255,255,.09);
}
.community-three article:last-child{border-right:0}
.community-three article>span{
  font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  color:#baff00;
}
.community-three h2{
  font-size:clamp(30px,3vw,46px);
  margin:28px 0 14px;
}
.community-three p{color:#9da09a;line-height:1.65;min-height:80px}
.community-three a{font-weight:800;font-size:12px;letter-spacing:.06em}

.poll-shell{
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:clamp(24px,4vw,44px);
  margin-top:30px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:4vw;
}
.poll-kicker{
  color:#baff00!important;
  font:700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.16em;
}
.poll-shell h2{
  font-size:clamp(34px,4vw,62px);
  line-height:.98;
  margin:16px 0;
}
.poll-shell p{color:#979b95;line-height:1.6}
.poll-options{display:grid;gap:10px}
.poll-options button{
  min-height:72px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  text-align:left;
  padding:0 22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(255,255,255,.015);
  color:#eeeeea;
  cursor:pointer;
}
.poll-options button:hover,
.poll-options button.is-selected{
  border-color:rgba(186,255,0,.55);
  background:rgba(186,255,0,.045);
}
.poll-options button span{font-weight:700}
.poll-options button b{
  color:#aeb1ab;
  font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.poll-status{
  grid-column:2;
  margin:2px 0 0!important;
  font-size:12px;
}

.community-rss-card{
  background:#f0eee8;
  color:#141413;
  border-radius:20px;
  padding:clamp(28px,4vw,54px);
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:5vw;
}
.community-rss-card h2{
  font-size:clamp(38px,5vw,72px);
  line-height:.95;
  margin:14px 0 0;
}
.community-rss-card p{color:#53534f;line-height:1.6}
.community-rss-card a{font-weight:900}

/* ratings */
.community-rating{
  max-width:1240px;
  margin:0 auto;
  padding:70px clamp(20px,4vw,64px);
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:5vw;
  align-items:center;
  border-top:1px solid rgba(255,255,255,.08);
}
.community-rating[hidden]{display:none!important}
.rating-copy h2{
  font-size:clamp(38px,4.5vw,68px);
  line-height:.95;
  letter-spacing:-.05em;
  margin:14px 0;
}
.rating-copy p:last-child{color:#9da09a;line-height:1.65;max-width:620px}
.rating-panel{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:24px;
  background:rgba(255,255,255,.016);
}
.rating-stars{
  display:flex;
  gap:7px;
  margin-bottom:18px;
}
.rating-stars button{
  appearance:none;
  border:0;
  background:transparent;
  color:#5f625d;
  font-size:clamp(30px,3vw,42px);
  line-height:1;
  padding:2px;
  cursor:pointer;
  text-shadow:none;
  transition:color .12s ease,filter .12s ease,transform .12s ease;
}
.rating-stars button:hover,
.rating-stars button.is-selected{
  color:#f4f4ee;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.58)) drop-shadow(0 0 12px rgba(186,255,0,.22));
  transform:translateY(-1px);
}
.rating-summary{
  display:flex;
  align-items:baseline;
  gap:12px;
}
.rating-summary strong{
  font-size:24px;
  color:#f4f4ee;
}
.rating-summary span{
  color:#969993;
  font-size:12px;
}
.rating-status{
  min-height:20px;
  color:#baff00;
  font:650 11px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  margin:12px 0 0;
}

@media(max-width:900px){
  .community-banner,
  .community-join-grid,
  .poll-shell,
  .community-rss-card,
  .community-rating{
    grid-template-columns:1fr;
  }
  .community-three{grid-template-columns:1fr}
  .community-three article{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  .community-three article:last-child{border-bottom:0}
  .community-three p{min-height:0}
  .poll-status{grid-column:auto}
}
@media(max-width:560px){
  .community-hero{padding-top:135px!important}
  .community-actions{display:grid}
  .community-actions a{justify-content:center}
  .join-panel{min-height:210px}
  .community-rating{padding-top:50px;padding-bottom:50px}
  .rating-stars{justify-content:space-between}
}