:root{--blue:#2e6bf0;--ink:#202521;--paper:#fafaf6;--yellow:#f6ed94;--line:#dedfd7;--muted:#697068}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}nav{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:850;letter-spacing:-1.5px;display:flex;align-items:center;gap:5px}.mark{width:46px;height:46px;flex-shrink:0}.navlinks{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:550}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;border-radius:9px;padding:16px 23px;font-size:14px;font-weight:650;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.dark{background:var(--ink);color:#fff}.blue{background:var(--blue);color:white}.outline{border-color:#bbbfb5;background:transparent}.small{padding:12px 19px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.2px;text-transform:none;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.hero{position:relative;display:grid;grid-template-columns:1.04fr 1fr;gap:30px;padding:82px 0 90px;align-items:center}.hero h1{font-size:clamp(56px,6.7vw,87px);line-height:.99;letter-spacing:-5px;margin:25px 0 25px;font-weight:750}.hero h1 span{color:var(--blue);position:relative;display:inline-block}.hero h1 span:after{content:"";height:7px;border-top:3px solid var(--blue);border-radius:50%;position:absolute;bottom:-12px;left:0;width:100%;transform:rotate(-2deg)}.intro{font-size:17px;line-height:1.7;color:#596057;max-width:405px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.micro{font-size:12px;color:var(--muted);margin-top:17px}.hero-art{height:460px;position:relative;background:#eeefe6;border-radius:48% 47% 43% 45%;margin-left:0}.route{position:absolute;width:100%;height:100%;inset:0}.float{position:absolute;background:white;border:1px solid #d8dbd1;border-radius:12px;box-shadow:0 7px 0 #20252105;padding:19px 23px}.bad{top:58px;left:0;transform:rotate(-6deg);width:278px}.float-label{font-size:10px;text-transform:none;letter-spacing:.2px;color:var(--muted);font-weight:700}.url{font-family:monospace;font-size:13px;margin-top:14px;white-space:nowrap}.pill{display:inline-flex;align-items:center;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:650}.red{background:#fce3d9;color:#993f27}.green{background:#e5efdf;color:#416133}.bad .pill{position:absolute;right:15px;top:14px}.mascot{position:absolute;width:160px;height:160px;top:164px;left:calc(50% - 80px);transform:rotate(-7deg);filter:drop-shadow(0 12px 0 #20252109)}.good{bottom:5px;right:0;width:322px;transform:rotate(4deg)}.good h3{font-size:16px;margin:12px 0 7px}.plant{height:68px;width:64px;background:#e6eccf;border-radius:7px;display:flex;align-items:center;justify-content:center;float:left;margin-right:15px}.plant svg{width:48px}.handnote{position:absolute;right:-5px;top:37px;font-family:Georgia,serif;font-style:italic;line-height:1.2;font-size:21px;transform:rotate(9deg);max-width:145px}.spark{position:absolute;bottom:42px;left:38px;font-size:82px;color:var(--blue);line-height:1}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.ribbon span{display:flex;gap:12px;align-items:center}.ribbon b{font-size:18px;font-weight:450;color:var(--blue)}section{padding:100px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:38px}h2{font-size:clamp(35px,4.5vw,55px);line-height:1.06;letter-spacing:-2.2px;margin:17px 0 0;font-weight:650}.sectionhead p{max-width:300px;font-size:15px;line-height:1.65;color:var(--muted);margin:0}.demobox{background:#e9eddf;border:1px solid #dce0d4;border-radius:20px;padding:28px;display:grid;grid-template-columns:230px 1fr;gap:32px}.steps{display:flex;flex-direction:column;gap:10px;justify-content:center}.step{background:none;border:0;text-align:left;display:flex;align-items:flex-start;gap:12px;padding:18px 12px;border-radius:10px;color:#72796b}.step.active{background:#fff;color:var(--ink);box-shadow:0 3px 12px #20252105}.num{width:25px;height:25px;border:1px solid #b7bfac;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.active .num{background:var(--blue);border-color:var(--blue);color:white}.step b{font-size:14px;display:block;line-height:25px}.step small{display:block;font-size:12px;line-height:1.5;margin-top:6px}.app{background:white;border-radius:11px;border:1px solid #d9dfd1;min-width:0;box-shadow:0 16px 30px #36472f09;overflow:hidden}.appbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:13px 20px;font-size:11px;color:#6c7466}.appbrand{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:4px}.appbrand svg{width:24px;height:24px}.appbody{padding:28px}.appbody h3{margin:0;font-size:22px;letter-spacing:-.6px}.appbody>p{font-size:12px;color:var(--muted);line-height:1.6}.demorow{border:1px solid #e7e9e1;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 14px;margin-top:12px;font-size:12px}.demorow code{font-size:12px;overflow-wrap:anywhere}.rowlabel{font-size:10px;color:#797e72;display:block;margin-bottom:6px}.demobottom{display:flex;justify-content:space-between;align-items:center;margin-top:21px;font-size:10px;color:var(--muted)}.demo-status{font-size:12px;line-height:1.6;background:#eff5e8;padding:14px;border-radius:8px;margin-top:15px;color:#496039}.bento{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tile{border-radius:16px;padding:35px;min-height:290px;overflow:hidden;position:relative}.tile h3{font-size:29px;letter-spacing:-1px;line-height:1.1;margin:20px 0 13px;max-width:350px}.tile p{font-size:14px;line-height:1.7;max-width:345px;color:#62685b}.tile-yellow{background:var(--yellow)}.tile-blue{background:var(--blue);color:white}.tile-blue p{color:#e1eaff}.tile-white{background:#fff;border:1px solid var(--line)}.tile-light{background:#e9ede2}.tiny-icon{width:31px;height:31px;border:1px solid currentColor;border-radius:8px;display:grid;place-items:center;font-size:18px}.mini-chain{display:flex;align-items:center;gap:12px;margin:26px 0 0;font-family:monospace;font-size:12px}.mini-chain span{border:1px solid #b8b270;border-radius:7px;padding:10px 15px}.mini-chain .cross{text-decoration:line-through;opacity:.5}.mail{background:#ffffff20;border:1px solid #ffffff45;border-radius:8px;padding:15px 17px;margin-top:25px;display:flex;align-items:center;gap:15px;font-size:12px}.mail svg{width:35px;height:35px;background:white;border-radius:8px}.mail small{display:block;opacity:.7;margin-top:5px}.ai{padding:0 0 90px}.ai-panel{background:var(--ink);color:white;border-radius:20px;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.ai-panel h2{font-size:46px}.ai-panel p{color:#b9c1b4;font-size:15px;line-height:1.7}.ai-panel .eyebrow{color:var(--yellow)}.chat{display:flex;flex-direction:column;gap:15px}.bubble{padding:18px 22px;border-radius:14px;font-size:13px;line-height:1.65}.question{background:#3b4239;align-self:flex-end;border-bottom-right-radius:3px;max-width:290px}.answer{background:#fafaf6;color:var(--ink);border-bottom-left-radius:3px}.answer strong{display:block;margin-bottom:8px}.answer .pill{margin-top:13px}.pricing{padding-top:15px}.pricegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.price{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 20px}.price.featured{border:2px solid var(--blue);position:relative}.price h3{font-size:16px;margin:0 0 12px}.amount{font-size:36px;letter-spacing:-1.5px;font-weight:650}.amount span{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0}.price p{font-size:12px;color:var(--muted);line-height:1.6;min-height:40px}.price ul{padding:15px 0 0;border-top:1px solid var(--line);margin:22px 0 0;list-style:none}.price li{font-size:12px;line-height:1.5;margin:12px 0;padding-left:17px;position:relative}.price li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.badge{position:absolute;top:-12px;right:13px;font-size:9px;background:var(--blue);color:white;border-radius:20px;padding:6px 10px;letter-spacing:.5px}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq h2{font-size:43px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary:after{content:'+';color:var(--blue);font-size:20px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;line-height:1.7;color:var(--muted)}.finalcta{background:var(--yellow);border-radius:20px;padding:60px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}.finalcta h2{font-size:54px;max-width:630px;margin:0}.finalcta .mark{width:95px;height:95px}.finalcta p{font-size:14px;line-height:1.7;margin:18px 0 25px}.ctaart{width:185px;height:185px;transform:rotate(-9deg);flex-shrink:0}footer{padding:45px 0 28px}footer .top{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px}footer .links{display:flex;gap:25px;font-size:12px}footer .bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.mobile-toggle{display:none}.demo-tag{font-size:10px;letter-spacing:1px;text-transform:none;color:var(--muted);margin-top:14px;text-align:right}.fade{animation:appear .25s ease}@keyframes appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:900px){.hero{gap:0}.hero h1{letter-spacing:-3px}.hero-art{transform:scale(.86);transform-origin:right center}.sectionhead p{max-width:260px}.demobox{grid-template-columns:190px 1fr;padding:20px;gap:15px}.ai-panel{padding:35px;gap:30px}.pricegrid{grid-template-columns:1fr 1fr}.navlinks{gap:20px}.faq{gap:40px}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}nav{height:76px}.brand{font-size:27px}.mobile-toggle{display:block;background:none;border:1px solid var(--line);border-radius:7px;padding:9px}.navlinks{display:none;position:absolute;top:70px;left:18px;right:18px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:12px;z-index:10;flex-direction:column}.navlinks.open{display:flex}.hero{grid-template-columns:1fr;padding:48px 0 35px}.hero h1{font-size:64px;letter-spacing:-3.8px;margin-top:22px}.intro{font-size:16px}.hero-art{transform:none;height:380px;margin-top:36px}.bad{width:250px;top:40px;left:8px}.handnote{font-size:17px;right:0;top:6px}.mascot{width:135px;height:135px;top:136px;left:calc(50% - 67px)}.good{width:285px;bottom:0;right:4px}.spark{font-size:60px;left:8px;bottom:35px}.ribbon{flex-wrap:wrap;justify-content:center;gap:19px;font-size:11px}.ribbon span:last-child{display:none}section{padding:65px 0}.sectionhead{display:block;margin-bottom:26px}.sectionhead p{margin-top:20px;max-width:100%}.demobox{display:block;padding:12px}.steps{flex-direction:row;margin-bottom:15px;gap:3px}.step{padding:10px 6px;gap:5px;flex:1;align-items:center}.step b{font-size:11px;line-height:1.4}.step small{display:none}.num{width:22px;height:22px}.appbody{padding:20px 15px}.demorow{padding:13px 10px}.bento{grid-template-columns:1fr}.tile{padding:28px;min-height:250px}.ai-panel{grid-template-columns:1fr;padding:30px 24px;gap:24px}.ai-panel h2{font-size:39px}.ai{padding-bottom:65px}.pricegrid{gap:12px}.price{padding:23px 14px}.price li{font-size:11px}.amount{font-size:31px}.faq{display:block}.faq h2{margin-bottom:20px}.finalcta{padding:35px 25px}.finalcta h2{font-size:42px;letter-spacing:-1.8px}.ctaart{display:none}footer .top{align-items:start}footer .links{flex-direction:column;gap:13px}footer .bottom{gap:18px;line-height:1.6}.micro{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.pagehero{padding:70px 0 55px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:50px}.pagehero h1{font-size:clamp(48px,6vw,76px);letter-spacing:-3.8px;line-height:1.02;margin:20px 0 25px;font-weight:700}.pagehero h1 em{font-style:normal;color:var(--blue)}.pagehero p{max-width:570px;font-size:17px;line-height:1.75;color:var(--muted)}.pagehero .hero-symbol{width:230px;height:230px;justify-self:center;transform:rotate(-6deg)}.breadcrumb{margin:28px 0 0;font-size:12px;color:var(--muted)}.breadcrumb a{border-bottom:1px solid #c6cbbb}.page-nav{display:flex;gap:12px;flex-wrap:wrap;padding:0 0 35px}.page-nav a{background:white;border:1px solid var(--line);border-radius:25px;padding:10px 16px;font-size:12px}.page-nav a:hover{background:var(--yellow)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:55px 0 70px}.split-section h2{font-size:43px}.split-section p,.reading p,.reading li{font-size:15px;line-height:1.8;color:var(--muted)}.split-section ul{padding-left:18px;color:var(--muted);font-size:14px;line-height:2}.feature-number{font-size:12px;background:#e3ebfb;color:var(--blue);border-radius:30px;display:inline-flex;padding:7px 12px}.scene{background:#e9eddf;border-radius:20px;padding:38px;min-height:250px;display:flex;flex-direction:column;justify-content:center;gap:14px}.scene.yellow{background:var(--yellow)}.scene.bluewash{background:#e6edfd}.scene .card{background:white;border-radius:10px;padding:20px;font-size:14px;border:1px solid #dce1d4;box-shadow:0 6px 0 #20252104}.scene .card code{display:block;font-size:12px;margin-top:12px;overflow-wrap:anywhere}.scene .caption{font-size:11px;color:var(--muted);line-height:1.5}.cardline{display:flex;justify-content:space-between;align-items:center;gap:12px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:10px 0 65px}.stepcard{border:1px solid var(--line);background:white;border-radius:15px;padding:28px}.stepcard h2{font-size:25px;letter-spacing:-.7px;margin-top:23px}.stepcard p{color:var(--muted);font-size:14px;line-height:1.7}.stepcard .num{width:36px;height:36px;background:var(--yellow);border:0}.note{padding:23px 28px;background:#e9ede2;border-radius:12px;font-size:14px;line-height:1.7;color:#58624f;margin:24px 0}.note strong{color:var(--ink)}.comparison{overflow:auto;border:1px solid var(--line);border-radius:14px;background:white;margin:25px 0}.comparison table{border-collapse:collapse;width:100%;font-size:13px;min-width:650px}.comparison th,.comparison td{padding:20px;text-align:center;border-bottom:1px solid #e9eae4}.comparison th:first-child,.comparison td:first-child{text-align:left;width:34%}.comparison thead{background:#edf1e5}.comparison tbody tr:last-child td{border-bottom:0}.comparison caption{text-align:left;padding:20px;font-size:18px;font-weight:650}.faq-layout,.legal-layout{display:grid;grid-template-columns:245px 1fr;gap:65px;padding-bottom:65px;align-items:start}.sidecard{background:#e9eddf;border-radius:14px;padding:25px;position:sticky;top:24px}.sidecard h3{font-size:17px;margin:0 0 16px}.sidecard a{display:block;font-size:13px;padding:9px 0;color:#58624f}.sidecard p{font-size:13px;line-height:1.7;color:#58624f}.faq-group{margin-bottom:38px}.faq-group h2{font-size:26px;letter-spacing:-.7px;margin:0 0 10px}.faq-group details{border-bottom:1px solid var(--line);padding:22px 0}.faq-group summary{list-style:none;cursor:pointer;font-size:15px;font-weight:600;display:flex;justify-content:space-between;gap:20px}.faq-group summary:after{content:'+';color:var(--blue);font-size:20px}.faq-group details[open] summary:after{content:'−'}.faq-group p{font-size:14px;line-height:1.8;color:var(--muted);max-width:690px}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:5px 0 60px}.contactcard{background:white;border:1px solid var(--line);border-radius:18px;padding:38px}.contactcard h2{font-size:30px;letter-spacing:-1px}.contactcard p{color:var(--muted);line-height:1.7;font-size:15px}.email{display:inline-block;font-size:clamp(19px,2.5vw,29px);letter-spacing:-.7px;color:var(--blue);margin:16px 0}.contactcard ul{font-size:14px;line-height:2;color:var(--muted);padding-left:20px}.reading{background:white;border:1px solid var(--line);border-radius:16px;padding:38px}.reading h2{font-size:25px;letter-spacing:-.7px;margin:35px 0 14px}.reading h2:first-child{margin-top:0}.reading a,.faq-group p a{color:var(--blue);text-decoration:underline}.quiet-cta{margin:25px 0 65px;padding:35px;background:var(--yellow);border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:25px}.quiet-cta h2{font-size:30px;letter-spacing:-1px;margin:0}.quiet-cta p{font-size:14px;line-height:1.6;color:#62634f;margin:12px 0 0}.active-link{color:var(--blue)}.skip-link{position:absolute;left:18px;top:-80px;background:var(--ink);color:white;padding:14px;z-index:100}.skip-link:focus{top:10px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px;padding:20px 0 40px}.footer-grid h3{font-size:13px;margin:10px 0 17px}.footer-grid a:not(.brand){display:block;font-size:12px;color:var(--muted);margin:13px 0}.footer-grid p{font-size:12px;color:var(--muted);line-height:1.8;max-width:220px}.helperline{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.6}
@media(max-width:700px){.pagehero{grid-template-columns:1fr;padding:42px 0 30px;gap:10px}.pagehero h1{font-size:49px;letter-spacing:-2.7px}.pagehero p{font-size:16px}.pagehero .hero-symbol{display:none}.split-section{grid-template-columns:1fr;gap:25px;padding:30px 0 45px}.split-section h2{font-size:35px}.split-section.reverse .scene{order:2}.scene{padding:23px;min-height:200px}.steps-grid{grid-template-columns:1fr;gap:12px}.stepcard{padding:24px}.faq-layout,.legal-layout{grid-template-columns:1fr;gap:28px}.sidecard{position:static}.contactgrid{grid-template-columns:1fr;gap:15px}.contactcard,.reading{padding:25px}.quiet-cta{flex-direction:column;align-items:start;padding:27px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{max-width:100%}}

/* A quieter heading hierarchy: decorative overlines removed. */
.hero h1{margin-top:0}.pagehero h1{margin-top:0}.sectionhead h2,.split-section h2,.ai-panel h2,.faq h2{margin-top:0}

/* CSP blocks the inline hiding rule on the shared SVG sprite. */
body>svg[aria-hidden="true"]{position:absolute;width:0;height:0;overflow:hidden}

/* SVG icons keep the same shape on iOS instead of becoming emoji. */
.site-icon{display:inline-block;width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em;flex:none}
.ribbon .site-icon{width:23px;height:23px;vertical-align:middle}
.tiny-icon .site-icon{width:19px;height:19px}
.spark .site-icon{display:block;width:1em;height:1em}
.mobile-toggle .site-icon{vertical-align:-.24em}
.mail .site-icon{width:1.15em;height:1.15em;background:transparent;border-radius:0}
.mini-chain .site-icon,.pill .site-icon{margin:0 .12em}

/* Keep navigation available without obscuring the page. */
nav{position:sticky;top:0;z-index:40;background:rgba(250,250,246,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

/* Real product views replace the former drawn dashboard. */
.product-showcase{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,.75fr);gap:24px;align-items:stretch}
.product-window,.detail-shot{margin:0;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 14px 30px #2025210a}
.product-window{display:flex;flex-direction:column;justify-content:center;padding:14px}
.product-window img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #eceee8}
.product-window figcaption{font-size:11px;color:var(--muted);padding:14px 4px 3px}
.showcase-notes{background:#e9ede2;border-radius:17px;padding:30px 26px;display:flex;flex-direction:column;justify-content:center;gap:21px}
.showcase-note{display:grid;grid-template-columns:28px 1fr;gap:12px}
.note-number{width:28px;height:28px;background:white;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:11px;font-weight:700}
.showcase-note h3{font-size:17px;line-height:1.15;letter-spacing:-.35px;margin:3px 0 6px}
.showcase-note p{font-size:12px;line-height:1.55;color:#626b5b;margin:0}
.text-link{font-size:13px;font-weight:650;margin-left:40px;text-decoration:underline;text-underline-offset:4px}
.product-details{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:24px}
.detail-shot{display:flex;flex-direction:column}
.detail-shot img{display:block;width:100%;height:auto}
.detail-shot figcaption{font-size:13px;color:var(--muted);line-height:1.6;padding:18px 20px 21px;margin-top:auto}
.detail-shot figcaption strong{display:block;font-size:16px;color:var(--ink);letter-spacing:-.25px}
@media(max-width:850px){.product-showcase{grid-template-columns:1fr}.showcase-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.showcase-note{grid-template-columns:1fr}.text-link{margin-left:0;grid-column:1/-1}}
@media(max-width:640px){.product-window{padding:8px}.product-window figcaption{font-size:10px;padding:11px 6px}.showcase-notes{grid-template-columns:1fr;padding:22px;gap:18px}.showcase-note{grid-template-columns:28px 1fr}.text-link{margin-left:40px}.product-details{grid-template-columns:1fr;gap:15px;margin-top:15px}.detail-shot figcaption{padding:15px 17px}}
.product-showcase{grid-template-columns:1fr}
.showcase-notes{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:25px}
.showcase-note{grid-template-columns:28px 1fr}
.text-link{margin:0;grid-column:1/-1}
.product-window figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.product-window figcaption a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.showcase-notes{grid-template-columns:1fr}.text-link{margin-left:40px}}

/* A gentle reminder of the shopper behind every click. */
.click-story{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding:78px 0;border-bottom:1px solid var(--line)}
.click-story h2{font-size:clamp(34px,4vw,49px);margin:0;letter-spacing:-1.8px;line-height:1.12}
.click-story h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue);letter-spacing:-1.4px}
.click-story-copy>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:450px;margin:24px 0}
.click-story-copy>.click-story-promise{color:var(--ink);font-weight:650;margin-bottom:22px}
.click-journey{background:#f0f1e9;border-radius:30px;padding:30px;min-width:0}
.click-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.click-sources>div{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 6px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;font-weight:600}
.click-sources svg{width:25px;height:25px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.click-paths{display:block;width:100%;height:45px;fill:none;stroke:#b7bcad;stroke-width:1.5;stroke-dasharray:4 5}
.click-dead-end{display:flex;align-items:center;gap:15px;padding:19px 22px;border:1px solid #ebcfbf;background:#fff0e8;border-radius:14px;transform:rotate(-2deg)}
.click-dead-end strong,.click-destination strong{display:block;font-size:16px;line-height:1.4}
.click-dead-end div>span,.click-destination div>span{display:block;font-size:13px;line-height:1.55;margin-top:3px;color:#697068}
.click-helper{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;padding:19px 0;color:var(--blue);font-size:13px;font-weight:600}
.click-helper:before{content:"";position:absolute;border-left:2px dashed #aabfed;height:100%;top:0;left:50%}
.click-helper svg{width:62px;height:62px;position:relative;background:#f0f1e9}
.click-helper span{position:relative;background:#f0f1e9;padding:7px 0}
.click-destination{display:flex;align-items:center;gap:14px;background:white;border:1px solid #cad8bf;border-radius:14px;padding:21px;box-shadow:0 7px 0 #20252105;transform:rotate(1deg)}
.click-check{display:grid;place-items:center;flex:0 0 36px;height:36px;background:#e5efdf;border-radius:50%}
.click-check svg{width:21px;height:21px;fill:none;stroke:#527041;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.visibility-note{margin-top:32px;background:#edf1e6;border-radius:16px;padding:25px 30px}
.visibility-note h2{font-size:25px;letter-spacing:-.6px;margin:0}
.visibility-note p{font-size:15px;color:var(--muted);line-height:1.7;max-width:710px;margin:12px 0 0}
@media(max-width:850px){.click-story{grid-template-columns:1fr;gap:32px}.click-story-copy>p{max-width:600px}.click-journey{width:100%;max-width:560px;justify-self:center}}
@media(max-width:640px){.click-story{padding:48px 0;gap:30px}.click-story h2{font-size:35px;letter-spacing:-1.3px}.click-story-copy>p{font-size:15px;margin:20px 0}.click-journey{padding:23px 16px;border-radius:22px}.click-sources{gap:8px}.click-sources>div{font-size:11px;padding:14px 4px}.click-dead-end{padding:17px 14px;gap:10px}.click-dead-end strong,.click-destination strong{font-size:14px}.click-destination{padding:17px 13px;gap:10px}.click-destination div>span{font-size:12px}.click-helper{font-size:12px}.visibility-note{padding:22px}.visibility-note h2{font-size:24px}}

/* Give the handwritten hero note its own space above the cards on phones. */
@media(max-width:640px){
  .hero-art{margin-top:90px}
  .handnote{top:-67px;right:0;width:220px;max-width:none;text-align:right;white-space:nowrap;font-size:17px;transform:rotate(3deg)}
}