@font-face{font-family:Chewy;src:url('./assets/Chewy-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Patrick;src:url('./assets/PatrickHand-Regular.ttf') format('truetype');font-display:swap}
:root{--paper:#fff6e5;--ink:#211b31;--coral:#ff715f;--citron:#e8f76b;--muted:#5c5365;--rule:#dbceb9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-color:var(--coral)}a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}img{max-width:100%;height:auto;display:block}h1,h2,h3,.brand{font-family:Chewy,sans-serif;font-weight:400;line-height:1.06;margin:0}p{margin:0 0 20px}.wrap{width:min(1380px,calc(100% - 88px));margin:auto}.skip{position:absolute;left:12px;top:-100px;background:var(--citron);padding:12px;z-index:3}.skip:focus{top:12px}header{padding:30px 0}nav{display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:14px;font-size:42px;text-decoration:none;margin-right:auto}.brand img{width:66px;border-radius:16px}nav>a:not(.brand){font:27px Patrick,sans-serif;text-decoration:none}nav>a:hover{text-decoration:underline}main{overflow:hidden}.paper{position:relative;background-image:url('./assets/doodles.svg');background-size:680px 600px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;min-height:770px;padding:30px 0 100px}.hero h1{font-size:clamp(72px,6.7vw,106px);letter-spacing:-1px;line-height:1.03;max-width:730px;position:relative}.hero h1:after{content:'';display:block;width:90%;height:10px;border-radius:70% 24% 50% 40%;background:var(--coral);transform:rotate(-3deg);margin:12px 0 30px}.hero .intro{font:30px/1.3 Patrick,sans-serif;max-width:465px;margin:30px 0}.app-store-link{display:inline-block;vertical-align:top;margin:15px 15px 0 0;border-radius:10px}.app-store-link img{width:180px;height:auto}.device-note{font:24px Patrick,sans-serif;margin:15px 0 0}.hero-art{position:relative;display:flex;justify-content:center}.phone{width:338px;padding:11px;background:var(--ink);border:2px solid #635b65;border-radius:50px;box-shadow:6px 14px 0 #211b311a;transform:rotate(5deg)}.phone img{border-radius:37px;width:100%}.star{position:absolute;width:110px;right:-16px;top:34%;transform:rotate(15deg)}.ideas{padding:55px 0 85px}.ideas h2{font-size:64px;margin-bottom:36px}.ideas-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:65px;align-items:center}.tablet{padding:10px;background:var(--ink);border:2px solid #635b65;border-radius:28px;box-shadow:5px 9px 0 #211b311a}.tablet img{border-radius:18px;width:100%}.ideas h3{font-size:36px;margin:0 0 15px}.ideas p{font:26px/1.38 Patrick,sans-serif}.ideas .feature+ .feature{margin-top:42px}.compatibility{font:18px Patrick,sans-serif;text-align:center;margin:15px 0 0}.promise{background:var(--citron);padding:52px 0}.promise .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.promise h2{font-size:57px;max-width:500px}.promise p,.promise a{font:23px/1.42 Patrick,sans-serif}.promise a{font-size:24px}footer{padding:32px 0}.footer-inner{display:flex;align-items:center;gap:28px;flex-wrap:wrap;font:21px Patrick,sans-serif}.footer-inner .brand{font-size:32px}.footer-inner p{margin:0;font-size:18px}.article{max-width:800px;margin:48px auto 90px;overflow:visible;padding:0 28px}.article h1{font-size:64px;margin-bottom:16px}.article h2{font-size:32px;line-height:1.2;margin:38px 0 14px}.article h3{font-size:27px;margin:30px 0 10px}.article .date{color:var(--muted);font:22px Patrick,sans-serif;margin-bottom:36px}.article li{margin-bottom:10px}.article .lead{font:28px/1.35 Patrick,sans-serif}.article .contact{display:inline-block;background:var(--citron);padding:12px 20px;border-radius:12px;font:26px Patrick,sans-serif;margin:8px 0 14px}.article strong{font-weight:650}.article footer{border-top:1px solid var(--rule)}
@media(min-width:1500px){.hero{gap:86px}.hero-art{padding-right:100px}.star{right:6px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:40px;min-height:670px}.hero h1{font-size:76px}.phone{width:290px}.star{width:78px;right:-20px}.hero .intro{font-size:26px}.ideas-grid{gap:35px}.ideas h2{font-size:53px}.ideas h3{font-size:30px}.ideas p{font-size:23px}.promise h2{font-size:46px}.promise .wrap{gap:35px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}header{padding:20px 0}nav{gap:20px}.brand{font-size:27px;gap:9px}.brand img{width:43px;border-radius:11px}nav>a:not(.brand){font-size:21px}.hero{grid-template-columns:1fr;gap:42px;padding:32px 0 62px;min-height:0}.hero h1{font-size:clamp(55px,12.4vw,82px);max-width:530px}.hero h1:after{height:7px;margin:12px 0 25px}.hero .intro{font-size:27px;margin:0 0 25px}.device-note{font-size:22px;margin-left:0}.phone{width:260px;border-radius:39px;padding:8px;transform:rotate(3deg)}.phone img{border-radius:28px}.hero-art{margin:0 25px}.star{right:-15px;width:78px}.ideas{padding:38px 0 50px}.ideas h2{font-size:45px;margin-bottom:28px}.ideas-grid{grid-template-columns:1fr;gap:30px}.tablet{border-radius:19px;padding:7px}.tablet img{border-radius:11px}.ideas h3{font-size:32px}.ideas p{font-size:25px}.ideas .feature+ .feature{margin-top:28px}.promise .wrap{grid-template-columns:1fr;gap:25px}.promise{padding:40px 0}.promise h2{font-size:46px;max-width:350px}.promise p{font-size:24px}.footer-inner{gap:18px}.footer-inner .brand{flex-basis:100%}.footer-inner p{flex-basis:100%}.article{margin:32px auto 60px;padding:0 24px}.article h1{font-size:49px}.article h2{font-size:30px}.article p,.article li{font-size:17px}.article .lead{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}