:root{--bg:#050505;--text:#f5f5f7;--muted:#8d8e94;--orange:#ff4b12;--cyan:#12c8e8;--blue:#2658ff;--line:#202025}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.shell{width:min(calc(100% - 40px),1220px);margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:700;letter-spacing:.22em}.brand>span:last-child span{color:#6781ff}.mark{width:26px;height:26px;position:relative}.mark i,.mark b{position:absolute;width:10px;height:10px}.mark i{left:0;top:9px;background:#1b1b20}.mark b{left:8px;top:0;background:#2658ff}.mark em{position:absolute;left:11px;top:10px;border-top:8px solid #fff;border-right:8px solid transparent}.back{font-size:11px;color:#8d8e94}
.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#6d85ff;margin:0 0 18px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;padding:50px 0 100px}.hero h1{font-size:clamp(76px,9vw,140px);line-height:.78;letter-spacing:-.08em;margin:0 0 36px}.hero h1 em,h2 em{font-style:normal;color:var(--orange)}.lead{font-size:19px;line-height:1.6;color:#a7a8ae;max-width:540px}.meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);margin-top:45px;padding-top:22px}.meta small{display:block;font-size:8px;color:#65666c;letter-spacing:.14em;margin-bottom:7px}.meta strong{font-size:11px;font-weight:500}.disclaimer{font-size:9px;color:#55565c;margin-top:25px}.hero-art{height:720px;position:relative}.orange-orb{position:absolute;width:480px;height:480px;border-radius:50%;right:-15%;top:18%;background:radial-gradient(circle,rgba(255,75,18,.27),transparent 65%);filter:blur(20px)}.screen{position:absolute;width:56%;height:650px;overflow:hidden;left:21%;top:3%;border:1px solid #34343a;border-radius:10px;background:#080808;box-shadow:0 45px 100px #000;transform:perspective(1200px) rotateY(-11deg) rotateX(2deg)}.screen img{width:100%;height:auto}.screen-shadow{position:absolute;width:48%;height:70%;left:32%;top:16%;background:rgba(255,75,18,.13);filter:blur(80px);z-index:-1}
.statement{padding:170px 0;border-top:1px solid #151519;border-bottom:1px solid #151519;background:radial-gradient(circle at 20% 50%,rgba(255,75,18,.08),transparent 32%)}h2{font-size:clamp(50px,6.3vw,92px);line-height:.98;letter-spacing:-.065em;margin:0;max-width:1000px}
.split{padding:140px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px}.split article{border-top:1px solid var(--line);padding-top:22px}.split article>span{font-size:10px;color:#55565c}.split h3,.detail h3{font-size:32px;letter-spacing:-.045em;line-height:1.08;margin:35px 0 16px}.split article>p:last-child,.detail>p:last-child{color:#898a91;line-height:1.75;font-size:14px}
.system{padding:60px 0 150px}.system-head{max-width:900px}.tokens{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:60px}.token,.type-token{height:260px;border:1px solid #222228;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.token span,.type-token small{font-size:9px;letter-spacing:.14em}.token b{font-size:11px}.black{background:#09090a}.orange{background:var(--orange)}.cyan{background:var(--cyan);color:#041114}.type-token{background:#0b0b0e}.type-token strong{font-size:36px;line-height:.95;letter-spacing:-.055em}.type-token em{font-style:italic;color:var(--cyan)}
.showcase{padding:140px 0;background:#08080a;border-block:1px solid #18181d}.showcase-head{display:grid;grid-template-columns:1fr .55fr;gap:50px;align-items:end}.showcase-head>p:last-child{color:#8b8c93;line-height:1.7}.page-frame{width:min(calc(100% - 40px),980px);margin:85px auto 0;padding:14px;background:#101013;border:1px solid #292930;border-radius:20px;box-shadow:0 60px 120px #000}.page-frame img{width:100%;border-radius:10px}
.details{padding:150px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail{border:1px solid #202026;background:#09090b;border-radius:20px;padding:16px}.crop{height:360px;border-radius:12px;background-image:url("assets/planeta-folia-page.jpeg");background-size:100% auto;background-repeat:no-repeat;margin-bottom:26px}.crop-hero{background-position:center top}.crop-events{background-position:center 24%}.crop-social{background-position:center 72%}.detail .eyebrow{padding:0 8px}.detail h3,.detail>p:last-child{padding-inline:8px}
.final{min-height:760px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 55%,rgba(255,75,18,.17),transparent 25%),radial-gradient(circle at 83% 56%,rgba(18,200,232,.09),transparent 34%),#050505;border-top:1px solid #18181d}.final-inner{display:grid;grid-template-columns:1fr .55fr;align-items:center;gap:70px}.final p:nth-of-type(2){color:#909198;line-height:1.7;max-width:620px;margin:28px 0}.final a{display:inline-flex;padding:15px 19px;border-radius:9px;background:#2658ff;font-size:12px;font-weight:700}.monogram{font-size:90px;font-weight:700;letter-spacing:-.09em;color:#17171b}.monogram span{color:var(--orange);margin:0 8px}.footer{height:130px;display:flex;justify-content:space-between;align-items:center;color:#66676d;font-size:10px}
.reveal{opacity:0;transform:translateY(24px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:20px;padding-top:50px}.hero-art{height:650px}.screen{width:70%;left:15%}.split{grid-template-columns:1fr;gap:60px}.tokens{grid-template-columns:1fr 1fr}.showcase-head{grid-template-columns:1fr}.details{grid-template-columns:1fr}.detail{padding:18px}.crop{height:520px}.final-inner{grid-template-columns:1fr}.monogram{display:none}}
@media(max-width:520px){.shell{width:calc(100% - 30px)}.nav{height:70px}.brand{font-size:9px}.hero{min-height:auto;padding:45px 0 75px}.hero h1{font-size:22vw}.lead{font-size:15px}.meta{grid-template-columns:1fr}.hero-art{height:520px}.screen{height:490px;width:82%;left:9%;transform:perspective(900px) rotateY(-7deg)}.orange-orb{width:330px;height:330px}.statement{padding:105px 0}h2{font-size:13vw}.split{padding:100px 0}.split h3,.detail h3{font-size:28px}.system{padding-bottom:105px}.tokens{grid-template-columns:1fr}.token,.type-token{height:210px}.showcase{padding:105px 0}.page-frame{margin-top:55px;padding:7px;width:calc(100% - 20px)}.details{padding:105px 0}.crop{height:400px}.final{min-height:90vh}.final a{width:100%;justify-content:center}.footer{height:auto;padding:40px 0;gap:20px;flex-direction:column;align-items:flex-start}}