:root {
  --ink: #18332d;
  --deep: #12382f;
  --green: #2f6d5d;
  --mint: #dcece4;
  --pale: #f1f6ef;
  --cream: #f8f5ec;
  --coral: #ff7e64;
  --yellow: #f2c65b;
  --white: #fffef9;
  --muted: #66756f;
  --line: #dbe2dc;
  --shadow: 0 24px 70px rgba(27, 64, 54, .14);
  --radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: Inter, Avenir, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .035; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.sr-only { position: absolute!important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.site-header { position: sticky; top: 0; z-index: 15; border-bottom: 1px solid rgba(24,51,45,.08); background: rgba(255,254,249,.9); backdrop-filter: blur(18px); }
.nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 21px; font-weight: 800; letter-spacing: -.5px; }
.brand-mark { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; background: var(--deep); }
.brand-mark svg { width: 24px; fill: none; stroke: var(--white); stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.nav-links { display: flex; align-items: center; gap: 34px; margin-left: auto; }
.nav-links a { color: #4d5e58; font-size: 14px; font-weight: 600; transition: .2s; }
.nav-links a:hover { color: var(--coral); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 0; border-radius: 12px; background: var(--deep); color: white; padding: 16px 22px; font-weight: 750; box-shadow: 0 8px 22px rgba(18,56,47,.18); transition: transform .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(18,56,47,.23); }
.button-small { padding: 11px 17px; font-size: 14px; }
.menu-button { display: none; background: none; border: 0; padding: 8px; }
.menu-button span:not(.sr-only) { display: block; width: 22px; height: 2px; margin: 4px; background: var(--ink); }

.hero { min-height: 685px; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 58px; padding-block: 78px 88px; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: var(--green); font-size: 11px; font-weight: 800; letter-spacing: 1.7px; text-transform: uppercase; }
.eyebrow span { width: 18px; height: 2px; background: var(--coral); }
.hero h1, .section-heading h2, .feature-copy h2, .final-cta h2 { margin: 20px 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(55px, 6.1vw, 82px); line-height: .94; letter-spacing: -4px; font-weight: 500; }
em { color: var(--coral); font-weight: 500; }
.hero-lede { max-width: 530px; margin: 0 0 30px; color: #52635d; font-size: 18px; line-height: 1.68; }
.hero-search { max-width: 590px; display: grid; grid-template-columns: 22px 1fr auto; gap: 12px; align-items: center; padding: 8px 8px 8px 18px; border: 1px solid #cdd8d2; border-radius: 16px; background: white; box-shadow: 0 12px 40px rgba(30,65,56,.11); }
.hero-search:focus-within { outline: 3px solid rgba(255,126,100,.2); border-color: var(--coral); }
.hero-search svg { width: 21px; fill: none; stroke: #76837e; stroke-width: 1.7; stroke-linecap: round; }
.hero-search input { min-width: 0; padding: 10px 0; border: 0; outline: 0; color: var(--ink); background: transparent; }
.hero-search input::placeholder { color: #929c98; }
.hero-search button { border: 0; padding: 13px 18px; border-radius: 10px; background: var(--coral); color: white; cursor: pointer; font-weight: 750; transition: .2s; }
.hero-search button:hover { background: #f16f57; }
.search-hint { margin: 12px 0 30px 4px; color: #7b8782; font-size: 12px; }
.search-hint span { color: var(--ink); font-weight: 750; }
.hero-proof { display: flex; align-items: center; gap: 15px; }
.avatar-stack { display: flex; }
.avatar-stack span { width: 36px; height: 36px; display: grid; place-items: center; margin-left: -7px; border: 3px solid var(--white); border-radius: 50%; background: var(--mint); font-size: 9px; font-weight: 800; }
.avatar-stack span:first-child { margin-left: 0; background: #ffc6b8; }.avatar-stack span:nth-child(2){background:#f7dc8d}.avatar-stack span:nth-child(3){background:#bddcd1}.avatar-stack span:last-child{background:var(--deep);color:white;font-size:8px}
.hero-proof strong { display: block; font-size: 13px; }.hero-proof small { color: #7b8782; font-size: 11px; }.stars { color: #e9af31; letter-spacing: 1px; }

.hero-visual { position: relative; min-height: 545px; display: grid; place-items: center; }
.hero-visual::before { content: ""; position: absolute; width: 510px; height: 510px; border-radius: 50%; background: #e4eee7; }
.orb { position: absolute; border-radius: 50%; z-index: 0; }.orb-one { width: 110px; height: 110px; right: 10px; top: 18px; background: #ffd4ca; }.orb-two { width: 78px; height: 78px; left: 8px; bottom: 28px; background: #f4d67f; }
.app-window { position: relative; z-index: 2; width: min(510px, 92%); overflow: hidden; transform: rotate(1.5deg); border: 1px solid rgba(255,255,255,.8); border-radius: 22px; background: #f8faf7; box-shadow: 0 35px 90px rgba(28,66,56,.23); }
.app-topbar { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; color: white; background: var(--deep); }
.app-logo { font-weight: 800; font-size: 13px; }.mini-mark { margin-right: 5px; color: #ffc4b6; }.window-dots { display: flex; gap: 5px; }.window-dots i { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.4); }
.app-body { padding: 22px 24px 25px; }
.list-heading { display: flex; justify-content: space-between; align-items: end; }.list-heading small,.pref-title small { color: #8a9692; font-size: 8px; font-weight: 800; letter-spacing: 1.3px; }.list-heading h2 { margin: 5px 0 0; font-family: Georgia,serif; font-size: 25px; }.list-heading h2 span { color: #82908a; font-family: Inter,sans-serif; font-size: 9px; font-weight: 600; }.list-heading button { border: 1px solid #ccd7d2; border-radius: 8px; padding: 7px 10px; color: var(--green); background: white; font-size: 10px; font-weight: 700; cursor: pointer; }
.progress { height: 4px; margin: 17px 0 8px; overflow: hidden; border-radius: 3px; background: #dfe6e1; }.progress span { display: block; height: 100%; border-radius: inherit; background: var(--coral); }.optimized { margin: 0 0 16px; color: #87938f; font-size: 9px; }.optimized>span { color: var(--coral); }.optimized strong { color: var(--green); }
.product-card { display: grid; grid-template-columns: 62px 1fr auto; align-items: center; gap: 14px; margin: 8px 0; padding: 10px 12px; border: 1px solid #e0e6e1; border-radius: 12px; background: white; }.featured-product { border-color: #f3a392; box-shadow: 0 7px 18px rgba(40,70,61,.08); }.faded-card { opacity: .72; }
.product-art { position: relative; width: 62px; height: 54px; display: grid; place-items: center; overflow: hidden; border-radius: 9px; background: #edf2e7; }.art-avocado span { width: 20px; height: 33px; border-radius: 50% 50% 48% 48%; transform: rotate(24deg); background: #4b7c4e; box-shadow: 14px 1px 0 #89a94f; }.art-avocado span::after { content:""; position:absolute; width:8px;height:12px;border-radius:50%;background:#8e623e;left:6px;top:10px; }.art-bread {background:#f3ead3}.art-bread span{width:43px;height:28px;border-radius:50% 50% 10px 10px;background:#c88d46;box-shadow:inset 0 -6px 0 #a96f32}.art-bread span::before{content:"///";color:#efd29f;position:absolute;left:15px;top:12px;font-size:12px}.art-berries{background:#efe4e4}.art-berries span{width:13px;height:13px;border-radius:50%;background:#9e3040;box-shadow:14px 2px #bf4052,7px 13px #7b2532,22px 14px #a83245}
.product-info small { color: var(--coral); font-size: 7px; font-weight: 900; letter-spacing: 1px; }.product-info h3 { margin: 3px 0; font-size: 12px; }.product-info p { margin: 0; color: #8b9692; font-size: 9px; }.product-price { text-align: right; }.product-price strong { display: block; font-size: 12px; }.product-price span { color: #579578; font-size: 8px; }
.floating-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 12px; background: white; box-shadow: 0 14px 36px rgba(23,55,47,.18); }.floating-card>span { width: 31px; height: 31px; display:grid;place-items:center;border-radius:9px;background:#ffe2db;color:var(--coral); }.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:10px}.floating-card small{margin-top:3px;color:#7b8984;font-size:8px}.ai-card{left:-8px;top:105px}.saved-card{right:-11px;bottom:68px}.saved-card>span{background:#e1eee7;color:var(--green)}

.logo-strip { padding: 29px 0 35px; border-block: 1px solid #e5e9e5; background: var(--cream); text-align: center; }.logo-strip p { margin: 0 0 25px; color: #8b948f; font-size: 10px; font-weight: 750; letter-spacing: 1.5px; text-transform: uppercase; }.logo-row { display: flex; justify-content: space-around; align-items: center; gap: 30px; color: #67736e; }.logo-row span { font-family: Georgia,serif; font-size: 18px; font-weight: 700; }.logo-row span:nth-child(2){font-family:Inter,sans-serif;font-size:13px;letter-spacing:1px}.logo-row span:nth-child(3){font-style:italic}.logo-row span:nth-child(5){font-family:Inter,sans-serif;letter-spacing:-1px}
.section { padding-block: 112px; }.section-heading { max-width: 680px; margin-inline: auto; }.section-heading.centered { text-align: center; }.section-heading.centered .eyebrow { justify-content: center; }.section-heading h2,.feature-copy h2,.final-cta h2 { font-size: clamp(45px,5vw,66px); letter-spacing:-3px;line-height:1.02 }.section-heading p { max-width: 570px; margin: 0 auto; color: var(--muted); line-height: 1.65; }
.steps-grid { position: relative; display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:62px}.steps-grid::before{content:"";position:absolute;top:92px;left:25%;right:25%;border-top:1px dashed #a8b7b0}.step-card{position:relative;z-index:1;min-height:310px;padding:28px;border:1px solid #e0e5e1;border-radius:20px;background:white}.step-card.active{background:var(--pale);border-color:#d6e2da;transform:translateY(-10px)}.step-number{color:#a2aea9;font-size:11px;font-weight:800;letter-spacing:1px}.step-icon{width:76px;height:76px;display:grid;place-items:center;margin:29px auto 34px;border-radius:50%;background:#e4efe9;color:var(--green);font-size:26px}.active .step-icon{background:var(--coral);color:white;box-shadow:0 10px 25px rgba(255,126,100,.25)}.step-card h3{margin:0 0 10px;text-align:center;font-family:Georgia,serif;font-size:22px}.step-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65;text-align:center}.icon-list{display:flex;flex-direction:column;justify-content:center;gap:6px}.icon-list i{width:30px;height:4px;border-radius:2px;background:currentColor;box-shadow:-8px 0 0 -1px currentColor}.icon-bag i{width:27px;height:28px;border:2px solid currentColor;border-radius:3px 3px 8px 8px}.icon-bag i::before{content:"";display:block;width:12px;height:8px;margin:-8px auto 0;border:2px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0}

.feature-section{overflow:hidden;background:var(--deep);color:white}.feature-layout{min-height:685px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:85px}.eyebrow.light{color:#b5c8c0}.feature-copy>p{max-width:500px;color:#b7c9c1;line-height:1.65}.feature-copy h2{margin-top:18px}.feature-list{margin:35px 0}.feature-list>div{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)}.feature-list>div>span{flex:0 0 26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--coral);font-size:12px}.feature-list h3{margin:1px 0 5px;font-size:15px}.feature-list p{margin:0;color:#a8beb5;font-size:12px;line-height:1.5}.text-link{display:inline-flex;gap:12px;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:5px;font-size:13px;font-weight:700}.text-link span{color:var(--coral)}
.preference-panel{position:relative}.preference-panel::before{content:"";position:absolute;width:530px;height:530px;left:-30px;top:-50px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.preference-panel::after{content:"";position:absolute;width:400px;height:400px;left:35px;top:15px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.pref-card{position:relative;z-index:2;max-width:440px;margin:auto;padding:28px;border-radius:22px;background:#f8faf6;color:var(--ink);box-shadow:0 35px 70px rgba(0,0,0,.24);transform:rotate(-1.7deg)}.pref-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.pref-title h3{margin:7px 0 0;font-family:Georgia,serif;font-size:26px}.pref-title>span{color:#9ba6a1}.pref-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #e2e7e3}.pref-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e1ece6;color:var(--green);font-weight:800}.pref-row strong,.pref-row small{display:block}.pref-row strong{font-size:12px}.pref-row small{margin-top:3px;color:#8a9591;font-size:9px}.toggle input{position:absolute;opacity:0}.toggle i{position:relative;display:block;width:34px;height:19px;border-radius:20px;background:#cbd3cf;cursor:pointer;transition:.2s}.toggle i::after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:white;transition:.2s}.toggle input:checked+i{background:var(--green)}.toggle input:checked+i::after{transform:translateX(15px)}.learning-badge{position:absolute;z-index:3;right:-8px;bottom:10px;display:flex;align-items:center;gap:11px;padding:13px 17px;border-radius:12px;background:var(--coral);color:white;box-shadow:0 14px 32px rgba(0,0,0,.2)}.learning-badge>span{font-size:20px}.learning-badge small,.learning-badge strong{display:block}.learning-badge small{font-size:7px;letter-spacing:1px}.learning-badge strong{margin-top:3px;font-size:10px}

.stories{padding-bottom:95px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}.testimonial-grid article{padding:31px 28px 25px;border:1px solid #e1e6e2;border-radius:18px;background:white}.testimonial-grid .featured-review{background:var(--cream);border-color:#eadfce;transform:translateY(-9px)}.quote-mark{height:32px;color:var(--coral);font-family:Georgia,serif;font-size:53px;line-height:1}.testimonial-grid article>p{min-height:106px;margin:15px 0 25px;color:#52635d;font-family:Georgia,serif;font-size:16px;line-height:1.55}.reviewer{display:grid;grid-template-columns:37px 1fr auto;gap:10px;align-items:center}.reviewer-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:800}.reviewer-avatar.coral{background:#ffd3c9}.reviewer-avatar.dark{background:var(--deep);color:white}.reviewer-avatar.yellow{background:#f5df9c}.reviewer strong,.reviewer small{display:block}.reviewer strong{font-size:11px}.reviewer small{margin-top:3px;color:#8b9692;font-size:8px}.reviewer>span{color:#e7b43d;font-size:9px;letter-spacing:1px}.impact-row{display:flex;justify-content:center;align-items:center;gap:47px;margin-top:62px}.impact-row div{text-align:center}.impact-row strong,.impact-row span{display:block}.impact-row strong{font-family:Georgia,serif;font-size:25px}.impact-row span{margin-top:5px;color:#83908a;font-size:9px}.impact-row i{height:35px;border-left:1px solid #dfe5e0}

.pricing-section{padding-block:105px;background:var(--cream)}.billing-toggle{width:max-content;margin:28px auto 0;padding:4px;border:1px solid #d8ded9;border-radius:11px;background:white}.billing-toggle button{padding:9px 14px;border:0;border-radius:8px;background:transparent;color:#77847f;font-size:11px;font-weight:700;cursor:pointer}.billing-toggle button.active{background:var(--deep);color:white}.billing-toggle span{margin-left:4px;color:var(--coral);font-size:8px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center;margin-top:55px}.price-card{position:relative;min-height:465px;padding:32px;border:1px solid #dce2dd;border-radius:20px;background:white}.price-card.popular{min-height:505px;padding-top:43px;border:2px solid var(--deep);box-shadow:var(--shadow)}.popular-tag{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:7px 15px;border-radius:20px;background:var(--coral);color:white;font-size:8px;font-weight:850;letter-spacing:1.2px;white-space:nowrap}.plan{margin:0 0 10px;color:var(--coral);font-size:9px;font-weight:850;letter-spacing:1.7px}.price-card h3{margin:0;font-family:Georgia,serif;font-size:29px}.plan-copy{min-height:42px;margin:9px 0;color:#7d8984;font-size:12px}.price{display:flex;align-items:baseline;margin:19px 0}.price>span{align-self:flex-start;margin-top:9px;font-size:15px}.price strong{font-family:Georgia,serif;font-size:47px;font-weight:500}.price small{margin-left:5px;color:#87928e;font-size:10px}.price-button{display:flex;justify-content:center;gap:10px;padding:12px;border:1px solid var(--deep);border-radius:10px;color:var(--deep);font-size:11px;font-weight:800}.popular .price-button{background:var(--deep);color:white}.price-card ul{display:grid;gap:14px;margin:27px 0 0;padding:25px 0 0;border-top:1px solid #e3e7e4;list-style:none;color:#53635e;font-size:11px}.price-card li::first-letter{color:var(--green)}.business-note{text-align:center;margin:35px 0 0;color:#7d8984;font-size:11px}.business-note a{color:var(--green);font-weight:800;border-bottom:1px solid #9eb8ad}
.final-cta{position:relative;min-height:430px;margin-block:80px;padding:70px 80px;overflow:hidden;border-radius:28px;background:var(--deep);color:white}.final-cta h2{margin:20px 0 14px}.final-cta p{color:#b3c7be}.button-light{margin-top:16px;background:white;color:var(--deep)}.final-cta>div:first-child>small{display:block;margin-top:13px;color:#8eaaa0;font-size:9px}.cta-illustration{position:absolute;right:65px;top:38px;width:400px;height:355px}.cta-illustration::before,.cta-illustration::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.cta-illustration::before{width:380px;height:380px}.cta-illustration::after{width:280px;height:280px;top:50px;left:50px}.cta-list{position:absolute;z-index:1;left:90px;top:50px;width:205px;height:250px;padding:42px 30px 20px;border-radius:18px;background:#f8faf6;transform:rotate(8deg);box-shadow:0 30px 50px rgba(0,0,0,.25)}.cta-list::before{content:"MY LIST";position:absolute;top:23px;color:#8c9893;font-size:8px;font-weight:800;letter-spacing:1px}.cta-list span{display:block;height:10px;margin:16px 0;border-radius:6px;background:#e4eae6}.cta-list span::before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin:-5px 10px 0 -18px;border-radius:50%;background:#dcebe4;color:var(--green);font-size:9px}.cta-check{position:absolute;z-index:2;right:33px;top:34px;width:73px;height:73px;display:grid;place-items:center;border-radius:50%;background:var(--coral);font-size:34px;box-shadow:0 15px 30px rgba(0,0,0,.2)}.cta-spark{position:absolute;z-index:2;left:40px;bottom:35px;color:var(--yellow);font-size:48px}

footer{padding:65px 0 20px;background:#f5f3eb}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr 1.2fr;gap:60px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:11px}.footer-grid h3{margin:5px 0 8px;font-size:11px;letter-spacing:.5px}.footer-grid a:not(.brand),.footer-grid p{margin:0;color:#75827d;font-size:11px;line-height:1.7}.footer-brand p{margin-top:18px}.newsletter{display:grid;grid-template-columns:1fr 35px;margin-top:4px;border-bottom:1px solid #b9c3be}.newsletter input{min-width:0;padding:10px 0;border:0;outline:0;background:transparent;font-size:11px}.newsletter button{border:0;background:transparent;color:var(--green);font-size:18px;cursor:pointer}.footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:20px;border-top:1px solid #dfe3dd;color:#909994;font-size:9px}.footer-bottom div{display:flex;gap:23px}.toast{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%,20px);padding:12px 18px;border-radius:10px;background:var(--ink);color:white;box-shadow:var(--shadow);font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width: 900px){
  .nav-links{position:absolute;left:0;right:0;top:76px;display:none;flex-direction:column;align-items:stretch;padding:20px 24px;background:var(--white);border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu-button{display:block;margin-left:auto}.nav-cta{display:none}
  .hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-proof{justify-content:center}.hero-lede,.hero-search{margin-inline:auto}.hero-visual{min-height:520px}.steps-grid,.testimonial-grid,.pricing-grid{grid-template-columns:1fr;max-width:590px;margin-inline:auto}.steps-grid{margin-top:55px}.steps-grid::before{display:none}.step-card.active,.testimonial-grid .featured-review{transform:none}.feature-layout{grid-template-columns:1fr;gap:80px}.feature-copy{text-align:center}.feature-copy .eyebrow{justify-content:center}.feature-copy>p{margin-inline:auto}.feature-list{text-align:left}.preference-panel{width:min(540px,100%);margin:auto}.impact-row{gap:24px}.final-cta{padding:60px 45px}.cta-illustration{opacity:.25;right:-30px}.final-cta>div:first-child{position:relative;z-index:2}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.price-card.popular{min-height:465px}
}
@media (max-width: 620px){
  .shell{width:min(100% - 30px,1180px)}.nav{min-height:68px}.nav-links{top:68px}.hero{padding-block:48px}.hero h1{font-size:52px;letter-spacing:-2.5px}.hero-lede{font-size:16px}.hero-search{grid-template-columns:20px 1fr;padding:10px 14px}.hero-search button{grid-column:1/-1;width:100%}.hero-visual{min-height:430px}.hero-visual::before{width:360px;height:360px}.app-window{width:100%}.app-body{padding:17px 14px}.product-card{grid-template-columns:50px 1fr auto}.product-art{width:50px}.floating-card{display:none}.logo-row{flex-wrap:wrap}.logo-row span{font-size:15px}.section{padding-block:80px}.section-heading h2,.feature-copy h2,.final-cta h2{font-size:43px;letter-spacing:-2px}.steps-grid{gap:14px}.feature-layout{padding-block:70px}.pref-card{padding:20px}.learning-badge{right:-4px;bottom:-38px}.testimonial-grid{margin-top:45px}.impact-row{display:grid;grid-template-columns:1fr 1fr}.impact-row i{display:none}.pricing-section{padding-block:80px}.price-card{padding:28px}.final-cta{width:calc(100% - 24px);margin-block:45px;padding:50px 28px;min-height:440px}.cta-illustration{right:-150px;top:100px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px}.footer-brand,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{gap:18px;flex-direction:column}.footer-bottom div{flex-wrap:wrap}
}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}