:root{--ink:#17232d;--muted:#65727c;--paper:#f5f3ed;--white:#fff;--line:#e4e2da;--blue:#316f91;--blue2:#dcebf0;--green:#3f765e;--green2:#e1eee5;--gold:#c89a55;--radius:22px;--shadow:0 18px 50px rgba(20,35,45,.09);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(245,243,237,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,35,45,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;letter-spacing:-.07em;font-size:1.65rem}.brand span{color:var(--green)}.navlinks{display:flex;align-items:center;gap:28px;font-size:.92rem;color:#44515a}.navlinks a:hover,.navlinks a.active{color:var(--green)}.navright{display:flex;align-items:center;gap:14px}.lang{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:7px 11px}.menu{display:none;background:none;border:0;font-size:1.5rem}.hero{padding:76px 0 58px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:52px;align-items:center}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.2rem,6vw,6.4rem);line-height:.98;letter-spacing:-.075em;margin:18px 0 24px;max-width:720px}h1 em{font-style:normal;color:var(--green)}.lead{font-size:1.15rem;color:#5c6871;max-width:550px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:999px;font-weight:750;font-size:.9rem;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#fff}.secondary{border-color:#cbd0ca;background:transparent}.visual{min-height:430px;position:relative;border-radius:30px;background:linear-gradient(140deg,#203d4a 0%,#416b67 48%,#c19a65 100%);overflow:hidden;box-shadow:var(--shadow)}.visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 25%,rgba(255,255,255,.3),transparent 32%),linear-gradient(180deg,transparent 40%,rgba(9,22,28,.58))}.visual:after{content:"";position:absolute;left:-8%;right:-8%;bottom:10%;height:35%;border-radius:50% 50% 0 0;background:linear-gradient(160deg,#b9a27d,#6c7968 58%,#263d3b);transform:rotate(-7deg)}.visual-label{position:absolute;z-index:2;left:28px;bottom:26px;color:white}.visual-label strong{display:block;font-size:1.5rem;letter-spacing:-.04em}.visual-label small{opacity:.8}.orbit{position:absolute;z-index:1;border:1px solid rgba(255,255,255,.32);border-radius:50%;width:290px;height:290px;right:7%;top:9%;transform:rotate(-24deg)}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%;inset:26px}.orbit:after{inset:58px}.floating{position:absolute;z-index:3;right:9%;bottom:27%;background:rgba(255,255,255,.92);padding:12px 16px;border-radius:14px;font-size:.78rem;box-shadow:var(--shadow)}.floating b{display:block;font-size:1rem}.section{padding:68px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.06em;line-height:1.05;margin:8px 0}.section-head p{color:var(--muted);max-width:480px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pillar{border-radius:var(--radius);padding:30px;min-height:270px;position:relative;overflow:hidden}.pillar.play{background:#e1ebef}.pillar.learn{background:#e3eee5}.pillar .tag{font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.pillar h3{font-size:2.2rem;letter-spacing:-.06em;margin:22px 0 8px}.pillar p{max-width:380px;color:#59656a}.pillar .arrow{position:absolute;right:28px;bottom:22px;font-size:1.8rem}.pillar .shape{position:absolute;width:180px;height:180px;border:1px solid rgba(34,66,75,.18);border-radius:50%;right:-32px;top:20px}.pillar .shape:before,.pillar .shape:after{content:"";position:absolute;inset:20px;border:1px solid rgba(34,66,75,.16);border-radius:50%}.pillar .shape:after{inset:44px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.art{height:190px;position:relative;overflow:hidden;background:linear-gradient(135deg,#254451,#7e9a88)}.art.ribat{background:linear-gradient(145deg,#203e4b,#b78c62 72%,#e0cba7)}.art.mozinho{background:linear-gradient(145deg,#314d42,#8d9270 65%,#d4c5a2)}.art.chronos{background:linear-gradient(145deg,#283c51,#9b8a70 65%,#d8c7a5)}.art.game{background:linear-gradient(145deg,#1c3449,#547e91 55%,#b58d5b)}.art:before{content:"";position:absolute;width:65%;height:65%;left:18%;bottom:-8%;border:2px solid rgba(255,255,255,.35);border-radius:50% 50% 0 0;transform:perspective(200px) rotateX(16deg)}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,20,25,.38))}.art .arttext{position:absolute;z-index:2;left:20px;bottom:17px;color:#fff;font-size:1.3rem;font-weight:800;letter-spacing:-.04em}.cardbody{padding:20px}.meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:800}.card h3{font-size:1.35rem;letter-spacing:-.04em;margin:9px 0}.card p{color:var(--muted);font-size:.9rem;margin-bottom:17px}.textlink{font-weight:800;font-size:.86rem;color:var(--green)}.band{background:var(--ink);color:#fff;border-radius:26px;padding:44px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.band h2{font-size:2.4rem;letter-spacing:-.06em;margin:0 0 8px}.band p{color:#c4ced1;margin:0;max-width:650px}.band .btn{background:#fff;color:var(--ink)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.principle{border-top:1px solid var(--line);padding-top:18px}.principle b{display:block;margin-bottom:8px}.principle p{color:var(--muted);font-size:.9rem}.footer{margin-top:50px;padding:40px 0;border-top:1px solid var(--line)}.footgrid{display:flex;justify-content:space-between;gap:24px;align-items:center}.footlinks{display:flex;gap:20px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.small{font-size:.78rem;color:var(--muted)}.pagehero{padding:68px 0 42px}.pagehero h1{font-size:clamp(2.8rem,5vw,5rem)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.filter{border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:.8rem;color:#59656a;background:#fff}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.notice{border-left:3px solid var(--gold);padding:14px 18px;background:#f0eadf;color:#59615e;border-radius:0 12px 12px 0;font-size:.88rem}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;gap:30px}.visual{min-height:310px}.split{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:1fr}.band{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:12px}.navlinks{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:20px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}.navright .lang{display:none}}
@media(max-width:540px){.wrap{width:min(100% - 30px,var(--max))}.nav{height:68px}.navlinks{top:68px}.hero{padding:48px 0 35px}h1{font-size:3.4rem}.cards{grid-template-columns:1fr}.art{height:175px}.pillar{min-height:235px;padding:24px}.band{padding:28px}.footgrid{align-items:flex-start;flex-direction:column}}

/* === MAGIKUBE / POLISHED EDITORIAL UPGRADE === */
:root{--ink:#101c25;--muted:#66737b;--paper:#f4f1e9;--white:#fffefa;--line:#dedbd1;--green:#426e59;--blue:#315f78;--gold:#bd8c4d;--radius:24px;--shadow:0 24px 70px rgba(18,34,42,.13)}
body{font-family:Inter,"Aptos",ui-sans-serif,system-ui,sans-serif;letter-spacing:-.012em}
.topbar{background:rgba(244,241,233,.88);border-bottom:1px solid rgba(16,28,37,.08)}
.brand{font-size:1.82rem;letter-spacing:-.085em}
.brand span{color:var(--gold)}
.navlinks{font-weight:650;gap:32px}
.navlinks a{position:relative}
.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--green);transition:right .22s}
.navlinks a:hover:after,.navlinks a.active:after{right:0}
.hero{padding:84px 0 76px;background:radial-gradient(ellipse at 88% 12%,rgba(189,140,77,.13),transparent 33%),radial-gradient(ellipse at 5% 75%,rgba(66,110,89,.08),transparent 28%)}
.hero-grid{gap:62px}
.eyebrow{letter-spacing:.2em;font-size:.7rem}
h1{font-weight:820;line-height:.94;letter-spacing:-.085em}
h1 em{background:linear-gradient(100deg,#416f5a,#8c9a70);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.18rem;line-height:1.7;color:#59666d}
.btn{padding:14px 22px;box-shadow:0 5px 16px rgba(20,35,45,.05)}
.primary{background:#172b35}
.secondary{background:rgba(255,255,255,.35)}
.visual{min-height:490px;border-radius:32px;background:
 radial-gradient(ellipse at 60% 25%,rgba(226,202,155,.8),transparent 26%),
 linear-gradient(160deg,#172f3b 0%,#456d65 48%,#b78d5c 100%);isolation:isolate}
.visual:before{background:linear-gradient(180deg,rgba(11,26,34,.02) 10%,rgba(11,26,34,.12) 44%,rgba(9,22,28,.72) 100%)}
.visual:after{height:44%;bottom:-2%;background:linear-gradient(155deg,#d0b88e 0%,#75816a 42%,#263e3c 100%);clip-path:polygon(0 48%,12% 35%,23% 47%,39% 18%,55% 36%,72% 8%,88% 31%,100% 17%,100% 100%,0 100%);border-radius:0;transform:none}
.orbit{width:340px;height:340px;right:2%;top:3%;border-color:rgba(255,255,255,.4)}
.orbit:before{inset:34px}.orbit:after{inset:78px}
.floating{right:7%;bottom:33%;padding:14px 18px;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(12px)}
.visual-label{left:32px;bottom:28px}.visual-label strong{font-size:1.7rem;letter-spacing:-.06em}
.section{padding:82px 0}
.section-head{margin-bottom:34px}
.section-head h2{font-weight:790;letter-spacing:-.075em}
.pillar{min-height:300px;padding:34px;transition:transform .28s,box-shadow .28s}
.pillar:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.pillar.play{background:linear-gradient(135deg,#e4edf0,#d4e2e5)}
.pillar.learn{background:linear-gradient(135deg,#e7eee5,#d8e7d9)}
.pillar h3{font-size:2.5rem;font-weight:800}
.pillar .shape{width:220px;height:220px;right:-34px;top:14px}
.pillar .arrow{font-size:2.2rem}
.cards{gap:22px}
.card{border:1px solid rgba(25,42,48,.09);box-shadow:0 4px 18px rgba(22,35,38,.035)}
.card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(20,35,45,.13)}
.art{height:220px}
.art:before{width:76%;height:68%;left:12%;bottom:-10%;border-width:1px}
.art.ribat{background:radial-gradient(ellipse at 78% 22%,rgba(241,213,165,.55),transparent 24%),linear-gradient(145deg,#203b48,#a77f58 72%,#e1c9a1)}
.art.mozinho{background:radial-gradient(ellipse at 30% 25%,rgba(216,207,160,.42),transparent 25%),linear-gradient(145deg,#2c493e,#7d8868 65%,#d0bd98)}
.art.chronos{background:radial-gradient(ellipse at 72% 24%,rgba(230,199,143,.48),transparent 22%),linear-gradient(145deg,#1f3549,#7c806f 65%,#d5c19b)}
.art.game{background:radial-gradient(ellipse at 75% 25%,rgba(217,190,133,.35),transparent 22%),linear-gradient(145deg,#1a3044,#54798a 55%,#aa8252)}
.art .arttext{font-size:1.5rem;letter-spacing:-.055em}
.cardbody{padding:23px}
.card h3{font-weight:790;font-size:1.45rem}
.meta{font-size:.66rem;letter-spacing:.15em}
.band{padding:52px;border-radius:30px;background:radial-gradient(ellipse at 90% 0%,rgba(116,151,126,.28),transparent 36%),#142630}
.band h2{font-size:clamp(2.2rem,4vw,3.3rem);line-height:1.02;letter-spacing:-.075em}
.principle{padding-top:22px}
.principle b{font-size:1.08rem}
.footer{padding:48px 0;margin-top:58px}
::selection{background:#d7e5d8;color:#15272d}
[hidden]{display:none!important}
@media(prefers-reduced-motion:no-preference){.hero-grid>div:first-child{animation:rise .7s ease both}.visual{animation:rise .85s .08s ease both}.card{animation:rise .55s ease both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:800px){.hero{padding:58px 0 48px}.visual{min-height:370px}.section{padding:60px 0}.pillar{min-height:260px}}
@media(max-width:540px){.visual{min-height:310px}.orbit{width:250px;height:250px}.floating{right:5%;bottom:35%;font-size:.7rem}.visual-label strong{font-size:1.35rem}.section{padding:52px 0}}

.lang{display:flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(255,255,255,.45)}.lang button{border:0;background:none;padding:2px 3px;font:inherit;font-size:.72rem;color:var(--muted);cursor:pointer}.lang button.active{color:var(--ink);font-weight:850}

/* Games catalogue */
.games-hero{background:radial-gradient(ellipse at 85% 10%,rgba(49,95,120,.13),transparent 34%),radial-gradient(ellipse at 10% 80%,rgba(189,140,77,.10),transparent 32%)}
.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.game-card{display:flex;flex-direction:column;min-width:0;background:var(--white);border:1px solid rgba(25,42,48,.1);border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(22,35,38,.035);transition:transform .24s,box-shadow .24s}
.game-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(20,35,45,.13)}
.game-image{height:160px;position:relative;overflow:hidden;background:#263b47}
.game-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.game-card:hover .game-image img{transform:scale(1.045)}
.game-image-label{position:absolute;top:13px;left:14px;color:#fff;font-size:.58rem;font-weight:800;letter-spacing:.16em;text-shadow:0 1px 8px #17232d}
.game-card-body{padding:18px;display:flex;flex:1;flex-direction:column}
.game-meta{font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--green);font-weight:800}
.game-card h3{font-size:1.25rem;line-height:1.2;letter-spacing:-.045em;margin:8px 0}
.game-card p{font-size:.84rem;line-height:1.6;color:var(--muted);margin:0 0 16px;flex:1}
.game-link{font-size:.78rem;font-weight:800;color:var(--green);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px}
.game-link b{font-size:1.05rem}
@media(max-width:1000px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.games-grid{grid-template-columns:1fr}.game-image{height:190px}}