:root{--paper:#f7f8f5;--ink:#222b31;--muted:#626d72;--line:#dfe4df;--blue:#0968d9;--green:#59816b;--orange:#b67a45;--stage:#e9eeeb;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{color:inherit}h1,h2,h3,p,blockquote{margin:0}button:disabled{cursor:default}[hidden]{display:none!important}.page-width{width:min(1180px,calc(100% - 96px));margin-inline:auto}.icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.muted{color:var(--muted)}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:white;padding:14px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:relative;z-index:10}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:104px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:27px;letter-spacing:-1.25px;font-weight:650}.brand img{object-fit:contain}.brand-dot{color:var(--blue)}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:500}nav>a{transition:color .2s}nav>a:hover{color:var(--blue)}.nav-cta{display:flex;align-items:center;gap:14px;border:1px solid #c8d0cb;border-radius:6px;padding:12px 17px;margin-left:8px}.soon-dot,.coming-label>span,.coming-soon-badge>span{width:6px;height:6px;border-radius:50%;background:var(--green)}.menu-toggle{display:none}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:650;letter-spacing:1.9px;line-height:1.6}.eyebrow-line{height:1px;width:25px;background:var(--blue)}.hero{text-align:center;padding:81px 0 54px}.hero>.eyebrow{justify-content:center;margin-bottom:27px;color:#536569}.hero h1{font-size:clamp(44px,5.5vw,72px);font-weight:520;line-height:1.12;letter-spacing:-3.65px}.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--blue);letter-spacing:-3.3px}.hero-description{font-size:17px;line-height:1.8;color:var(--muted);margin:24px auto 0}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:13px;font-weight:550;min-height:49px;padding:14px 23px;border-radius:6px;transition:background .2s,transform .2s}.button-primary{background:var(--blue);color:#fff;box-shadow:0 2px 2px #123b5610}.button-primary:hover{background:#075abe;transform:translateY(-2px)}.button .icon{width:16px;height:16px}.coming-label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.hero-footnote{display:inline-block;font-size:11px;color:#77827b;margin-top:31px;letter-spacing:.1px}.hero-footnote:hover{color:var(--blue)}.section-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-topline h2{font-size:12px;font-weight:500}.section-topline>span{font-size:9px;letter-spacing:1.8px;color:#758078}.stage-label{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#687a6f;margin-bottom:22px;letter-spacing:.1px}.color-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.blue{background:#6091c5}.green{background:#8aa88b}.orange{background:#c6a06d}.pill-annotation{position:absolute;right:33px;bottom:35px;display:flex;align-items:center;color:#62795e;font-family:var(--serif);font-style:italic;font-size:14px;line-height:1.4;transform:rotate(-6deg)}.pill-annotation svg{width:64px;height:41px;fill:none;stroke:#819478;stroke-width:1.2;margin-right:5px;transform:rotate(10deg)}.product-caption{display:flex;justify-content:center;gap:37px;flex-wrap:wrap;padding:25px 0;color:#7c867b;font-size:10px}.product-caption>span{display:flex;align-items:center;gap:7px}.product-caption .icon{width:14px;height:14px}.intro-section{padding:93px 0 85px;text-align:center}.intro-section>.eyebrow{justify-content:center;color:#73806c}.intro-section h2{font-size:41px;line-height:1.22;letter-spacing:-1.5px;font-weight:500;margin:22px 0 20px}.intro-section>p:last-of-type{font-size:14px;color:var(--muted);line-height:1.9}.principles{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;margin-top:60px;border-top:1px solid var(--line);padding-top:30px;gap:64px}.principle-number{font-size:9px;letter-spacing:1px;color:#8c9b80}.principles h3{font-size:16px;letter-spacing:-.4px;font-weight:550;margin:16px 0 13px}.principles p{font-size:12px;color:var(--muted);line-height:1.9;max-width:270px}.focus-section{background:#243c36;color:#f0f4ed;overflow:hidden}.focus-inner{display:grid;grid-template-columns:.9fr 1.1fr;min-height:430px;align-items:center;gap:70px}.focus-copy{padding:64px 0}.focus-copy>.eyebrow{color:#a5b7a8}.focus-copy h2{font-size:45px;line-height:1.1;font-weight:450;letter-spacing:-1.7px;margin:25px 0 20px}.focus-copy>p:last-of-type{font-size:13px;line-height:1.9;color:#b9c8bc;max-width:340px}.feature-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#a7bcac;margin-top:27px}.feature-note .icon{height:13px;width:13px}.focus-visual{position:relative;display:grid;place-items:center;min-height:400px;isolation:isolate}.focus-orbit{border:1px solid #77958425;border-radius:50%;position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:260px;height:260px}.orbit-two{width:420px;height:420px}.orbit-three{width:580px;height:580px}.focus-callout{position:absolute;bottom:105px;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:9px;font-family:var(--serif);font-style:italic;font-size:12px;color:#afc1ad}.callout-line{height:1px;width:22px;background:#809b83}.small-steps{padding:101px 0 91px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-heading .eyebrow{color:#7c8872;margin-bottom:17px}.section-heading h2{font-size:42px;line-height:1.16;letter-spacing:-1.6px;font-weight:500}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);padding-bottom:5px}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:23px}.feature-pair>article{padding:32px 33px 22px;display:flex;flex-direction:column;min-width:0;border-radius:10px;border:1px solid #dfe7da}.habit-feature{background:#edf1e8}.brief-feature{background:#edf1f5;border-color:#dfe4e9!important}.feature-kicker{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.5px;color:#6f8262;font-weight:550}.feature-kicker .icon{height:14px;width:14px}.brief-feature .feature-kicker{color:#6f849b}.feature-copy h3{font-size:23px;letter-spacing:-.8px;font-weight:500;line-height:1.3;margin:20px 0 14px}.feature-copy p{font-size:12px;line-height:1.9;color:var(--muted);max-width:350px}.habit-card,.brief-card{margin-top:32px;box-shadow:0 8px 20px #30412a08;border:1px solid #dde4d7;border-radius:8px;background:#ffffffc9;overflow:hidden}.habit-card{margin-block:auto 0;transform:rotate(-2deg);margin-top:40px}.habit-card-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;padding:19px 18px}.habit-card-heading>span:first-child{display:flex;align-items:center;gap:7px}.habit-card-heading>span:last-child{font-size:8px;color:#99a48d}.habit-week{display:grid;grid-template-columns:repeat(7,1fr);padding:0 18px 18px;gap:8px}.habit-week>span{display:flex;flex-direction:column;align-items:center;gap:11px;font-size:8px;color:#99a58c}.habit-week i{width:31px;height:34px;max-width:100%;display:grid;place-items:center;border-radius:7px;font-style:normal;font-size:12px}.habit-week .filled{background:#dae6ce;color:#6c8b55}.habit-week .empty{border:1px dashed #dce4d4}.habit-card-footer{display:flex;align-items:center;gap:6px;border-top:1px solid #e9ede4;padding:12px 18px;font-size:8px;color:#8d9e7d}.habit-card-footer .icon{height:12px;width:12px}.illustration-label{display:block;margin-top:20px;text-align:center;font-size:7px;letter-spacing:1.3px;color:#98a38e}.brief-card{padding:20px;border-color:#dce3e9;position:relative;margin-top:28px}.brief-card-heading{display:flex;align-items:center;gap:7px;color:#6b8096;font-size:9px}.brief-card-heading .icon{height:13px;width:13px}.brief-card blockquote{font-family:var(--serif);font-size:17px;line-height:1.6;color:#526171;margin-top:17px}.brief-card blockquote strong{font-weight:400;color:#245d96}.brief-card>p{font-size:8px;color:#8a9caf;text-align:center;margin-top:12px}.waveform{display:flex;align-items:center;justify-content:center;height:29px;gap:4px;margin-top:17px;overflow:hidden}.waveform i{display:block;width:2px;height:9px;background:#8cabc7;border-radius:2px}.waveform i:nth-child(3n){height:15px}.waveform i:nth-child(4n){height:23px}.waveform i:nth-child(5n){height:12px}.waveform i:nth-child(7n){height:27px}.brief-feature .illustration-label{color:#93a1af}.thoughtful-details{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding-top:44px}.thoughtful-details article{display:flex;align-items:flex-start;gap:13px}.thoughtful-details article>.icon{height:18px;width:18px;color:#7c9072}.thoughtful-details h3{font-size:12px;line-height:1.5;font-weight:550;margin-bottom:8px}.thoughtful-details p{font-size:11px;color:var(--muted);line-height:1.9}.questions-section{display:grid;grid-template-columns:1fr 1.45fr;gap:90px;border-top:1px solid var(--line);padding:68px 0 85px}.questions-heading>.eyebrow{font-size:8px;color:#84907b;margin-bottom:17px}.questions-heading h2{font-size:36px;font-weight:500;letter-spacing:-1.3px}.questions-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:17px}.faq-list{margin-top:-15px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{font-size:12px;line-height:1.5;padding:20px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>.icon{width:15px;height:15px;color:#89977f;transition:transform .2s}.faq-list details[open] summary>.icon{transform:rotate(45deg)}.faq-list details>p{font-size:12px;line-height:1.85;color:var(--muted);padding:0 30px 22px 0}.access-section{padding-bottom:65px}.access-card{position:relative;isolation:isolate;text-align:center;border:1px solid #dce4d6;background:#eaf0e4;border-radius:12px;padding:52px 25px 50px;overflow:hidden}.access-card>img{margin-bottom:22px}.access-card>.eyebrow{font-size:8px;color:#7c8d6d;justify-content:center}.access-card h2{font-size:44px;font-weight:500;line-height:1.15;letter-spacing:-1.7px;margin:19px 0}.access-card>p:not(.eyebrow){font-size:13px;color:#7b8971;line-height:1.8}.coming-soon-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #d4ddcc;border-radius:50px;background:#f2f5ed;font-size:10px;padding:11px 16px;margin-top:25px;color:#728366}.site-footer{display:flex;align-items:center;gap:30px;justify-content:space-between;border-top:1px solid var(--line);min-height:97px}.site-footer .brand{font-size:22px;letter-spacing:-1px;gap:6px}.site-footer>p{font-size:11px;color:#899380;margin-right:auto}.site-footer>span{font-size:10px;color:#929b8c}
@media(min-width:1500px){.hero{padding-top:96px}.hero h1{font-size:76px}.hero-description{font-size:18px}}
@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.hero h1{font-size:61px}.pill-annotation{right:10px;bottom:30px;font-size:12px}.pill-annotation svg{width:40px}.principles{gap:35px}.focus-inner{gap:35px}.feature-pair>article{padding-inline:25px}.habit-week{gap:5px}.questions-section{gap:50px}}
@media(max-width:800px){.page-width{width:calc(100% - 40px)}.nav-wrap{height:83px}.brand{font-size:24px}.brand>img{width:35px;height:35px}nav{gap:20px;font-size:11px}.nav-cta{padding:10px 13px;margin-left:0}.hero{padding:64px 0 45px}.hero>.eyebrow{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2px}.hero-description{font-size:15px}.hero-footnote{font-size:10px}.pill-annotation{display:none}.product-caption{gap:20px;font-size:9px}.intro-section{padding:65px 0}.intro-section h2{font-size:34px}.intro-section>p:last-of-type{font-size:12px}.principles{margin-top:40px;gap:25px}.principles h3{font-size:14px}.principles p{font-size:11px}.focus-inner{grid-template-columns:1fr 1.1fr;gap:25px;min-height:380px}.focus-copy h2{font-size:38px}.focus-copy>p:last-of-type{font-size:11px}.focus-copy>.eyebrow{font-size:8px;letter-spacing:1.4px}.focus-callout{font-size:10px;bottom:120px}.focus-visual{min-height:380px}.small-steps{padding:70px 0}.section-heading h2{font-size:34px}.section-heading>p{font-size:11px}.feature-pair{gap:15px}.feature-pair>article{padding:25px 20px 18px}.feature-copy h3{font-size:20px}.feature-copy p{font-size:11px}.feature-kicker{font-size:7px;letter-spacing:1px}.habit-card-heading{font-size:8px;padding:16px 12px}.habit-card-heading>span:last-child{font-size:7px}.habit-week{padding:0 12px 15px;gap:5px}.habit-week i{height:28px}.habit-card-footer{padding:12px;font-size:7px}.brief-card{padding:15px}.brief-card blockquote{font-size:15px}.thoughtful-details{gap:22px;padding-top:30px}.thoughtful-details article{gap:8px}.thoughtful-details h3{font-size:11px}.thoughtful-details p{font-size:10px}.questions-section{grid-template-columns:1fr 1.35fr;gap:30px;padding:55px 0}.questions-heading h2{font-size:30px}.questions-heading>p:last-child{font-size:11px}.access-card h2{font-size:38px}.site-footer>p{font-size:9px}.site-footer>span{font-size:9px}}
@media(max-width:600px){html{scroll-padding-top:28px}.page-width{width:calc(100% - 36px)}.nav-wrap{height:76px}.brand{font-size:24px}.menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:transparent;border:1px solid #d5ded1;border-radius:6px;width:40px;height:38px}.menu-toggle>span{display:block;height:1px;width:16px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:75px;left:18px;right:18px;padding:15px;background:#f7f8f5;border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:0 15px 25px #1e352116;align-items:stretch;font-size:13px;gap:0;flex-direction:column}.site-header nav.is-open{display:flex}.site-header nav>a{padding:14px}.site-header .nav-cta{margin-top:8px;justify-content:space-between}.hero{padding:51px 0 40px}.hero>.eyebrow{font-size:7px;letter-spacing:1.2px;gap:8px;margin-bottom:23px}.eyebrow-line{width:15px}.hero h1{font-size:clamp(34px,8.7vw,51px);letter-spacing:-1.7px;line-height:1.15}.hero h1 em{letter-spacing:-1.7px}.hero-description{font-size:13px;line-height:1.8;max-width:340px;margin-top:21px}.desktop-break{display:none}.hero-actions{gap:16px;margin-top:25px;flex-direction:column}.button{min-height:46px;padding:12px 20px;font-size:12px}.coming-label{font-size:9px}.hero-footnote{font-size:9px;margin-top:23px}.section-topline{gap:15px;margin-bottom:12px}.section-topline h2{font-size:10px}.section-topline>span{font-size:6px;letter-spacing:1.2px;white-space:nowrap}.stage-label{font-size:7px;margin-bottom:14px;gap:5px}.color-dot{width:5px;height:5px}.product-caption{padding:18px 0 0;gap:9px;flex-direction:column;align-items:center;font-size:8px}.product-caption .icon{width:12px;height:12px}.intro-section{padding:58px 0 50px}.intro-section>.eyebrow{font-size:7px;letter-spacing:1.3px}.intro-section h2{font-size:29px;letter-spacing:-1.05px;line-height:1.25;margin-top:18px;margin-bottom:17px}.intro-section>p:last-of-type{font-size:12px;max-width:320px;margin-inline:auto}.principles{grid-template-columns:1fr;margin-top:32px;padding-top:25px;gap:24px}.principles>article{display:grid;grid-template-columns:36px 1fr;column-gap:8px;align-items:baseline}.principle-number{grid-row:1 / 3;font-size:8px}.principles h3{font-size:15px;margin:0 0 7px}.principles p{font-size:12px;max-width:none}.focus-inner{grid-template-columns:1fr;gap:0;min-height:auto}.focus-copy{text-align:center;padding:45px 5px 0}.focus-copy>.eyebrow{justify-content:center;font-size:7px}.focus-copy h2{font-size:36px;margin:20px 0 18px}.focus-copy>p:last-of-type{font-size:12px;margin-inline:auto;max-width:300px}.feature-note{justify-content:center;font-size:9px;margin-top:20px}.focus-visual{min-height:250px}.focus-callout{bottom:61px;font-size:9px}.focus-orbit{opacity:.65}.orbit-one{width:160px;height:160px}.orbit-two{width:290px;height:290px}.orbit-three{width:420px;height:420px}.small-steps{padding:55px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:27px}.section-heading .eyebrow{font-size:7px;margin-bottom:15px;letter-spacing:1.5px}.section-heading h2{font-size:33px;letter-spacing:-1.3px}.section-heading>p{font-size:12px}.feature-pair{grid-template-columns:1fr;gap:18px}.feature-pair>article{padding:28px 23px 20px}.feature-kicker{font-size:8px;letter-spacing:1.4px}.feature-copy h3{font-size:23px;letter-spacing:-.6px;margin:19px 0 13px}.feature-copy p{font-size:12px;max-width:none}.habit-card{margin-top:32px}.habit-card-heading{font-size:10px;padding:18px 16px}.habit-card-heading>span:last-child{font-size:8px}.habit-week{padding:0 16px 17px;gap:9px}.habit-week i{height:33px}.habit-card-footer{font-size:8px;padding:13px 16px}.brief-card{padding:19px;margin-top:25px}.brief-card blockquote{font-size:18px}.brief-card-heading{font-size:9px}.thoughtful-details{grid-template-columns:1fr;gap:25px;padding:33px 4px 0}.thoughtful-details article{gap:14px}.thoughtful-details article>.icon{width:18px;height:18px}.thoughtful-details h3{font-size:13px;margin-bottom:7px}.thoughtful-details p{font-size:12px;max-width:290px}.questions-section{grid-template-columns:1fr;gap:35px;padding:42px 0 45px}.questions-heading>.eyebrow{font-size:7px}.questions-heading h2{font-size:31px}.questions-heading>p:last-child{font-size:12px;margin-top:13px}.faq-list{margin-top:0}.faq-list summary{font-size:12px;padding:19px 0}.faq-list details>p{font-size:12px;padding-right:15px}.access-section{padding-bottom:36px}.access-card{padding:37px 18px}.access-card>img{width:59px;height:59px;margin-bottom:18px}.access-card>.eyebrow{font-size:7px;letter-spacing:1.4px}.access-card h2{font-size:34px;letter-spacing:-1.3px;margin:17px 0}.access-card>p:not(.eyebrow){font-size:12px}.coming-soon-badge{font-size:9px;padding:10px 13px;margin-top:22px}.site-footer{min-height:118px;display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:23px 0}.site-footer .brand{font-size:21px}.site-footer .brand img{width:29px;height:29px}.site-footer>p{grid-column:1;font-size:9px;margin-left:35px;align-self:start}.site-footer>span{grid-column:2;grid-row:1 / 3;align-self:center;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}
.not-found{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 24px;text-align:center}.not-found h1{font-weight:500;font-size:clamp(32px,6vw,55px);letter-spacing:-1.5px}.not-found>p:not(.eyebrow){color:var(--muted);font-size:15px}.not-found>.eyebrow{margin-top:20px;color:#7c8872;font-size:9px}

/* Frame the original screenshots inside their measured app bounds.
   Planner: x=9, y=10, 836x711 (one-pixel inset pass). Pill: x=9, y=14, 278x38 (one-pixel inset pass).
   The source PNGs have opaque dark capture margins; no image pixels are edited. */
.product-preview { margin: 0; }
.product-stage { position: relative; isolation: isolate; padding: 30px 45px 105px; border: 1px solid #e0e6df; border-radius: 12px; background: var(--stage); }
.planner-screenshot-link { display: block; position: relative; width: min(100%, 836px); aspect-ratio: 836 / 711; margin-inline: auto; overflow: hidden; border-radius: 2% / 2.35%; background: #fff; box-shadow: 0 20px 40px #23392724; }
.planner-screenshot { position: absolute; display: block; width: 102.272727%; max-width: none; height: auto; left: -1.076555%; top: -1.406470%; }
.pill-screenshot-frame { display: block; position: relative; aspect-ratio: 278 / 38; overflow: hidden; border-radius: 999px; background: #fff; }
.pill-screenshot-frame > img { position: absolute; display: block; width: 107.553957%; max-width: none; height: auto; left: -3.237410%; top: -36.842105%; }
.floating-pill-screenshot { position: absolute; left: 50%; bottom: 27px; width: 299px; max-width: calc(100% - 32px); transform: translateX(-50%); box-shadow: 0 10px 22px #172d2524; }
.product-caption > a { display: inline-flex; align-items: center; gap: 7px; color: var(--blue); }
.product-caption > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.focus-pill-screenshot { width: 299px; max-width: 100%; box-shadow: 0 15px 30px #0a1f1a40; }
@media (max-width: 800px) {
  .product-stage { padding: 23px 20px 100px; }
}
@media (max-width: 600px) {
  .product-stage { padding: 15px 9px 78px; border-radius: 9px; }
  .floating-pill-screenshot { bottom: 14px; width: min(250px, 78%); }
  .focus-pill-screenshot { max-width: calc(100% - 10px); }
  .product-caption > span { text-align: center; }
}