:root{--ink:#17201f;--muted:#60706c;--paper:#f6f7f3;--line:#d9dfd8;--lime:#c9f27b;--teal:#89d6d3;--coral:#f6aa8f;--violet:#b8b2e9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{ -webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(100% - 80px,1320px);margin-inline:auto}
.skip-link{position:absolute;left:16px;top:-60px;z-index:100;background:var(--lime);padding:12px 18px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:#f7f8f5;border-bottom:1px solid #e7ebe5}
.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:800;letter-spacing:0;white-space:nowrap}
.brand-secondary{font-weight:500}
.brand-mark{display:block;flex:none;width:37px;height:34px;color:var(--ink)}
.brand-mark .brand-i{fill:#75ad6c}
.site-nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:650}.site-nav>a{transition:color .2s}.site-nav>a:hover{color:#578351}
.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#182422;color:#fff;min-height:690px;height:min(760px,calc(100svh - 80px));max-height:760px}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 52%,#32524a 0%,#213630 33%,transparent 67%);opacity:.65;z-index:-2}
.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:110px 110px;mask-image:linear-gradient(90deg,transparent 20%,#000 100%)}
.hero-content{position:relative;z-index:5;padding-top:112px;pointer-events:none}.hero-content a{pointer-events:auto}
.eyebrow{margin:0;font-size:11px;line-height:1.5;font-weight:800;letter-spacing:2px}.hero-eyebrow{color:var(--lime);display:flex;align-items:center;gap:11px}.eyebrow-line{height:1px;width:27px;background:var(--lime)}
.hero h1{font-size:clamp(66px,6.6vw,104px);line-height:.99;letter-spacing:0;margin:29px 0 30px;font-weight:800;max-width:750px}.hero h1 span{color:var(--lime)}
.hero-lead{font-weight:700;font-size:26px;line-height:1.25;margin:0 0 16px}.hero-description{font-size:15px;line-height:1.8;color:#c5d1ca;max-width:445px;margin:0}
.hero-actions{display:flex;align-items:center;gap:33px;margin-top:32px}.button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:3px;font-weight:750;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--lime);color:var(--ink)}.button-light:hover{background:#defaaa}.button span{font-size:20px;font-weight:400}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #91a59b;padding-bottom:6px;display:inline-flex;gap:24px;align-items:center}.text-link:hover{color:var(--lime);border-color:var(--lime)}.text-link span{font-size:18px}
.hero-bottom{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.8px;font-weight:800;color:#b0c1b9;z-index:5}.hero-bottom span:last-child span{font-size:16px;margin-left:14px}
.hero-scene{position:absolute;inset:0 0 0 44%;z-index:1;pointer-events:none}.scene-glow{position:absolute;width:640px;height:640px;left:13%;top:6%;border-radius:50%;background:#6a9c72;filter:blur(110px);opacity:.18}.phone{position:absolute;width:210px;height:431px;border:6px solid #111918;border-radius:31px;background:#111918;box-shadow:12px 30px 55px #050d0c8a,inset 0 0 0 1px #56625d;overflow:hidden}.phone::before{content:"";position:absolute;width:66px;height:15px;border-radius:0 0 11px 11px;left:50%;transform:translateX(-50%);top:0;background:#111918;z-index:3}.phone-top{height:28px;padding:9px 16px 0;display:flex;justify-content:space-between;position:relative;z-index:2;font-size:8px;font-weight:800}.phone-top span:last-child{letter-spacing:1px;font-size:6px}.phone-home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:62px;height:3px;background:currentColor;border-radius:10px;opacity:.75;z-index:3}.phone-game{left:4%;top:140px;transform:rotate(-15deg);color:#fff}.phone-weather{left:33%;top:66px;transform:rotate(-1deg);width:228px;height:466px;z-index:2;color:#123839}.phone-creative{left:67%;top:156px;transform:rotate(15deg);color:#fff}.game-screen{position:absolute;inset:0;background:#573f55;padding:63px 15px 0}.game-kicker{color:#f0e0dc;font-size:8px;letter-spacing:2px;font-weight:800}.game-title{font-size:26px;font-weight:850;line-height:1.02;margin-top:13px}.game-title span{color:#f6c55c}.game-board{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:24px}.tile{aspect-ratio:1;display:grid;place-items:center;border-radius:4px;color:#45363a;font-size:14px;font-weight:900}.tile-yellow{background:#f4d372}.tile-cream{background:#fae6bb}.tile-peach{background:#f3a588}.tile-empty{background:#ffffff1a}.game-progress{display:flex;justify-content:space-between;margin-top:20px;color:#ffdec9;font-size:8px;letter-spacing:1px;font-weight:800}.weather-screen{position:absolute;inset:0;background:#d3ebe5;padding:68px 17px 0}.weather-location{font-size:9px;font-weight:850;letter-spacing:1.5px;display:flex;justify-content:space-between}.weather-location span{font-size:14px;line-height:5px}.weather-sun{width:77px;height:77px;border-radius:50%;background:#f6be69;box-shadow:0 0 0 12px #f8cb7a53;position:absolute;top:116px;right:24px}.weather-temp{font-size:86px;font-weight:300;margin-top:86px;line-height:1}.weather-temp span{font-size:49px;vertical-align:top}.weather-caption{font-size:12px;font-weight:650;margin-top:7px}.weather-detail{border-top:1px solid #8bada7;margin-top:28px;padding:18px 0;display:flex;justify-content:space-between;font-size:8px;line-height:2;color:#426a64}.weather-detail b{color:#123839;font-size:17px}.weather-week{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #b4d0c9;font-size:10px;font-weight:750}.creative-screen{position:absolute;inset:0;background:#f6b59e;padding:65px 14px 0}.creative-top{font-size:9px;letter-spacing:1.6px;font-weight:800;color:#593a3d;display:flex;justify-content:space-between}.creative-top span{font-size:18px;line-height:8px}.creative-image{height:180px;position:relative;overflow:hidden;margin-top:26px;background:#c9b5ca;border:5px solid #fff}.creative-sun{position:absolute;width:69px;height:69px;border-radius:50%;background:#f2d481;top:22px;right:29px}.creative-hill{position:absolute;width:160%;height:120px;border-radius:50% 50% 0 0;left:-15%;bottom:-38px}.hill-back{background:#738c82;transform:rotate(-11deg);bottom:-29px}.hill-front{background:#254d4f;transform:rotate(13deg)}.creative-copy{color:#4e343b;font-size:24px;font-weight:850;line-height:1.06;margin-top:20px}.creative-copy em{font-family:Georgia,serif;font-weight:400}.creative-tools{display:flex;justify-content:space-between;margin-top:27px}.creative-tools i{height:28px;width:28px;background:#fff6;border-radius:50%;border:1px solid #fff9}.scene-label{position:absolute;color:#dce9e0;font-size:10px;font-weight:800;letter-spacing:2px}.label-play{top:79%;left:6%}.label-use{top:12%;left:53%}.label-create{top:83%;left:79%}
.section{scroll-margin-top:30px}.intro{background:#f6f7f3;padding:123px 0 130px}.intro-layout{display:grid;grid-template-columns:175px minmax(0,1fr) 240px;gap:25px}.section-side{display:flex;flex-direction:column;gap:18px;padding-top:10px}.section-index{font-size:11px;font-weight:850;letter-spacing:1.5px;white-space:nowrap}.section-rule{width:34px;height:1px;background:var(--ink)}.intro-copy{max-width:800px}.intro-copy .eyebrow{color:#719367}.intro h2,.section-heading h2,.approach h2,.outlook h2,.contact h2{font-size:clamp(42px,5vw,72px);line-height:1.07;letter-spacing:0;margin:21px 0 24px;font-weight:800}.intro-copy>p:last-child{font-size:19px;line-height:1.75;color:#4b5a56;max-width:720px}.intro-aside{align-self:end;border-top:1px solid #c7d0c8;padding-top:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.intro-aside .asterisk{font-size:55px;line-height:1;color:#8caf7a}.intro-aside p{font-size:12px;font-weight:750;line-height:1.5;margin:0;white-space:nowrap}
.products{background:#ebefea;padding:110px 0 132px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:58px}.section-heading .eyebrow{color:#688362}.section-heading h2{margin-bottom:0}.section-heading>p{width:290px;margin:0 0 5px;font-size:15px;line-height:1.7;color:#5e6e68}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-item{min-width:0}.product-visual{height:355px;position:relative;overflow:hidden;border-radius:4px;padding:20px}.visual-corner,.visual-bottom{position:absolute;z-index:3;font-size:10px;font-weight:850;letter-spacing:1.7px}.visual-corner{top:21px;left:22px}.visual-bottom{bottom:21px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between}.visual-bottom span{font-size:18px;letter-spacing:0;font-weight:400}.visual-game{background:#e9b098;color:#462e39}.visual-game::before{content:"";position:absolute;width:320px;height:320px;border:1px solid #fff7;border-radius:50%;top:30px;right:-120px}.puzzle-art{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-12deg);width:224px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;filter:drop-shadow(16px 20px 12px #a86a6645)}.puzzle-art span{display:grid;place-items:center;aspect-ratio:1;border-radius:7px;background:#ffebc6;font-size:21px;font-weight:900}.puzzle-art span:nth-child(3n){background:#f4cb68}.puzzle-art span:nth-child(4n){background:#db7d71;color:#fff}.visual-utility{background:#a6d6cb;color:#194445}.visual-utility::before{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff80;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.visual-utility::after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff90;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.utility-art{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);text-align:center;z-index:2}.utility-sun{width:80px;height:80px;margin:0 auto 8px;background:#f5c778;border-radius:50%;box-shadow:0 0 0 12px #f7dfac80}.utility-art span{display:block;font-size:76px;font-weight:300;line-height:1}.utility-art small{font-size:11px;font-weight:750;white-space:nowrap}.utility-bars{display:flex;align-items:end;gap:5px;position:absolute;left:30px;right:30px;bottom:65px;height:20px;opacity:.45}.utility-bars i{flex:1;background:#3b7771;height:7px;border-radius:4px}.utility-bars i:nth-child(2n){height:13px}.utility-bars i:nth-child(3n){height:18px}.visual-creative{background:#b7b0d0;color:#302c49}.creative-art{position:absolute;width:218px;height:238px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(10deg);border:8px solid #eee7dc;background:#dec2be;overflow:hidden;box-shadow:15px 20px 17px #514a6450}.art-sun{width:83px;height:83px;background:#f6d18a;border-radius:50%;position:absolute;top:29px;right:22px}.art-hill{position:absolute;left:-30%;width:150%;height:155px;border-radius:50% 50% 0 0}.art-hill-back{background:#739488;bottom:-60px;transform:rotate(-14deg)}.art-hill-front{background:#274c52;bottom:-79px;transform:rotate(17deg)}.creative-art span{position:absolute;left:24px;top:30px;font-size:28px;color:#fff}.product-meta{display:flex;justify-content:space-between;border-bottom:1px solid #c6d0c9;padding:22px 0 13px;font-size:10px;letter-spacing:1.6px;font-weight:850;color:#6b7d75}.product-item h3{font-size:26px;line-height:1.2;margin:22px 0 10px}.product-item>p{font-size:14px;line-height:1.75;color:#5d6c66;max-width:360px;margin:0}
.approach{background:#203633;color:#fff;padding:127px 0 141px}.approach-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:9%}.approach-heading .eyebrow{color:var(--lime)}.approach h2{font-size:clamp(46px,5.1vw,76px);margin-top:25px}.approach h2 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.approach-heading>p:last-child{color:#b8c9bf;font-size:16px;line-height:1.7;margin-top:36px}.approach-list{padding-top:20px}.approach-list article{border-top:1px solid #647c73;display:grid;grid-template-columns:50px 1fr 24px;gap:20px;padding:31px 0 37px}.approach-list article:last-child{border-bottom:1px solid #647c73}.approach-number{color:var(--lime);font-size:11px;font-weight:800;margin-top:6px}.approach-list h3{font-size:25px;line-height:1.2;margin:0 0 10px}.approach-list p{font-size:14px;line-height:1.75;color:#b8c9bf;margin:0;max-width:360px}.approach-arrow{font-size:23px;font-weight:300;color:var(--lime)}
.outlook{background:#f7f8f5;padding:118px 0 125px}.outlook-layout{display:grid;grid-template-columns:190px 1fr 340px;gap:30px;align-items:center}.outlook .eyebrow{align-self:start;margin-top:18px;color:#66865c}.outlook h2{margin:0;font-size:clamp(44px,5vw,72px)}.outlook h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#75a16c}.outlook-layout>p:last-child{font-size:15px;line-height:1.8;color:#5b6b63;margin:0}
.site-footer{background:#182422;color:#e7eee8}.footer-inner{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-footer .brand-mark{color:#e7eee8}.site-footer .brand-mark .brand-i{fill:var(--lime)}.site-footer p{font-size:11px;color:#9caea4}.site-footer .footer-top{font-size:12px;font-weight:700;white-space:nowrap}.site-footer .footer-top:hover{color:var(--lime)}
@media(max-width:1150px){.hero-scene{left:46%;transform:scale(.87);transform-origin:center right}.hero h1{font-size:70px}.hero-content{padding-top:102px}.intro-layout{grid-template-columns:140px minmax(0,1fr)}.intro-aside{grid-column:2;max-width:270px}.outlook-layout{grid-template-columns:140px 1fr}.outlook-layout>p:last-child{grid-column:2;max-width:530px}.approach-layout{gap:5%}}
@media(max-width:850px){.container{width:min(100% - 44px,680px)}.header-inner{height:66px}.brand{font-size:16px}.brand-mark{width:27px;height:27px}.menu-toggle{width:42px;height:42px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#f7f8f5;padding:22px;box-shadow:0 20px 30px #10201b1a;align-items:stretch;gap:0;flex-direction:column}.site-nav.is-open{display:flex}.site-nav>a{padding:15px 0;border-top:1px solid #dce4da}.site-nav .nav-contact{margin-top:10px;padding:16px;border:0}.hero{height:750px;min-height:0;max-height:none}.hero-content{padding-top:53px}.hero h1{font-size:clamp(48px,8vw,70px);margin:20px 0 15px}.hero-lead{font-size:21px;margin-bottom:10px}.hero-description{font-size:13px;line-height:1.6;max-width:390px}.hero-actions{margin-top:22px}.hero-scene{inset:auto -75px -62px 0;height:330px;transform:scale(.73);transform-origin:bottom center}.phone-game{left:17%;top:-15px}.phone-weather{left:41%;top:-84px}.phone-creative{left:68%;top:7px}.scene-label{display:none}.hero-bottom{bottom:20px}.hero-bottom span:first-child{display:none}.hero-bottom span:last-child{margin-left:auto}.intro{padding:85px 0}.intro-layout{display:block}.section-side{padding:0;margin-bottom:33px}.intro h2,.section-heading h2,.approach h2,.outlook h2,.contact h2{font-size:clamp(42px,7vw,62px)}.intro-copy>p:last-child{font-size:17px}.intro-aside{margin-top:35px}.products{padding:84px 0 95px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{width:auto;max-width:450px;margin-top:20px}.product-grid{grid-template-columns:1fr;gap:55px}.product-visual{height:370px}.product-item>p{max-width:none}.approach{padding:85px 0 95px}.approach-layout{display:block}.approach-heading>p:last-child{margin:18px 0 40px}.approach-list{padding:0}.outlook{padding:88px 0}.outlook-layout{display:block}.outlook h2{margin:23px 0}.outlook-layout>p:last-child{max-width:560px}.contact{padding:80px 0}.contact-layout{display:block}.contact-link{margin-top:35px}.footer-inner{min-height:150px;flex-wrap:wrap;justify-content:space-between;padding:30px 0}.site-footer p{order:3;width:100%;margin:0}}
@media(max-width:520px){.container{width:calc(100% - 38px)}.brand{font-size:15px;gap:8px}.brand-secondary{display:none}.hero{height:704px}.hero-content{padding-top:45px}.hero h1{font-size:48px;line-height:1.02}.hero-lead{font-size:19px}.hero-description{font-size:12px;max-width:345px}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column;margin-top:18px}.button{min-height:45px;padding:0 16px}.text-link{font-size:12px;padding-bottom:3px}.hero-scene{height:300px;left:-110px;right:-150px;bottom:-65px;transform:scale(.63)}.phone-game{left:17%;top:0}.phone-weather{left:42%;top:-64px}.phone-creative{left:68%;top:12px}.hero-bottom{font-size:9px;bottom:15px}.intro{padding:76px 0}.intro h2,.section-heading h2,.approach h2,.outlook h2,.contact h2{font-size:43px}.intro-copy>p:last-child{font-size:16px}.products{padding:75px 0 85px}.product-visual{height:315px}.product-item h3{font-size:23px}.product-grid{gap:47px}.approach{padding:76px 0 90px}.approach-list article{grid-template-columns:35px 1fr 18px;gap:13px;padding:26px 0}.approach-list h3{font-size:22px}.approach-list p{font-size:13px}.outlook{padding:76px 0}.contact{padding:70px 0}.contact-link{font-size:18px;gap:45px}.site-footer .brand-secondary{display:inline}.site-footer .brand{font-size:14px}.site-footer a:last-child{font-size:11px}}
@media(max-width:370px){.hero h1{font-size:42px}.hero-description{max-width:300px}.hero-scene{left:-150px;right:-180px}.contact h2{font-size:39px}.contact-link{font-size:16px;gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:851px){.hero{height:min(690px,calc(100svh - 150px));min-height:600px;max-height:690px}.intro{padding-top:70px}}
@media(max-width:850px){.hero{height:min(704px,calc(100svh - 105px));min-height:570px}.hero-bottom{display:none}.intro{padding-top:36px}}
@media(max-width:520px){.hero-scene{bottom:0}}
@media(max-width:520px) and (max-height:740px){.hero-scene{bottom:-55px}}
.section{scroll-margin-top:80px}
.approach-list article{grid-template-columns:minmax(0,1fr) 24px}
@media(max-width:850px){.section{scroll-margin-top:66px}.approach-list article{grid-template-columns:minmax(0,1fr) 18px}.footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 12px;padding:32px 0}.footer-inner .brand{grid-column:1;grid-row:1}.site-footer p{grid-column:1/-1;grid-row:2;order:0;width:auto}.site-footer .footer-top{grid-column:2;grid-row:1;justify-self:end}}
@media(max-width:850px){.brand-mark{width:33px;height:31px}}