.homepage{--home-line:#183f3426;--home-space:clamp(68px,8vw,112px)}
.homepage h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.homepage .hero-intro h1 em{position:relative;display:inline-block;isolation:isolate}
.homepage .hero-intro h1 em::after{content:'';position:absolute;left:-2%;right:-3%;bottom:.03em;height:.19em;background:#dbe9b9;border-radius:45% 40% 30% 40%;transform:rotate(-2deg);transform-origin:left;z-index:-1}
.homepage .note-thanks .note-icon{background:#f8dfd0;color:#b9574b}
.homepage .good-things-strip{padding-block:36px;gap:24px;border-bottom-color:var(--home-line)}
.homepage .good-things-strip p{font-size:18px;gap:15px}
.homepage .good-things-strip p>i{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1.5px solid var(--forest);border-radius:12px 10px 13px 5px;box-shadow:-2px 2px 0 var(--forest);font-size:21px;background:#f5b9a0;transform:rotate(-5deg)}
.homepage .good-things-strip p:nth-of-type(2)>i{background:#f5d68c;transform:rotate(4deg)}
.homepage .good-things-strip p:nth-of-type(3)>i{background:#e4dff0}
.homepage .section-intro{padding-top:var(--home-space);padding-bottom:45px}
.homepage .section-intro>p:last-child:not(.section-kicker){max-width:730px;margin-inline:auto;line-height:1.65}
.homepage .good-stuff-panel{border-radius:36px 36px 36px 10px;padding:64px;gap:55px}
.homepage .panel-copy>p:not(.section-kicker){line-height:1.75;margin-bottom:30px}
.homepage .panel-art{position:relative}
.homepage .everyday-section{padding-bottom:var(--home-space)}
.homepage .everyday-grid{gap:24px;margin-top:4px}
.homepage .everyday-grid article{padding:34px;position:relative;background:#faf5e5;border:1px solid var(--home-line);border-radius:26px 26px 12px 26px;box-shadow:0 4px 0 #183f3405}
.homepage .everyday-grid article:nth-child(2){background:#edf2df}
.homepage .everyday-grid article:nth-child(3){background:#f8e8df}
.homepage .everyday-card-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}
.homepage .everyday-card-number{font:italic 40px/1 Georgia,serif;color:#183f3459}
.homepage .feature-stamp{position:static;margin:0;flex-shrink:0;height:54px;width:54px;font-size:26px}
.homepage .everyday-grid h3{font-size:28px;border:0;padding:0;line-height:1.25;margin:0;min-height:3.75em;text-wrap:balance}
.homepage .everyday-grid p{font-size:18px;line-height:1.75;margin:19px 0 30px}
.homepage .everyday-grid article>a{width:100%;justify-content:space-between;font-size:16px;gap:12px;border-top:1px solid var(--home-line);padding-top:22px}
.homepage .everyday-grid article>a i{flex-shrink:0}
.homepage .perks-discovery{padding:0 0 var(--home-space)}
.homepage .discovery-heading{margin-bottom:44px;max-width:880px}
.homepage .discovery-heading>p:last-child{line-height:1.65}
.homepage .discovery-grid{gap:24px}
.homepage .discovery-card{border:1px solid var(--home-line);box-shadow:0 4px 0 #183f3405;border-radius:30px 30px 12px 30px;padding:38px}
.homepage .rewards-card{padding:40px}
.homepage .card-topline{margin-bottom:30px;min-height:50px}
.homepage .card-category{font-size:15px;gap:12px}
.homepage .card-category>i{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:#f5d68c;border:1.5px solid var(--forest);box-shadow:-2px 2px 0 var(--forest);border-radius:12px 10px 13px 5px;transform:rotate(-5deg);font-size:21px;color:var(--forest)}
.homepage .appreciation-card .card-category>i{background:#f5b9a0}
.homepage .voice-card .card-category>i{background:#e4dff0}
.homepage .appreciation-heart{color:#bf6355}
.homepage .discovery-card>p,.homepage .rewards-card-copy>p{line-height:1.75}
.homepage .recognition-note{padding:22px;border-radius:18px 18px 6px 18px}
.homepage .card-link{padding-top:24px;border-top:1px solid var(--home-line)}
.homepage .voice-card .card-link{border-color:#dceaac40}
.homepage .everyday-tools-heading{margin:64px 0 28px}
.homepage .tool-card{padding:32px;border-radius:24px 24px 10px 24px;background:#fdfcf7;box-shadow:0 4px 0 #183f3405}
.homepage .tool-card-icon{border:1.5px solid var(--forest);box-shadow:-3px 3px 0 var(--forest);transform:rotate(-5deg);border-radius:14px 12px 15px 6px;margin:0 0 28px 3px}
.homepage .tool-icon-profile{background:#e7e0f1}
.homepage .tool-card-link{border-top:1px solid var(--home-line);padding-top:20px}
.homepage .getting-started{padding-block:var(--home-space);border-radius:44px}
.homepage .start-heading{align-items:center;gap:65px}
.homepage .start-heading h2{margin:0}
.homepage .start-welcome{max-width:430px;display:flex;flex-direction:column;align-items:start}
.homepage .start-welcome p{font-size:19px;line-height:1.7;color:var(--soft-ink);margin:20px 0 0}
.homepage .welcome-flight{display:block;width:160px;height:auto;overflow:visible}
.homepage .start-steps{gap:24px;margin-top:48px}
.homepage .start-steps li{padding:30px;border:1px solid var(--home-line);border-radius:24px 24px 10px 24px;background:#fffef9}
.homepage .start-steps span{display:grid;place-items:center;position:static;width:52px;height:52px;font-weight:500;line-height:1;font-size:23px;font-family:inherit;color:var(--forest);background:#e4dff0;border:1.5px solid var(--forest);border-radius:14px 11px 14px 5px;box-shadow:-3px 3px 0 var(--forest);transform:rotate(-5deg);margin-bottom:27px}
.homepage .start-steps li:nth-child(2) span{background:#f5d68c;transform:rotate(4deg)}
.homepage .start-steps li:nth-child(3) span{background:#dceaac}
.homepage .start-steps h3{font-size:25px;margin:0 0 18px;letter-spacing:-.03em}
.homepage .start-steps p{font-size:18px;line-height:1.75;margin:0;max-width:none}
.homepage .questions-section{padding-block:var(--home-space);gap:85px;align-items:start}
.homepage .questions-stamp{display:grid;place-items:center;width:62px;height:62px;margin:3px 0 30px 3px;background:#f5d68c;border:1.5px solid var(--forest);border-radius:16px 13px 17px 6px;box-shadow:-3px 3px 0 var(--forest);transform:rotate(-5deg);font-size:30px}
.homepage .questions-list{display:grid;gap:12px}
.homepage .questions-list details{padding:22px 24px;border:1px solid var(--home-line);border-radius:17px;background:#fcfbf7}
.homepage .questions-list details[open]{background:#f0f4e5;border-color:#bbcba8}
.homepage .questions-list summary{padding-right:42px;font-size:19px;line-height:1.55;min-height:30px}
.homepage .questions-list summary::after{content:'';box-sizing:border-box;width:30px;height:30px;right:0;top:50%;transform:translateY(-50%);border:1px solid #183f3433;border-radius:50%;background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat,#fffefa}
.homepage .questions-list details[open] summary::after{content:'';background-size:12px 1.5px,1.5px 0,auto}
.homepage .questions-list details p{font-size:17px;line-height:1.8;margin:19px 0 0;padding-top:18px;border-top:1px solid var(--home-line)}
.homepage .questions-list summary:focus-visible{outline:2px solid var(--forest);outline-offset:6px;border-radius:3px}
.homepage .closing-panel{border-radius:36px 36px 12px 36px;padding:78px 36px}
.homepage .closing-panel h2,.homepage .closing-panel>p,.homepage .closing-panel>a{position:relative;z-index:1}
.homepage .closing-flower{opacity:.7}
.homepage .flower-one{left:1%;font-size:170px;top:12%}
.homepage .flower-two{right:1%;font-size:200px;bottom:2%}
.homepage .art-note,.homepage .hero-spark,.homepage .closing-flower{animation-play-state:paused}
.homepage .home-motion-visible .art-note,.homepage .home-motion-visible .hero-spark,.homepage .home-motion-visible .closing-flower{animation-play-state:running}
@media(prefers-reduced-motion:no-preference){
    .homepage .hero-intro h1 em::after{animation:home-underline-arrive 1s .35s cubic-bezier(.2,.7,.3,1) both}
    .homepage .everyday-grid article,.homepage .discovery-card,.homepage .tool-card,.homepage .start-steps li{transition:box-shadow .25s ease,border-color .25s ease}
    .homepage .feature-stamp,.homepage .tool-card-icon,.homepage .card-category>i,.homepage .start-steps span,.homepage .everyday-grid article>a i{transition:transform .25s ease}
    .homepage .home-motion-visible .panel-art img{animation:home-art-float 7s ease-in-out infinite}
    .homepage .home-motion-visible .appreciation-heart{animation:home-heart-float 6s ease-in-out infinite}
    .homepage .home-motion-visible .lunch-icon{animation:home-art-float 6s ease-in-out infinite}
    .homepage .home-motion-visible .welcome-plane{animation:home-plane-float 6s ease-in-out infinite}
    .homepage .home-motion-visible .welcome-flight-path{animation:home-flight-path 16s linear infinite}
    .homepage .questions-list details[open] p{animation:home-answer-arrive .25s ease-out both}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
    .homepage .everyday-grid article:hover,.homepage .discovery-card:hover,.homepage .tool-card:hover,.homepage .start-steps li:hover{box-shadow:0 8px 0 #183f3412;border-color:#183f3459}
    .homepage .tool-card:hover{transform:none}
    .homepage .voice-card:hover{border-color:#9cad85}
    .homepage .everyday-grid article:hover .feature-stamp,.homepage .tool-card:hover .tool-card-icon,.homepage .discovery-card:hover .card-category>i,.homepage .start-steps li:hover span{transform:rotate(4deg)}
    .homepage .everyday-grid article>a:hover i{transform:translate(3px,-3px)}
}
@keyframes home-underline-arrive{from{transform:rotate(-2deg) scaleX(0)}to{transform:rotate(-2deg) scaleX(1)}}
@keyframes home-art-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes home-heart-float{0%,100%{transform:rotate(10deg) translateY(0)}50%{transform:rotate(16deg) translateY(-4px)}}
@keyframes home-plane-float{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px)}}
@keyframes home-flight-path{to{stroke-dashoffset:-110}}
@keyframes home-answer-arrive{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){
    .homepage .good-things-strip{gap:20px}.homepage .good-things-strip p{font-size:17px;gap:12px}
    .homepage .good-stuff-panel{padding:46px;gap:30px}
    .homepage .everyday-grid article,.homepage .tool-card{padding:26px}.homepage .everyday-grid h3{font-size:25px}
    .homepage .discovery-card,.homepage .rewards-card{padding:30px}.homepage .card-category{font-size:14px}
    .homepage .start-steps li{padding:25px}.homepage .start-steps h3{font-size:23px}
    .homepage .questions-section{gap:40px}
}
@media(max-width:767px){
    .homepage .good-things-strip{grid-template-columns:1fr;gap:22px;padding-block:30px}.homepage .good-things-strip>span{margin-bottom:4px}.homepage .good-things-strip p{font-size:18px;gap:18px}.homepage .good-things-strip p>i{width:36px;height:36px;font-size:19px}
    .homepage .section-intro{padding-block:64px 32px}.homepage .section-intro>p:last-child:not(.section-kicker){font-size:18px}
    .homepage .good-stuff-panel{padding:34px 26px 15px;gap:8px;border-radius:26px 26px 26px 8px}.homepage .panel-copy>p:not(.section-kicker){margin-bottom:25px}
    .homepage .everyday-section{padding-bottom:64px}.homepage .everyday-grid{gap:18px}.homepage .everyday-grid article{padding:28px}.homepage .everyday-card-top{margin-bottom:27px}.homepage .everyday-card-number{font-size:35px}.homepage .feature-stamp{width:47px;height:47px;font-size:23px}.homepage .everyday-grid h3{font-size:29px;min-height:0}.homepage .everyday-grid p{margin:18px 0 25px}.homepage .everyday-grid article>a{font-size:17px;padding-top:19px}
    .homepage .perks-discovery{padding-bottom:65px}.homepage .discovery-heading{margin-bottom:30px}.homepage .discovery-grid{gap:18px}.homepage .discovery-card,.homepage .rewards-card{padding:27px 25px;border-radius:25px 25px 10px 25px}.homepage .card-topline{gap:12px;min-height:43px;margin-bottom:26px}.homepage .card-category{gap:10px;font-size:14px}.homepage .card-category>i{width:36px;height:36px;font-size:19px}.homepage .card-spark{font-size:35px}.homepage .recognition-note{padding:18px 16px}.homepage .everyday-tools-heading{margin:40px 0 24px}.homepage .tool-card{padding:28px}.homepage .tool-card-icon{width:47px;height:47px;font-size:23px;margin-bottom:25px}
    .homepage .getting-started{padding-block:60px;border-radius:28px}.homepage .start-heading{display:block}.homepage .start-welcome{margin-top:26px;gap:22px;flex-direction:row;align-items:center;max-width:none}.homepage .welcome-flight{width:90px;flex-shrink:0}.homepage .start-welcome p{font-size:17px;margin:0}.homepage .start-welcome p br{display:none}.homepage .start-steps{margin-top:34px;gap:18px}.homepage .start-steps li{padding:28px}.homepage .start-steps span{width:46px;height:46px;font-size:21px;margin-bottom:24px}.homepage .start-steps h3{font-size:26px}
    .homepage .questions-section{padding-block:64px;gap:28px}.homepage .questions-stamp{width:50px;height:50px;font-size:25px;margin-bottom:25px}.homepage .questions-list details{padding:20px}.homepage .questions-list summary{font-size:18px}.homepage .questions-list details p{font-size:17px}
    .homepage .closing-panel{padding:54px 24px;border-radius:27px 27px 8px 27px}.homepage .closing-flower{opacity:.3}.homepage .flower-one{left:-30px;top:8%;font-size:110px}.homepage .flower-two{right:-28px;bottom:0;font-size:140px}
}

@media(min-width:768px) and (max-width:1000px){
    .homepage .everyday-grid,.homepage .start-steps,.homepage .everyday-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .homepage .everyday-grid>article:last-child,.homepage .start-steps>li:last-child,.homepage .everyday-tools-grid>article:last-child{grid-column:1/-1}
    .homepage .everyday-grid h3{min-height:0}
    .homepage .everyday-grid p{min-height:0}
    .homepage .start-heading{gap:35px}
    .homepage .start-welcome{max-width:330px}
}
@media(max-width:374px){
    .homepage .everyday-grid article,.homepage .tool-card,.homepage .start-steps li{padding:24px}
    .homepage .everyday-grid h3{font-size:27px}
    .homepage .card-topline{flex-wrap:wrap}
    .homepage .start-welcome{gap:12px}
}