@font-face{font-family:"Golos Text";src:url("assets/golos-text.ttf") format("truetype");font-style:normal;font-weight:400 900;font-display:swap}
:root{--purple:#834dfb;--ink:#292929;--muted:#818181;--lavender:#f5f3ff;--dark:#201e1f}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--ink);font-family:"Golos Text",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:3px solid #aa83ff;outline-offset:6px}
h1,h2,h3,p{margin:0}
img{display:block}
.container{width:min(1400px,calc(100% - 80px));margin-inline:auto}
.decor{pointer-events:none;user-select:none}
.crop{position:relative;overflow:hidden}
.crop>img{position:absolute;max-width:none}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:20px 28px;border:2px solid transparent;border-radius:20px;background:var(--purple);color:#fff;font-size:20px;line-height:1;font-weight:500;white-space:nowrap;transition:filter .18s,transform .18s}
.button:hover{filter:brightness(1.09);transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button-outline{border-color:var(--purple);background:var(--dark);font-weight:400}
.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:15px;background:#fff;border:2px solid var(--purple);border-radius:12px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.hero{position:relative;height:830px;overflow:hidden;background:var(--dark);border-radius:0 0 80px 80px}
.hero-background{position:absolute;top:-58.4px;left:calc(50% - 632.4px)}
.hero-content{position:relative;z-index:2;padding-top:170px}
.hero h1{width:877px;font-size:90px;line-height:1;font-weight:700;color:#f0f0f0}
.hero-description{margin-top:50px;max-width:538px;font-size:24px;line-height:1;color:#dcdcdc}
.hero-actions{display:flex;align-items:center;gap:18px;margin-top:51px}
.hero-actions .button:first-child{width:245px}
.hero-actions .button-outline{width:217px;min-height:65px}
.hero-scene{position:absolute;inset:0 auto auto calc(50% - 960px);width:1920px;height:830px}
.hero-cat{position:absolute;top:191px;left:1211px;width:525px;height:734px}
.hero-cat>img{height:108.56%;left:-12.9%;top:-2.1%;width:126.31%}
.selection-box{position:absolute;left:1626px;top:469px;width:148px;height:148px;border:1px dashed #f9f9f9}
.selection-box i{position:absolute;width:12px;height:12px;background:#f9f9f9}
.selection-box i:nth-child(1){left:-6px;top:-6px}.selection-box i:nth-child(2){right:-6px;top:-6px}.selection-box i:nth-child(3){left:-6px;bottom:-6px}.selection-box i:nth-child(4){right:-6px;bottom:-6px}
.hero-arrow{position:absolute;display:grid;place-items:center;left:1804px;top:249px;width:163.091px;height:163.091px}
.hero-arrow img{width:125px;height:125px;object-fit:cover;transform:rotate(157.69deg) scaleY(-1)}
.hero-clip-small{position:absolute;left:1075px;top:696px;width:105px;height:95px;object-fit:cover}
.hero-clip-large{position:absolute;display:grid;place-items:center;left:899.8px;top:692.96px;width:250.737px;height:259.624px}
.hero-clip-large img{width:202.183px;height:184.769px;object-fit:cover;transform:rotate(113.85deg)}
.bubble{position:absolute;display:grid;place-items:center;border-radius:60px;background:white;color:#16151c;font-size:16px;line-height:1;height:39px}
.bubble-meow{top:392px;left:1729px;width:75px}.bubble-trir{top:578px;left:1254px;width:91px}
.bubble-tail-trir{position:absolute;left:1335px;top:598px;transform:scaleX(-1)}
.bubble-tail-meow{position:absolute;left:1719px;top:412px}
.features{padding-top:120px}
.section-title{font-size:56px;line-height:1;font-weight:600;text-align:center}
.features-title{position:relative;max-width:819px;margin-inline:auto;transform:translateX(16.5px)}
.heading-paw{position:absolute;left:-33px;top:11px;width:39px;height:36px;object-fit:cover}
.feature-list{display:grid;gap:40px;margin-top:60px}
.feature-card{position:relative;min-height:514px;overflow:hidden;border-radius:60px;background:var(--lavender)}
.feature-copy{position:relative;z-index:1;width:643px;padding:40px 0 60px 40px;pointer-events:none}
.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--purple);border-radius:14px;min-height:34px;padding:7px 10px;color:var(--purple);font-size:14px;line-height:1;font-weight:500;white-space:nowrap}
.feature-copy .pill img{flex:none}
.feature-copy h3{margin-top:50px;font-size:46px;line-height:1;font-weight:600}
.feature-copy p{margin-top:50px;font-size:24px;line-height:1;color:var(--muted)}
.feature-art{position:absolute;width:1400px;height:514px;right:0;top:0;transform-origin:right center;pointer-events:none}
.calendar-phone{position:absolute;display:grid;place-items:center}
.calendar-phone .crop{transform:rotate(-23.48deg)}
.calendar-one{left:851.98px;top:-451.98px;width:429.882px;height:562.191px}.calendar-one .crop{width:249.475px;height:504.57px}.calendar-one img{height:105.2%;left:-34.68%;top:-2.3%;width:166.67%}
.calendar-two{left:683.37px;top:-150.69px;width:421.154px;height:541.795px}.calendar-two .crop{width:249.655px;height:482.253px}.calendar-two img{height:105.55%;left:-42.08%;top:-2.25%;width:186.02%}
.calendar-three{left:885.67px;top:314.96px;width:421.706px;height:543.327px}.calendar-three .crop{width:249.502px;height:483.99px}.calendar-three img{height:113.44%;left:-23.35%;top:-3.18%;width:146.7%}
.calendar-four{left:1063.05px;top:33.79px;width:432.184px;height:567.396px}.calendar-four .crop{width:249.53px;height:510.221px}.calendar-four img{height:108.4%;left:-23.95%;top:-4.94%;width:147.76%}
.task-create{position:absolute;left:1095px;top:127px;width:275px;height:566px}.task-create img{height:110.03%;left:-36.44%;top:-3.83%;width:172.56%}
.task-list{position:absolute;left:787px;top:21px;width:275px;height:557px}.task-list img{height:108%;left:-33.84%;top:-4.11%;width:165.25%}
.habit-phone{position:absolute;left:1065px;top:42px;width:283px;height:580px}.habit-phone img{height:102.54%;left:-20.14%;top:-1.74%;width:140.27%}
.habit-chart,.habit-streak{position:absolute;width:216px;border-radius:16px;box-shadow:2px 2px 4px #0003}
.habit-chart{left:825px;top:173px;height:154px}.habit-chart img{height:375.36%;left:-4.75%;top:-232.7%;width:109.5%}
.habit-streak{left:915px;top:358px;height:97px}.habit-streak img{height:596.99%;left:-4.75%;top:-201.01%;width:109.5%}
dialog{width:min(480px,calc(100% - 32px));border:0;border-radius:28px;padding:44px 32px 32px;color:var(--ink);box-shadow:0 24px 100px #0004}
dialog::backdrop{background:#201e1f99;backdrop-filter:blur(6px)}
dialog h2{font-size:30px;line-height:1.1;max-width:350px}dialog p{margin:22px 0 28px;line-height:1.5;color:var(--muted)}
.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:30px;color:var(--muted)}
dialog .button{width:100%}.dialog-phone{display:block;text-align:center;margin-top:20px;font-size:16px}
@media(min-width:1001px) and (max-width:1479px){.feature-copy{width:48%;padding-right:10px}.feature-copy h3{font-size:clamp(32px,3.1vw,46px)}.feature-copy p{font-size:clamp(18px,1.62vw,24px);line-height:1.15}.feature-art{transform:scale(.85)}.hero h1{font-size:76px;width:740px}.hero-description{max-width:510px;line-height:1.1}.hero-scene{left:calc(50% - 1030px)}.hero-cat{transform:scale(.9);transform-origin:bottom left}.hero-actions{margin-top:40px}.hero-content{padding-top:150px}}
@media(max-width:1100px) and (min-width:1001px){.hero h1{font-size:66px}.hero-scene{left:calc(50% - 1070px)}.hero-content{padding-top:130px}.hero-description{max-width:440px}.feature-art{transform:scale(.73)}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.hero{height:1030px;border-radius:0 0 48px 48px}.hero-content{padding-top:76px}.hero h1{width:auto;font-size:68px}.hero-description{font-size:22px;line-height:1.25;margin-top:28px;max-width:530px}.hero-actions{margin-top:30px}.hero-scene{top:390px;left:calc(50% - 1230px);transform:scale(.8);transform-origin:0 0}.hero-background{left:-200px;transform:rotate(12deg)}.features{padding-top:80px}.features-title{max-width:720px;transform:none}.section-title{font-size:44px}.heading-paw{position:static;display:inline-block;margin-right:8px;width:28px;height:26px}.feature-list{margin-top:45px;gap:24px}.feature-card{min-height:0;border-radius:40px}.feature-copy{width:100%;padding:32px}.feature-copy h3{font-size:38px;margin-top:28px}.feature-copy p{font-size:20px;line-height:1.3;margin-top:25px;max-width:620px}.feature-art{position:relative;height:430px;margin-top:0;right:auto;left:calc(50% - 1080px);transform:scale(.84);transform-origin:top center}.calendar-art{left:calc(50% - 1080px)}.pill{font-size:13px}.hero-actions .button{font-size:18px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.hero{height:940px;border-radius:0 0 32px 32px}.hero-content{padding:60px 8px 0}.hero h1{font-size:clamp(40px,10.2vw,60px);letter-spacing:-1px}.hero-description{font-size:18px;line-height:1.3;margin-top:28px;max-width:380px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions .button:first-child,.hero-actions .button-outline{width:auto;min-height:52px;padding:16px 18px;font-size:15px;border-radius:16px}.hero-scene{top:465px;left:calc(50% - 840px);transform:scale(.55)}.hero-background{left:-350px;top:150px}.features{padding-top:60px}.section-title{font-size:32px}.features-title{max-width:390px}.heading-paw{width:23px;height:22px}.feature-list{margin-top:34px;gap:20px}.feature-card{border-radius:28px}.feature-copy{padding:25px 22px}.feature-copy h3{font-size:30px;margin-top:27px}.feature-copy p{font-size:17px;line-height:1.35;margin-top:24px}.feature-art{left:calc(50% - 940px);height:335px;transform:scale(.58)}.calendar-art{left:calc(50% - 940px)}.pill{font-size:12px;gap:6px;min-height:30px;padding:5px 8px}.feature-copy .pill img{transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}