@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--ink:#182223;--green:#163f3c;--cream:#faf8f1;--lime:#d9f27b;--line:#dfe3da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}header{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 max(5vw,25px);border-bottom:1px solid var(--line);background:var(--cream)}.logo{font-family:Outfit,sans-serif;font-size:30px;font-weight:800;letter-spacing:-2px;display:inline-flex;align-items:baseline;gap:5px}.logo>span{color:#69a785}.logo small{font:700 11px 'DM Sans',sans-serif;letter-spacing:3px;margin-left:4px}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700}nav>a:not(.button):hover,.footlinks a:hover{color:#6a9675}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border-radius:100px;padding:17px 26px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#315a4a}.button.ghost{background:#e9eddf;color:var(--ink);padding:13px 22px}.hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:695px;max-width:1600px;margin:auto}.copy{padding:125px 0 95px max(5vw,25px);position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#5a8069}.hero h1,.inner h1{font:700 clamp(56px,6.1vw,104px)/1.04 Outfit,sans-serif;letter-spacing:-5px;margin:36px 0 24px}.hero h1 em,h2 em,.inner h1 em{font-style:normal;color:#82ad83}.lead{font-size:19px;line-height:1.8;color:#5b6862;max-width:480px}.buttons{display:flex;align-items:center;gap:32px;margin-top:35px}.textlink{font-size:14px;font-weight:800}.art{position:relative;min-height:640px;overflow:hidden}.sun{position:absolute;width:540px;height:540px;border-radius:50%;background:#e3efc1;left:14%;top:10%}.phone{position:absolute;left:36%;top:7%;height:590px;width:285px;background:#1a2a2a;border:10px solid #1a2a2a;border-radius:48px;box-shadow:30px 35px 0 #bed0af,0 30px 60px #73967a70;transform:rotate(10deg)}.camera{position:absolute;z-index:2;width:85px;height:21px;border-radius:0 0 15px 15px;background:#1a2a2a;left:90px;top:0}.screen{background:#dcf0cb;border-radius:38px;height:100%;padding:40px 18px;position:relative;overflow:hidden}.screen-head{display:flex;justify-content:space-between;font:800 22px Outfit}.screen-head span{color:#62a37a}.piece{position:absolute;border-radius:24px;display:grid;place-items:center;font:800 70px Outfit;color:#fff;box-shadow:inset -8px -12px 0 #0001,0 15px 20px #0002}.p1{background:#fbab84;width:126px;height:130px;top:130px;left:12px;transform:rotate(-12deg)}.p2{background:#8bbcc7;width:132px;height:125px;top:230px;right:6px;transform:rotate(11deg)}.p3{background:#a897d7;width:130px;height:118px;top:345px;left:16px;transform:rotate(-5deg)}.screen>p{position:absolute;bottom:15px;font-size:10px;letter-spacing:2px;font-weight:800}.sticker{position:absolute;font-size:11px;font-weight:800;letter-spacing:1px;border:1px solid var(--ink);background:#fffdf4;border-radius:5px;padding:15px;box-shadow:5px 6px 0 var(--ink)}.s1{left:7%;top:23%;transform:rotate(-10deg)}.s2{right:1%;bottom:20%;transform:rotate(8deg)}.section{padding:105px max(5vw,25px);background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:20px 0 55px}.section h2,.about h2,.contact h2{font:700 clamp(46px,5vw,78px)/1.1 Outfit;letter-spacing:-3px;margin:0}.section-heading>p{max-width:370px;color:#68746d;font-size:16px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border-radius:25px;overflow:hidden;border:1px solid var(--line);background:#fff}.card-art{height:325px;position:relative;overflow:hidden;display:grid;place-items:center}.lavender .card-art{background:#e6e0f7}.peach .card-art{background:#f7dfd2}.blue .card-art{background:#c8e8ec}.puzzle{background:#f6f0fe;color:#7f6ca7;font:800 54px/1.45 Outfit;letter-spacing:12px;padding:25px 10px 25px 29px;border-radius:27px;transform:rotate(-10deg);box-shadow:14px 17px 0 #b5a7d9}.puzzle span{color:#e0a77d}.upto{font:800 100px/.8 Outfit;letter-spacing:-7px;color:#f66f51;transform:rotate(-8deg)}.upto span{font-size:62px;color:#f6b74d}.bubble{position:absolute;top:40px;right:15px;border:2px solid #ec977f;border-radius:40px;padding:12px 19px;background:white;font:600 16px Outfit;transform:rotate(9deg)}.city-sun{position:absolute;width:150px;height:150px;border-radius:50%;background:#f9c878;top:40px}.building{position:absolute;bottom:55px;background:#d79b71}.b1{height:160px;width:95px;left:12%}.b2{height:240px;width:130px;left:38%;background:#c77e68}.b3{height:185px;width:100px;right:8%;background:#e3b78e}.building:before{content:'▥  ▥';color:#724e4c;position:absolute;top:30px;left:15px;font-size:22px}.road{position:absolute;bottom:0;height:60px;background:#5b828b;width:100%;transform:skewY(-5deg)}.card-body{padding:30px}.label{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#6c8a7b}.card h3{font:700 36px Outfit;letter-spacing:-1px;margin:9px 0}.card-body>p:last-child{line-height:1.7;color:#68746d;margin-bottom:0}.about{background:#ecf0e2;padding:115px max(5vw,25px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:25px}.about-grid>div>p{font-size:19px;line-height:1.9;color:#5e6d62}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.tags span{border:1px solid #9eac9a;border-radius:50px;padding:12px 15px;font-size:10px;font-weight:800;letter-spacing:1px}.contact{background:#153e3b;color:#fff;text-align:center;padding:120px 20px}.contact .eyebrow{color:#c3dfa5}.contact h2{margin:25px 0}.contact h2 em{color:#c9dfaa}.contact p{color:#c3d3c9}.contact>a{display:inline-block;color:#dcf5a6;font:700 clamp(22px,3vw,37px) Outfit;border-bottom:1px solid #dcf5a6;padding:25px 0 7px}footer{display:flex;justify-content:space-between;align-items:start;gap:25px;padding:55px max(5vw,25px);background:#f6f5ed}footer>div>p{line-height:1.7;color:#737c75}.footlinks{display:flex;flex-wrap:wrap;gap:22px;max-width:400px;font-size:13px;font-weight:700}.copyright{font-size:12px;color:#879087}.inner{padding:90px max(5vw,25px) 110px;max-width:1250px;margin:auto;min-height:80vh}.inner h1{margin:23px 0}.inner .lead{max-width:700px}.info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:65px}.info article{padding:38px;border-radius:25px;background:#e8efdd}.info article:nth-child(2){background:#e9e2f4}.info article>span{font-size:11px;letter-spacing:1.5px;font-weight:800}.info h2{font:700 38px Outfit;letter-spacing:-1px}.info p,.note p,.policy p{line-height:1.85;color:#59665f}.info a,.policy a{font-weight:800;text-decoration:underline;text-underline-offset:5px}.note{border-top:1px solid var(--line);margin-top:55px;padding-top:25px}.policy{max-width:780px;margin-top:60px}.policy h2{font:700 25px Outfit;margin-top:32px}.legal .lead{max-width:780px}@media(max-width:900px){header{height:74px}nav{gap:14px}nav a:not(.button){display:none}.hero{grid-template-columns:1fr}.copy{padding:90px 25px 30px}.hero h1,.inner h1{letter-spacing:-3px}.art{min-height:500px}.phone{top:0;left:42%;height:460px;width:230px}.screen{padding:32px 15px}.camera{left:65px}.piece{transform:scale(.8)}.p1{top:85px}.p2{top:180px}.p3{top:275px}.sun{width:400px;height:400px;left:20%}.s1{left:10%}.s2{right:4%}.cards{grid-template-columns:1fr 1fr}.section-heading,.about-grid{display:block}.about-grid>div{max-width:700px}.section-heading>p{max-width:620px}.cards .card:last-child{grid-column:span 2}.card-art{height:270px}footer{flex-wrap:wrap}}@media(max-width:600px){.hero h1,.inner h1{font-size:55px}.hero .lead{font-size:17px}.art{min-height:440px}.phone{left:32%;top:3%;transform:rotate(8deg) scale(.84);transform-origin:top left}.sun{left:8%;width:310px;height:310px}.sticker{font-size:9px}.s1{left:1%;top:18%}.s2{right:2%;bottom:20%}.cards{grid-template-columns:1fr}.cards .card:last-child{grid-column:span 1}.section,.about{padding:80px 22px}.section h2,.about h2,.contact h2{font-size:45px}.section-heading{margin-bottom:35px}.info{grid-template-columns:1fr}.inner{padding:65px 23px}.buttons{gap:20px}footer{flex-direction:column}}