:root{--bg:#fffef6;--ink:#233b2a;--muted:#607361;--line:#ccdac9;--acid:#d2ff75;--purple:#6e45c4;--lavender:#e9e1ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:6px}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;background:var(--bg);position:relative;z-index:5;border-bottom:1px solid #233b2a15}.brand{font-size:17px;letter-spacing:-.02em;font-weight:800;line-height:1.15;display:flex;gap:10px;align-items:center}.brand img{width:37px;height:37px;border-radius:8px}.brand-small{display:block;font-size:8px;letter-spacing:.12em;font-weight:400;margin-top:6px}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav sup{font-size:10px;color:var(--purple)}#motion{background:transparent;border:1px solid #b3c1ae;border-radius:30px;padding:8px 13px;font-size:12px;color:var(--ink)}h1,h2,h3,p{margin-top:0}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;line-height:1.5;margin:0 0 25px}.playground{min-height:740px;position:relative;overflow:hidden;padding:85px 5% 80px;text-align:center;background:#f2f5df}.playground h1{position:relative;z-index:2;font-size:clamp(68px,8.6vw,132px);line-height:.97;letter-spacing:-.06em;font-weight:700;margin:0}.playground h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--purple);letter-spacing:-.075em}.hero-description{font-size:17px;position:relative;z-index:2;margin:30px auto 24px;color:#506449;max-width:480px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:22px;position:relative;z-index:3}.button{background:var(--ink);color:#fffef6;border:1px solid var(--ink);border-radius:50px;padding:14px 23px;font-size:14px;display:inline-block;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-4px);box-shadow:0 7px 0 #c3d2a5}.surprise-button{border:0;background:none;border-bottom:1px solid #8b9b76;color:var(--ink);padding:9px 0;font-size:14px}.surprise-button span{display:inline-block;margin-left:8px;color:var(--purple);font-size:20px;transition:transform .4s}.surprise-button:hover span{transform:rotate(120deg)}.sticker{position:absolute;background:white;padding:9px;border-radius:24px;box-shadow:0 15px 35px #33451b18;z-index:1;width:180px;animation:float 6s ease-in-out infinite;transform:rotate(var(--tilt));transition:box-shadow .3s}.sticker img{width:100%;display:block;border-radius:18px}.sticker span{display:block;font-family:Georgia,serif;font-style:italic;font-size:14px;padding:5px 0 1px}.sticker-a{top:65px;left:5%;--tilt:-12deg;animation-delay:-1s}.sticker-b{top:105px;right:5%;--tilt:12deg;animation-delay:-3s}.sticker-c{bottom:85px;left:16%;width:137px;--tilt:10deg;animation-delay:-2s}.sticker-d{bottom:55px;right:16%;width:142px;--tilt:-9deg}.playground-foot{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#6b7e59}@keyframes float{50%{translate:0 -15px;rotate:3deg}}.screen-section{background:var(--purple);color:white;padding:75px 5% 70px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.screen-heading{padding-top:15px}.screen-heading .eyebrow{color:#d0ff79}.screen-heading h2{font-size:clamp(35px,3.5vw,54px);line-height:1.1;letter-spacing:-.045em;font-weight:600;margin-bottom:25px}.screen-heading h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}.screen-heading p{color:#e0d5fa;font-size:15px}.cinema{min-width:0}.video-frame{aspect-ratio:16/9;border:7px solid #fffef6;border-radius:20px;position:relative;overflow:hidden;background:#17241b;box-shadow:10px 12px 0 #452683}.video-frame video{width:100%;height:100%;object-fit:contain;display:block}.watch{position:absolute;bottom:17px;right:15px;background:#fffef6;color:#243b2b;border:0;border-radius:30px;font-size:12px;padding:10px 15px;display:flex;align-items:center;gap:9px}.watch:hover{background:#d2ff75}.play-icon{font-size:10px}.video-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff40}.video-progress span{display:block;height:100%;background:#d2ff75;width:0;transition:width .15s linear}.cinema-caption{display:flex;align-items:center;justify-content:space-between;padding:22px 0 12px;gap:15px}.cinema-caption h2{font-size:24px;font-weight:500;letter-spacing:-.02em;margin:3px 0 0;line-height:1.2}.micro,.preview-label{font-size:9px;letter-spacing:.08em;color:#dbcef3}.cinema-caption p{display:none}.feature-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.feature-picker button{border:1px solid #ffffff50;color:#fff;background:none;border-radius:25px;padding:8px 12px;font-size:12px;transition:background .2s,color .2s}.feature-picker button span{display:none}.feature-picker button.active,.feature-picker button:hover{background:#d2ff75;border-color:#d2ff75;color:#243b2b}.section{padding:95px 5%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:30px}.section-heading h2,.studio h2{font-size:clamp(43px,5.2vw,76px);font-weight:600;line-height:1;letter-spacing:-.05em;margin:0}.section-heading h2 em,.studio h2 em{font-family:Georgia,serif;font-weight:400;color:var(--purple);letter-spacing:-.06em}.section-heading>p{font-size:15px;color:var(--muted);margin-bottom:4px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 25px}.game-card{padding:0 0 22px;border:1px solid #20342118;color:var(--ink);background:#f6f4e9;border-radius:20px;overflow:hidden;text-align:left;min-width:0;box-shadow:0 0 0 #203421;transition:transform .35s,box-shadow .35s}.game-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:6px 8px 0 #233b2a}.game-card:nth-child(2){background:#eee7ff}.game-card:nth-child(3){background:#e5f3ff}.game-card:nth-child(4){background:#ffe6cc}.game-card:nth-child(5){background:#ffe2eb}.game-card:nth-child(6){background:#e8f5cf}.game-image{aspect-ratio:16/9;position:relative;overflow:hidden;background:#ffffff30}.game-image img,.card-video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;transition:transform .7s,opacity .4s}.game-image img[src="assets/boop.jpg"],.game-image img[src="assets/munch.jpg"]{object-fit:contain;background:#ded5fa}.card-video{object-fit:contain;background:#131b13;opacity:0}.game-card.previewing .card-video{opacity:1}.game-card:hover img{transform:scale(1.035)}.number{position:absolute;left:12px;top:12px;font-size:10px;background:#fffef6;color:#233b2a;padding:5px 9px;border-radius:30px;z-index:1}.card-play{position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;font-size:10px;background:#fffef6;color:#233b2a;border-radius:50%;z-index:1}.game-info{display:block;margin:20px 20px 9px}.game-info h3{font-size:25px;letter-spacing:-.035em;font-weight:600;line-height:1.2;margin:0 0 7px}.tag{font-size:11px;color:#64745e}.game-card p{font-size:14px;line-height:1.65;margin:0 20px;color:#52604b;min-height:46px}.game-link{font-size:12px;display:inline-block;margin:18px 20px 0;border-bottom:1px solid #809074}.studio{display:grid;grid-template-columns:1fr 1.2fr;gap:85px;padding:85px 8%;background:#e6efda;align-items:center}.studio-label .eyebrow{margin-bottom:35px}.studio-art{height:340px;position:relative;max-width:430px}.studio-art img{position:absolute;width:56%;border-radius:35px;border:8px solid #fffef6;box-shadow:0 15px 30px #20342220;transform:rotate(-13deg);top:0;left:0;animation:float 7s ease-in-out infinite}.studio-art img+img{left:39%;top:100px;transform:rotate(12deg);animation-delay:-3s}.studio-content>p{font-size:17px;line-height:1.8;color:#52634d;margin:25px 0}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid #607257;padding-bottom:3px}.closing{padding:90px 8% 110px;position:relative;overflow:hidden;background:#ffb494}.closing p{font-size:11px;letter-spacing:.08em}.closing a{font-size:clamp(65px,10vw,145px);line-height:1.1;letter-spacing:-.065em;font-weight:600;position:relative;z-index:1}.closing em{font-family:Georgia,serif;font-weight:400;color:#53398a}.closing-star{font-size:230px;position:absolute;right:8%;top:10px;color:#ef865f;line-height:1.5;animation:turn 24s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}footer{background:#233b2a;color:#dce8cf;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}footer p{margin:0}.reveal{opacity:1}.reveal.visible{animation:reveal-in .8s both}@keyframes reveal-in{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}.game-card:nth-child(3n+2){transition-delay:.06s}.game-card:nth-child(3n+3){transition-delay:.12s}dialog{border:0;border-radius:20px;background:#fffef6;color:var(--ink);padding:0;width:min(900px,94vw);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #16221970}dialog::backdrop{background:#233b2ac9;backdrop-filter:blur(9px)}.close{position:absolute;top:12px;right:12px;z-index:2;border:0;border-radius:50%;background:#fffef6;color:#233b2a;width:42px;height:42px}.modal-media{width:100%;aspect-ratio:16/9;display:block;object-fit:contain;background:#111}.modal-copy{padding:30px}.modal-copy h2{font-size:36px;font-weight:600;letter-spacing:-.04em;line-height:1.2;margin:8px 0 16px}.modal-copy p{color:var(--muted);line-height:1.8}.modal-copy .eyebrow{margin-bottom:6px}body.paused .reveal{opacity:1;translate:none;transition:none}body.paused *,body.paused *:before{animation:none!important;scroll-behavior:auto!important}@media(max-width:1100px){.sticker{width:135px}.sticker-a{left:3%;top:80px}.sticker-b{right:3%;top:110px}.sticker-c{left:9%;width:110px}.sticker-d{right:9%;width:115px}.playground{min-height:660px}.screen-section{gap:30px;grid-template-columns:1fr 1.8fr}.game-grid{grid-template-columns:1fr 1fr}.studio{gap:40px}}@media(max-width:700px){header{padding:18px 5%}.brand{font-size:14px}.brand img{width:30px;height:30px}.brand-small{display:none}nav{gap:15px;font-size:13px}nav a:nth-child(2){display:none}#motion{font-size:10px;padding:6px 9px}.playground{min-height:710px;padding:55px 5% 245px}.playground h1{font-size:clamp(63px,13vw,85px)}.hero-description{font-size:15px;max-width:290px;margin-top:25px}.hero-actions{gap:15px}.button{font-size:12px;padding:12px 17px}.surprise-button{font-size:12px}.sticker-a{top:auto;bottom:65px;left:17%;width:110px}.sticker-b{top:auto;bottom:63px;right:17%;width:115px}.sticker-c,.sticker-d{display:none}.sticker span{font-size:11px}.playground-foot{font-size:8px}.screen-section{padding:50px 5%;grid-template-columns:1fr;gap:20px}.screen-heading{padding:0}.screen-heading h2{font-size:40px}.screen-heading h2 br{display:none}.screen-heading p{display:none}.video-frame{border-width:5px;border-radius:14px;box-shadow:6px 7px 0 #452683}.section{padding:60px 5%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.game-grid{grid-template-columns:1fr;gap:25px}.game-image{aspect-ratio:16/10}.game-card p{min-height:0}.game-info h3{font-size:27px}.studio{padding:50px 6%;grid-template-columns:1fr;gap:35px}.studio-art{height:230px;max-width:320px;margin:auto}.studio-art img{width:155px;border-radius:27px}.studio-art img+img{left:130px;top:65px}.studio-content>p{font-size:16px}.closing{padding:55px 6% 65px}.closing a{font-size:68px}.closing-star{font-size:160px;right:-15px;top:20px}footer{flex-wrap:wrap;padding:25px 5%}footer p{display:none}.game-card{transition-delay:0s!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.reveal{opacity:1;translate:none}}

/* Approved Green Devs mascot logo */
header{padding-top:10px;padding-bottom:10px}.brand-logo{flex-shrink:0}.brand-logo img{display:block;width:100px;height:100px;object-fit:contain;border-radius:0}footer .brand-logo{background:var(--bg);border-radius:14px;overflow:hidden}footer .brand-logo img{width:90px;height:90px}@media(max-width:700px){header{padding-top:8px;padding-bottom:8px}header .brand-logo img{width:80px;height:80px}footer .brand-logo img{width:76px;height:76px}}

/* Company information and privacy */
.contact-section{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.contact-section h2{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.04em;margin-bottom:20px}.contact-section p{color:var(--muted);max-width:520px}.contact-email{font-size:clamp(22px,3vw,36px);color:var(--purple);border-bottom:1px solid currentColor;overflow-wrap:anywhere}.company-details{border-left:1px solid var(--line);padding-left:36px}.company-details h3{font-size:22px;line-height:1.3;margin-bottom:12px}.footer-legal{display:flex;flex-direction:column;gap:12px}.footer-legal nav{font-size:12px;gap:20px}.footer-legal a{text-decoration:underline;text-underline-offset:4px}.privacy-main{max-width:850px;padding:65px 6% 85px;margin:auto}.privacy-main h1{font-size:clamp(42px,7vw,72px);line-height:1.05;letter-spacing:-.05em;margin-bottom:24px}.privacy-main h2{font-size:25px;letter-spacing:-.02em;line-height:1.3;margin:36px 0 12px}.privacy-main p,.privacy-main li{color:#465a47}.privacy-main a{text-decoration:underline;text-underline-offset:3px}.privacy-main .updated{font-size:14px;color:var(--muted)}@media(max-width:700px){.contact-section{grid-template-columns:1fr;gap:30px}.company-details{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.footer-legal nav a{display:inline-block}.privacy-header nav a{display:inline-block}}@media(max-width:400px){header nav{gap:9px}header #motion{max-width:72px;line-height:1.4}header .brand-logo img{width:64px;height:64px}}