@charset "UTF-8";
:root{--ink:#4b3026;--muted:#765c48;--paper:#fff9ed;--cream:#f6edda;--honey:#efb75c;--orange:#a84927;--wood:#65432f;--line:#d9c8a9;--sage:#e3e8cd;--lilac:#e9e2ef;--blue:#dce7e9;--display:'Baloo 2','Trebuchet MS',system-ui,sans-serif;--px:0px;--py:0px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.65}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{font:inherit}img,svg{display:block;max-width:100%}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #714a8d;outline-offset:5px}::selection{background:#f2cd88;color:var(--ink)}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;background:var(--paper);padding:12px 20px;z-index:20}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid #d9c8a980;background:#fff9edf2;backdrop-filter:blur(14px)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:223px;height:auto}.nav{display:flex;align-items:center;gap:30px}.nav a{font-size:13px;font-weight:650;text-decoration:none}.nav a:hover{color:var(--orange)}.nav .nav-play{border:1px solid var(--wood);border-radius:8px;padding:9px 18px;box-shadow:0 3px 0 #d4b78a;background:#ffefd0}.nav-play:hover{background:#f8dfa9}.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 65% 56%,#f0e8cb80,transparent 60%)}.hero-layout{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;min-height:650px;gap:0;padding-block:42px 32px}.hero-copy{position:relative;z-index:2;padding-bottom:22px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 19px;font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase}.eyebrow::before{content:'';width:23px;height:1px;background:currentColor}.hero h1{font-family:var(--display);font-size:clamp(65px,6.65vw,96px);font-weight:800;line-height:.98;letter-spacing:-3px;margin:0 0 22px}.hero h1 span{display:block;color:var(--orange)}.tagline{font-family:var(--display);font-weight:650;font-size:27px;line-height:1.25;margin:0 0 16px}.hero-intro{max-width:385px;font-size:15px;color:var(--muted);margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:51px;padding:11px 23px;border-radius:10px;border:1.5px solid var(--wood);text-decoration:none;font-size:14px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s}.button-primary{background:var(--honey);box-shadow:0 4px 0 var(--wood);color:#422b20}.button-primary:hover{background:#f6c875;transform:translateY(-2px);box-shadow:0 6px 0 var(--wood)}.button-secondary{border-color:#937354;background:#fff9edb0}.button-secondary:hover{background:#f4e8cf;transform:translateY(-2px)}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.browser-note{display:flex;gap:8px;align-items:center;margin:18px 0 0;font-size:11px;letter-spacing:.3px;color:var(--muted)}.browser-note svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.hero-art{position:relative;min-width:0;margin:0 -42px 0 -35px}.world{width:100%;height:auto;overflow:visible}.hero-art figcaption{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted);letter-spacing:.2px}.art-label{position:absolute;top:36px;right:38px;transform:rotate(7deg);font-size:11px;font-weight:600;font-family:var(--display);letter-spacing:.4px;border-top:1px solid #c8b38e;border-bottom:1px solid #c8b38e;padding:4px 8px}.motion-toggle{position:absolute;right:30px;bottom:28px;background:var(--paper);border:1px solid #937354;color:var(--muted);border-radius:30px;padding:6px 12px;min-height:36px;font-size:10px;cursor:pointer;z-index:3}.motion-toggle:hover{background:#f4e5c8}.motion-toggle[hidden]{display:none}.disclaimer-strip{background:#eee4d0;border-block:1px solid var(--line)}.disclaimer-inner{display:flex;align-items:center;justify-content:center;gap:15px;padding-block:16px}.small-seal{width:30px;height:30px;flex-shrink:0}.disclaimer-strip p{margin:0;font-size:11px;line-height:1.7;max-width:810px}.disclaimer-strip strong{color:var(--ink)}.section{padding-block:85px}.section-kicker{color:var(--orange);margin-bottom:9px}.section-heading{font-family:var(--display);font-size:clamp(32px,3.3vw,43px);font-weight:750;line-height:1.15;letter-spacing:-.7px;margin:0 0 15px}.section-intro{color:var(--muted);font-size:14px;max-width:500px;margin:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.section-head .section-intro{max-width:340px}.chapter{font-size:11px;letter-spacing:1.5px;color:var(--muted);display:flex;align-items:center;gap:10px;white-space:nowrap}.chapter::before{content:'';width:40px;height:1px;background:var(--line)}.features{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:16px}.feature{padding:23px 25px;position:relative;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fffdf6}.feature:first-child{grid-row:span 2;background:var(--sage);display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;overflow:hidden}.feature-icon{width:32px;height:32px;margin-bottom:16px;fill:none;stroke:var(--wood);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feature h3{font-family:var(--display);font-weight:700;font-size:22px;line-height:1.2;margin:0 0 8px}.feature p{font-size:13px;color:var(--muted);line-height:1.6;margin:0;max-width:270px}.field-art{width:100%;height:145px;margin-bottom:22px}.feature .feature-number{position:absolute;right:22px;top:20px;font-size:10px;letter-spacing:1px;color:var(--muted)}.feature:last-child{grid-column:2 / 4;display:flex;align-items:center;gap:22px;background:#f3e9d7}.feature:last-child .feature-icon{margin:0;flex-shrink:0}.feature:last-child p{max-width:none}.feature:last-child h3{margin-bottom:3px}.roadmap{margin-top:23px;padding:22px 0 0;border-top:1px dashed #c8b38e;display:flex;align-items:center;gap:25px}.roadmap-copy{flex-shrink:0}.roadmap h3{font-family:var(--display);font-size:20px;margin:0;line-height:1.2}.roadmap p{font-size:11px;color:var(--muted);margin:3px 0 0}.roadmap ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:0}.roadmap li{border:1px dashed #c8b38e;border-radius:6px;font-size:12px;color:var(--muted);padding:5px 13px;background:#fbf5e8}.start-section{background:var(--cream);border-block:1px solid var(--line);position:relative}.start-heading{text-align:center;margin-bottom:38px}.start-heading .eyebrow{justify-content:center}.start-heading .eyebrow::after{content:'';height:1px;width:23px;background:currentColor}.start-heading .section-intro{margin-inline:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;margin:0;padding:0;counter-reset:steps}.step{position:relative;counter-increment:steps;padding-top:70px}.step::before{content:'0' counter(steps);position:absolute;top:0;left:0;display:grid;place-items:center;width:45px;height:45px;border:1px solid #bda17a;border-radius:50%;background:#fff7e4;box-shadow:0 4px 0 #dfc9a5;color:var(--orange);font-family:var(--display);font-size:22px;font-weight:700;z-index:1}.step:not(:last-child)::after{content:'';position:absolute;left:59px;right:-15px;top:23px;border-top:1px dashed #bda17a}.step h3{font-family:var(--display);font-size:21px;line-height:1.2;margin:0 0 10px}.step p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.controls{margin-top:36px;padding:17px 22px;border:1px solid #d6c4a5;border-radius:8px;background:#fff9ed;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.controls strong{white-space:nowrap}.controls ul{display:flex;gap:25px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.controls li{display:flex;align-items:center;gap:8px}.control-dot{display:inline-block;width:6px;height:6px;border:1px solid #a16c3e;border-radius:50%;background:#ebbb75}.classes{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.class-card{position:relative;text-align:center;padding:25px 14px 23px;background:#f6eddf;border:1px solid #d9c8a9;border-radius:55px 55px 11px 11px;transition:transform .25s}.class-card:nth-child(2){background:#ede5ee}.class-card:nth-child(3){background:#f7efd8}.class-card:nth-child(4){background:#e5ebee}.class-card:nth-child(5){background:#e7ebd8}.class-card:nth-child(6){background:#f0e3d7}.class-card:hover{transform:translateY(-5px)}.class-card img{height:60px;width:60px;margin:0 auto 17px}.class-card h3{font-family:var(--display);font-size:21px;line-height:1.2;margin:0 0 9px}.class-card p{font-size:11px;line-height:1.65;margin:0;color:var(--muted)}.class-note{font-size:12px;color:var(--muted);margin:22px 0 0;text-align:center}.faq-section{padding-top:10px;padding-bottom:85px}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:85px;padding-top:55px;border-top:1px solid var(--line)}.faq-intro .section-intro{max-width:275px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:18px 3px;font-size:14px;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-weight:400;font-size:24px;color:var(--orange);line-height:1;flex-shrink:0}details[open] summary::after{content:'−'}summary:hover{color:var(--orange)}details p{margin:0;padding:0 32px 20px 3px;color:var(--muted);font-size:13px}.closing{background:var(--wood);color:#fff4dc;position:relative;overflow:hidden}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:195px;padding-block:35px}.closing h2{font-family:var(--display);font-size:37px;line-height:1.2;margin:0 0 6px}.closing p{color:#e9d4b4;margin:0;font-size:13px}.closing .button{flex-shrink:0;border-color:#34251c;box-shadow:0 4px 0 #34251c}.closing-mark{position:absolute;width:220px;right:31%;top:8px;opacity:.1;transform:rotate(-18deg);pointer-events:none}.site-footer{padding-block:38px 24px;background:#f3e9d7}.footer-main{display:grid;grid-template-columns:250px 1fr;gap:80px;align-items:center}.footer-brand img{width:210px}.footer-brand p{font-size:11px;margin:8px 0;color:var(--muted)}.footer-disclaimer{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:27px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);letter-spacing:.3px}.footer-bottom a:hover{color:var(--orange)}
.scene-back{transform:translate(calc(var(--px) * -.35),calc(var(--py) * -.35))}.scene-middle{transform:translate(calc(var(--px) * .45),calc(var(--py) * .45))}.scene-front{transform:translate(var(--px),var(--py))}.motion-ready .cloud-one{animation:cloud-drift 14s ease-in-out infinite alternate}.motion-ready .cloud-two{animation:cloud-drift 18s ease-in-out -8s infinite alternate-reverse}.motion-ready .balloon-one{animation:balloon-float 7s ease-in-out infinite;transform-origin:156px 96px}.motion-ready .balloon-two{animation:balloon-float 9s ease-in-out -4s infinite reverse;transform-origin:590px 196px}@keyframes cloud-drift{from{transform:translateX(-9px)}to{transform:translateX(12px)}}@keyframes balloon-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(2deg)}}.motion-paused .cloud,.motion-paused .balloon{animation-play-state:paused}.motion-paused .scene-back,.motion-paused .scene-middle,.motion-paused .scene-front{transform:none}
@media(min-width:1500px){.hero-layout{min-height:700px}.hero-art{margin-right:-60px}.hero h1{font-size:99px}}
@media(max-width:1050px){.nav{gap:20px}.hero h1{font-size:clamp(58px,7vw,73px)}.hero-layout{min-height:600px}.tagline{font-size:23px}.hero-actions{gap:10px}.button{padding-inline:18px;gap:14px}.classes{grid-template-columns:repeat(3,1fr);gap:18px}.class-card{border-radius:35px 35px 10px 10px}.class-card p{font-size:12px;max-width:180px;margin-inline:auto}.class-card img{width:65px;height:65px}.controls{align-items:flex-start}.controls ul{gap:10px 20px}.faq-layout{gap:40px}.footer-main{gap:35px}.motion-toggle{right:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:68px;gap:12px}.brand img{width:180px}.nav{gap:0}.nav a:not(.nav-play){display:none}.nav .nav-play{font-size:11px;padding:8px 13px;min-height:44px;display:inline-flex;align-items:center}.hero-layout{display:flex;flex-direction:column;padding-top:40px;padding-bottom:32px;min-height:0}.hero-copy{text-align:center;padding:0;width:100%}.hero .eyebrow{justify-content:center;font-size:9px;letter-spacing:1.8px;margin-bottom:20px}.hero .eyebrow::after{content:'';width:23px;height:1px;background:currentColor}.hero h1{font-size:clamp(67px,12vw,85px);line-height:.98;letter-spacing:-2px;margin-bottom:20px}.hero h1 span{display:inline}.tagline{font-size:24px;margin-bottom:13px}.hero-intro{font-size:13px;max-width:345px;margin:0 auto 22px;line-height:1.75}.hero-actions{justify-content:center;gap:10px}.button{font-size:12px;min-height:48px;padding:11px 17px;gap:14px}.browser-note{justify-content:center;font-size:10px;margin-top:16px}.hero-art{width:min(550px,calc(100% + 36px));margin:12px -18px 0}.hero-art figcaption{font-size:8px;bottom:8px}.art-label{font-size:9px;top:22px;right:25px}.motion-toggle{position:relative;right:auto;bottom:auto;display:block;margin:-11px auto 16px;min-height:36px}.disclaimer-inner{gap:12px;align-items:flex-start;padding-block:16px}.small-seal{width:28px;height:28px}.disclaimer-strip p{font-size:10px;line-height:1.8}.section{padding-block:57px}.section-head{display:block;margin-bottom:26px}.section-head .section-intro{max-width:100%}.section-heading{font-size:34px;letter-spacing:-.5px;margin-bottom:13px}.section-intro{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.5px}.chapter{display:none}.features{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:20px 17px}.feature:first-child{grid-column:1 / -1;grid-row:auto;min-height:205px;justify-content:center;padding-right:49%;}.field-art{position:absolute;right:10px;width:46%;height:auto;margin:0;top:30px}.feature h3{font-size:20px}.feature p{font-size:12px}.feature-icon{width:29px;height:29px;margin-bottom:15px}.feature-number{display:none}.feature:last-child{grid-column:1 / -1;padding:20px 17px;gap:18px}.roadmap{align-items:flex-start;flex-direction:column;gap:15px;margin-top:24px}.roadmap-copy{display:flex;gap:12px;align-items:baseline}.roadmap li{font-size:11px;padding:5px 12px}.start-heading{text-align:left;margin-bottom:28px}.start-heading .eyebrow{justify-content:flex-start}.start-heading .eyebrow::after{display:none}.start-heading .section-intro{margin:0}.steps{grid-template-columns:1fr;gap:27px}.step{padding:0 0 0 65px;min-height:60px}.step::before{width:41px;height:41px;font-size:20px}.step:not(:last-child)::after{left:20px;right:auto;top:53px;bottom:-16px;border-top:0;border-left:1px dashed #bda17a}.step h3{font-size:21px;margin-bottom:6px}.step p{font-size:12px}.controls{margin-top:28px;display:block;padding:17px 18px}.controls ul{display:grid;gap:10px;margin-top:12px}.classes{grid-template-columns:repeat(2,1fr);gap:14px}.class-card{padding:23px 16px;border-radius:40px 40px 10px 10px}.class-card h3{font-size:22px}.class-card p{font-size:12px}.class-note{font-size:11px;text-align:left}.faq-section{padding:0 0 55px}.faq-layout{grid-template-columns:1fr;gap:24px;padding-top:40px}.faq-intro .section-intro{max-width:100%}summary{font-size:13px;padding:17px 2px}details p{font-size:12px}.closing-inner{display:block;text-align:center;padding-block:35px}.closing h2{font-size:31px}.closing p{font-size:12px;max-width:280px;margin:auto}.closing .button{margin-top:23px}.closing-mark{right:-45px;top:22px}.footer-main{grid-template-columns:1fr;gap:19px}.footer-brand img{width:200px}.footer-disclaimer{font-size:10px}.site-footer{padding-top:28px}.footer-bottom{font-size:9px;gap:10px}.footer-bottom span{max-width:180px}}
@media(max-width:390px){.hero h1 span{display:block}.hero h1{font-size:70px}.hero-actions .button{padding-inline:14px;gap:10px}.hero .tagline{font-size:23px}.brand img{width:167px}.nav .nav-play{padding-inline:10px}.feature:first-child{padding-right:45%}.feature:first-child p{font-size:11px}.field-art{width:43%;right:5px}.roadmap-copy{display:block}.footer-bottom{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scene-back,.scene-middle,.scene-front{transform:none}.motion-toggle{display:none}.class-card:hover,.button:hover{transform:none}}

.closing a:focus-visible{outline-color:#fff4dc}

/* landing v2: live status, gallery, updates, top-up */
.server-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-size:11px;font-weight:650;color:var(--muted);background:#fffdf6;white-space:nowrap}
.status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#6f9a51;box-shadow:0 0 0 3px #6f9a5126}
.hero-status{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:11px;color:var(--muted);letter-spacing:.2px}
.hero-status-sep{color:var(--line)}
.hero-status.is-offline .status-dot,[data-server-status].is-offline .status-dot{background:#b5533c;box-shadow:0 0 0 3px #b5533c26}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.shot{position:relative;margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#e8ddc6}
.shot-wide{grid-column:span 2}
.shot img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
.shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 9px;font-size:11px;color:#fff7e5;background:linear-gradient(transparent,#3b2a2080)}
.update-section{background:var(--cream);border-block:1px solid var(--line)}
.updates{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.updates li{display:grid;grid-template-columns:132px 1fr;gap:22px;padding:19px 4px;border-bottom:1px solid var(--line)}
.updates time{font-size:11px;letter-spacing:.6px;color:var(--orange);font-weight:700;text-transform:uppercase}
.updates b{font-family:var(--display);font-size:19px;line-height:1.25}
.updates p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.topup-card{display:grid;grid-template-columns:1.15fr 1fr;gap:38px;align-items:center;padding:38px 40px;border-radius:20px;background:var(--wood);color:#fff4dc;box-shadow:0 8px 0 #4b3026}
.topup-card .section-kicker{color:#f2cd88}
.topup-card .section-heading{color:#fff4dc;margin-bottom:10px}
.topup-card .section-intro{color:#e9d4b4}
.topup-side{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.packages{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;list-style:none;margin:0;padding:0}
.packages li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 13px;border:1px solid #8a6449;border-radius:8px;background:#5b3d2c}
.packages b{font-family:var(--display);font-size:19px;color:#f6d79a}
.packages span{font-size:11px;color:#e4cdae}
.topup-note{margin:0;font-size:11px;color:#d9c0a0}
@media(max-width:1050px){.server-pill{display:none}.gallery{grid-template-columns:1fr 1fr}.shot-wide{grid-column:span 2}.topup-card{grid-template-columns:1fr;gap:24px;padding:30px 28px}}
@media(max-width:760px){.gallery{grid-template-columns:1fr}.shot-wide{grid-column:auto}.updates li{grid-template-columns:1fr;gap:5px;padding:16px 2px}.packages{grid-template-columns:1fr 1fr}.topup-card{padding:26px 20px;border-radius:14px}.hero-status{justify-content:center}}

/* Mobile section navigation: the desktop links are hidden below 760px, so the sections stay reachable. */
.mobile-nav{display:none}
@media(max-width:760px){
  .mobile-nav{display:flex;gap:18px;align-items:center;overflow-x:auto;padding:0 20px 9px;border-top:1px solid #d9c8a966;scrollbar-width:none}
  .mobile-nav::-webkit-scrollbar{display:none}
  .mobile-nav a{font-size:11px;font-weight:650;text-decoration:none;white-space:nowrap;color:var(--muted)}
  .mobile-nav a:hover{color:var(--orange)}
  .header-inner{height:62px}
}