: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;
}