/* KGE A+ Revision 6 — Visual Editorial Overhaul
   Principle: less chrome, stronger imagery, clearer hierarchy, more distinct product worlds. */
:root{
  --r6-ink:#111827;--r6-muted:#667085;--r6-line:rgba(17,24,39,.10);
  --r6-shadow:0 20px 55px rgba(16,24,40,.10);--r6-soft-shadow:0 10px 30px rgba(16,24,40,.08);
  --r6-radius:22px;--r6-radius-sm:14px;--r6-max:1240px
}
html{scroll-padding-top:92px}
body{font-family:"Avenir Next","Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  color:var(--r6-ink);text-rendering:optimizeLegibility}
h1,h2,h3{font-family:"Avenir Next","Segoe UI Variable Display","Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  text-wrap:balance}
p{orphan:3;widow:3}
.container{width:min(var(--r6-max),calc(100% - 40px))}
.skip-link{position:fixed;left:16px;top:12px;z-index:9999;transform:translateY(-160%);background:#111827;color:#fff;
  padding:10px 14px;border-radius:10px;font-weight:800;transition:transform .15s}
.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid #7c5cff;outline-offset:3px
}

/* Header: calm, premium, one CTA */
.site-header{background:rgba(255,255,255,.92);box-shadow:none;border-bottom:1px solid rgba(17,24,39,.08);backdrop-filter:blur(22px)}
.nav-shell{min-height:76px;gap:22px}
.brand{width:218px;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
.brand img{max-height:48px;object-fit:contain;object-position:left center}
.main-nav{gap:4px}
.nav-pill{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:10px!important;
  padding:10px 11px!important;font-size:13px!important;color:#384152!important}
.nav-pill:hover,.nav-pill.active{transform:none!important;color:#5d45d8!important;background:#f6f4ff!important;box-shadow:none!important}
.nav-btn span{font-size:11px}
.main-nav>a[href="/support/"]{background:#151c2c!important;color:#fff!important;border-radius:12px!important;padding:11px 15px!important;margin-left:4px}
.main-nav>a[href="/support/"]:hover{background:#30256b!important;color:#fff!important}
.dropdown{top:50px;border-radius:16px;border:1px solid rgba(17,24,39,.08);box-shadow:0 24px 60px rgba(17,24,39,.14);padding:9px}
.dropdown a{border-radius:10px;padding:10px 11px}
.dropdown a:hover{background:#f7f6fb}
.dropdown b{font-size:13px}.dropdown small{font-size:10.5px}
.mobile-toggle{box-shadow:none;border-color:rgba(17,24,39,.1)}

/* Buttons: less pill-heavy */
.btn,.nav-cta{border-radius:12px!important;padding:12px 17px}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:#171d2c;box-shadow:none}
.btn-plain{background:#f4f2ff}
.app-kicker,.carousel-tag,.mini-sticker,.content-card .tag,.character-tag{
  border-radius:7px!important;letter-spacing:.11em
}

/* Typography hierarchy */
.home-statement h2,.editorial-copy h2,.editorial-dark h2,.editorial-mosaic h2,
.app-head h2,.content-lead h2,.story-panel h2,.section-heading h2{
  font-size:clamp(38px,5vw,68px)!important;line-height:.98!important;letter-spacing:-.045em!important
}
.home-statement p,.editorial-copy>p,.editorial-dark>div>p{font-size:clamp(17px,1.6vw,21px);line-height:1.55}
.hero-note,.doodle,.character-bubble,.final-doodle,.footer-scribble{
  font-family:Georgia,"Times New Roman",serif!important;font-style:italic;transform:none!important;letter-spacing:0!important
}

/* Homepage editorial sequencing */
.r6-home{background:#fff}
.home-statement{padding:92px 0 76px;background:#fff}
.home-statement-inner{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.62fr);gap:70px;align-items:end}
.home-statement h2{margin:0;max-width:900px}
.home-statement p{margin:0;color:#606b7e;max-width:450px}
.home-statement .eyebrow{color:#6d4de8}

.editorial-feature{padding:88px 0}
.editorial-feature.soft{background:#f7f8fb}
.editorial-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:54px;align-items:center}
.editorial-grid.reverse{grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr)}
.editorial-grid.reverse .editorial-media{order:2}
.editorial-media{position:relative}
.editorial-media img{width:100%;height:auto;object-fit:contain;border-radius:18px;box-shadow:var(--r6-shadow)}
.editorial-media.cover img{aspect-ratio:16/10;object-fit:cover}
.editorial-copy{padding:6px 0}
.editorial-copy h2{margin:9px 0 18px}
.editorial-copy p{color:#647084;line-height:1.65}
.editorial-copy .eyebrow{color:#6c52dc}
.editorial-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}

.cast-editorial{padding:90px 0;background:#141824;color:#fff;overflow:hidden}
.cast-editorial .eyebrow{color:#b5a9ff}
.cast-editorial-head{display:grid;grid-template-columns:1fr .65fr;gap:42px;align-items:end;margin-bottom:38px}
.cast-editorial h2{font-size:clamp(42px,5.7vw,74px);letter-spacing:-.05em;line-height:.94;margin:0}
.cast-editorial p{color:#cfd5e2;font-size:18px;line-height:1.55;margin:0}
.cast-strip{display:grid;grid-template-columns:1.12fr .92fr .92fr;gap:16px}
.cast-tile{position:relative;min-height:440px;border-radius:18px;overflow:hidden;background:#242838}
.cast-tile img{width:100%;height:100%;object-fit:cover}
.cast-tile.contain img{object-fit:contain;background:#fff}
.cast-tile:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(7,9,15,.86))}
.cast-tile-copy{position:absolute;left:20px;right:20px;bottom:18px;z-index:2}
.cast-tile-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#cfc5ff;font-weight:900}
.cast-tile-copy h3{font-size:25px;margin:5px 0 0}

.games-editorial{padding:94px 0;background:#070b12;color:#fff}
.games-editorial-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}
.games-editorial h2{font-size:clamp(42px,5.5vw,72px);line-height:.95;letter-spacing:-.05em;margin:0;max-width:820px}
.games-editorial-head p{max-width:420px;color:#b8c0ce;line-height:1.6}
.game-cinema{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:14px}
.game-cinema a{position:relative;min-height:500px;overflow:hidden;border-radius:16px;background:#151b25}
.game-cinema a:nth-child(n+2){min-height:500px}
.game-cinema img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.game-cinema a:hover img{transform:scale(1.025)}
.game-cinema a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,9,14,.02) 30%,rgba(6,9,14,.9) 100%)}
.game-cinema-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}
.game-cinema-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#94dfff;font-weight:900}
.game-cinema-copy h3{font-size:28px;margin:6px 0}.game-cinema-copy p{color:#e2e7ee;font-size:13px;line-height:1.5;margin:0}

.world-band{position:relative;min-height:560px;display:flex;align-items:end;overflow:hidden;background:#113646;color:#fff}
.world-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.world-band:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,21,29,.05),rgba(7,21,29,.86))}
.world-band .container{position:relative;z-index:2;padding-bottom:64px}
.world-band-copy{max-width:720px}
.world-band h2{font-size:clamp(42px,5.5vw,74px);line-height:.95;letter-spacing:-.05em;margin:7px 0 14px}
.world-band p{font-size:18px;line-height:1.55;color:#e8f3f5}

.secondary-editorial{padding:92px 0;background:#fbfbfc}
.secondary-editorial .section-heading{margin-bottom:30px}
.secondary-mosaic{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}
.secondary-mosaic .mosaic-column{display:grid;gap:14px}
.mosaic-card{display:grid;grid-template-columns:1fr .9fr;min-height:270px;border:1px solid rgba(17,24,39,.08);
  background:#fff;border-radius:16px;overflow:hidden}
.mosaic-card.tall{grid-template-columns:1fr;min-height:554px}
.mosaic-card img{width:100%;height:100%;object-fit:cover}
.mosaic-card.tall img{height:330px}
.mosaic-copy{padding:26px;display:flex;flex-direction:column;justify-content:center}
.mosaic-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#7258dd}
.mosaic-copy h3{font-size:28px;margin:7px 0 8px}
.mosaic-copy p{color:#68758a;line-height:1.55;font-size:14px}
.mosaic-copy a{font-weight:850;color:#5e48cf;margin-top:8px;font-size:13px}

.investor-trust-band{padding:82px 0;background:#fff}
.investor-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.investor-trust-card{padding:42px;border-radius:18px;min-height:330px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.investor-trust-card.investor{background:linear-gradient(135deg,#101727,#29385e);color:#fff}
.investor-trust-card.trust{background:linear-gradient(135deg,#eefaf7,#eef3ff);color:#1d2b3b}
.investor-trust-card h2{font-size:clamp(34px,4vw,52px);margin:8px 0 12px;letter-spacing:-.04em}
.investor-trust-card p{max-width:520px;line-height:1.6}
.investor-trust-card.investor p{color:#d6deea}

/* Product/editorial pages */
.app-page{background:#fff}
.app-hero{min-height:420px;padding:70px 0}
.app-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:58px}
.app-hero h1{font-size:clamp(48px,6.4vw,82px);letter-spacing:-.055em}
.app-hero p{font-size:18px;max-width:720px}
.app-hero-media img{max-height:360px;border-radius:18px}
.app-hero-media .glass{border-radius:18px}
.app-section{padding:82px 0}
.app-section.alt{background:#f7f8fa}
.app-card{border-radius:16px;box-shadow:none;border-color:rgba(17,24,39,.09);padding:26px}
.app-card:before{height:4px;left:26px}
.app-media{border-radius:18px;box-shadow:none;border-color:rgba(17,24,39,.08);padding:10px}
.app-media img{border-radius:12px}
.app-split{gap:52px}
.app-cta{border-radius:18px;padding:48px}
.story-panel{border-radius:16px;box-shadow:none}
.story-points div{border-radius:11px}
.faq-inline details{border-radius:12px}

.r6-gallery{padding:84px 0;background:#0e1320;color:#fff}
.r6-gallery-head{display:grid;grid-template-columns:1fr .65fr;gap:32px;align-items:end;margin-bottom:28px}
.r6-gallery h2{font-size:clamp(38px,4.8vw,62px);margin:0;line-height:.98;letter-spacing:-.045em}
.r6-gallery-head p{margin:0;color:#c9d0dd;line-height:1.6}
.r6-gallery-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto;gap:12px}
.r6-gallery-grid figure{margin:0;border-radius:14px;overflow:hidden;background:#202737;position:relative}
.r6-gallery-grid figure:first-child{grid-row:span 2;min-height:540px}
.r6-gallery-grid figure:not(:first-child){min-height:264px}
.r6-gallery-grid img{width:100%;height:100%;object-fit:cover}
.r6-gallery-grid figcaption{position:absolute;left:14px;right:14px;bottom:12px;background:rgba(10,14,23,.66);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;font-size:12px;color:#eef2f7}
.r6-gallery-grid.contain-first figure:first-child img{object-fit:contain;background:#fff}

/* Distinct theme personalities */
.theme-hangwave{--app:#7553ef;--app2:#ff65bd;--app3:#41dce0;--app-ink:#15172a;--app-soft:#f7f4ff}
.theme-hangwave .app-hero{background:radial-gradient(circle at 80% 10%,rgba(76,224,224,.22),transparent 25%),linear-gradient(125deg,#15172a,#6345d8 58%,#e75da9)}
.theme-hangwave .r6-gallery{background:#161327}
.theme-link{--app:#3978ff;--app2:#7e5af0;--app3:#6ce4ef;--app-ink:#101a2b;--app-soft:#f1f6ff}
.theme-link .app-hero{background:linear-gradient(135deg,#101a2b,#245cce 58%,#6553db)}
.theme-market{--app:#e97d4b;--app2:#e54f9f;--app3:#ffd067;--app-ink:#2c1721;--app-soft:#fff5f0}
.theme-market .app-hero{background:linear-gradient(135deg,#2c1721,#b64a6d 58%,#e98851)}
.theme-avenlyne{--app:#7562e9;--app2:#e86cbd;--app3:#8ed7eb;--app-ink:#1b1d2c;--app-soft:#fbf7fb}
.theme-avenlyne .app-hero{background:linear-gradient(135deg,#222130,#5a4fb0 55%,#b75c9b)}
.theme-avenlyne .app-section.alt{background:#fbf6f9}
.theme-moxbits{--app:#c8942e;--app2:#d4613c;--app3:#ffce6a;--app-ink:#101928;--app-soft:#fffaf0}
.theme-moxbits .app-hero{background:linear-gradient(135deg,#0d1626,#273655 60%,#9b7131)}
.theme-ftr{--app:#148ec5;--app2:#31b8aa;--app3:#ffd36d;--app-ink:#103245;--app-soft:#f0fbff}
.theme-ftr .app-hero{background:linear-gradient(135deg,#0f4764,#168fb8 58%,#34bba8)}
.theme-micro{--app:#ae7f4b;--app2:#d69678;--app3:#a8c690;--app-ink:#3c2f2a;--app-soft:#fbf7f1}
.theme-micro .app-hero{background:linear-gradient(135deg,#47382f,#94745b 58%,#9eb27e)}
.theme-intensive{--app:#8b425c;--app2:#a95c76;--app3:#d6a5a7;--app-ink:#21141b;--app-soft:#faf4f6}
.theme-intensive .app-hero{background:linear-gradient(135deg,#21141b,#5b2b41 58%,#8f4a65)}
.theme-utopian{--app:#5e8a6a;--app2:#84a889;--app3:#e5c885;--app-ink:#20342a;--app-soft:#f7faf5}
.theme-utopian .app-hero{background:linear-gradient(135deg,#20342a,#496f58 58%,#8b9e74)}
.theme-boardwalk{--app:#d29d43;--app2:#2e9ec2;--app3:#efcd76;--app-ink:#0b1a28;--app-soft:#f6f9fb}
.theme-boardwalk .app-hero{background:linear-gradient(135deg,#07131f,#183b55 58%,#9a6f2c)}
.theme-bathroom{--app:#e067a4;--app2:#57b6bd;--app3:#f6c9de;--app-ink:#321b2c;--app-soft:#fff7fb}
.theme-bathroom .app-hero{background:linear-gradient(135deg,#321b2c,#9a4675 56%,#4d9ca3)}
.theme-office{--app:#4c6486;--app2:#8d674b;--app3:#a8b7c8;--app-ink:#18202b;--app-soft:#f5f7f9}
.theme-office .app-hero{background:linear-gradient(135deg,#18202b,#35475e 58%,#735744)}
.theme-monday{--app:#586aa2;--app2:#b06f86;--app3:#d7b984;--app-ink:#202436;--app-soft:#f8f7fb}
.theme-monday .app-hero{background:linear-gradient(135deg,#202436,#4d577f 58%,#936276)}

/* Content / investor / trust */
.content-hero{padding:78px 0 66px;border-bottom:1px solid rgba(255,255,255,.06)}
.content-hero h1{font-size:clamp(48px,6.5vw,82px)}
.content-section{padding:78px 0}
.content-card,.trust-card{border-radius:16px;box-shadow:none;border-color:rgba(17,24,39,.09)}
.content-callout{border-radius:16px}
.portfolio-visual{border-radius:16px}
.policy-toc{border-radius:14px;box-shadow:none}
.policy h2{font-size:30px}.policy p,.policy li{font-size:15.5px}
.roadmap article{border-radius:14px}

/* Footer */
.footer{background:#111722;padding:52px 0 26px}
.footer-grid{gap:40px}.footer-brand img{max-height:44px;object-fit:contain;object-position:left center}
.footer-scribble{color:#d7c7ff!important}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:20px}

/* Reveal motion */
[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
[data-reveal].is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-reveal]{opacity:1!important;transform:none!important}
}

/* Mobile */
@media(max-width:980px){
  .container{width:min(var(--r6-max),calc(100% - 28px))}
  .main-nav{top:68px;border-radius:14px;box-shadow:0 22px 55px rgba(17,24,39,.16)}
  .brand{width:196px}
  .home-statement-inner,.editorial-grid,.editorial-grid.reverse,.cast-editorial-head,.investor-trust-grid,.r6-gallery-head{grid-template-columns:1fr}
  .editorial-grid.reverse .editorial-media{order:0}
  .cast-strip{grid-template-columns:1fr 1fr}.cast-tile:first-child{grid-column:1/-1}
  .game-cinema{grid-template-columns:1fr 1fr}.game-cinema a:first-child{grid-column:1/-1;min-height:460px}
  .secondary-mosaic{grid-template-columns:1fr}
  .app-hero-grid{grid-template-columns:1fr;gap:30px}.app-hero-media{min-height:0}
  .r6-gallery-grid{grid-template-columns:1fr 1fr}.r6-gallery-grid figure:first-child{grid-column:1/-1;grid-row:auto;min-height:420px}
}
@media(max-width:680px){
  .container{width:calc(100% - 22px)}
  .brand-full{display:none!important}.brand-compact{display:block!important;width:48px!important;max-height:48px}
  .brand{width:48px!important}
  .home-carousel .slides{height:360px}
  .home-statement,.editorial-feature,.cast-editorial,.games-editorial,.secondary-editorial,.investor-trust-band,.app-section,.content-section{padding:58px 0}
  .home-statement h2,.editorial-copy h2,.app-head h2,.content-lead h2,.story-panel h2,.section-heading h2{font-size:38px!important}
  .cast-strip,.game-cinema,.secondary-mosaic,.investor-trust-grid,.r6-gallery-grid{grid-template-columns:1fr}
  .cast-tile:first-child,.game-cinema a:first-child,.r6-gallery-grid figure:first-child{grid-column:auto}
  .cast-tile{min-height:390px}.game-cinema a,.game-cinema a:nth-child(n+2){min-height:380px}
  .world-band{min-height:470px}
  .mosaic-card{grid-template-columns:1fr;min-height:0}.mosaic-card img{height:230px}.mosaic-card.tall{min-height:0}.mosaic-card.tall img{height:260px}
  .app-hero{min-height:0;padding:54px 0}.app-hero h1{font-size:47px}
  .app-grid-2,.app-grid-3,.story-grid,.faq-inline{grid-template-columns:1fr!important}
  .app-cta{padding:30px;display:block}.app-cta .btn{margin-top:10px}
  .r6-gallery-grid figure,.r6-gallery-grid figure:first-child,.r6-gallery-grid figure:not(:first-child){min-height:300px}
}

/* Carousel refinement */
.home-carousel .slides{height:480px}
.home-carousel .shade{background:linear-gradient(90deg,rgba(8,13,22,.78) 0%,rgba(8,13,22,.42) 48%,rgba(8,13,22,.04) 78%)}
.home-carousel .copy{max-width:610px}
.home-carousel h1,.home-carousel h2{font-size:clamp(46px,5.5vw,74px);letter-spacing:-.05em}
.home-carousel p{font-size:18px}
.carousel-arrow{background:rgba(15,20,31,.28);border-color:rgba(255,255,255,.24)}
.carousel-dot{width:8px;height:8px}
.carousel-pause{background:rgba(15,20,31,.28)}

@media(max-width:980px){
  .main-nav{position:fixed!important;top:76px!important;left:12px!important;right:12px!important;max-height:calc(100vh - 90px);overflow:auto}
}