/* styles.css */
:root{--sky:#87ceeb;--ice:#f2f9fd;--navy:#16324f;--blue:#1769b5;--line:#b7d6e8;--muted:#49657c;--white:#fff;--aqua:#ddf3f1;--lavender:#eeeaf8;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:var(--white);font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,video{display:block;max-width:100%;height:auto}img{object-fit:contain}video{width:100%;object-fit:contain;background:#11283c}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(40px,3.8vw,58px);font-weight:800;margin-bottom:26px}h2{font-size:clamp(32px,3.5vw,50px);font-weight:800;margin-bottom:36px}h3{font-size:28px;letter-spacing:-.025em;line-height:1.2}em{font-style:normal;color:var(--blue)}p{margin-bottom:24px}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,video:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;background:var(--navy);color:white;padding:12px;z-index:100}.skip:focus{top:10px}.container{width:min(1160px,calc(100% - 80px));margin-inline:auto}.site-header{position:relative;z-index:30;background:rgba(255,255,255,.98);border-bottom:1px solid #dcebf3}.nav-inner{max-width:1360px;margin:auto;padding:20px 40px;display:flex;align-items:center;gap:30px}.wordmark{font-size:29px;font-weight:900;letter-spacing:-.055em;white-space:nowrap}.wordmark span{color:var(--blue)}nav{display:flex;align-items:center;gap:25px;margin:auto;font-size:15px;font-weight:600}#menu-toggle{display:none}.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--navy);line-height:1;font-size:23px}.hero{padding:70px 0 55px;background:linear-gradient(110deg,#f7fcff 0%,#ecf8ff 62%,#dff2fc 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;column-gap:60px;align-items:start}.hero-heading{grid-column:1;grid-row:1}.hero-media{grid-column:2;grid-row:1 / span 2;align-self:center}.hero-body{grid-column:1;grid-row:2}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.15em;color:var(--blue);margin-bottom:22px}.lead{font-size:20px;line-height:1.55;max-width:680px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:19px 28px;background:var(--blue);color:white;font-weight:800;font-size:16px;letter-spacing:.035em;border:1px solid var(--blue);border-radius:8px;box-shadow:0 5px 0 #10518f;min-height:58px;text-align:center;transition:background .15s,transform .15s}.button:hover{background:#125794;transform:translateY(-1px)}.button span{font-size:22px}.button.secondary{background:white;color:var(--blue);box-shadow:none}.under-cta{font-size:13px;margin:17px 0 26px;color:var(--muted)}.presentation{position:relative;aspect-ratio:16/9;background:white;border:1px solid #abd5e9;border-radius:22px;box-shadow:0 20px 55px #16324f14;overflow:hidden}.presentation-inner{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px 20px 50px;background:radial-gradient(ellipse at 85% 0%,#d9f2fd 0%,transparent 60%)}.presentation h2{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin:8px 0 15px}.presentation p{font-size:12px;margin:0}.presentation .eyebrow{font-size:10px;margin-top:14px}.film-icon{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:17px;color:var(--blue)}.presentation-caption{position:absolute;bottom:0;left:0;right:0;font-size:10px;font-weight:700;letter-spacing:.14em;padding:10px 20px;border-top:1px solid #dcebf3;background:white;text-align:center}.media-bottom{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);padding:20px 4px}.ribbon{display:flex;gap:36px;align-items:center;justify-content:center;background:var(--navy);color:white;padding:14px 18px;white-space:nowrap;overflow:hidden;font-size:13px;font-weight:700;letter-spacing:.07em}.ribbon span{color:var(--sky)}
@media(max-width:760px){body{font-size:17px}.container{width:calc(100% - 36px)}.nav-inner{padding:13px 18px;gap:14px;justify-content:space-between}.wordmark{font-size:25px}#menu-toggle{display:grid;font-size:18px;width:38px;min-width:38px;min-height:38px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;margin:0;padding:20px;box-shadow:0 15px 25px #16324f18;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{padding:34px 0 40px}.hero-grid{display:flex;flex-direction:column;gap:0}.hero-heading{order:0;text-align:center;width:100%}h1{font-size:36px;letter-spacing:-.045em;margin-bottom:25px}h2{font-size:32px}h3{font-size:25px}.hero .eyebrow{font-size:10px;margin-bottom:15px}.hero-media{order:1;width:100%;margin-bottom:16px}.hero-body{order:2;text-align:center}.presentation{border-radius:16px}.presentation-inner{padding:14px 15px 35px}.presentation h2{font-size:22px;margin:5px 0 10px}.presentation .eyebrow{font-size:8px;margin:6px 0}.presentation p{font-size:10px}.film-icon{width:30px;height:30px;font-size:12px}.presentation-caption{font-size:8px;padding:6px}.media-bottom{font-size:10px;padding:14px 0;gap:6px}.lead{font-size:17px}.button{width:100%;padding:17px 16px;font-size:14px;gap:20px}.ribbon{justify-content:flex-start;font-size:11px;gap:24px}.under-cta{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.section{padding:90px 0}.ice{background:var(--ice)}.center{text-align:center}.max-title{max-width:920px;margin-inline:auto}.intro{max-width:760px;margin:0 auto 48px;font-size:21px;color:var(--muted)}.small-copy{font-size:14px;line-height:1.6;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.story-row{padding:50px 0}.story-row+.story-row{border-top:1px solid #d5e7f1}.product-stage{position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#fff 20%,#e8f6fd 70%);border:1px solid #cee5f0;border-radius:var(--radius);padding:10px 24px 40px;min-height:470px}.product-image{width:100%;height:auto;object-fit:contain}.product-stage .product-image{max-width:440px}.stage-label{position:absolute;bottom:18px;left:10px;right:10px;text-align:center;font-size:11px;letter-spacing:.15em;font-weight:700;color:var(--muted)}.photo-composition{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:white}.image-credit{display:block;font-size:12px;text-align:center;padding:10px;color:var(--muted)}.ingredient-lettering{border-radius:var(--radius);background:var(--aqua);padding:55px}.ingredient-lettering>p:not(.eyebrow){font-size:50px;font-weight:800;line-height:1.15;letter-spacing:-.05em}.text-link{color:var(--blue);text-decoration:underline;text-underline-offset:5px;font-weight:700;font-size:15px}.cta-group{margin-top:34px}.center+.cta-group,.timeline-section .cta-group,.ice>.container>.cta-group,.faq-section .cta-group{text-align:center}.testing-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--navy);padding:24px 30px;color:white;border-radius:12px;margin-top:30px}.testing-strip strong{display:block;font-size:18px}.testing-strip span{display:block;font-size:13px;color:#bed8e9}.subtle-button{background:white;border:0;border-radius:6px;padding:12px 20px;color:var(--navy);white-space:nowrap;font-size:14px;font-weight:700}.belief{background:#e6f4fb}.video-figure{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.video-figure video{aspect-ratio:var(--video-ratio,9/16)}.video-figure figcaption{font-size:13px;padding:12px 14px;font-weight:700}.video-figure figcaption span{display:block;color:var(--muted);font-size:11px;font-weight:400}.portrait-video{max-width:355px;justify-self:center;width:100%}.landscape-video{--video-ratio:16/9}.review-note{max-width:880px;margin:20px auto 38px;font-size:13px;line-height:1.65;border-left:3px solid var(--sky);padding:13px 18px;color:var(--muted);background:#f8fcff}.review-note span{font-size:10px;letter-spacing:.1em;color:var(--blue);display:block;font-weight:800}.timeline{max-width:1000px;margin:70px auto;position:relative}.timeline:before{content:'';position:absolute;left:50%;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--sky),var(--navy))}.milestone{display:grid;grid-template-columns:1fr 76px 1fr;align-items:start;position:relative;min-height:235px}.milestone-label{grid-column:1;text-align:right;font-size:27px;font-weight:700;padding:17px 20px}.milestone-dot{grid-column:2;justify-self:center;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sky);border:5px solid white;font-size:14px;font-weight:800;margin-top:13px;z-index:1}.milestone-card{grid-column:3;background:var(--ice);border:1.5px solid var(--line);padding:25px;border-radius:12px}.milestone-card h3{font-size:22px;line-height:1.25;letter-spacing:-.02em}.milestone-card p{font-size:15px;margin-bottom:0}.milestone-card .eyebrow{font-size:11px;margin-bottom:13px}.milestone:nth-child(even) .milestone-label{grid-column:3;text-align:left;grid-row:1}.milestone:nth-child(even) .milestone-card{grid-column:1;grid-row:1;background:#e8f6fc}.milestone:nth-child(even) .milestone-dot{grid-row:1}.disclaimer-frame{max-width:950px;margin:35px auto;border:1px solid var(--line);padding:17px;text-align:center;font-size:13px}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;margin:60px 0 40px}.usage-grid:before{content:'';position:absolute;top:23px;left:16%;right:16%;border-top:2px dotted var(--line)}.usage-grid article{text-align:center;position:relative}.step{display:grid;place-items:center;width:50px;height:50px;background:var(--navy);color:white;border:6px solid var(--sky);border-radius:50%;margin:0 auto 30px;position:relative;font-size:22px;font-weight:700}.step-image{height:460px;border-radius:18px;border:2px solid var(--sky);overflow:hidden;background:var(--ice);display:flex;justify-content:center}.step-image>img{width:100%;height:100%;object-fit:contain}.step-image .video-figure{border:0;border-radius:0;width:100%;max-width:none;background:#11283c}.step-image video{height:100%;aspect-ratio:auto}.step-image figcaption{display:none}.usage-grid h3{font-size:22px;line-height:1.3;margin:23px 0 12px}.usage-grid p{font-size:16px}.ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:50px 0 30px}.ingredient-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.ingredient-card header{display:flex;align-items:center;gap:12px;background:var(--navy);color:white;padding:20px}.ingredient-card header span{color:var(--sky);font-size:12px}.ingredient-card h3{font-size:20px;margin:0;letter-spacing:-.02em}.ingredient-card>div{padding:32px 25px}.ingredient-type{display:block;font-size:27px;font-weight:700;color:var(--blue);margin-bottom:14px}.ingredient-card p{font-size:16px;margin:0}.promise-heading{margin-top:55px}.badge-row{display:flex;align-items:start;justify-content:center;gap:65px;padding:30px 0}.badge-row>div{text-align:center;flex:0 1 150px}.badge-row span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #81bad5;background:#e5f5fb;border-radius:50%;font-size:19px;font-weight:700;margin:0 auto 14px;color:var(--blue)}.badge-row strong{font-size:14px;line-height:1.3;display:block}.product-prompt{padding:65px 0}.prompt-panel{display:grid;grid-template-columns:1fr 1fr;border-radius:24px;border:1px solid var(--line);overflow:hidden;background:#dff2fc;gap:50px;align-items:center}.prompt-panel>div:first-child{background:#eff9ff;padding:20px;align-self:stretch;display:flex;align-items:center}.prompt-panel>div:last-child{padding:35px 40px 20px 0}.prompt-panel .product-image{max-height:420px}.social-stack{max-width:960px;margin:60px auto 0}.source-artwork{margin:0 0 30px}.source-artwork figcaption{font-size:12px;color:var(--muted);margin:10px 0 0}.image-open{display:block;padding:0;background:transparent;border:0;width:100%;color:inherit}.image-open img{width:100%;height:auto}.social-stack .source-artwork{padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:36px}.social-stack .source-artwork:last-child{margin-bottom:0}.founder-section{padding-top:55px}.founder-intro{display:grid;grid-template-columns:320px 1fr;gap:0 36px;align-items:start}.founder-intro h2{grid-column:2;grid-row:1}.founder-image{grid-column:1;grid-row:1 / span 2;margin:0;border-radius:18px;overflow:hidden;background:white}.founder-image img{min-height:210px;object-fit:contain}.founder-image figcaption{background:var(--navy);color:white;padding:17px;text-align:center}.founder-image figcaption strong{display:block;font-size:20px}.founder-image figcaption span{display:block;font-size:11px;color:#bed8e9}.founder-start{grid-column:2;grid-row:2}.two-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;font-weight:600;font-size:16px}.two-list li{padding-left:22px;position:relative}.two-list li:before{content:'×';position:absolute;left:0;color:var(--blue)}.simple{font-weight:400;line-height:1.8}.simple li::marker{color:var(--blue)}.two-list.simple li:before{content:'·'}.founder-prose{padding-top:30px}.founder-prose .split{margin:40px 0}.compact{min-height:auto;padding:0;background:white;overflow:hidden}.founder-close{border-left:4px solid var(--sky);padding:24px 28px;background:white;margin:35px 0 0}.founder-close p{margin:0}.founder-continuation{padding-top:0}.benefit-panel{border:1.5px solid var(--line);border-radius:24px;padding:40px}.benefit-panel h2{font-size:39px}.benefit-panel .small-copy{margin-bottom:0;margin-top:25px}.benefit-list{padding:0;list-style:none;font-size:17px}.benefit-list li{position:relative;padding-left:30px;margin:12px 0}.benefit-list li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:700}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 15px;text-align:center}.value-grid span{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--line);border-radius:50%;margin:0 auto 12px;color:var(--blue);font-weight:700}.value-grid strong{font-size:13px;display:block;line-height:1.3}.problem-row{align-items:start}.problem-close{grid-column:1 / -1}.product-bridge h2{font-size:43px}.product-bridge .source-artwork{margin:0;max-width:450px;justify-self:center}.facts-panel{max-width:1000px;margin:60px auto 20px;display:grid;grid-template-columns:1fr 1.1fr;border:2px solid var(--navy);padding:35px;gap:35px;background:var(--ice);border-radius:14px;align-items:center}dl{margin:25px 0}dl>div{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding:12px 0;font-size:15px}dt{font-weight:700}dd{margin:0;text-align:right}.facts-pending{padding:20px;background:white;border:1px dashed var(--line);border-radius:8px}.facts-pending strong{font-size:16px}.facts-pending p{font-size:13px;margin:8px 0 0;color:var(--muted)}.offers-section{background:linear-gradient(130deg,#ecf8ff,#d8effb)}.offer-alert{max-width:850px;margin:0 auto 50px;padding:20px 26px;border:1px solid #9bcce5;border-radius:12px;background:white;font-size:15px;text-align:center}.offer-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;gap:28px;margin:auto}.offer-card{padding:0 26px 25px;background:white;border:2px solid var(--navy);border-radius:15px;overflow:hidden;text-align:center;display:flex;flex-direction:column}.offer-card.bundle{background:#cfeaf9;border-color:var(--blue)}.offer-banner{background:var(--blue);color:white;margin:0 -26px 30px;padding:13px;font-size:14px;font-weight:800;letter-spacing:.1em}.offer-banner.light{background:#f4fafc;color:var(--blue);border-bottom:1px solid var(--line)}.offer-card h3{font-size:34px;margin:0 0 8px}.offer-subtitle{font-size:16px;margin:0 0 20px}.offer-gallery{height:340px;display:flex;justify-content:center;margin:0 0 24px}.offer-gallery img{width:100%;height:100%;object-fit:contain}.offer-picker{display:flex;justify-content:center;gap:10px;height:47px}.offer-picker button{border:1px solid var(--blue);background:white;color:var(--blue);border-radius:6px;padding:8px 22px;font-size:15px;font-weight:700}.offer-picker button.selected{background:var(--blue);color:white}.single-tag{font-size:13px;font-weight:700;letter-spacing:.04em;height:47px;padding:12px}.offer-features{text-align:left;list-style:none;margin:25px 0;padding:0;min-height:150px}.offer-features li{font-size:15px;border-bottom:1px solid #acd2e6;padding:12px 0 12px 23px;position:relative}.offer-features li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.offer-price{display:flex;align-items:baseline;justify-content:center;gap:12px}.offer-price strong{font-size:47px;font-weight:800;letter-spacing:-.045em}.offer-price span{font-size:14px}.price-conflict{font-size:13px;min-height:42px;margin:10px 0 24px}.offer-card .button{font-size:13px;gap:10px;width:100%;margin-top:auto;padding-inline:15px}.offer-disclosure{font-size:12px;color:var(--muted);margin:20px 0 0}.guarantee-note{text-align:center;max-width:850px;margin:40px auto 25px;font-size:17px}.guarantee-note p{font-size:14px;margin:8px 0}.filter-row{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:45px -10px 55px}.filter-row button{font-size:13px;font-weight:700;border:1px solid var(--line);background:white;border-radius:5px;padding:12px 13px;color:var(--navy);min-height:44px}.filter-row button.active{background:var(--blue);color:white;border-color:var(--blue)}.review-summary{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-bottom:40px;border-bottom:1px solid var(--line)}.review-summary h3{font-size:27px;margin-bottom:18px}.review-summary p{font-size:14px;color:var(--muted);margin:0}.photo-strip{display:flex;gap:8px;height:145px}.photo-strip button{width:calc(100%/6);overflow:hidden}.photo-strip img{height:100%;object-fit:contain}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:50px 0 10px}.gallery-heading h3{margin:0}.gallery-arrows{display:flex;gap:10px}.video-carousel{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--sky) transparent;padding-bottom:20px}.video-carousel .video-figure{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;max-width:none}.photo-gallery-details{margin:24px 0 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.photo-gallery-details summary{cursor:pointer;font-size:15px;font-weight:700}.lifestyle-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:25px;align-items:start}.lifestyle-grid button{border-radius:8px;overflow:hidden}.reviews-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:17px}.reviews-toolbar p{margin:0}.reviews-toolbar select{font-size:13px;padding:10px;border:1px solid var(--line);border-radius:5px;color:var(--navy);background:white}.reviews-toolbar label{white-space:nowrap}.review-artwork{padding:35px 0;border-bottom:1px solid #d5e7f1}.review-artwork-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.review-artwork-heading h3{font-size:19px;letter-spacing:-.01em;margin:0}.review-artwork-heading span{font-size:12px;color:var(--muted)}.review-transcript{margin-top:12px;font-size:16px}.review-transcript summary{font-size:13px;color:var(--blue);cursor:pointer}.review-transcript p{padding:15px 0 0;line-height:1.7;margin-bottom:10px}.review-transcript .small-copy{font-size:12px}.empty-reviews{text-align:center;padding:65px 20px;border-bottom:1px solid var(--line)}.empty-reviews p{font-size:15px;color:var(--muted)}#load-reviews{display:flex;margin:40px auto 0}#load-reviews[hidden]{display:none}.narrow{max-width:920px}.faq-item{border:1.5px solid var(--navy);border-radius:9px;margin:15px 0;background:white;overflow:hidden}.faq-item[open]{box-shadow:-6px 6px 0 #ccebf8}.faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 25px;font-size:18px;font-weight:700;cursor:pointer;line-height:1.4}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-weight:400;font-size:26px}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item>div{padding:0 25px 22px}.faq-item p{margin:0 0 15px}.faq-item p:last-child{margin-bottom:0}#footer{background:var(--navy);color:white;text-align:center;padding:65px 0 45px}#footer .wordmark{display:inline-block;margin-bottom:20px}#footer .wordmark span{color:var(--sky)}#footer>div>p{font-size:14px}#footer nav{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 25px;margin:24px 0 35px;color:#d1e6f2;background:transparent;box-shadow:none;padding:0;font-size:13px}.footer-notices{display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer-notices p{font-size:13px;padding:22px;border:1px solid #688aa4;margin:0}.affiliate-footer{max-width:900px;margin:32px auto;color:#c3d9e6;font-size:13px!important}.copyright{font-size:12px!important;color:#c3d9e6}.sticky-cta{position:fixed;left:0;right:0;bottom:0;background:var(--navy);color:white;padding:12px 30px;z-index:25;display:flex;gap:45px;justify-content:center;align-items:center;box-shadow:0 -3px 15px #16324f20}.sticky-cta[hidden]{display:none}.sticky-cta strong{display:block;font-size:16px}.sticky-cta>div>span{font-size:12px;color:#b8d8e9;display:block}.sticky-cta .button{min-height:45px;padding:10px 20px;font-size:13px;box-shadow:none}.hero-review{background:white;border:1px solid #8cbed7;border-radius:13px;overflow:hidden;max-width:510px;margin:30px 0 0}.hero-review blockquote{font-size:14px;font-style:italic;line-height:1.5;margin:22px}.hero-review cite{display:block;font-style:normal;font-size:12px;color:var(--blue);font-weight:700;margin-top:13px}.hero-review img{max-height:190px;object-fit:contain}.hero-review-controls{display:flex;align-items:center;justify-content:center;gap:0;margin-top:8px}.dot{border:0;background:transparent;width:30px;height:30px;padding:0;position:relative}.dot:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--review-dot-inactive,var(--slider-inactive-color,#647f95));margin:auto}.dot.active:before{background:var(--review-dot-active,var(--slider-active-color,var(--blue)));width:8px;height:8px}.hero-review-caption{font-size:11px;color:var(--muted);text-align:center;line-height:1.5;margin:5px 0 0;max-width:510px}dialog{width:min(1120px,94vw);max-height:90vh;border:1px solid var(--line);border-radius:16px;padding:0;color:var(--navy);overflow:auto}dialog::backdrop{background:#0a2139c9}.dialog-bar{display:flex;position:sticky;top:0;z-index:2;background:white;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;border-bottom:1px solid var(--line)}.dialog-bar h2{font-size:17px;letter-spacing:0;margin:0;overflow-wrap:anywhere}.dialog-bar button{flex-shrink:0}#dialog-content{padding:20px}#dialog-content .dialog-image{width:100%;object-fit:contain}#dialog-content .small-copy{margin:20px 0 0}.dialog-text{padding:20px}.presentation video,.presentation iframe{width:100%;height:100%;border:0;object-fit:contain}.media-error{font-size:14px;padding:12px;color:#9a2424}
@media(min-width:1400px){.container{width:min(1240px,calc(100% - 110px))}.hero-grid{gap:0 75px}.hero{padding:85px 0 65px}}
@media(max-width:1000px) and (min-width:761px){.split{gap:35px}.hero-grid{gap:30px}.nav-inner{gap:18px;padding-inline:25px}nav{gap:15px}.ingredient-grid{gap:14px}.ingredient-card header{padding:17px 12px}.ingredient-card h3{font-size:17px}.step-image{height:360px}.offer-gallery{height:290px}.offer-card{padding-inline:20px}.offer-banner{margin-inline:-20px}.badge-row{gap:30px}.founder-intro{grid-template-columns:280px 1fr}.benefit-panel{padding:30px}}
@media(max-width:760px){.section{padding:55px 0}.intro{font-size:17px;margin-bottom:32px}.split{grid-template-columns:1fr;gap:28px}.story-row{padding:35px 0}.story-row.reverse .photo-composition{order:1}.story-row.reverse>div:last-child{order:0}.product-stage{min-height:340px;padding:15px 25px 40px}.product-stage .product-image{max-width:350px}.ingredient-lettering{padding:35px}.ingredient-lettering>p:not(.eyebrow){font-size:41px}.testing-strip{flex-direction:column;align-items:stretch;padding:23px}.testing-strip strong{font-size:17px}.testing-strip .subtle-button{white-space:normal}.video-figure{border-radius:13px}.portrait-video{max-width:340px}.belief h2{font-size:34px}.review-note{font-size:12px;margin-bottom:25px}.timeline{margin:45px 0 35px}.timeline:before{left:21px}.milestone,.milestone:nth-child(even){display:grid;grid-template-columns:43px 1fr;gap:12px 20px;min-height:235px;padding-bottom:26px}.milestone-label,.milestone:nth-child(even) .milestone-label{grid-column:2;grid-row:1;text-align:left;padding:4px 0 0;font-size:24px}.milestone-dot,.milestone:nth-child(even) .milestone-dot{grid-column:1;grid-row:1;margin-top:0;width:42px;height:42px}.milestone-card,.milestone:nth-child(even) .milestone-card{grid-column:2;grid-row:2;padding:24px 20px}.milestone-card h3{font-size:20px}.milestone-card p{font-size:14px}.usage-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.usage-grid:before{display:none}.usage-grid article{max-width:350px;margin:auto}.step{margin-bottom:-25px;z-index:2}.step-image{height:auto;max-height:none;aspect-ratio:9/14}.step-image .video-figure{height:100%}.step-image>img{height:100%}.usage-grid h3{font-size:23px}.ingredient-grid{grid-template-columns:1fr;gap:20px;margin-top:35px}.ingredient-card header{padding:18px 22px}.ingredient-card h3{font-size:21px}.ingredient-card>div{padding:24px}.ingredient-type{font-size:25px}.badge-row{gap:12px;justify-content:space-between}.badge-row>div{flex:1}.badge-row span{width:46px;height:46px;font-size:16px;margin-bottom:10px}.badge-row strong{font-size:11px}.prompt-panel{grid-template-columns:1fr;gap:0}.prompt-panel>div:last-child{padding:30px 25px 10px}.prompt-panel>div:first-child{padding:15px}.prompt-panel .product-image{max-height:300px}.prompt-panel h2{font-size:34px}.social-stack{margin-top:35px}.source-artwork figcaption{font-size:11px}.social-stack .source-artwork{padding-bottom:25px;margin-bottom:25px}.founder-intro{display:flex;flex-direction:column;gap:25px}.founder-intro h2{order:0;margin:0}.founder-image{order:1;width:100%}.founder-start{order:2}.founder-prose{padding-top:0}.two-list{font-size:15px;gap:14px}.founder-prose .split{margin:30px 0}.founder-close{padding:23px}.founder-continuation{padding-top:0}.benefit-panel{padding:28px 22px;border-radius:17px}.benefit-panel h2{font-size:28px}.benefit-panel .split{gap:20px}.benefit-list{font-size:16px;margin:0}.value-grid{gap:20px 10px}.value-grid span{width:42px;height:42px;font-size:14px}.value-grid strong{font-size:11px}.problem-close{grid-column:auto}.problem-row h2{font-size:29px;margin-bottom:23px}.problem-row{gap:25px}.product-bridge h2{font-size:33px}.facts-panel{grid-template-columns:1fr;padding:24px;gap:20px;margin-top:35px}.facts-panel>div:first-child .product-image{max-height:270px}.facts-panel .eyebrow{font-size:10px}dl>div{font-size:14px}.offer-alert{padding:20px;font-size:14px;margin-bottom:30px}.offer-grid{grid-template-columns:1fr;gap:28px}.offer-card{padding-inline:22px}.offer-banner{margin-inline:-22px}.offer-gallery{height:315px}.offer-card .offer-features{min-height:0}.offer-price strong{font-size:43px}.offer-card .button{font-size:12px}.guarantee-note{font-size:16px}.filter-row{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 35px;gap:10px}.filter-row button{font-size:12px;padding:12px 7px}.review-summary{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.photo-strip{height:115px}.gallery-heading{margin-top:35px}.gallery-heading h3{font-size:22px}.gallery-arrows{gap:6px}.gallery-arrows button{min-width:38px;min-height:38px;font-size:18px}.video-carousel{gap:14px}.video-carousel .video-figure{flex-basis:72%}.lifestyle-grid{grid-template-columns:repeat(3,1fr);gap:10px}.reviews-toolbar{flex-direction:column;align-items:stretch;gap:13px}.reviews-toolbar label{display:flex;justify-content:space-between;align-items:center}.review-artwork-heading h3{font-size:16px}.review-artwork-heading span{font-size:10px}.review-artwork{padding:25px 0}.review-transcript summary{min-height:30px;font-size:12px}.faq-item summary{padding:18px;font-size:16px;gap:14px}.faq-item>div{padding:0 18px 20px;font-size:16px}.faq-item .small-copy{font-size:12px}.footer-notices{grid-template-columns:1fr;gap:20px}.footer-notices p{font-size:12px;padding:20px}#footer{padding:45px 0 30px}#footer nav{flex-direction:row;gap:14px 20px;font-size:12px}.sticky-cta{padding:10px 14px;gap:13px}.sticky-cta>div{max-width:43%}.sticky-cta strong{font-size:11px;line-height:1.3}.sticky-cta>div>span{font-size:9px;line-height:1.4;margin-top:4px}.sticky-cta .button{width:auto;flex:1;min-height:43px;font-size:10px;gap:8px;padding:8px}.sticky-cta .button span{font-size:17px}.hero-review{text-align:left;margin:20px auto 0}.hero-review blockquote{font-size:13px;margin:18px}.hero-review-caption{font-size:10px}.hero-review img{max-height:150px}.dialog-bar{padding:12px}.dialog-bar h2{font-size:13px}#dialog-content{padding:12px}.dialog-text{padding:12px}.dialog-text h3{font-size:23px}}
@media(max-width:360px){h1{font-size:32px}.presentation h2{font-size:20px}.presentation .film-icon{display:none}.nav-inner{gap:8px}.wordmark{font-size:23px}.offer-gallery{height:260px}.offer-price{gap:6px}.offer-price span{font-size:11px}}
/* Reference navigation opens a product panel on desktop and mobile. */
#menu-toggle{display:grid;border:0;border-radius:0;background:transparent;min-width:28px;width:28px;font-size:24px}#navigation{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:32px 40px 40px;align-items:stretch;background:var(--ice);border-bottom:1px solid var(--line);box-shadow:0 18px 30px #16324f18;gap:35px}#navigation.open{display:grid;grid-template-columns:3fr 1fr}.menu-products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.menu-products>a{display:flex;flex-direction:column;text-align:center;font-size:16px}.menu-products img{width:100%;height:245px;object-fit:contain;border-radius:14px;background:#e0f2fb}.menu-products strong{margin-top:13px}.menu-products span{font-weight:400;font-size:13px;color:var(--muted)}.menu-links{display:flex;flex-direction:column;gap:10px}.menu-links a{display:block;padding:12px 18px;background:white;font-size:15px}.presentation-inner{display:block;padding:22px 16px 45px}.presentation-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;width:67%;height:100%;position:relative;z-index:1}.presentation-bottle{position:absolute;width:45%;height:80%;right:-1%;top:3%;object-fit:contain}.presentation h2{font-size:27px}.presentation .eyebrow{font-size:9px}.hero-media{align-self:start;margin-top:24px}.zoom-toggle{border:1px solid var(--line);margin-bottom:15px;color:var(--blue);font-size:13px}.image-viewport{overflow:auto;max-height:65vh}.image-viewport.natural-size .dialog-image{max-width:none!important;width:auto!important;height:auto}
@media(max-width:760px){#navigation{padding:24px 18px;max-height:75vh;overflow:auto;gap:22px}#navigation.open{grid-template-columns:1fr}.menu-products{gap:10px}.menu-products img{height:125px}.menu-products strong{font-size:14px}.menu-products span{font-size:10px}.menu-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-links a{font-size:13px;padding:12px}.hero-media{margin-top:0}.presentation-inner{padding:12px 12px 28px}.presentation h2{font-size:21px}.presentation .eyebrow{font-size:7px;letter-spacing:.08em}.presentation .presentation-copy>p:last-child{font-size:9px;max-width:140px;line-height:1.4}.presentation .film-icon{width:26px;height:26px;font-size:11px}.presentation-bottle{width:46%;right:-2%;height:77%;top:7%}.presentation-copy{width:66%}}

/* Reserved portrait beside the opening quote. */
.hero-review-with-photo{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start;padding:22px}.hero-review-with-photo blockquote{margin:0}.hero-review-with-photo .hero-review-avatar{display:block;width:72px;height:72px;max-height:none;aspect-ratio:1;border-radius:50%;object-fit:cover;align-self:start}.hero-review-with-photo cite{font-size:12px}@media(max-width:760px){.hero-review-with-photo{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:18px 14px}.hero-review-with-photo .hero-review-avatar{width:52px;height:52px}.hero-review-with-photo blockquote{margin:0;font-size:13px}}

/* The requested decorative badge does not change the supplied review status. */
.hero-review-with-photo cite::before,
.hero-review-with-photo blockquote:not(:has(cite))::after{
  content:"";
  display:inline-block;
  width:1rem;
  height:1rem;
  background:url("/assets/blue-checkmark-badge.svg") center/contain no-repeat;
  vertical-align:-0.18em;
}
.hero-review-with-photo cite::before{margin-right:0.3em}
/* Plain-text editor overrides may flatten the citation; keep the badge alongside. */
.hero-review-with-photo blockquote:not(:has(cite))::after{margin-left:0.3em}

/* All five opening cards share the same editable portrait-and-quote structure. */
.hero-review-avatar-frame{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;background:white;align-self:start}
.hero-review-avatar-frame .hero-review-avatar{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.hero-review-avatar-frame .hero-review-avatar.is-artwork-portrait{inset:auto;width:var(--portrait-width);height:auto;aspect-ratio:auto;max-width:none;left:var(--portrait-left);top:var(--portrait-top);border-radius:0;object-fit:initial}
#hero-reviews{touch-action:pan-y}
@media(max-width:760px){.hero-review-avatar-frame{width:52px;height:52px}.hero-review-avatar-frame .hero-review-avatar{width:100%;height:100%}.hero-review-avatar-frame .hero-review-avatar.is-artwork-portrait{width:var(--portrait-width);height:auto}}

/* Individually replaceable photo boxes directly beneath the opening button. */
.hero-user-photos{display:flex;gap:5px;align-items:center;margin:15px 0 9px;max-width:100%;flex-wrap:wrap}
.hero-user-photo-frame{position:relative;flex:0 0 36px;width:36px;height:36px;overflow:hidden;border-radius:7px;background:white;box-shadow:0 0 0 1px #8cbed7}
.hero-user-photo-frame .hero-user-photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.hero-user-photo-frame .hero-user-photo.is-artwork-portrait{inset:auto;width:var(--portrait-width);height:auto;aspect-ratio:auto;left:var(--portrait-left);top:var(--portrait-top);object-fit:initial}
.hero-user-photo-frame:focus-within{outline:2px solid #1769b5;outline-offset:3px}
@media(max-width:760px){.hero-user-photos{justify-content:center}}

/* Full-width navy countdown with proportions matched to the supplied header. */
.sale-countdown{background:var(--navy,#16324f);color:white;padding:8px 18px;text-align:center}
.sale-countdown[hidden],.sale-countdown-note[hidden]{display:none}
.sale-countdown-inner{display:flex;justify-content:center;align-items:center;gap:30px;min-height:74px;max-width:1360px;margin:auto}
.sale-countdown-label{font-size:24px;font-weight:800}
.sale-countdown-units{display:flex;gap:5px}
.sale-countdown-units>span{background:#ddf3fc;color:#16324f;min-width:76px;min-height:72px;padding:10px 8px;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}
.sale-countdown-units b{font-size:22px;line-height:1.15;font-weight:600;font-variant-numeric:tabular-nums}
.sale-countdown-units small{font-size:12px;line-height:1.25}
.sale-countdown-note{font-size:12px;margin:6px 0 0;color:#c7e8f8}
.header-cart{margin-left:auto;width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;color:#1769b5;background:#ddf3fc;border-radius:50%;border:1px solid #a5d8ef;transition:background .15s}
.header-cart:hover{background:#bde5f5}
.ribbon-shell{position:relative}
.ribbon-moving{display:block;padding:14px 0}
.ribbon-track{display:flex;width:max-content;animation:pineal-belt 26s linear infinite}
.ribbon-copy{display:flex;align-items:center;justify-content:space-around;gap:36px;flex:0 0 auto;min-width:100vw;padding:0 24px;box-sizing:border-box}
.ribbon-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border:1px solid #87ceeb77;border-radius:50%;color:white;background:#16324f;cursor:pointer;font:700 13px Arial}
.ribbon-toggle:focus-visible{outline:2px solid #87ceeb;outline-offset:3px}
.ribbon-shell.is-paused .ribbon-track,.ribbon-shell:hover .ribbon-track,.ribbon-shell:focus-within .ribbon-track,.pineal-edit-mode .ribbon-track{animation-play-state:paused}
.pineal-edit-mode .ribbon-toggle{visibility:hidden}
@keyframes pineal-belt{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}.ribbon-toggle{display:none}.ribbon-copy[data-ribbon-copy="duplicate"]{display:none}.ribbon-copy{white-space:normal;flex-wrap:wrap;min-width:0;width:100vw;gap:12px;padding:0 18px}.ribbon-track{max-width:100%}}
.header-cart:focus-visible{outline:2px solid #1769b5;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.sale-countdown{padding:8px 10px}.sale-countdown-inner{gap:10px;min-height:56px}.sale-countdown-label{font-size:13px;max-width:100px;text-align:left}.sale-countdown-units>span{min-width:39px;min-height:54px;padding:5px 4px}.sale-countdown-units b{font-size:17px}.sale-countdown-units small{font-size:10px}.header-cart{width:36px;height:36px;flex-basis:36px}.header-cart svg{width:20px;height:22px}}

/* Three editable image boxes: one tall image and two stacked companions. */
.story-image-collage{overflow:visible;border:0;border-radius:0;background:transparent}
.story-image-grid{display:grid;grid-template-columns:1.16fr 1fr;grid-template-rows:1fr 1fr;gap:6px;aspect-ratio:1.18}
.story-image-box{min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:white}
.story-image-tall{grid-row:1 / span 2}
.story-image-box img{display:block;width:100%;height:100%;max-height:none;min-height:0;object-fit:contain}
.story-image-product img{padding:8px}

.cta-group .cta-assurances{font-weight:600;color:var(--navy);line-height:1.8;white-space:pre-line}
.ingredient-lettering.ingredient-image-card{padding:0;background:transparent;overflow:hidden}
.ingredient-image-card a{display:block}
.ingredient-image-card img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.ingredient-image-card a:focus-visible{outline:3px solid #1769b5;outline-offset:-4px;border-radius:var(--radius)}

.cta-group{width:fit-content;max-width:100%}
.cta-group .button{width:100%}
.cta-group .cta-assurances{text-align:center}
.center+.cta-group,.timeline-section .cta-group,.ice>.container>.cta-group,.faq-section .cta-group{margin-inline:auto}
@media(max-width:760px){.cta-group{width:100%}}

.milestone-label{font-weight:600}
.milestone-label::before{content:"🗓️";display:inline-block;font-size:.75em;vertical-align:.04em;margin-right:.22em}

/* The card animates inside its reserved space, so scrolling never shifts the layout. */
.milestone.scroll-reveal .milestone-card{opacity:0;transform:translate(28px,20px) scale(.96);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.milestone.scroll-reveal:nth-child(even) .milestone-card{transform:translate(-28px,20px) scale(.96)}
.milestone.scroll-reveal.is-visible .milestone-card,.milestone.scroll-reveal:focus-within .milestone-card,body.pineal-edit-mode .milestone.scroll-reveal .milestone-card{opacity:1;transform:none;pointer-events:auto}
.milestone.scroll-reveal .milestone-dot{transition:background-color .4s ease,color .4s ease}
.milestone.scroll-reveal.is-visible .milestone-dot{background:var(--blue);color:white}
@media(max-width:760px){.milestone.scroll-reveal .milestone-card,.milestone.scroll-reveal:nth-child(even) .milestone-card{transform:translateY(24px) scale(.96)}.milestone.scroll-reveal.is-visible .milestone-card,.milestone.scroll-reveal:focus-within .milestone-card,body.pineal-edit-mode .milestone.scroll-reveal .milestone-card{transform:none}}
@media(prefers-reduced-motion:reduce){.milestone.scroll-reveal .milestone-card,.milestone.scroll-reveal:nth-child(even) .milestone-card{opacity:1;transform:none;transition:none;pointer-events:auto}.milestone.scroll-reveal .milestone-dot{transition:none}}

/* Keep the three supplied portrait clips together as a single looping strip. */
.usage-loop-grid{align-items:start}.usage-loop-grid article{min-width:0}.step-image.usage-loop-panel{width:100%;height:auto;aspect-ratio:9/16;max-height:none}.usage-loop-panel video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:9/16;background:var(--ice)}.usage-loop-panel:focus-within{outline:3px solid var(--blue);outline-offset:4px}
@media(max-width:760px){.usage-loop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.usage-loop-grid article{width:100%;max-width:none;margin:0}.usage-loop-grid:before{display:block;top:18px}.usage-loop-grid .step{width:38px;height:38px;border-width:4px;font-size:18px;margin:0 auto 18px}.usage-loop-grid .step-image{border-radius:12px}.usage-loop-grid h3{font-size:15px;line-height:1.35;margin:16px 0 8px}.usage-loop-grid p{font-size:14px;line-height:1.5;overflow-wrap:break-word}}

/* Editable sale banner below the navigation. */
.hero{padding-top:8px}.hero-sale-banner{display:block;align-content:center;min-height:36px;margin:0 0 24px;padding:6px 16px;border-radius:3px;background:var(--sky);color:var(--navy);font-size:16px;font-weight:800;line-height:1.4;text-align:center;overflow-wrap:anywhere}
@media(max-width:760px){.hero{padding-top:8px}.hero-sale-banner{min-height:30px;margin-bottom:24px;padding:5px 12px;font-size:14px}}

.hero-kicker{color:var(--blue);font-size:clamp(24px,3.4vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase;white-space:nowrap;margin:0 0 14px}.hero h1,.hero h1 em{color:#000}.hero h1{font-size:clamp(32px,3.6vw,40px);line-height:1.25}

/* Portrait presentation with the rounded capsule shape from the reference. */
.hero-media{align-self:center;margin-top:0}.presentation{width:min(100%,360px);margin-inline:auto;aspect-ratio:3/5;border:1px solid var(--navy);border-radius:999px;box-shadow:none}.presentation-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;padding:10% 9% 18%;background:white}.presentation-bottle{position:static;width:58%;height:35%;max-height:210px;flex:0 1 auto}.presentation-copy{width:100%;height:auto;flex:0 1 auto}.presentation h2{font-size:clamp(21px,2.4vw,30px);margin:8px 0 12px}.presentation .eyebrow{font-size:10px;letter-spacing:.08em;margin:8px 0}.presentation .presentation-copy>p:last-child{font-size:12px;line-height:1.4;max-width:230px}.presentation-caption{bottom:8%;left:15%;right:15%;padding:0;border:0;background:none;font-size:9px;line-height:1.4}.media-bottom{max-width:360px;margin-inline:auto}
@media(max-width:760px){.presentation{max-width:320px}.presentation .film-icon{display:grid}.media-bottom{max-width:320px}}

/* Wide primary action, positioned close to the supporting copy. */
.hero-body>.lead{margin-bottom:20px}.hero-body>.button{position:relative;display:flex;width:min(100%,440px);min-height:60px;padding:13px 24px;border-radius:0;box-shadow:0 4px 0 #16324f25;font-size:18px;line-height:1.25;gap:18px;margin-top:0}.hero-body>.button::before,.hero-body>.button::after{content:"";position:absolute;top:-5px;bottom:-5px;width:12px;border:1px solid var(--blue);pointer-events:none}.hero-body>.button::before{left:-5px;border-right:0}.hero-body>.button::after{right:-5px;border-left:0}
@media(max-width:760px){.hero-body{width:100%}.hero-body>.button{margin-inline:auto;min-height:56px;padding:12px 18px;font-size:16px}.hero-body>.lead{margin-bottom:18px}}

/* Compact portrait stack with independently editable text alongside it. */
.hero-user-photos{gap:0;flex-wrap:nowrap;margin:12px 0 9px;max-width:440px}.hero-user-photo-frame{flex-basis:28px;width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 1px var(--navy);border:1px solid white}.hero-user-photo-frame+.hero-user-photo-frame{margin-left:-9px}.hero-user-photo-frame:hover,.hero-user-photo-frame:focus-within{z-index:1}.hero-social-proof-copy{min-width:0;margin-left:10px;color:#000;font-size:14px;line-height:1.35;text-align:left;overflow-wrap:anywhere}
@media(max-width:760px){.hero-user-photos{margin-inline:auto;justify-content:center}}

@media(max-width:760px){.hero-body{order:1}.hero-media{order:2;margin-top:24px}}

.nav-inner{padding-block:14px}.hero-grid{row-gap:0}
@media(max-width:760px){.nav-inner{padding-block:12px}}

.site-header .wordmark{display:flex;align-items:center;line-height:1}.site-logo{display:block;width:auto;height:48px;max-width:230px;object-fit:contain}
@media(max-width:760px){.site-logo{height:38px;max-width:180px}}

.sale-countdown-heading{display:flex;align-items:center;gap:18px}.countdown-brandmark{position:relative;display:block;flex:0 0 68px;width:68px;height:48px;overflow:hidden}.countdown-brandmark img{position:absolute;max-width:none;width:82px;height:auto;left:-9px;top:-10px}
@media(max-width:760px){.sale-countdown-inner{gap:8px}.sale-countdown-heading{gap:6px}.countdown-brandmark{flex-basis:28px;width:28px;height:22px}.countdown-brandmark img{width:36px;left:-4px;top:-5px}.sale-countdown-label{font-size:12px;max-width:90px}}

/* Retain all opening review photos in memory without showing inactive cards. */
#hero-reviews .hero-review[hidden]{display:none}

/* One repeating message keeps the label, offer, and icon evenly spaced. */
.ribbon-moving{background:var(--ribbon-bar-color,#16324f);color:var(--ribbon-text-color,#fff)}
.ribbon-moving .ribbon-copy{justify-content:flex-start;gap:28px;padding-inline:14px}
.ribbon-moving .ribbon-message{display:flex;align-items:center;flex:none;gap:12px;color:inherit}
.ribbon-moving .ribbon-sale-label{color:var(--ribbon-label-color,#e4c441)}
.ribbon-moving .ribbon-offer-text{color:var(--ribbon-text-color,#fff)}
.ribbon-moving .ribbon-brandmark{margin-left:12px;background:var(--ribbon-icon-color,#e4c441);-webkit-mask:var(--ribbon-icon-source,url('/assets/pineal10x-eye-transparent.png')) center/contain no-repeat;mask:var(--ribbon-icon-source,url('/assets/pineal10x-eye-transparent.png')) center/contain no-repeat}
.ribbon-moving .ribbon-brandmark img{opacity:0}
.ribbon-shell:has(.ribbon-moving) .ribbon-toggle{background:transparent}

/* Keep uploaded GIFs inside the existing numbered, rounded media frame. */
video[data-ambient-loop][hidden]{display:none!important}.usage-loop-panel img.loop-gif,.video-figure img.loop-gif{display:block;width:100%;height:100%;object-fit:cover}.usage-loop-panel img.loop-gif{aspect-ratio:9/16}


/* reference-layout.css */
/* Layout measurements from the live reference at 1440, 1000 and 390 CSS pixels. */
@font-face{font-family:Inter;src:url("/assets/fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/fonts/Inter-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/fonts/Inter-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/fonts/Inter-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/fonts/Inter-ExtraBold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

body{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5;letter-spacing:.6px}
button,input,select,textarea{font-family:inherit}
h1,h2,h3{letter-spacing:normal}
.container{width:min(1150px,calc(100% - 30px))}
.section{padding:60px 0}
.section h2{font-size:52px;font-weight:800;line-height:58px}
.section h3{font-size:30px;line-height:39px}
.section p,.section li{font-size:20px;line-height:30px}
.section .small-copy,.section .review-note,.section .under-cta,.section .offer-disclosure{font-size:13px;line-height:20px}
.split{gap:25px}
.sale-countdown{padding:10px 20px}
.sale-countdown-inner{gap:45px;min-height:72px}
.sale-countdown-heading{gap:16px}
.sale-countdown-label{font-size:21px;font-weight:800;line-height:24px;letter-spacing:.8px;white-space:nowrap;max-width:none}
.sale-countdown-units{gap:6px}
.sale-countdown-units>span{width:90px;height:72px;min-width:0;min-height:0;flex:none;padding:0;gap:0;border-radius:7px}
.sale-countdown-units b{font-size:22px;font-weight:500;line-height:22px;letter-spacing:.6px}
.sale-countdown-units small{font-size:16px;font-weight:400;line-height:16px;letter-spacing:normal;margin-top:5px}
.countdown-brandmark{width:62px;height:50px;flex-basis:62px}
.countdown-brandmark img{width:76px;left:-8px;top:-9px}
.site-header{height:76.25px;background:#eff9fe;border:0}
.nav-inner{max-width:none;height:100%;padding:15px 28px 15px 23px;gap:10px;justify-content:flex-start}
.nav-inner>.icon-button{width:44px;height:44px;flex:0 0 44px;font-size:19px;padding:0}
.site-logo{width:180px;max-width:180px;height:auto;max-height:46.25px;object-fit:contain}
.header-cart{width:44px;height:44px;flex-basis:44px}
.hero{padding:3.75px 50px 60px}
.hero-grid{width:min(1170px,100%);display:grid;grid-template-columns:minmax(0,723px) 400px;justify-content:space-between;column-gap:15px;row-gap:30px;align-items:start}
.hero-heading{grid-column:1;grid-row:1;text-align:left}
.hero-media{grid-column:2;grid-row:1 / span 2;align-self:center;width:100%;margin:0}
.hero-body{grid-column:1;grid-row:2;text-align:left}
.hero-sale-banner{width:440px;max-width:100%;height:37.6px;min-height:0;padding:8px 10px;margin:0 0 30px;font-size:18px;font-weight:500;line-height:21.6px;letter-spacing:.6px}
.hero-kicker{font-size:36px;font-weight:800;line-height:36px;letter-spacing:.6px;margin:0 0 10px;white-space:nowrap}
.hero h1{font-size:36px;font-weight:800;line-height:54px;letter-spacing:normal;margin:0 0 10px;color:#000}
.hero-heading>.lead{font-size:24px;font-weight:500;line-height:36px;letter-spacing:.6px;color:#000;margin:0;max-width:none}
.presentation{width:100%;max-width:none;aspect-ratio:200/333;border-radius:999px;background:white}
.presentation-inner{padding:12% 9% 18%}
.presentation h2{font-size:30px;line-height:36px}
.presentation-caption{font-size:9px}
.hero-body>.button{width:430px;max-width:calc(100% - 20px);height:60px;min-height:60px;margin:5px 10px 15px;padding:2.5px 25px;font-size:21px;font-weight:700;line-height:1.3;letter-spacing:.6px;box-shadow:none;border-radius:0;justify-content:center}
.hero-body>.button::before{left:-10px;width:8px}.hero-body>.button::after{right:-10px;width:8px}
.hero-body>.button>span{font-size:30px;line-height:1}
.hero-user-photos{width:450px;max-width:100%;height:31px;margin:0 0 10px;justify-content:center}
.hero-user-photo-frame{width:30px;height:30px;flex-basis:30px}
.hero-user-photo-frame+.hero-user-photo-frame{margin-left:-15px}
.hero-social-proof-copy{font-size:14px;line-height:21px;margin-left:6px;letter-spacing:normal}
.hero-body>.under-cta{width:450px;max-width:100%;font-size:14px;line-height:24px;margin:0;color:#000;text-align:center;letter-spacing:normal}
#hero-reviews{width:75%;margin-top:30px}
.hero-review{width:100%;max-width:none;margin:0;border:2px solid var(--navy);border-radius:9px}
.hero-review-with-photo{grid-template-columns:90px minmax(0,1fr);padding:12.5px;gap:12.5px;align-items:center}
.hero-review-avatar-frame{width:90px;height:90px}
.hero-review-with-photo blockquote{font-size:15px;line-height:22.5px;letter-spacing:.6px;margin:0;color:#000}
.hero-review-caption{font-size:10px;line-height:15px;letter-spacing:normal}
.ribbon-moving{padding:10px 0;font-size:18px;line-height:27px}
/* PQ's belts are 47px desktop and 40px mobile: 10px vertical padding,
   27px/19.5px text lines, and a 20px-tall separator (checked 2026-10-01). */
.ribbon-moving .ribbon-brandmark{width:25px;height:20px;flex:0 0 25px}
@media(max-width:767px){.ribbon-moving{font-size:13px;line-height:19.5px}}
#perspective{padding:60px 0 0}
#perspective .max-title{max-width:1050px;line-height:78px;margin:0 auto 60px}
.story-row{margin:60px 0}
#perspective .story-row{gap:20px}
#perspective .story-row.reverse{grid-template-columns:40% 1fr;gap:25px}
.testing-strip{margin-bottom:0;min-height:106px;border-radius:0;padding:21px 25px 25px}
#belief{padding:40px 0}
#belief>.container{grid-template-columns:minmax(0,652.5fr) minmax(0,472.5fr)}
#belief h2{font-size:40px;line-height:48px}
.timeline-section{padding:60px 0}
.timeline{max-width:1030px;margin:60px auto}
.milestone{min-height:255px;padding:35px 0;grid-template-columns:1fr 130px 1fr}
.milestone-card{padding:20px;border-radius:10px}
.milestone-card h3{font-size:22px;line-height:30px}
.milestone-card p{font-size:18px;line-height:27px}
.milestone-dot{width:57px;height:57px;margin:0}
#how-to-use{padding:64px 0}
#how-to-use>.container{width:min(1270px,calc(100% - 30px))}
#how-to-use .step{width:70px;height:70px;font-size:30px;line-height:45px;margin:0 auto 24px}
.usage-loop-grid{gap:10px;margin-top:40px}
.usage-loop-grid::before{top:35px}
.step-image.usage-loop-panel{width:min(100%,350px);margin:auto;border-radius:24px}
.usage-loop-grid h3{font-size:22px;line-height:33px;margin:24px 0}
.usage-loop-grid p{font-size:17px;line-height:26px}
#formula{padding:40px 0}
.ingredient-grid{gap:17px;margin:64px 0}
.ingredient-card{border-radius:20px;min-height:298px}
.ingredient-card h3{font-size:26px;line-height:28px}
.ingredient-card header{padding:10px 20px;min-height:68px}
.ingredient-card p{font-size:17px;line-height:26px}
[data-section="mid-page-purchase-prompt"]{padding:70px 0}
[data-section="social-comment-showcase"]{padding:70px 0 120px}
.social-stack{margin-top:40px}
.founder-section{padding:0 0 20px}
.founder-intro{grid-template-columns:356.5px 1fr;gap:20px}
.founder-intro h2{font-size:45px;line-height:49.5px;font-weight:700}
.founder-continuation{padding:20px 0 60px}
.benefit-panel{padding:30px;border-radius:0}
.benefit-panel h2{font-size:40px;line-height:46px;font-weight:700}
.facts-section{padding:70px 0 40px}
.offers-section{padding:60px 0 70px}
.offer-grid{max-width:1150px;gap:30px}
.offer-card h3{font-size:34px;line-height:41px}
.offer-card .offer-subtitle,.offer-card li{font-size:16px;line-height:24px}
.reviews-section h2{font-size:45px;line-height:58px}
.faq-section .container{width:min(1150px,calc(100% - 30px));max-width:none}
#faq-list{max-width:830px;margin:30px auto}
.faq-item{border-radius:0;margin:12.5px 0}
.faq-item summary{font-size:20px;line-height:30px;padding:15px 20px}
.faq-item p{font-size:18px;line-height:27px}
.cta-group>.button{border-radius:0;width:445px;max-width:100%;min-height:60px;font-size:20px;padding:15px 20px;box-shadow:none;line-height:30px}
@media(max-width:1199px) and (min-width:768px){
 .sale-countdown{padding:8px 15px}.sale-countdown-inner{min-height:65px;gap:20px}.sale-countdown-label{font-size:18px}.sale-countdown-units>span{width:70px;height:65px;border-radius:5px}.sale-countdown-units small{font-size:13px;line-height:13px}
 .countdown-brandmark{width:40px;height:33px;flex-basis:40px}.countdown-brandmark img{width:50px;left:-5px;top:-6px}.sale-countdown-heading{gap:10px}
 .hero{padding:3.75px 30px 40px}.hero-grid{grid-template-columns:62% 250px;column-gap:15px}.hero-kicker{font-size:36px;line-height:36px}.hero h1{font-size:26px;line-height:39px}.hero-heading>.lead{font-size:18px;line-height:27px}.hero-sale-banner{height:37.4px;font-size:17px;line-height:20.4px}.presentation{aspect-ratio:125/233}.presentation h2{font-size:23px;line-height:28px}.hero-body>.button{font-size:18px}#hero-reviews{width:85%}.hero-review-with-photo{grid-template-columns:72px minmax(0,1fr)}.hero-review-avatar-frame{width:72px;height:72px}
 .section h2{font-size:34px;line-height:42px}#perspective .max-title{line-height:51px}.section h3{font-size:26px;line-height:34px}.section{padding-block:40px}.timeline-section,#perspective{padding-top:30px}.founder-intro{grid-template-columns:31% 1fr}.founder-intro h2{font-size:34px;line-height:47.6px}.benefit-panel h2{font-size:22px;line-height:36px}.founder-continuation{padding-top:0}#how-to-use{padding-block:32px}
}
@media(max-width:767px){
 body{font-size:15px;line-height:22.5px}.container{width:calc(100% - 30px)}
 .sale-countdown{padding:10px}.sale-countdown-inner{min-height:47px;gap:8px}.sale-countdown-label{font-size:12px;line-height:14px;letter-spacing:.3px}.sale-countdown-heading{gap:5px}.sale-countdown-units{gap:3px}.sale-countdown-units>span{width:42px;height:47px;padding:0;border-radius:4px}.sale-countdown-units b{font-size:14px;line-height:14px}.sale-countdown-units small{font-size:10px;line-height:10px;margin-top:2px}.countdown-brandmark{width:22px;height:20px;flex-basis:22px}.countdown-brandmark img{width:28px;left:-3px;top:-3px}
 .site-header{height:71.25px}.nav-inner{padding:15px 20px 10px;gap:10px}.site-logo{width:155px;max-width:155px;max-height:46.25px}.header-cart{width:36px;height:36px;flex-basis:36px}
 .hero{padding:8.75px 20px 30px}.hero-grid{display:flex;flex-direction:column;gap:20px;width:100%}.hero-heading{order:0;text-align:center}.hero-sale-banner{width:100%;max-width:349px;height:32px;margin:0 auto 20px;padding:8px 5px;font-size:15px;line-height:16px}.hero-kicker{font-size:clamp(24px,8.2vw,32px);line-height:32px;margin-bottom:10px;letter-spacing:0}.hero h1{font-size:24px;line-height:36px;margin-bottom:10px}.hero-heading>.lead{font-size:17px;line-height:25.5px}.hero-media{order:1;margin:0;align-self:center}.presentation{width:min(100%,325px);aspect-ratio:325/518;margin:auto}.hero-body{order:2;width:100%;text-align:center}.hero-body>.button{width:345px;max-width:calc(100% - 5px);height:60px;margin:5px auto 15px;font-size:16px;padding:2.5px 15px}.hero-body>.button::before{left:-4px}.hero-body>.button::after{right:-4px}.hero-user-photos{height:24px;margin:0 auto 10px}.hero-user-photo-frame{width:24px;height:24px;flex-basis:24px}.hero-user-photo-frame+.hero-user-photo-frame{margin-left:-12px}.hero-social-proof-copy{font-size:12px;line-height:18px}.hero-body>.under-cta{font-size:11px;line-height:18px}#hero-reviews{width:100%;margin-top:20px}.hero-review-with-photo{grid-template-columns:65px minmax(0,1fr);padding:10px;gap:10px}.hero-review-avatar-frame{width:65px;height:65px}.hero-review-with-photo blockquote{font-size:13px;line-height:19.5px}
 .section{padding:30px 0}.section h2{font-size:27px;line-height:34px}.section h3{font-size:22px;line-height:30px}.section p,.section li{font-size:17px;line-height:25.5px}.section .small-copy,.section .review-note,.section .under-cta{font-size:12px;line-height:18px}.split{grid-template-columns:1fr;gap:25px}#perspective{padding-top:30px}#perspective .max-title{line-height:35.1px;margin-bottom:30px}#perspective .story-row.reverse{grid-template-columns:1fr;gap:25px}.story-row{margin:30px 0}#belief{padding:30px 0 50px}#belief>.container{grid-template-columns:1fr}#belief h2{font-size:27px;line-height:34px}.timeline{margin:30px auto}.milestone,.milestone:nth-child(even){grid-template-columns:43px 1fr;min-height:235px;padding:0 0 26px;gap:12px 20px}.milestone-dot{width:42px;height:42px}.milestone-card h3{font-size:20px;line-height:27px}.milestone-card p{font-size:15px;line-height:22.5px}#how-to-use{padding:20px 0}.usage-loop-grid{margin-top:30px;gap:10px}#how-to-use .step{width:38px;height:38px;font-size:18px;line-height:24px;margin-bottom:18px}.usage-loop-grid::before{top:19px}.step-image.usage-loop-panel{border-radius:12px}.usage-loop-grid h3{font-size:15px;line-height:20px;margin:16px 0 8px}.usage-loop-grid p{font-size:14px;line-height:21px}.ingredient-grid{gap:20px;margin:35px 0}.ingredient-card{min-height:0}.ingredient-card h3{font-size:22px;line-height:28px}[data-section="mid-page-purchase-prompt"]{padding:30px 0 50px}[data-section="social-comment-showcase"]{padding:25px 0}.founder-section{padding:0}.founder-intro{display:flex;gap:25px}.founder-intro h2{font-size:22px;line-height:30.8px}.founder-continuation{padding-top:0}.benefit-panel{padding:15px}.benefit-panel h2{font-size:22px;line-height:30px}.offer-card h3{font-size:30px;line-height:38px}.faq-item summary{font-size:17px;line-height:25.5px;padding:15px}.faq-item p{font-size:16px;line-height:24px}.cta-group>.button{font-size:16px;line-height:24px;min-height:60px}
}
@media(max-width:359px){.sale-countdown-label{font-size:10px;letter-spacing:0}.sale-countdown-inner{gap:5px}.sale-countdown-units>span{width:37px}.countdown-brandmark{width:18px;flex-basis:18px}.countdown-brandmark img{width:24px}.site-logo{max-width:135px}.hero-kicker{font-size:24px}.hero h1{font-size:22px;line-height:33px}}

.presentation-logo{display:block;width:100%;height:auto;object-fit:contain}.presentation-bottle{width:70%;height:50%;max-height:300px}

/* Align media to the reference's hero anchors, independent of editable quote length. */
.hero-media{align-self:start;margin-top:2px}.hero-assurances{font-size:12px!important;line-height:24px!important;min-height:24px}.timeline-section{overflow-x:clip}
@media(min-width:768px) and (max-width:1199px){.hero-media{margin-top:70.36px}}
@media(max-width:767px){.hero-media{margin-top:0}.hero-assurances{font-size:10px!important;line-height:16px!important}}

/* Brand symbols occupy the reference crown positions. */
.cta-brandmark,.ribbon-brandmark{display:inline-block;position:relative;width:39px;height:33px;flex:0 0 39px;overflow:hidden;vertical-align:middle}
.cta-brandmark img,.ribbon-brandmark img{position:absolute;max-width:none;width:49px;height:auto;left:-5px;top:-5px}
.sale-countdown{position:relative;overflow:hidden}.sale-countdown-inner{position:relative;z-index:1}
.countdown-splash{position:absolute;pointer-events:none;width:118px;max-width:none;filter:brightness(0) saturate(100%) invert(78%) sepia(18%) saturate(850%) hue-rotate(162deg)}
.countdown-splash-left{left:0;top:-25.48px}.countdown-splash-right{right:0;top:-47.92px}
.hero{position:relative;isolation:isolate;background:#e6f5fd}.hero-reference-background{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;filter:grayscale(1);mix-blend-mode:multiply;opacity:.45;pointer-events:none}.hero-grid{position:relative}
.site-header{background:#e6f5fd}
.split>*,.prompt-panel>*,.facts-panel>*,.story-row>*,.offer-grid>*,.founder-intro>*{min-width:0}
.cta-group{width:445px;max-width:100%}.cta-group>.button{width:100%}
@media(min-width:768px) and (max-width:1199px){.countdown-splash{width:100px}.countdown-splash-left{top:-20.2px}.countdown-splash-right{top:-39.22px}}
@media(max-width:767px){.split,#belief>.container,#perspective .story-row.reverse{grid-template-columns:minmax(0,1fr)}.countdown-splash-left{width:40px;top:0}.countdown-splash-right{width:23.66px;top:auto;bottom:0}.cta-brandmark{width:32px;height:28px;flex-basis:32px}.cta-brandmark img{width:40px;left:-4px;top:-4px}.hero-user-photos{max-width:100%}}

.hero-social-proof-copy{display:flex;align-items:center;gap:4px;white-space:nowrap}.hero-customer-count{font-weight:700}.hero-rating-stars{color:var(--blue);font-size:18px;letter-spacing:-1px}.hero-customer-rating{font-size:14px}.hero-user-photo-frame{width:30px;height:30px;flex-basis:30px}.hero-user-photo-frame+.hero-user-photo-frame{margin-left:-21.25px}.hero-social-proof-copy{font-size:14px}.hero-user-photos{justify-content:center}
@media(max-width:767px){.hero-social-proof-copy{font-size:10px;gap:3px}.hero-rating-stars{font-size:13px}.hero-customer-rating{font-size:10px}.hero-user-photo-frame{width:24px;height:24px;flex-basis:24px}.hero-user-photo-frame+.hero-user-photo-frame{margin-left:-17px}}

/* Primary buttons use the same square silhouette and separated corner marks. */
.hero-body>.button,.cta-group>.button,.offer-card>.button{position:relative;border-radius:0;border:0;box-shadow:none}
.cta-group>.button{font-size:21px;font-weight:700;padding:2.5px 14px;height:60px;justify-content:center}
.hero-body>.button::before,.hero-body>.button::after,.cta-group>.button::before,.cta-group>.button::after,.offer-card>.button::before,.offer-card>.button::after{content:"";position:absolute;top:-5px;bottom:-5px;width:8px;border:0;pointer-events:none;background:linear-gradient(var(--blue),var(--blue)) left top/8px 1px no-repeat,linear-gradient(var(--blue),var(--blue)) left bottom/8px 1px no-repeat,linear-gradient(var(--blue),var(--blue)) left top/1px 8px no-repeat,linear-gradient(var(--blue),var(--blue)) left bottom/1px 8px no-repeat}
.hero-body>.button::before,.cta-group>.button::before,.offer-card>.button::before{left:-10px}.hero-body>.button::after,.cta-group>.button::after,.offer-card>.button::after{right:-10px;transform:scaleX(-1)}
.testing-strip button{width:278.5px;max-width:100%;height:50px;min-height:50px;border-radius:3.75px;font-size:19px;line-height:28.5px;padding:5px}
.filter-row button{border-radius:8px;font-size:20px;font-weight:700;line-height:30px;padding:10px 12px;min-height:52px}
.hero-review-controls .dot{width:8px;height:8px;min-width:8px;min-height:8px;padding:0;margin:3px;border-radius:50%;border:0}.hero-review-controls .dot.active{transform:scale(1.4)}
.offer-card>.button{width:364px;max-width:100%;height:60px;min-height:60px;margin-inline:auto;padding:2.5px 10px;font-size:24px;line-height:36px;font-weight:700;justify-content:center}
@media(min-width:768px) and (max-width:1199px){.cta-group>.button{font-size:19px}.testing-strip button{font-size:12px;line-height:18px}.offer-card>.button{width:304px;height:50px;min-height:50px;font-size:19px;line-height:28.5px}}
@media(max-width:767px){.cta-group{width:min(335px,calc(100% - 20px));margin-inline:auto}.cta-group>.button{font-size:17px;line-height:25.5px}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-row button{font-size:14px;line-height:21px;padding:10px 6px;min-height:43px}.offer-card>.button{width:334px;height:50px;min-height:50px;font-size:19px;line-height:28.5px}.hero-body>.button::before{left:-4px}.hero-body>.button::after{right:-4px}}
/* Reference scroll motion: horizontal entry, 500ms ease-out, reversing on scroll-up. */
.timeline:before,.timeline:after{content:"";position:absolute;left:50%;top:var(--timeline-line-top,65px);bottom:auto;width:2px;height:var(--timeline-line-height,1300px);background:var(--navy)}
.timeline:after{height:var(--timeline-progress,0px);background:var(--sky)}
.milestone{grid-template-columns:39% 22% 39%;align-items:start}
.milestone-label{font-size:30px;line-height:45px;padding:0 20px;font-weight:600}
.milestone-label:before{content:"▦";color:var(--blue);font-size:25px;margin-right:8px}
.milestone-dot{position:relative;width:60px;height:60px;border:0;background:var(--navy);color:transparent;transform:scale(.95);transition:background-color .3s ease-out,transform .3s ease-out;z-index:2}
.milestone-dot:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:white;opacity:0;transition:opacity .3s ease-out;font-size:28px}
.milestone.is-visible .milestone-dot{background:var(--sky);transform:scale(1)}.milestone.is-visible .milestone-dot:after{opacity:1}
.milestone-card{position:relative;border:3px solid var(--navy);font-size:22px;line-height:30px;min-height:185px}
.milestone-card:before{content:"";position:absolute;top:30px;left:-12px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:10px solid var(--navy)}
.milestone:nth-child(even) .milestone-card:before{left:auto;right:-12px;border-right:0;border-left:10px solid var(--navy)}
.milestone.scroll-reveal .milestone-card{opacity:0;transform:translateX(50px);transition:opacity .5s ease-out,transform .5s ease-out}
.milestone.scroll-reveal:nth-child(even) .milestone-card{transform:translateX(-50px)}
.milestone.scroll-reveal.is-visible .milestone-card,.milestone.scroll-reveal:focus-within .milestone-card,.pineal-edit-mode .milestone.scroll-reveal .milestone-card{opacity:1;transform:none;pointer-events:auto}
.belief-photo{margin:0;width:100%;max-width:472px;justify-self:end;border-radius:0;overflow:hidden}.belief-photo img{display:block;width:100%;height:auto;aspect-ratio:472/642;object-fit:cover}
/* Wavy split panel, with an independent editable photograph. */
.product-prompt{position:relative;isolation:isolate}.product-prompt:before{content:"";position:absolute;inset:0;z-index:-1;background:url("/assets/reference-countdown-left.png") left 10%/220px auto no-repeat,url("/assets/reference-countdown-right.png") right 65%/260px auto no-repeat;filter:grayscale(1) sepia(1) hue-rotate(150deg);opacity:.3;pointer-events:none}
.shape-definitions{position:absolute;pointer-events:none}
.prompt-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:523px;aspect-ratio:1150/523;border:0;border-radius:0;background:var(--navy);clip-path:url(#sale-panel-shape);overflow:hidden;align-items:stretch}
.prompt-panel>.prompt-photo{display:block;background:var(--ice);padding:0;margin:0;min-height:0}
.prompt-photo img{display:block;width:100%;height:100%;object-fit:cover}
.prompt-panel>.prompt-message{padding:40px 20px 55px 25px;display:flex;flex-direction:column;justify-content:center;gap:64px;color:white}
.prompt-panel h2{font-size:40px;line-height:67px;font-weight:700;margin:0;color:white}.prompt-panel h2 em{color:var(--sky)}
.prompt-message .cta-group{margin:0;width:100%;max-width:none;padding:0 15px}
.prompt-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:var(--sky);stroke-width:4}
/* Founder introduction and following two-image problem/solution rows. */
.founder-section>.container{display:flex;flex-direction:column;gap:40px;color:#000}
.founder-intro{display:grid;grid-template-columns:31% minmax(0,1fr);gap:20px;align-items:center}
.founder-image{grid-column:auto;grid-row:auto;border-radius:15px;margin:0}.founder-image>img{display:block;width:100%;height:auto;aspect-ratio:356.5/362.45;object-fit:cover;min-height:0}
.founder-image figcaption{padding:10px 15px}.founder-image figcaption strong{font-size:24px;line-height:28.8px;font-weight:800}.founder-image figcaption span{margin-top:4px;font-size:15px;line-height:19.5px;font-weight:500;color:white}
.founder-intro-copy{display:flex;flex-direction:column;gap:30px;min-width:0}.founder-intro h2{margin:0;grid-column:auto;grid-row:auto;color:var(--navy);font-size:45px;line-height:49.5px;font-weight:700}.founder-intro p{margin:0}.founder-intro .founder-subtitle{font-size:24px;line-height:31.2px}
.founder-intro .two-list{margin:0;gap:20px;grid-template-columns:1fr 1fr}.founder-intro .two-list li{font-size:19px;line-height:24.7px;font-weight:600;padding-left:27px}.founder-intro .two-list li:before{font-size:25px}.founder-intro .founder-footer{font-size:19px;line-height:28.5px}
.founder-story-row{display:grid;grid-template-columns:minmax(0,736fr) minmax(0,384fr);gap:30px;align-items:center}.founder-story-row p{font-size:19px;line-height:28.5px;margin:0 0 30px}.founder-story-row p:last-child{margin:0}
.founder-secondary{margin:0;border-radius:15px;overflow:hidden}.founder-secondary img{display:block;width:100%;height:auto;object-fit:cover}
.founder-tried-row{display:grid;grid-template-columns:minmax(0,621fr) minmax(0,489fr);gap:40px;align-items:center}.founder-tried-row .founder-secondary{max-width:400px;justify-self:center;width:100%}.founder-tried-row h3{font-size:33px;line-height:49.5px;margin:0 0 30px}.founder-tried-row li,.founder-prose p,.founder-prose li{font-size:19px;line-height:28.5px}.founder-prose{padding:0}.founder-prose p{margin:0 0 30px}
.problem-layout{display:grid;grid-template-columns:minmax(0,607.5fr) minmax(0,517.5fr);gap:25px 25px;padding-top:50px;color:#000;align-items:start}.problem-copy h2{font-size:40px;line-height:60px;margin:0 0 20px;color:var(--navy)}.problem-copy p,.solution-copy p{font-size:20px;line-height:30px;margin:0 0 30px}.problem-photo{width:100%;max-width:490px;margin:20px auto 0;border:5px solid var(--navy);border-radius:20px;overflow:hidden;background:var(--ice)}.problem-photo img{display:block;width:100%;height:auto;aspect-ratio:490/405;object-fit:cover}.problem-photo-second{margin-top:0}.solution-callout{display:flex;gap:10px;align-items:center;border-top:1px solid var(--sky);border-bottom:1px solid var(--sky);padding:10px 0;margin:0 0 20px}.solution-callout>img{width:74px;height:99px;object-fit:cover;flex:none}.solution-callout h3{font-size:28px;line-height:36.4px;margin:0}
/* Fixed sale bar, dimensions measured from the reference at 100% zoom. */
#sticky-cta.sticky-cta{position:fixed;bottom:0;left:0;right:0;width:100%;min-height:70px;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:30px;border-radius:0;background:var(--navy);box-shadow:none;z-index:40;overflow:hidden}
#sticky-cta[hidden]{display:none}.sticky-sale-copy{position:relative;z-index:1;display:flex;flex-direction:column;text-align:center;flex:none}.sticky-sale-copy strong{font-size:22px;font-weight:800;line-height:26.4px;letter-spacing:.6px;color:#fff}.sticky-sale-copy>span{font-size:18px;font-weight:600;line-height:14px;margin-top:4px;color:var(--sky)}
#sticky-cta>.sticky-sale-button{position:relative;z-index:1;display:flex;flex:none;align-items:center;justify-content:center;gap:6px;width:205px;min-height:49.42px;height:49.42px;padding:8px 10px;border-radius:8px;border:0;box-shadow:none;font-size:19px;line-height:24px;font-weight:800;white-space:nowrap}
.sticky-splash{position:absolute;width:100px;height:auto;bottom:0;pointer-events:none;filter:brightness(0) saturate(100%) invert(78%) sepia(18%) saturate(850%) hue-rotate(162deg)}.sticky-splash-left{left:0;transform:rotate(10deg)}.sticky-splash-right{right:0}
@media(min-width:768px) and (max-width:1199px){.milestone-label{font-size:25px;line-height:38px}.milestone-dot{width:40px;height:40px}.milestone-dot:after{font-size:20px}.prompt-panel{min-height:336px}.prompt-panel h2{font-size:27px;line-height:40px}.prompt-panel>.prompt-message{padding:20px 20px 35px;gap:35px}.founder-intro h2{font-size:34px;line-height:47.6px}.founder-intro .founder-subtitle{font-size:20px;line-height:28px}.founder-intro-copy{gap:20px}.founder-image figcaption strong{font-size:20px}.founder-image figcaption span{font-size:12px}}
@media(max-width:767px){.hero h1{min-height:108px}.timeline:before,.timeline:after{left:15px}.milestone,.milestone:nth-child(even){grid-template-columns:30px minmax(0,1fr);gap:0 25px;padding:25px 0;min-height:0}.milestone-dot{width:30px;height:30px;grid-column:1;grid-row:1;margin:0}.milestone-label,.milestone:nth-child(even) .milestone-label{grid-column:2;grid-row:1;text-align:left;padding:0;font-size:24px;line-height:32px}.milestone-card,.milestone:nth-child(even) .milestone-card{grid-column:2;grid-row:2;margin-top:15px;padding:15px;min-height:183px}.milestone-card h3{font-size:17px;line-height:25px}.milestone-card p{font-size:17px;line-height:25px}.milestone-dot:after{font-size:17px}.milestone:nth-child(even) .milestone-card:before{left:-12px;right:auto;border-left:0;border-right:10px solid var(--navy)}.milestone.scroll-reveal:nth-child(even) .milestone-card{transform:translateX(50px)}.milestone.scroll-reveal.is-visible .milestone-card,.pineal-edit-mode .milestone.scroll-reveal .milestone-card{transform:none}.belief-photo{max-width:350px;justify-self:center}
.prompt-panel{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;border:3px solid var(--sky);border-radius:20px;clip-path:none}.prompt-photo{width:100%;aspect-ratio:1.07}.prompt-panel>.prompt-message{padding:15px 20px 25px;gap:16px}.prompt-panel h2{font-size:19px;line-height:29px}.prompt-outline{display:none}.prompt-message .cta-group{padding:0}.prompt-message .button{font-size:15px}
.founder-section>.container{gap:30px}.founder-intro{grid-template-columns:minmax(0,1fr);gap:20px}.founder-intro-copy{display:contents}.founder-intro h2{grid-row:1;text-align:center;font-size:27px;line-height:35px}.founder-image{grid-row:2;width:min(100%,330px);justify-self:center}.founder-intro .founder-subtitle{font-size:18px;line-height:27px}.founder-intro .two-list li{font-size:16px;line-height:22px}.founder-intro .founder-footer{font-size:17px;line-height:25.5px}.founder-story-row,.founder-tried-row{grid-template-columns:minmax(0,1fr);gap:25px}.founder-story-row p,.founder-tried-row li,.founder-prose p,.founder-prose li{font-size:17px;line-height:25.5px}.founder-tried-row h3{font-size:25px;line-height:35px}.founder-secondary{max-width:384px;justify-self:center;width:100%}
.problem-layout{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:30px}.problem-copy h2{font-size:27px;line-height:40px}.problem-copy p,.solution-copy p{font-size:17px;line-height:25.5px}.problem-photo{margin:0;max-width:none}.solution-callout h3{font-size:20px;line-height:28px}.solution-callout>img{width:54px;height:74px}
#sticky-cta.sticky-cta{padding:10px;gap:10px;min-height:70px;justify-content:space-evenly}.sticky-sale-copy{min-width:0;flex:1}.sticky-sale-copy strong{font-size:12px;line-height:14px;letter-spacing:.2px}.sticky-sale-copy>span{font-size:11px;line-height:14px;margin-top:4px}#sticky-cta>.sticky-sale-button{width:160px;height:40px;min-height:40px;font-size:14px;padding:8px;gap:5px}.sticky-sale-button .cta-brandmark{width:28px;height:24px;flex-basis:28px}.sticky-sale-button .cta-brandmark img{width:36px}.sticky-splash{width:40px}
}
@media(max-width:359px){#sticky-cta>.sticky-sale-button{width:135px;font-size:12px}.sticky-sale-copy strong{font-size:10px}.sticky-sale-copy>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.milestone.scroll-reveal .milestone-card,.milestone.scroll-reveal:nth-child(even) .milestone-card{opacity:1;transform:none;transition:none;pointer-events:auto}.milestone-dot{transition:none}}
/* Editable review totals, rating distribution, and eight customer photo slots. */
#reviews> .container{width:min(1200px,calc(100% - 30px))}#reviews h2{font-size:45px;line-height:58px;font-weight:800}
.filter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 12px;max-width:950px;margin:40px auto 55px}.filter-row button{background:var(--ice);border:1px solid var(--blue);color:#000}.filter-row button.active{background:var(--blue);color:#fff}
.review-summary{display:grid;grid-template-columns:24% 35% 1fr;gap:20px;align-items:start;border:0;border-radius:0;padding:0;background:#fff;margin:50px auto}
.rating-overview{padding-right:10px;min-width:0}.rating-overview-top{display:flex;align-items:center;gap:10px}.rating-overview-top>strong{font-size:38px;line-height:44px;color:#000}.review-gold-stars{color:#ffc400;white-space:nowrap;font-size:29px;letter-spacing:0}.rating-overview p{font-size:17px;line-height:25.5px;margin:8px 0 0;color:#000;white-space:nowrap}
.rating-breakdown{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;padding:0 15px;display:flex;flex-direction:column;gap:5px}.rating-row{display:grid;grid-template-columns:95px minmax(0,1fr) 52px;align-items:center;gap:8px;min-height:20px}.rating-row-stars{font-family:Arial,sans-serif;font-size:22px;line-height:24px;letter-spacing:-1px;white-space:nowrap;color:#b6b6b6}.rating-row:first-child .rating-row-stars{color:#777}.rating-bar{height:15px;background:#f4f4f4}.rating-bar i{display:block;height:100%;width:0;background:#ffe795}.rating-row:first-child .rating-bar i{background:#ffcf00}.rating-count{font-size:14px;line-height:20px;color:#999;white-space:nowrap}.rating-count:before{content:"("}.rating-count:after{content:")"}
.review-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.review-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;border:1px solid #ddd}
@media(min-width:768px) and (max-width:1199px){.review-summary{grid-template-columns:23% 37% 1fr;gap:10px}.rating-overview-top>strong{font-size:30px}.review-gold-stars{font-size:22px}.rating-overview p{font-size:14px}.rating-row{grid-template-columns:78px minmax(0,1fr) 40px;gap:5px}.rating-row-stars{font-size:18px}.rating-breakdown{padding:0 10px}}
@media(max-width:767px){#reviews h2{font-size:27px;line-height:34px}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px auto}.review-summary{grid-template-columns:minmax(0,1fr);gap:25px;margin:35px auto}.rating-overview{padding:0;text-align:center}.rating-overview-top{justify-content:center}.rating-overview p{font-size:17px;white-space:normal}.rating-breakdown{border:0;padding:0 10px}.rating-row{grid-template-columns:95px minmax(0,1fr) 50px}.review-photo-grid{gap:5px}}
.product-prompt .prompt-panel>.prompt-photo{padding:0}
#sticky-cta .sticky-sale-copy>span{font-size:18px;line-height:14px;font-weight:600}
.milestone-icon{font-size:28px;line-height:39px;color:var(--blue)}.milestone-card p{font-size:22px;line-height:30px;margin:0}.milestone:nth-child(3) .milestone-card{min-height:275px}.milestone:nth-child(5) .milestone-card{min-height:305px}.milestone:nth-child(6) .milestone-card{min-height:245px}
.step-image.usage-loop-panel{height:490px;aspect-ratio:auto}.step-image.usage-loop-panel video{width:100%;height:100%;object-fit:cover}
@media(min-width:768px) and (max-width:1199px){.milestone-card p{font-size:18px;line-height:26px}}
@media(max-width:767px){.usage-grid.usage-loop-grid{display:grid;grid-template-columns:1fr;gap:32px}.usage-loop-grid::before{display:none}.step-image.usage-loop-panel{width:305px;max-width:100%;height:455px;border-radius:20px}.usage-loop-grid h3{font-size:22px;line-height:33px;margin:20px 0 15px}.usage-loop-grid p{font-size:17px;line-height:26px;max-width:305px;margin:auto}#sticky-cta .sticky-sale-copy>span{font-size:11px}.milestone-card p{font-size:17px;line-height:25px}}
@media(max-width:359px){#sticky-cta .sticky-sale-copy>span{font-size:9px}}
#review-list .editable-review-record{padding:25px 0;border-top:1px solid #ddd;margin:0;color:#333}.review-record-header{display:flex;align-items:start;gap:10px;font-size:14px;line-height:18px}.review-record-avatar{display:grid;place-items:center;width:45px;height:46px;background:#eee;color:#555;font-size:18px}.review-record-header>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.review-record-header strong{font-size:14px}.review-record-header>div>span{font-size:12px}.review-record-header time{margin-left:auto;font-size:12px;color:#777}.review-record-rating{display:flex;align-items:center;gap:8px;margin:15px 0 8px}.review-record-rating>span{font-size:17px;line-height:24px;letter-spacing:0;color:#ffc400}#review-list .review-record-rating h3{font-size:15px;line-height:24px;font-weight:700;margin:0;color:#333}.section .review-record-body{font-size:14px;line-height:20px;margin:0 0 20px}.review-record-photo{width:200px;max-width:100%;height:200px;border-radius:0}.review-record-photo img{width:100%;height:100%;object-fit:cover;border-radius:0}.review-record-footer{display:flex;justify-content:space-between;margin-top:25px;font-size:12px;line-height:18px;color:#777}
#perspective .story-row{padding:0;border:0}#perspective .story-row:first-of-type .product-stage{padding:0;min-height:0;width:400px;max-width:100%;height:339px;justify-self:center;border:0;border-radius:0;background:transparent}#perspective .story-row:first-of-type .product-stage img{width:100%;height:100%;object-fit:cover}.story-image-collage{width:450px;max-width:100%;height:auto;aspect-ratio:450/390;border:0;border-radius:0}.story-image-collage>img{display:block;width:100%;height:100%;object-fit:cover}.ingredient-image-card{width:517px;max-width:100%;padding:0;border:0;border-radius:0;justify-self:end}.ingredient-image-card a,.ingredient-image-card img{display:block;width:100%;height:auto;aspect-ratio:517/673.13;object-fit:cover}
.ingredient-card header{justify-content:space-between;gap:12px}.ingredient-card header img{width:48px;height:48px;object-fit:cover;flex:none}.ingredient-card>.ingredient-photo{display:block;width:100%;height:146.5px;object-fit:cover}.ingredient-card>div{padding:16px 20px;min-height:84px}.ingredient-card h3{font-size:24px}
.badge-row{display:flex;justify-content:center;gap:30px;padding:30px 0}.badge-row>div{flex:1;max-width:165px}.badge-row img{display:block;width:90px;height:90px;margin:0 auto 20px;object-fit:contain}.badge-row strong{font-size:15px;line-height:22px}
.social-stack{max-width:970px;margin:40px auto 0}.social-stack .source-artwork{padding:0;border:0;margin:0 0 91px}.social-stack img{display:block;width:100%;height:auto}.social-stack .source-artwork:last-child{margin-bottom:0}
.facts-panel{display:block;width:742px;max-width:100%;margin:40px auto 0;padding:0;background:none;border:0;border-radius:0}.facts-panel>img{display:block;width:100%;height:auto;aspect-ratio:742/564;object-fit:cover}
@media(max-width:767px){#perspective .story-row:first-of-type .product-stage{height:auto;aspect-ratio:400/339}.ingredient-card>.ingredient-photo{height:auto;aspect-ratio:368/146.5}.badge-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 15px}.badge-row img{width:65px;height:65px;margin-bottom:10px}.badge-row strong{font-size:14px;line-height:21px}.social-stack .source-artwork{margin-bottom:51px}.facts-section .badge-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ingredient-image-card{justify-self:center}}


/* premium-finish.css */
/* One editable Arctic Couture Velvet layer spans the whole viewport as content scrolls. */
body{isolation:isolate;background:#e4ecf3}
.page-wallpaper{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.page-wallpaper>.hero-reference-background{position:absolute;inset:0;z-index:auto;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;mix-blend-mode:normal;opacity:1}
.site-header,.hero,#page-sections>.section,.review-summary{background:transparent}
.product-prompt:before{content:none}
/* Transparent brand assets retain their existing layout boxes. */
.site-logo{height:auto;aspect-ratio:578/122;object-fit:cover;object-position:center}
.presentation-logo{aspect-ratio:578/122;object-fit:cover;object-position:center}
.countdown-brandmark img,.cta-brandmark img,.ribbon-brandmark img,.sticky-sale-button .cta-brandmark img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
/* Measured reference corner strokes: 15px arms, 2px lines. */
.hero-body>.button::before,.hero-body>.button::after,.cta-group>.button::before,.cta-group>.button::after,.offer-card>.button::before,.offer-card>.button::after{width:15px;top:-7px;bottom:-7px;background:linear-gradient(var(--blue),var(--blue)) left top/15px 2px no-repeat,linear-gradient(var(--blue),var(--blue)) left bottom/15px 2px no-repeat,linear-gradient(var(--blue),var(--blue)) left top/2px 15px no-repeat,linear-gradient(var(--blue),var(--blue)) left bottom/2px 15px no-repeat}
.hero-body>.button::before,.cta-group>.button::before,.offer-card>.button::before{left:-7px}
.hero-body>.button::after,.cta-group>.button::after,.offer-card>.button::after{right:-7px;transform:scaleX(-1)}
/* Calendar silhouette and dimensions follow the reference timeline icon. */
.milestone-label{font-size:45px;line-height:50px;font-weight:500}
.milestone-label:before{content:"";display:inline-block;width:36px;height:38px;margin:-6px 12px 0 0;vertical-align:middle;background:url("/assets/reference-calendar.jpg") center/contain no-repeat;filter:hue-rotate(225deg)}
@media(min-width:768px) and (max-width:1199px){.milestone-label{font-size:35px;line-height:40px}.milestone-label:before{width:30px;height:31.66px}}
@media(max-width:767px){.milestone-label,.milestone:nth-child(even) .milestone-label{font-size:24px;line-height:32px;font-weight:500}.milestone-label:before{width:25px;height:26.38px}}


/* measured-details.css */
/* Typography measured from the reference at 1440, 1000 and 390 CSS pixels. */
.hero-social-proof-copy{font-size:16px;font-weight:500;line-height:19.2px;letter-spacing:0.6px;}
.cta-assurances,.hero-body>.under-cta{font-size:14px;font-weight:500;line-height:24px;letter-spacing:0.6px;}
#perspective .story-row p{font-size:19px;font-weight:400;line-height:28.5px;letter-spacing:normal;}
#perspective .story-row.reverse h3{font-size:20px;font-weight:800;line-height:30px;letter-spacing:normal;}
#perspective .story-row:nth-of-type(3) h3{font-size:29px;font-weight:800;line-height:37.7px;letter-spacing:normal;}
#belief .eyebrow{font-size:52px;font-weight:800;line-height:52px;letter-spacing:normal;}
#belief h2{font-size:30px;font-weight:700;line-height:39px;letter-spacing:normal;}
#belief p:not(.eyebrow):not(.under-cta){font-size:20px;font-weight:400;line-height:30px;letter-spacing:normal;}
#consistent-use h2{font-size:52px;font-weight:800;line-height:58px;letter-spacing:0.6px;}
.milestone-card p{font-size:22px;font-weight:400;line-height:30px;letter-spacing:0.6px;}
.usage-loop-grid h3{font-size:22px;font-weight:800;line-height:33px;letter-spacing:0.6px;}
.usage-loop-grid p{font-size:17px;font-weight:400;line-height:26px;letter-spacing:0.6px;}
#formula>.container>.intro{font-size:25px;font-weight:400;line-height:36px;letter-spacing:0.6px;}
.ingredient-card h3{font-size:26px;font-weight:700;line-height:26px;letter-spacing:0.6px;}
.ingredient-card p{font-size:17px;font-weight:500;line-height:26px;letter-spacing:-0.17px;}
#formula .badge-row strong{font-size:20px;font-weight:400;line-height:28px;letter-spacing:0.6px;}
.founder-intro h2{font-size:45px;font-weight:700;line-height:49.5px;letter-spacing:0.6px;}
.founder-image figcaption strong{font-size:24px;font-weight:800;line-height:28.8px;letter-spacing:0.6px;}
.founder-image figcaption span{font-size:15px;font-weight:500;line-height:19.5px;letter-spacing:0.6px;}
.founder-intro .founder-subtitle{font-size:24px;font-weight:400;line-height:31.2px;letter-spacing:0.6px;}
.founder-intro .two-list li{font-size:19px;font-weight:600;line-height:24.7px;letter-spacing:0.6px;}
.founder-intro .founder-footer{font-size:19px;font-weight:400;line-height:28.5px;letter-spacing:0.6px;}
.founder-story-row p,.founder-prose p{font-size:19px;font-weight:400;line-height:28.5px;letter-spacing:0.6px;}
.founder-tried-row h3{font-size:33px;font-weight:700;line-height:49.5px;letter-spacing:0.6px;}
.founder-tried-row li{font-size:19px;font-weight:600;line-height:24.7px;letter-spacing:0.6px;}
.founder-prose li{font-size:19px;font-weight:400;line-height:28.5px;letter-spacing:0.6px;}
.offer-card h3{font-size:32px;font-weight:800;line-height:36px;letter-spacing:0.6px;}
.offer-card li{font-size:16px;font-weight:700;line-height:24px;letter-spacing:0.6px;}
.offer-price strong{font-size:32px;font-weight:800;line-height:40px;letter-spacing:0.6px;}
#review-filters button{font-size:20px;font-weight:700;line-height:30px;letter-spacing:normal;}
.rating-overview-top>strong{font-size:37px;font-weight:700;line-height:30px;letter-spacing:0.6px;}
.rating-overview p{font-size:15px;font-weight:400;line-height:22.5px;letter-spacing:0.6px;}
.faq-item summary{font-size:22px;font-weight:800;line-height:33px;letter-spacing:0.3px;}
.faq-item p{font-size:19px;font-weight:400;line-height:27px;letter-spacing:normal;}
@media(min-width:768px) and (max-width:1199px){
.hero-social-proof-copy{font-size:15px;font-weight:500;line-height:18px;letter-spacing:0.6px;}
.cta-assurances,.hero-body>.under-cta{font-size:14px;font-weight:500;line-height:24px;letter-spacing:0.6px;}
#perspective .story-row p{font-size:19px;font-weight:400;line-height:28.5px;letter-spacing:normal;}
#perspective .story-row.reverse h3{font-size:20px;font-weight:800;line-height:30px;letter-spacing:normal;}
#perspective .story-row:nth-of-type(3) h3{font-size:29px;font-weight:800;line-height:37.7px;letter-spacing:normal;}
#belief .eyebrow{font-size:34px;font-weight:800;line-height:47.6px;letter-spacing:normal;}
#belief h2{font-size:25px;font-weight:700;line-height:32.5px;letter-spacing:normal;}
#belief p:not(.eyebrow):not(.under-cta){font-size:17px;font-weight:400;line-height:23.8px;letter-spacing:normal;}
#consistent-use h2{font-size:34px;font-weight:800;line-height:42px;letter-spacing:0.6px;}
.milestone-card p{font-size:18px;font-weight:400;line-height:26px;letter-spacing:0.6px;}
.usage-loop-grid h3{font-size:22px;font-weight:800;line-height:33px;letter-spacing:0.6px;}
.usage-loop-grid p{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.6px;}
#formula>.container>.intro{font-size:25px;font-weight:400;line-height:30px;letter-spacing:0.6px;}
.ingredient-card h3{font-size:20px;font-weight:700;line-height:28px;letter-spacing:0.6px;}
.ingredient-card p{font-size:16px;font-weight:500;line-height:24px;letter-spacing:-0.16px;}
#formula .badge-row strong{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.6px;}
.founder-intro h2{font-size:34px;font-weight:700;line-height:47.6px;letter-spacing:0.6px;}
.founder-image figcaption strong{font-size:24px;font-weight:800;line-height:28.8px;letter-spacing:0.6px;}
.founder-image figcaption span{font-size:15px;font-weight:500;line-height:19.5px;letter-spacing:0.6px;}
.founder-intro .founder-subtitle{font-size:17px;font-weight:400;line-height:23.8px;letter-spacing:0.6px;}
.founder-intro .two-list li{font-size:17px;font-weight:600;line-height:22.1px;letter-spacing:0.6px;}
.founder-intro .founder-footer{font-size:17px;font-weight:400;line-height:23.8px;letter-spacing:0.6px;}
.founder-story-row p,.founder-prose p{font-size:17px;font-weight:400;line-height:23.8px;letter-spacing:0.6px;}
.founder-tried-row h3{font-size:26px;font-weight:700;line-height:36.4px;letter-spacing:0.6px;}
.founder-tried-row li{font-size:17px;font-weight:600;line-height:22.1px;letter-spacing:0.6px;}
.founder-prose li{font-size:17px;font-weight:400;line-height:25.5px;letter-spacing:0.6px;}
.offer-card h3{font-size:26px;font-weight:800;line-height:32px;letter-spacing:0.6px;}
.offer-card li{font-size:14px;font-weight:700;line-height:21px;letter-spacing:0.6px;}
.offer-price strong{font-size:28px;font-weight:800;line-height:40px;letter-spacing:0.6px;}
#review-filters button{font-size:20px;font-weight:700;line-height:30px;letter-spacing:normal;}
.rating-overview-top>strong{font-size:37px;font-weight:700;line-height:30px;letter-spacing:0.6px;}
.rating-overview p{font-size:15px;font-weight:400;line-height:22.5px;letter-spacing:0.6px;}
.faq-item summary{font-size:22px;font-weight:800;line-height:33px;letter-spacing:0.3px;}
.faq-item p{font-size:19px;font-weight:400;line-height:27px;letter-spacing:normal;}
}
@media(max-width:767px){
.hero-social-proof-copy{font-size:12px;font-weight:500;line-height:14.4px;letter-spacing:0.6px;}
.cta-assurances,.hero-body>.under-cta{font-size:12px;font-weight:500;line-height:24px;letter-spacing:0.6px;}
#perspective .story-row p{font-size:17px;font-weight:400;line-height:25.5px;letter-spacing:normal;}
#perspective .story-row.reverse h3{font-size:17px;font-weight:800;line-height:25.5px;letter-spacing:normal;}
#perspective .story-row:nth-of-type(3) h3{font-size:18px;font-weight:800;line-height:23.4px;letter-spacing:normal;}
#belief .eyebrow{font-size:27px;font-weight:800;line-height:37.8px;letter-spacing:normal;}
#belief h2{font-size:18px;font-weight:700;line-height:23.4px;letter-spacing:normal;}
#belief p:not(.eyebrow):not(.under-cta){font-size:17px;font-weight:400;line-height:23.8px;letter-spacing:normal;}
#consistent-use h2{font-size:27px;font-weight:700;line-height:34px;letter-spacing:0.6px;}
.milestone-card p{font-size:17px;font-weight:400;line-height:25px;letter-spacing:0.6px;}
.usage-loop-grid h3{font-size:16px;font-weight:800;line-height:24px;letter-spacing:0.6px;}
.usage-loop-grid p{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.6px;}
#formula>.container>.intro{font-size:18px;font-weight:400;line-height:26px;letter-spacing:0.6px;}
.ingredient-card h3{font-size:20px;font-weight:700;line-height:28px;letter-spacing:0.6px;}
.ingredient-card p{font-size:16px;font-weight:500;line-height:24px;letter-spacing:normal;}
#formula .badge-row strong{font-size:15px;font-weight:500;line-height:24px;letter-spacing:0.6px;}
.founder-intro h2{font-size:22px;font-weight:700;line-height:30.8px;letter-spacing:0.6px;}
.founder-image figcaption strong{font-size:22px;font-weight:800;line-height:26.4px;letter-spacing:0.6px;}
.founder-image figcaption span{font-size:15px;font-weight:500;line-height:19.5px;letter-spacing:0.6px;}
.founder-intro .founder-subtitle{font-size:17px;font-weight:400;line-height:23.8px;letter-spacing:normal;}
.founder-intro .two-list li{font-size:16px;font-weight:600;line-height:20.8px;letter-spacing:0.6px;}
.founder-intro .founder-footer{font-size:17px;font-weight:400;line-height:23.8px;letter-spacing:normal;}
.founder-story-row p,.founder-prose p{font-size:17px;font-weight:400;line-height:23.8px;letter-spacing:normal;}
.founder-tried-row h3{font-size:22px;font-weight:700;line-height:30.8px;letter-spacing:0.6px;}
.founder-tried-row li{font-size:16px;font-weight:600;line-height:20.8px;letter-spacing:0.6px;}
.founder-prose li{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.6px;}
.offer-card h3{font-size:28px;font-weight:800;line-height:34px;letter-spacing:0.6px;}
.offer-card li{font-size:14px;font-weight:700;line-height:21px;letter-spacing:0.6px;}
.offer-price strong{font-size:25px;font-weight:800;line-height:40px;letter-spacing:0.6px;}
#review-filters button{font-size:14px;font-weight:700;line-height:21px;letter-spacing:normal;}
.rating-overview-top>strong{font-size:37px;font-weight:700;line-height:30px;letter-spacing:0.6px;}
.rating-overview p{font-size:15px;font-weight:400;line-height:22.5px;letter-spacing:0.6px;}
.faq-item summary{font-size:17px;font-weight:800;line-height:25.5px;letter-spacing:0.3px;}
.faq-item p{font-size:17px;font-weight:400;line-height:25px;letter-spacing:normal;}
}
/* Corresponding layout geometry, including the small controls. */
.sale-countdown-label{font-weight:900}
.hero-body>.button,.cta-group>.button,.offer-card>.button{position:relative;overflow:visible;border:0;box-shadow:0 3px 3px 2px #0003}
.hero-body>.button::before,.cta-group>.button::before,.offer-card>.button::before,.hero-body>.button::after,.cta-group>.button::after,.offer-card>.button::after,.reference-corners::before,.reference-corners::after{content:"";position:absolute;box-sizing:border-box;width:15px;height:15px;background:none;transform:none;border:0 solid var(--blue);pointer-events:none}
.hero-body>.button::before,.cta-group>.button::before{top:-7px;right:-7px;bottom:auto;left:auto;border-top-width:2px;border-right-width:2px}
.hero-body>.button::after,.cta-group>.button::after{bottom:-7px;left:-7px;top:auto;right:auto;border-bottom-width:2px;border-left-width:2px}
.reference-corners{position:absolute;inset:0;pointer-events:none}
.reference-corners::before{left:-5px;top:-7px;border-top-width:2px;border-left-width:2px}
.reference-corners::after{right:-6px;bottom:-8px;border-bottom-width:2px;border-right-width:2px}
.hero-body>.button .reference-corners::before{left:-6px;top:-6px}
.hero-body>.button .reference-corners::after{right:-6px;bottom:-6px}
.offer-card>.button::before{top:-5px;right:-5px;left:auto;bottom:auto;border-top-width:2px;border-right-width:2px}
.offer-card>.button::after{bottom:-5px;left:-5px;right:auto;top:auto;border-bottom-width:2px;border-left-width:2px}
.offer-card>.button .reference-corners::before{left:-5px;top:-5px}
.offer-card>.button .reference-corners::after{right:-5px;bottom:-5px}
.cta-group>.button{height:60px;font-size:21px;line-height:31.5px;padding:2.5px 14px;margin:5px 10px;max-width:calc(100% - 20px)}
.cta-group{width:465px;max-width:100%;gap:5px}
.cta-assurances{font-size:14px;line-height:24px;font-weight:500;margin:0;text-align:center}
.cta-assurances br{display:none}.cta-assurances br::after{content:" "}
#perspective>.container{width:min(1140px,calc(100% - 30px))}
#perspective .story-row{grid-template-columns:1fr 1fr;gap:20px}
#perspective .story-row.reverse{grid-template-columns:450px 1fr;gap:25px}
#perspective .story-row:nth-of-type(3){grid-template-columns:603fr 517fr;gap:20px}
#perspective .story-row p{padding:10px 0;margin:0}
#perspective .story-row.reverse h3{padding:10px 0;margin:0}
#belief .eyebrow{letter-spacing:normal;text-transform:none;padding:10px 0;margin:0}
#belief h2{padding:10px 0;margin:15px 0}
#belief p:not(.eyebrow):not(.under-cta){padding:10px 0;margin:0}
.timeline{margin:30px auto 20px}
.milestone{grid-template-columns:39% 22.5% 38.5%;min-height:0}
.milestone:nth-child(even){grid-template-columns:38.5% 22.5% 39%}
.milestone-label{margin-top:10px;padding:0}
.milestone-card{width:100%;border:3px solid var(--navy)}
.milestone-icon{height:39px;margin-bottom:10px}
.milestone:nth-child(1) .milestone-card,.milestone:nth-child(2) .milestone-card,.milestone:nth-child(4) .milestone-card{min-height:185px}
.timeline-section .disclaimer-frame{max-width:910px;border:1px solid var(--navy);font-size:10px;line-height:15px;padding:12.5px;margin:0 auto 20px}
.usage-loop-grid h3{font-weight:800}
#formula>.container>.intro{margin:25px 0}
.ingredient-card{border:2px solid var(--navy)}
.ingredient-card>.ingredient-photo{margin:15px 0}
.ingredient-card>div{padding:10px 0 14px;min-height:50px;text-align:center}
.ingredient-card p{margin:0}
#formula .promise-heading{font-size:36px;line-height:42px;font-weight:700;margin:80px 0 36px}
#formula .badge-row{gap:16px;padding:0 0 40px}
#formula .badge-row>div{max-width:none}
#formula .badge-row img{margin-bottom:10px}
#formula .badge-row strong{font-weight:400}
.founder-tried-row .two-list{gap:20px 30px}
.offer-grid{max-width:900px;gap:60px;margin-left:auto;margin-right:auto;align-items:start}
.offer-card{border:3px solid var(--navy);border-radius:10px;padding:0 15px 15px}
.offer-banner{margin-left:-15px;margin-right:-15px}
.offer-gallery{width:100%;height:auto;aspect-ratio:1}
.offer-gallery img{width:100%;height:100%;object-fit:contain}
.offer-card>.button{width:calc(100% - 20px);height:60px;min-height:60px;font-size:24px;line-height:36px;padding:2.5px 10px;margin:25px 10px 10px;gap:10px}
.offer-card>.button .cta-brandmark{width:35px;height:32px;flex-basis:35px}
#review-filters{gap:10px;max-width:1150px;margin:30px auto 55px}
.review-summary{grid-template-columns:260px 300px 295px;gap:20px;justify-content:center;margin:50px auto}
.rating-overview p{white-space:normal}.rating-row{grid-template-columns:88px minmax(0,1fr) 45px;gap:5px;min-height:18px}.rating-row-stars{font-size:20px;line-height:20px}.rating-count{font-size:12px;line-height:18px}.rating-bar{height:14px}.review-photo-grid img{aspect-ratio:1.25}
#faq{padding:40px 0 30px}
#faq-list{margin:22.5px auto 12.5px}
.faq-item{border:3px solid var(--navy);border-radius:8px;margin:0 0 25px;padding:0 25px}
.faq-item summary{padding:20px 0;min-height:73px;line-height:33px}
.faq-item p{padding:0;margin:0 0 15px;line-height:27px}
@media(min-width:768px) and (max-width:1199px){
 #perspective .story-row.reverse{grid-template-columns:40% 1fr}
 .timeline{max-width:720px}.milestone{grid-template-columns:44% 13% 43%;padding:25px 0}.milestone:nth-child(even){grid-template-columns:43% 13% 44%}.milestone-label{margin-top:12px}
 .offer-grid{max-width:735px;gap:15px}.offer-card{padding:0 10px 10px}.offer-banner{margin-left:-10px;margin-right:-10px}
 .review-summary{grid-template-columns:23% 37% 1fr;gap:10px}
}
@media(max-width:767px){
 .cta-group{width:335px;margin-left:auto;margin-right:auto}.cta-group>.button{width:100%;max-width:100%;margin:5px 0;font-size:17px;line-height:25.5px;padding:2.5px}
 .cta-assurances{font-size:12px;line-height:24px}.hero-body>.under-cta{font-size:12px;line-height:24px}
 #perspective .story-row,#perspective .story-row.reverse,#perspective .story-row:nth-of-type(3){grid-template-columns:1fr}
 #perspective .story-row.reverse h3{padding:10px 0}
 #belief>.container>div{display:flex;flex-direction:column;gap:15px}#belief h2{margin:0}
 .timeline{padding:0 15px;margin:0 auto 20px}.milestone,.milestone:nth-child(even){grid-template-columns:30px minmax(0,1fr);gap:0 25px;padding:0;margin:40px auto 0;max-width:370px}
 .milestone-label,.milestone:nth-child(even) .milestone-label{margin:0}
 .milestone-card,.milestone:nth-child(even) .milestone-card{border-width:2px;min-height:183px;margin-top:15px}.milestone-card:before{display:none}
 .milestone:nth-child(3) .milestone-card{min-height:258px}.milestone:nth-child(5) .milestone-card{min-height:283px}.milestone:nth-child(6) .milestone-card{min-height:233px}
 .timeline-section .disclaimer-frame{font-size:11px;line-height:16.5px;margin-top:25px}
 #formula .promise-heading{font-size:27px;line-height:34px;margin:50px 0 25px}
 #formula .badge-row{gap:25px 15px;padding-bottom:25px}
 .founder-intro h2{font-size:22px;line-height:30.8px}.solution-callout h3{font-size:17px;line-height:22.1px}
 .offer-grid{width:360px;max-width:100%;gap:0}.offer-card{padding:0 10px 10px;margin-bottom:30px}.offer-banner{margin-left:-10px;margin-right:-10px}.offer-card>.button{font-size:21px;line-height:31.5px}
 #review-filters{gap:10px;width:330px;max-width:100%}
 .review-summary{grid-template-columns:minmax(0,1fr);gap:25px}
 .rating-overview-top>strong{font-size:37px;line-height:30px}.rating-breakdown{max-width:300px;width:100%;margin:auto}.review-photo-grid{max-width:295px;margin:auto}
 .faq-item{padding:0 10px}.faq-item summary{padding:10px 0;min-height:45.5px;line-height:25.5px}.faq-item p{line-height:25px}
}
/* Keep inherited paragraph rules from changing compact proof rows. */
.hero-body>.hero-assurances{font-size:14px!important;line-height:24px!important;letter-spacing:.6px}
.section .cta-group>.cta-assurances,#perspective .story-row .cta-group>.cta-assurances{font-size:14px;line-height:24px;font-weight:500;letter-spacing:.6px;padding:0;margin:0;white-space:normal}
.hero-customer-rating{font-size:16px}
.faq-item>div{padding:0}
@media(min-width:768px) and (max-width:1023px){.hero-social-proof-copy,.hero-customer-rating{font-size:15px}}
@media(max-width:767px){.hero-body>.hero-assurances{font-size:12px!important;line-height:24px!important}.section .cta-group>.cta-assurances,#perspective .story-row .cta-group>.cta-assurances{font-size:12px;line-height:24px}.hero-customer-rating{font-size:12px}}
#perspective .story-row>*{min-width:0}
@media(max-width:767px){#perspective .story-row,#perspective .story-row.reverse,#perspective .story-row:nth-of-type(3){grid-template-columns:minmax(0,1fr)}#formula .badge-row strong{font-weight:500}}
.milestone .milestone-dot,.milestone:nth-child(even) .milestone-dot{width:60px;height:60px}
.milestone-label:before{filter:hue-rotate(245deg)}
@media(min-width:768px) and (max-width:1199px){.milestone .milestone-dot,.milestone:nth-child(even) .milestone-dot{width:40px;height:40px}.ingredient-card{width:380px;max-width:100%;justify-self:center}.ingredient-card>.ingredient-photo{height:auto;aspect-ratio:368/146.5}.founder-intro{gap:25px}}
@media(max-width:767px){.milestone .milestone-dot,.milestone:nth-child(even) .milestone-dot{width:30px;height:30px}.step-image.usage-loop-panel{border-radius:24px}.ingredient-card>.ingredient-photo{width:85%;height:auto;aspect-ratio:368/146.5;margin:15px auto}.founder-intro{display:grid}.founder-intro-copy{display:contents}}
#community .max-title{margin:0 auto;max-width:none}.social-stack{margin:0 auto}.social-stack .source-artwork:last-child{margin-bottom:91px}
@media(max-width:767px){.belief-photo{max-width:345px}.founder-image{width:min(100%,350px)}.founder-secondary{border-radius:10px}.ingredient-card header{padding:10px 20px}.social-stack .source-artwork:last-child{margin-bottom:51px}}
#consistent-use .cta-group,#formula .cta-group{width:450px}
#consistent-use .cta-group>.button,#formula .cta-group>.button{width:430px;font-size:21px;line-height:60px;padding:2.5px 25px}
#consistent-use .reference-corners::before,#formula .reference-corners::before{left:-6px;top:-6px}
#consistent-use .reference-corners::after,#formula .reference-corners::after{right:-6px;bottom:-6px}
.faq-document-photo{display:block;width:100%;height:auto;aspect-ratio:774/589.52;object-fit:cover;margin-bottom:15px}
#footer .footer-logo{width:180px;height:52px;object-fit:cover;aspect-ratio:578/122}
@media(min-width:768px) and (max-width:1019px){.cta-group>.button{font-size:19px;line-height:28.5px}#consistent-use .cta-group>.button,#formula .cta-group>.button{font-size:18px;line-height:57px}.prompt-message .cta-group>.button{font-size:17px;line-height:25.5px}}
/* The reference omits detached corner marks from mobile hero/section buttons. */
@media(max-width:767px){.hero-body>.button::before,.hero-body>.button::after,.cta-group>.button::before,.cta-group>.button::after,.hero-body>.button>.reference-corners,.cta-group>.button>.reference-corners{display:none}#consistent-use .cta-group,#formula .cta-group{width:345px}#consistent-use .cta-group>.button,#formula .cta-group>.button{width:100%;font-size:16px;line-height:56px;padding:2.5px 15px}}
.offer-thumbnails{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;width:100%;height:90px;margin:5px 0 10px}.offer-thumbnails>button{width:90px;height:90px;flex:0 0 90px;padding:0;border:0;background:transparent}.offer-thumbnails img{display:block;width:90px;height:90px;object-fit:cover}
.offer-card .offer-features{min-height:0;margin:10px 0}.offer-card .offer-features li{min-height:49px;padding:12px 0 12px 34px;margin:0;border-bottom:1px solid #ccd6df;line-height:24px}.offer-card .offer-features li::before{top:12px;left:0;width:24px;height:24px}
.offer-quantity-block{margin:8px 0 10px;font-size:16px;line-height:19px;font-weight:700}.offer-quantity-block>span{display:block;margin-bottom:10px}.offer-quantity{display:flex;align-items:center;width:160px;height:44px;margin:auto;border:1px solid var(--navy);border-radius:5px;overflow:hidden}.offer-quantity>button{flex:1;height:42px;padding:0;border:0;background:transparent;color:inherit;font-size:22px}.offer-quantity>span{min-width:32px;text-align:center}
@media(max-width:767px){.offer-thumbnails{height:78px}.offer-thumbnails>button,.offer-thumbnails img{width:78px;height:78px}.offer-thumbnails>button{flex-basis:78px}}
@media(min-width:768px) and (max-width:1199px){.offer-card{padding:0 15px 15px}.offer-banner{margin-left:-15px;margin-right:-15px}.offer-thumbnails{height:70px}.offer-thumbnails>button,.offer-thumbnails img{width:70px;height:70px}.offer-thumbnails>button{flex-basis:70px}}
@media(max-width:767px){.offer-thumbnails{height:67px}.offer-thumbnails>button,.offer-thumbnails img{width:67px;height:67px}.offer-thumbnails>button{flex-basis:67px}}
.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-card,.ingredient-card{min-width:0}
@media(min-width:768px) and (max-width:1199px){.ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1199px){.offer-card .offer-features li{line-height:21px}}
@media(max-width:767px){.offer-grid{grid-template-columns:minmax(0,1fr)}}


/* mobile-fidelity.css */
/* Mobile measurements from the live reference at a 390 CSS-pixel viewport.
   Desktop rules and all existing editable content keys remain unchanged. */
.formula-mobile-photo{display:none}
@media(max-width:767px){
  .sale-countdown .countdown-brandmark{display:none}
  .sale-countdown-label{letter-spacing:.8px}
  .site-header .nav-inner{padding:15px 28px 10px 23px;gap:10px;min-height:71.25px}
  .site-header #menu-toggle,.site-header .header-cart{width:33px;height:33px;min-width:33px;min-height:33px;flex:0 0 33px;padding:0}
  .site-header .wordmark{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;margin:0}
  /* Match the reference's 46.25px visible logo height without squeezing our wider wordmark. */
  .site-header .site-logo{width:219.12px;height:auto;max-width:100%;max-height:46.25px;object-fit:contain}
  .site-header #navigation{display:block;position:fixed;inset:var(--mobile-menu-top,138px) 0 0;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:30px 20px;overflow-y:auto;border:0;border-radius:0;background:var(--ice);transform:translateX(-100%);visibility:hidden;transition:transform .3s ease-in-out,visibility .3s}
  .site-header #navigation.open{transform:none;visibility:visible}
  .site-header .menu-products{display:flex;flex-direction:column;gap:10px}
  body:has(.site-header #navigation.open){overflow:hidden}
  .hero-sale-banner{font-size:12px;line-height:14.4px;font-weight:500}
  .hero-kicker{font-size:32px;line-height:32px}
  /* Reference hero CTA: 60px height, 20px page gutters, 10px icon gap. */
  .hero-body>.button{width:100%;max-width:100%;height:60px;min-height:60px;gap:10px}
  .hero-body>.button .cta-brandmark{width:28px;height:24px;flex-basis:28px}
  .hero-user-photos{margin-bottom:0;min-height:21px}
  .hero-review-with-photo{grid-template-columns:70px minmax(0,1fr);padding:12.5px;gap:12.5px}
  .hero-review-avatar-frame{width:70px;height:70px}
  #hero-reviews{overflow:hidden;position:relative}
  .hero-review.is-transitioning{animation:mobile-review-slide .4s cubic-bezier(.25,1,.5,1)}

  #perspective>.container{display:flex;flex-direction:column;gap:20px}
  #perspective .max-title,#perspective .story-row,#perspective .testing-strip{margin:0}
  #perspective .story-row{gap:20px}
  #perspective .story-row.reverse>div:last-child{order:-1}
  #belief>.container{display:flex;flex-direction:column;gap:10px}
  #belief>.container>div{display:contents}
  #belief .eyebrow{order:0}
  #belief h2{order:1}
  #belief .belief-photo{order:2;width:100%;max-width:none;margin:0}
  #belief>.container>div>p:not(.eyebrow){order:3}
  #belief>.container>div>.cta-group{order:4}
  .milestone:nth-child(1) .milestone-card,.milestone:nth-child(2) .milestone-card,.milestone:nth-child(4) .milestone-card{min-height:183px}
  .timeline-section .disclaimer-frame{max-width:calc(100% - 30px)}
  #consistent-use .milestone.scroll-reveal .milestone-card{
    opacity:0;transform:translateX(50px);pointer-events:none;
    transition:opacity .5s ease-out,transform .5s ease-out;
  }
  #consistent-use .milestone.scroll-reveal:nth-child(even) .milestone-card{transform:translateX(-50px)}
  #consistent-use .milestone.scroll-reveal.is-visible .milestone-card,
  #consistent-use .milestone.scroll-reveal:focus-within .milestone-card,
  body.pineal-edit-mode #consistent-use .milestone.scroll-reveal .milestone-card{
    opacity:1;transform:none;pointer-events:auto;
  }

  #how-to-use{padding:0}
  #how-to-use>.container{padding-top:20px;padding-bottom:20px}
  #how-to-use h2{margin:0}
  #how-to-use .usage-loop-grid{display:flex;flex-direction:column;gap:30px;margin:53px 0 0}
  #how-to-use .usage-loop-grid article{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;margin:0}
  #how-to-use .step{position:absolute;z-index:1;top:-20px;left:calc(50% - 25px);width:50px;height:50px;border-width:5px;font-size:24px;line-height:36px;margin:0 0 20px}
  #how-to-use .step-image{width:305px;max-width:100%;height:455px;border-width:4px;border-radius:24px;margin:0}
  #how-to-use .usage-loop-grid h3{font-size:16px;line-height:24px;max-width:70%;margin:16px 0 0}
  #how-to-use .usage-loop-grid p{font-size:16px;line-height:24px;max-width:305px;margin:0}
  #formula>.container>.intro{margin:25px 0}
  .formula-mobile-photo{display:block;width:100%;height:auto;margin:0}
  .formula-mobile-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
  #formula .ingredient-grid{gap:17px;margin:40px 0}
  #formula .ingredient-card>.ingredient-photo{height:120px;aspect-ratio:auto}
  #formula .badge-row{gap:12px;padding-bottom:25px}

  .product-prompt .prompt-panel{border:0;gap:10px;min-height:0}
  .product-prompt .prompt-panel>.prompt-photo{display:none}
  .prompt-panel>.prompt-message{padding:0 12px 15px}
  #community .max-title{margin-bottom:10px}
  #community .social-stack .source-artwork{padding:25px 0;margin:0}
  .founder-section>.container{gap:15px}
  .founder-intro .founder-image{width:76%;max-width:none;border-radius:20px;margin:0 auto}
  .founder-image figcaption{padding:10px 15px}
  .founder-image figcaption span{margin-top:4px}
  .founder-intro .two-list{gap:5px 10px}
  .founder-intro .two-list li{display:flex;align-items:center;gap:8px;padding:0}
  .founder-intro .two-list li:before{position:static;width:19px;flex:0 0 19px;font-size:19px;line-height:19px}
  .founder-story-row,.founder-tried-row{gap:20px}
  .founder-story-row>.founder-secondary,.founder-tried-row>.founder-secondary{order:-1}
  .founder-story-row p,.founder-prose p{margin:0 0 23.8px}
  .founder-story-row p:last-child,.founder-prose p:last-child{margin-bottom:0}
  .founder-tried-row h3{margin:0 0 20px}
  .founder-tried-row .two-list{gap:8px 15px;margin:0}
  .founder-prose ul{display:flex;flex-direction:column;gap:10px}
  .founder-prose li{margin:0}
  .founder-continuation{padding-top:20px;padding-bottom:40px}
  .benefit-panel{display:flex;flex-direction:column;gap:20px;border:15px solid var(--ice);padding:0}
  .benefit-panel h2{font-size:22px;line-height:30px;margin:0}
  .benefit-panel>.split{gap:10px}
  .problem-layout{display:flex;flex-direction:column;gap:20px;padding-top:20px}
  .problem-copy,.solution-copy{display:contents}
  .problem-copy h2{order:0;font-size:22px;line-height:30.8px;margin:0}
  .problem-copy p{font-size:17px;line-height:23.8px;margin:0}
  .problem-copy p:nth-of-type(1){order:1}
  .problem-photo-first{order:2;height:221px;border-width:3px;border-radius:15px;aspect-ratio:auto}
  /* PQ uses one blank text line here, then 10px before the bordered callout. */
  .problem-copy p:nth-of-type(2){order:3;padding-bottom:calc(1.4em - 20px)}
  .problem-copy p:nth-of-type(3){order:4;padding-bottom:0;margin-bottom:-10px}
  .solution-callout{order:5;padding:10px 0;margin:0;gap:15px}
  .solution-callout>img{width:50px;height:auto;aspect-ratio:74/99}
  .problem-photo-second{order:6;height:255px;border-width:5px;border-radius:15px;aspect-ratio:auto}
  .problem-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
  .solution-copy>p{order:7;font-size:17px;line-height:23.8px;margin:0}
  /* PQ's four product-facts icons stay in one row on mobile. */
  #product-facts .badge-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:50px 0 0;padding:0;align-items:start}
  #product-facts .badge-row>div{min-width:0;max-width:none}
  #product-facts .badge-row>div>img{display:block;width:60px;height:60px;max-width:100%;margin:0 auto 10px;object-fit:contain}
  #product-facts .badge-row strong{display:block;font-size:15px;font-weight:700;line-height:22.5px;letter-spacing:.6px;margin:0;text-align:center}
  #reviews h2{max-width:calc(100% - 30px);margin-left:auto;margin-right:auto}
  #review-filters{width:calc(100% - 30px)}
  #review-filters button{padding:10px 6px;border-radius:8px;min-height:43px}
  #faq{padding-bottom:0}
  #sticky-cta.sticky-cta{height:70px;padding:10px 14px 20px;gap:8px;justify-content:center}
  #sticky-cta>.sticky-sale-copy{width:179px;max-width:none;flex:0 1 179px}
  #sticky-cta .sticky-sale-copy>*{white-space:nowrap}
  #sticky-cta .sticky-sale-copy>span{letter-spacing:0}
}
@keyframes mobile-review-slide{from{transform:translateX(var(--review-slide-from,calc(100% + 5px)))}to{transform:none}}
/* The progress line triggers the same card, icon and checkmark state on every screen size. */
.timeline:after{transition:height .3s ease-out}
#consistent-use .milestone-dot{color:transparent;font-size:0}
.milestone-icon{width:39px;transform:rotate(0deg);transform-origin:center;transition:transform .5s ease-out}
.milestone.is-visible .milestone-icon{transform:rotate(360deg)}
@media(prefers-reduced-motion:reduce){.timeline:after,.milestone-icon{transition:none}.milestone.is-visible .milestone-icon{transform:none}}
@media(max-width:359px){.hero-kicker{font-size:26px}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
  .site-header #navigation{transition:none}
  .hero-review.is-transitioning{animation:none}
  #consistent-use .milestone.scroll-reveal .milestone-card{
    opacity:1;transform:none;transition:none;pointer-events:auto;
  }
  #consistent-use .milestone.scroll-reveal:nth-child(even) .milestone-card{transform:none}
}

.site-header .site-logo[data-logo-resized]{width:var(--logo-width-desktop);max-width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:767px){.site-header .site-logo[data-logo-resized]{width:var(--logo-width-mobile);max-width:100%;height:auto;max-height:none}}


/* cart-confetti.css */
#cart-confetti{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:visible;pointer-events:none;z-index:2147483647}
#cart-confetti[hidden]{display:none}
#cart-confetti::backdrop{background:transparent;pointer-events:none}
#cart-confetti canvas{display:block;width:100%;height:100%;pointer-events:none}


/* explore-all.css */
#explore-all{--explore-fill:#e8f4fc;--explore-ink:#0e2a4a;--explore-body:#1a3348;--explore-border:#7e96aa;--explore-gold:#d4a017;box-sizing:border-box;position:fixed;inset:0;width:min(720px,100%);height:100dvh;max-height:100dvh;max-width:100%;margin:0 auto;padding:0;border:0;border-radius:0;background:var(--explore-fill);color:var(--explore-body);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#explore-all::backdrop{background:#0e2a4a99}
html.explore-is-open{overflow:hidden}
#explore-all [hidden]{display:none!important}
#explore-all *{box-sizing:border-box}
#explore-all .explore-shell{max-width:620px;margin:0 auto;padding:16px 24px 36px}
#explore-all .explore-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--explore-ink);font-size:15px;font-weight:800;letter-spacing:.04em}
#explore-all .explore-close{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--explore-border);border-radius:50%;color:var(--explore-ink);background:#fff;font:400 30px/1 Arial;cursor:pointer}
#explore-all .explore-intro{text-align:center;margin-bottom:24px}
#explore-all h2{margin:0 0 12px;font-size:clamp(30px,6vw,40px);font-weight:850;letter-spacing:-.025em;line-height:1.12;color:var(--explore-ink)}
#explore-all .explore-intro p{font-size:16px;line-height:1.5;margin:0;color:var(--explore-body)}
#explore-all .explore-product{background:#fff;border:1px solid var(--explore-border);border-radius:18px;padding:14px;overflow:hidden}
#explore-all .explore-hero{position:relative;aspect-ratio:1.2;max-height:440px;background:#fff;touch-action:pan-y;border-radius:10px;overflow:hidden}
#explore-all .explore-slide{width:100%;height:100%}
#explore-all .explore-slide img{width:100%;height:100%;max-width:none;object-fit:contain;display:block}
#explore-all .explore-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--explore-border);border-radius:50%;color:var(--explore-ink);background:#fff;box-shadow:0 2px 8px #0e2a4a14;font:400 34px/1 Arial;cursor:pointer}
#explore-all .explore-prev{left:6px}#explore-all .explore-next{right:6px}
#explore-all .explore-thumbs{display:flex;justify-content:center;gap:10px;margin:16px 0 22px}
#explore-all .explore-thumbs button{width:70px;height:70px;background:#fff;border:2px solid var(--explore-border);border-radius:9px;padding:3px;cursor:pointer;transition:border-color .18s ease}
#explore-all .explore-thumbs button[aria-pressed=true]{border-color:var(--explore-gold)}
#explore-all .explore-thumbs img{display:block;width:100%;height:100%;object-fit:contain;border:0}
#explore-all h3{color:var(--explore-ink);font-weight:800;font-size:23px;line-height:1.25;letter-spacing:-.015em;margin:0 0 10px}
#explore-all .explore-line{font-size:16px;line-height:1.5;color:var(--explore-body);margin:0 0 16px;min-height:48px}
#explore-all .explore-price{display:flex;align-items:baseline;gap:12px;margin:0 0 16px;min-height:38px}
#explore-all .explore-price strong{font-size:30px;line-height:1.2;color:var(--explore-ink);font-weight:850}
#explore-all .explore-price s{font-size:19px;color:var(--explore-border)}
#explore-all .explore-add{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin:0;padding:15px 18px;border:0;border-radius:9px;background:var(--button-fill,#2e9e4f);background-image:none;color:#fff;font-weight:800;font-size:17px;line-height:1.35;font-family:inherit;text-transform:none;letter-spacing:0;text-decoration:none;box-shadow:none;transition:filter .2s ease,transform .2s ease}
#explore-all .explore-add::before,#explore-all .explore-add::after{display:none}
@media(hover:hover){#explore-all .explore-add:hover{filter:brightness(.94);transform:translateY(-1px)}}
#explore-all .explore-reviews{padding-top:30px}
#explore-all .explore-reviews>h3{text-align:center;margin-bottom:18px}
#explore-all .explore-review-list{display:grid;gap:12px}
#explore-all .explore-review{margin:0;padding:18px;background:#fff;border:1px solid var(--explore-border);border-radius:12px}
#explore-all .explore-stars{display:block;color:var(--explore-gold);font-size:19px;letter-spacing:2px;line-height:1;margin-bottom:11px}
#explore-all blockquote{margin:0 0 12px;padding:0;border:0;font-size:17px;line-height:1.45;color:var(--explore-body);font-style:italic}
#explore-all figcaption{display:flex;gap:8px;align-items:baseline;color:var(--explore-ink);font-size:15px}
#explore-all figcaption strong{font-weight:800}
#explore-all .explore-review-note{margin:14px 0 10px;font-size:13px;line-height:1.4;color:var(--explore-body);text-align:center}
#explore-all .explore-review-link{display:block;text-align:center;color:var(--explore-ink);font-weight:700;font-size:16px;text-underline-offset:4px;padding:8px}
#explore-all :focus-visible{outline:2px solid var(--explore-ink);outline-offset:3px}
#explore-all [data-explore-price]:empty{display:none}
.pineal-edit-mode #explore-all [data-explore-price]:empty{display:inline-block;min-width:72px;min-height:30px;border:1px dashed var(--explore-border)}
@media(max-width:480px){#explore-all .explore-shell{padding:10px 16px 28px}#explore-all .explore-top{margin-bottom:14px}#explore-all .explore-intro{margin-bottom:20px}#explore-all .explore-product{padding:12px}#explore-all .explore-hero{aspect-ratio:1.18}#explore-all h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){#explore-all *{scroll-behavior:auto!important;transition:none!important}}


/* scratch-offer.css */
/* Scoped variants of premium-buttons.css: same surface, inset edges and depth formula.
   Original ecommerce rules stay untouched. Reward motion is finite and restrained. */
:is(#scratch-offer,body) .prize-raised{
 --prize-fill:var(--sp-secondaryButtonColor,#4a7ab5);--prize-ink:var(--sp-secondaryButtonText,#fff);
 position:relative;isolation:isolate;overflow:hidden;cursor:pointer;
 background-color:var(--prize-fill);background-image:linear-gradient(110deg,#00000012 0%,#ffffff32 45%,#ffffff0a 75%,#00000012 100%);
 color:var(--prize-ink);border:1px solid var(--prize-fill);border-radius:var(--sp-buttonRadius,9px);
 box-shadow:inset 0 1px 0 #ffffff55,inset 0 -4px 0 #00000024,0 4px 0 color-mix(in srgb,var(--prize-fill),#000 30%),0 8px 25px color-mix(in srgb,var(--prize-fill) 15%,transparent);
 transform:none;animation:none;text-decoration:none;line-height:1.25;font-weight:800;min-height:44px;
 transition:transform var(--sp-hoverDuration,210ms) ease-out,box-shadow var(--sp-hoverDuration,210ms) ease-out,filter var(--sp-hoverDuration,210ms) ease-out;
 -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
:is(#scratch-offer,body) .prize-raised.prize-reward{--prize-fill:var(--sp-rewardButtonColor,#d4a017);--prize-ink:var(--sp-rewardButtonText,#0e2a4a)}
:is(#scratch-offer,body) .prize-raised::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,#ffffff40 50%,transparent 70%);transform:translateX(-150%);animation:none}
/* No sticky hover styles on touchscreens. Text/icon size never changes. */
@media(hover:hover) and (pointer:fine){
 :is(#scratch-offer,body) .prize-raised:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:inset 0 1px 0 #ffffff77,inset 0 -4px 0 #00000024,0 4px 0 color-mix(in srgb,var(--prize-fill),#000 30%),0 11px 26px color-mix(in srgb,var(--prize-fill) 22%,transparent)}
 :is(#scratch-offer,body):not(.prize-playing) .prize-raised:not(:disabled):hover::after{animation:prize-interaction-sheen .55s ease-out 1}
}
@keyframes prize-interaction-sheen{to{transform:translateX(150%)}}
:is(#scratch-offer,body) .prize-raised:not(:disabled):active{transform:translateY(2px);filter:brightness(.99);box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #00000024,0 1px 0 color-mix(in srgb,var(--prize-fill),#000 30%),0 3px 9px color-mix(in srgb,var(--prize-fill) 15%,transparent);transition-duration:var(--sp-pressDuration,120ms)}
:is(#scratch-offer,body) .prize-raised:focus-visible{outline:3px solid #0e2a4a;outline-offset:5px}
:is(#scratch-offer,body).prize-playing .prize-raised::after{animation:none;display:none}
:is(#scratch-offer,body) .prize-raised:disabled{opacity:.65;cursor:wait}
@media(prefers-reduced-motion:reduce){
 :is(#scratch-offer,body) .prize-raised,:is(#scratch-offer,body) .prize-raised:hover,:is(#scratch-offer,body) .prize-raised:active{transition:none;transform:none;animation:none}
 :is(#scratch-offer,body) .prize-raised::after{display:none;animation:none}
}

.scratch-dialog{box-sizing:border-box!important;padding:0;border:1px solid #fff8;border-radius:var(--sp-cornerRadius,24px);width:min(var(--sp-desktopWidth,500px),calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:auto;overflow:auto;margin:auto;color:var(--sp-bodyColor,#1a3348);background:var(--sp-backgroundColor,#e8f4fc);box-shadow:var(--sp-shadow,0 16px 70px #0e2a4a2e);outline:none;scrollbar-width:thin}
.scratch-dialog::backdrop{background:color-mix(in srgb,var(--sp-overlayColor,#0e2a4a) var(--sp-overlayOpacity,58%),transparent)}
.scratch-dialog [hidden],.scratch-toast[hidden],.scratch-saved-link[hidden]{display:none!important}
.scratch-panel{position:relative;text-align:center;padding:24px 26px 20px;isolation:isolate;overflow:hidden;box-sizing:border-box;min-height:0}.scratch-panel *,.scratch-toast *{box-sizing:border-box}
.scratch-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.65;pointer-events:none}.scratch-panel::before{content:'';position:absolute;inset:0;background:color-mix(in srgb,var(--sp-backgroundColor,#e8f4fc) 55%,transparent);z-index:-1}
.scratch-close{position:absolute;right:9px;top:8px;border:0;border-radius:50%;background:#ffffff88;width:42px;height:42px;color:var(--sp-headlineColor,#0e2a4a);font:32px/1 Arial;cursor:pointer;z-index:5;padding:0}.scratch-logo{display:block;position:static;width:var(--sp-logoWidth,142px);max-width:70%;height:42px;object-fit:contain;margin:0 auto 16px;transform:none}
.scratch-stage{display:flex;flex-direction:column;align-items:center;gap:var(--sp-spacing,14px)}.scratch-dialog .scratch-heading{position:static;margin:0;inset:auto;color:var(--sp-headlineColor,#0e2a4a);font-size:var(--sp-headingSize,30px);font-weight:800;line-height:1.05;letter-spacing:-.6px}.scratch-dialog h3{font-size:21px;line-height:1.2;color:var(--sp-headlineColor);margin:0}.scratch-dialog p{font-size:var(--sp-bodySize,16px);line-height:1.4;margin:0;max-width:100%}.scratch-dialog .scratch-eyebrow{letter-spacing:2.5px;font-size:12px;font-weight:750}.scratch-dialog .scratch-support{max-width:340px}
.scratch-disc{position:relative;inset:auto;transform:none;width:min(var(--sp-circleSize,242px),100%);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--sp-circleColor,#f7fbfe);box-shadow:0 0 0 2px var(--sp-circleBorder,#7e96aa),0 6px 30px #0e2a4a1c;margin:5px auto;flex-shrink:0}.scratch-prize{position:absolute;inset:0;display:grid;place-items:center;padding:8%;pointer-events:none}.scratch-revealed-photo{width:100%;height:100%;object-fit:contain;display:block;max-width:100%;max-height:100%}.scratch-photo{display:none!important}.scratch-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;touch-action:none;cursor:crosshair}.scratch-dialog .scratch-label{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;font-size:24px;font-weight:800;line-height:1.05;color:var(--sp-foilText,#0e2a4a)}
.scratch-image-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;width:100%;font-size:27px;line-height:1;font-weight:800;color:var(--sp-headlineColor)}.scratch-image-empty small{font:13px/1.4 system-ui,sans-serif;opacity:.65}.scratch-art-frame{height:var(--sp-prizeHeight,228px);width:100%;display:grid;place-items:center}.scratch-full-prize{display:block;width:100%;height:100%;object-fit:contain;max-height:var(--sp-prizeHeight,228px)}
.scratch-primary{display:block;width:100%;min-height:50px;padding:13px 18px;border:1px solid transparent;border-radius:10px;background:var(--sp-buttonColor,#1769b5);color:var(--sp-buttonText,#fff);font-family:inherit;font-size:15px;font-weight:800;line-height:1.2;letter-spacing:.3px;cursor:pointer;transition:background .18s,transform .18s}.scratch-primary:hover{background:var(--sp-buttonHover,#0e2a4a);transform:translateY(-1px)}.scratch-primary:disabled{opacity:.65;cursor:wait}
.scratch-dialog .scratch-decline,.scratch-fallback{position:static;inset:auto;transform:none;white-space:normal;background:none;border:0;text-decoration:underline;text-underline-offset:3px;color:var(--sp-declineColor,#1a3348);padding:8px 3px;font:inherit;font-size:14px;line-height:1.35;cursor:pointer;min-height:40px}.scratch-fallback{font-size:12px;min-height:30px;padding:0;opacity:.8}.scratch-dialog button:focus-visible,.scratch-dialog canvas:focus-visible,.scratch-dialog a:focus-visible{outline:3px solid var(--sp-buttonColor,#1769b5);outline-offset:3px}
.scratch-dialog .scratch-preview-note{font:11px/1.3 system-ui,sans-serif;margin:0 0 12px;color:#52677a}.scratch-dialog .scratch-timer{position:static;width:auto;margin:0 0 14px;font-size:14px;font-variant-numeric:tabular-nums}.scratch-success-check{border:1.5px solid var(--sp-checkColor,#1769b5);color:var(--sp-checkColor,#1769b5);border-radius:50%;width:64px;height:64px;display:grid;place-items:center;font:34px/1 Arial;margin:10px auto}.scratch-success-check img{width:80%;height:80%;object-fit:contain}.scratch-dialog .scratch-microcopy{font-size:12px;opacity:.75}.scratch-stage[data-stage=success],.scratch-stage[data-stage=error],.scratch-stage[data-stage=claiming]{padding:16px 0}.scratch-delivery{width:100%;font-size:14px}.scratch-delivery audio{display:block;max-width:100%;width:100%;margin:8px 0}.scratch-delivery a{color:var(--sp-buttonColor);text-decoration:underline;display:inline-block;padding:8px}
.scratch-saving{width:32px;height:32px;border-radius:50%;border:2px solid #7e96aa44;border-top-color:var(--sp-headlineColor);animation:scratch-spin .7s linear infinite}@keyframes scratch-spin{to{transform:rotate(360deg)}}
.scratch-toast{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:2147483100;width:max-content;max-width:calc(100% - 28px);padding:14px 22px;border-radius:14px;background:var(--sp-toastColor,#0e2a4a);color:var(--sp-toastText,#fff);box-shadow:0 8px 35px #0e2a4a26;pointer-events:none;text-align:left;font:14px/1.4 system-ui,sans-serif}.scratch-toast strong,.scratch-toast span{display:block}.scratch-toast span{font-size:12px;opacity:.8;margin-top:3px}.scratch-saved-link{font:inherit;text-decoration:underline;color:inherit;background:none;border:0;cursor:pointer;padding:10px}
@media(min-width:768px){.scratch-toast[data-position=right]{left:auto;right:24px;transform:none}.scratch-panel{padding:26px 38px}}
@media(max-width:767px){.scratch-dialog{width:min(var(--sp-mobileWidth,94vw),430px)}.scratch-panel{padding:18px 20px 12px}.scratch-logo{margin-bottom:12px}.scratch-dialog .scratch-heading{font-size:min(var(--sp-headingSize,30px),8vw)}}
@media(max-height:740px){.scratch-panel{padding-top:14px;padding-bottom:10px}.scratch-logo{height:30px;margin-bottom:10px}.scratch-stage{gap:8px}.scratch-disc{width:min(var(--sp-circleSize,242px),32dvh)}.scratch-art-frame,.scratch-full-prize{height:min(var(--sp-prizeHeight,228px),29dvh)}.scratch-dialog .scratch-heading{font-size:min(var(--sp-headingSize,30px),28px)}.scratch-dialog p{font-size:min(var(--sp-bodySize,16px),15px)}.scratch-dialog .scratch-preview-note{margin-bottom:6px}.scratch-success-check{margin:0}}
@media(prefers-reduced-motion:reduce){.scratch-primary{transition:none}.scratch-saving{animation:none}}
.scratch-email-form{width:100%;display:grid;gap:12px;text-align:left}.scratch-email-label{font-size:14px;font-weight:650}.scratch-email-form input[type=email]{display:block;width:100%;min-height:50px;padding:12px;font:16px/1.4 system-ui,sans-serif;border:1px solid var(--sp-circleBorder,#7e96aa);border-radius:10px;background:white;color:var(--sp-bodyColor)}.scratch-email-form input:focus-visible{outline:3px solid var(--sp-buttonColor);outline-offset:2px}.scratch-dialog .scratch-form-error{color:#a32b2b;font-size:14px}.scratch-marketing{font-size:13px;display:flex;gap:8px;align-items:flex-start}.scratch-sent-to{overflow-wrap:anywhere}.scratch-listening-frame{border:0;width:100%;height:330px;max-height:46dvh;background:transparent}.scratch-dialog[data-state=email],.scratch-dialog[data-state=claiming]{max-height:calc(100dvh - 16px)}.scratch-dialog[data-state=email] .scratch-logo{height:30px;margin-bottom:12px}@media(max-height:500px){.scratch-dialog[data-state=email] .scratch-logo,.scratch-dialog[data-state=email] .scratch-preview-note{display:none}.scratch-dialog[data-state=email] .scratch-stage{gap:5px}.scratch-dialog[data-state=email] .scratch-heading{font-size:22px}.scratch-dialog[data-state=email] .scratch-microcopy{font-size:12px}} 
.scratch-dialog{height:fit-content;min-height:0;inset:0;align-self:center}
/* Scratch presentation settings, shared across every internal state. */
.scratch-dialog{border:var(--sp-borderWidth,1px) solid color-mix(in srgb,var(--sp-modalBorder,#fff) var(--sp-borderOpacity,53%),transparent)}
.scratch-panel{padding:var(--sp-panelPaddingY,18px) var(--sp-panelPaddingX,20px)}
.scratch-background{opacity:var(--sp-backgroundOpacity,65%)}.scratch-panel::before{background:color-mix(in srgb,var(--sp-backgroundColor,#e8f4fc) var(--sp-backgroundTint,55%),transparent)}
.scratch-logo{height:var(--sp-logoHeight,42px)}.scratch-close{width:var(--sp-closeSize,42px);height:var(--sp-closeSize,42px);background:color-mix(in srgb,var(--sp-closeBackground,#fff) var(--sp-closeOpacity,53%),transparent);color:var(--sp-closeColor,#0e2a4a);border-radius:var(--sp-closeRadius,50px);display:grid;place-items:center}.scratch-close img{width:70%;height:70%;object-fit:contain}
.scratch-primary{border-color:var(--sp-buttonBorder,#1769b5);border-radius:var(--sp-buttonRadius,10px);min-height:var(--sp-buttonHeight,50px);font-size:var(--sp-buttonSize,15px)}
.scratch-disc{box-shadow:0 0 0 var(--sp-circleBorderWidth,2px) var(--sp-circleBorder,#7e96aa),0 6px 30px #0e2a4a1c}
.scratch-email-form input[type=email]{background:var(--sp-inputBackground,#fff);color:var(--sp-inputColor,#1a3348);border-color:var(--sp-inputBorder,#7e96aa);border-radius:var(--sp-buttonRadius,10px)}.scratch-email-form input::placeholder{color:var(--sp-inputPlaceholder,#587087);opacity:1}
.scratch-dialog .scratch-form-error{color:var(--sp-errorColor,#a32b2b)}.scratch-dialog .scratch-preview-note{color:var(--sp-previewColor,#52677a)}
.scratch-dialog button:focus-visible,.scratch-dialog canvas:focus-visible,.scratch-dialog input:focus-visible{outline-color:var(--sp-focusColor,#1769b5)}
.scratch-success-check{width:var(--sp-successIconSize,64px);height:var(--sp-successIconSize,64px);background:var(--sp-checkBackground,#e8f4fc)}
.scratch-saving{border-color:color-mix(in srgb,var(--sp-spinnerTrack,#7e96aa) 27%,transparent);border-top-color:var(--sp-spinnerColor,#0e2a4a)}
.scratch-toast{border-radius:var(--sp-toastRadius,14px);font-size:var(--sp-toastSize,14px)}.scratch-listening-frame{height:var(--sp-listeningFrameHeight,330px)}
.pineal-edit-mode #scratch-offer [data-copy],.pineal-edit-mode #scratch-offer [data-prize-edit]{cursor:pointer}.pineal-edit-mode #scratch-offer [data-copy]:hover,.pineal-edit-mode #scratch-offer [data-prize-edit]:hover{outline:2px dashed #1769b5;outline-offset:3px}
@media(min-width:768px){.scratch-panel{padding:var(--sp-desktopPaddingY,26px) var(--sp-desktopPaddingX,38px)}}
.scratch-dialog [data-copy]{white-space:pre-line}
/* Final listening state: one quiet surface, with the approved artwork unchanged. */
.scratch-dialog[data-state=listening]{border:0;border-radius:var(--sp-listeningRadius,26px);background:linear-gradient(180deg,var(--sp-listeningGradientTop,#e8f4fc),var(--sp-listeningGradientBottom,#f7f1e8));box-shadow:0 10px 32px #0e2a4a20;color:var(--sp-listeningBodyColor,#314a60);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.scratch-dialog[data-state=listening]::backdrop{background:color-mix(in srgb,#0e2a4a var(--sp-listeningOverlayOpacity,55%),transparent)}
.scratch-dialog[data-state=listening] .scratch-panel{padding:24px 20px 22px;overflow:visible}
.scratch-dialog[data-state=listening] .scratch-panel::before,.scratch-dialog[data-state=listening] .scratch-background{display:none}
.scratch-dialog[data-state=listening] .scratch-logo{margin:0 auto 18px}
.scratch-dialog[data-state=listening] .scratch-close{width:max(44px,var(--sp-closeSize));height:max(44px,var(--sp-closeSize));color:var(--sp-listeningHeadlineColor,#0e2a4a);background:#ffffffb3}
.scratch-dialog[data-state=listening] .scratch-stage{gap:14px}
.scratch-listening-a11y{position:absolute!important;width:1px;height:1px;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0!important}
.scratch-dialog[data-state=listening] .scratch-listening-frame{display:block;max-height:none;min-height:460px;flex:none;overflow:hidden}
.scratch-dialog[data-state=listening] .scratch-primary{min-height:54px;font-size:var(--sp-listeningButtonSize,17px)}

.scratch-dialog[data-state=listening] .scratch-decline{color:var(--sp-listeningHeadlineColor,#0e2a4a);font-size:16px;min-height:44px;text-decoration-thickness:1px;text-underline-offset:4px}
.scratch-dialog[data-state=listening] button:focus-visible,.scratch-dialog[data-state=listening] input:focus-visible{outline:2px solid var(--sp-listeningHeadlineColor,#0e2a4a);outline-offset:3px}
.scratch-listening-email,.scratch-email-fields{width:100%}.scratch-email-fields .scratch-microcopy{margin-top:10px}
.scratch-dialog[data-state=listening] .scratch-microcopy{color:var(--sp-listeningSecondaryColor,#5c6f7f);font-size:14px;opacity:1}
.scratch-dialog[data-state=listening] .scratch-email-label{color:var(--sp-listeningSecondaryColor,#5c6f7f)}
@media(min-width:768px){.scratch-dialog[data-state=listening] .scratch-panel{padding:24px 32px}}
@media(max-width:374px){.scratch-dialog[data-state=listening] .scratch-panel{padding-left:16px;padding-right:16px}}

/* Motion decorates the existing modal. It never creates another dialog. */
.scratch-dialog[open]{animation:prize-modal-arrive var(--sp-stateDuration,180ms) ease-out both}
.scratch-dialog[open]::backdrop{animation:prize-backdrop-arrive var(--sp-stateDuration,180ms) ease-out both}
@keyframes prize-modal-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes prize-backdrop-arrive{from{opacity:0}to{opacity:1}}
.scratch-stage{position:relative}.scratch-transition-ghost{position:absolute!important;pointer-events:none!important;z-index:2}
.scratch-canvas{transition:opacity var(--sp-foilClearDuration,260ms) ease-out}.scratch-disc.is-completing .scratch-canvas{opacity:0}
#scratch-offer .prize-raised{width:100%;padding:14px 18px;margin:0 0 4px;white-space:normal;font-size:var(--sp-buttonSize,15px)}
#scratch-offer[data-state=listening] .prize-raised{font-size:var(--sp-listeningButtonSize,17px)}
.scratch-listening-email{overflow:hidden;overflow-anchor:none}
.scratch-dialog .scratch-close{min-width:44px;min-height:44px}
@media(prefers-reduced-motion:reduce){.scratch-dialog[open],.scratch-dialog[open]::backdrop{animation:none}.scratch-canvas{transition:none}}

.scratch-dialog p[data-copy]:empty{display:none}
.scratch-dialog .scratch-fallback[hidden]{display:block!important;visibility:hidden;pointer-events:none}


/* mobile-revision.css */
/* Mobile reference: 15–20px gutters, 125px drawer cards, 49px drawer rows. */
:root{--cta-color:#1769b5;--check-color:#1769b5;--sticker-color:#1769b5;--sticker-text-color:#fff;--cta-shadow:0 3px 3px 2px #0003}
body{background:#eee8db}
.page-wallpaper>.hero-reference-background{object-position:center;object-fit:cover}
.button:not(.secondary){background:var(--button-fill,var(--cta-color));border-color:var(--button-fill,var(--cta-color));box-shadow:var(--cta-shadow)}
#sticky-cta>.sticky-sale-button,.scratch-offer-link{box-shadow:var(--cta-shadow)}
.button:not(.secondary):hover{filter:brightness(.93)}
.button .reference-corners:before,.button .reference-corners:after{border-color:var(--button-fill,var(--cta-color))}
.hero-media{position:relative}
.presentation.tap-presentation{cursor:pointer;border:1px solid var(--navy);position:relative;background:#fff;isolation:isolate}
.tap-presentation>video{width:100%;height:100%;object-fit:cover;background:#fff}
.tap-presentation .presentation-poster{display:none}
.offer-sticker{position:relative;width:130px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--sticker-color);color:var(--sticker-text-color);flex:none;isolation:isolate}
.offer-sticker svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:currentColor;pointer-events:none}
.offer-sticker text{font-family:Inter,Arial,sans-serif;font-size:10.5px;font-weight:500;letter-spacing:1.4px}
.offer-sticker strong{font-size:18px;line-height:1.14;font-weight:800;text-align:center;letter-spacing:0;max-width:80%;white-space:pre-line}
.hero-media>.offer-sticker{position:absolute;right:-4%;top:1%;z-index:5;width:34%}
.header-cart{position:relative}
.header-cart .cart-count{position:absolute;right:-5px;bottom:-4px;min-width:19px;height:19px;border-radius:50%;background:var(--cta-color);color:white;font:600 11px/19px Inter,Arial,sans-serif;letter-spacing:0;text-align:center;padding:0 3px}
.site-header #navigation{gap:24px;max-height:calc(100dvh - var(--mobile-menu-top,140px));overflow-y:auto}
.menu-main h2{font-size:23px;line-height:27px;margin:0 0 10px}
.menu-products>a{display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:6px;background:#e2f3fc;border-radius:10px;padding:8px 10px;min-height:125px}
.menu-products .menu-product-copy{flex:1;min-width:0}
.menu-products strong{font-size:18px;line-height:22px;margin:0;display:block}
.menu-products em{display:block;font-size:13px;line-height:19px;font-weight:400;font-style:italic;color:var(--navy)}
.menu-products span{font-size:12px;line-height:18px;display:block;color:var(--navy);font-weight:400}
.menu-products img{width:100px;height:109px;flex:0 0 100px;object-fit:contain;border-radius:0;background:transparent;mix-blend-mode:multiply}
.menu-sidebar{background:#edf8fe;padding:20px}
.menu-testimonial{border:2px solid var(--navy);border-radius:10px;background:#fff;padding:12px;margin:0 0 10px}
.menu-testimonial p{font-size:13px;line-height:20px;font-style:italic;margin:0 0 12px}
.menu-testimonial>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.menu-testimonial strong{font-size:14px;color:var(--blue)}
.menu-review-stars{color:var(--blue);font-size:18px;letter-spacing:-2px}
.menu-links{display:flex;flex-direction:column;gap:10px}
.menu-links>a{padding:11px 22px;min-height:49px;border-radius:9px;background:white;font-size:20px;line-height:27px;font-weight:400;display:flex;align-items:center;justify-content:space-between;letter-spacing:0;color:#404453}
.menu-links>a>span{font-size:25px;line-height:1}
/* Preserve the complete product artwork. The education collage has independent slots. */
#perspective .story-row:first-of-type .product-stage{border:4px solid #87ceeb;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #16324f12}
#perspective .story-row:first-of-type .product-stage{height:auto;aspect-ratio:auto}
#perspective .story-row:first-of-type .product-stage>img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;border-radius:0}
.belief-photo.single-image{overflow:hidden;border:0;border-radius:0;background:transparent;aspect-ratio:auto;display:block;max-height:none;padding:0;margin:0}
.belief-photo.single-image>img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;mix-blend-mode:normal;border-radius:0;filter:none}
.value-grid>div>img{width:52px;height:52px;object-fit:contain;margin:0 auto 8px}
.badge-row>div>img{width:48px;height:48px;object-fit:contain}
.benefit-list li:before,.offer-features li:before,.founder-prose .simple li:before,.two-list.simple li:before{content:"✓";width:16px;height:16px;min-width:16px;line-height:16px;text-align:center;background:var(--check-color);color:#fff;border-radius:50%;font-size:11px;font-weight:800;top:.35em}
.under-cta .circle-check{display:inline-grid;place-items:center;width:13px;height:13px;line-height:13px;border-radius:50%;background:var(--assurance-check-color,var(--check-color));color:#fff;font-size:9px;font-weight:800;margin-right:5px;vertical-align:middle}
.prompt-photo{display:block!important;background:linear-gradient(135deg,#d9eff9,#f6f0dd);border-radius:14px;overflow:hidden}
.prompt-photo>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.offer-countdown-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:15px auto 25px;max-width:470px}
.offer-countdown-row>.offer-sticker{width:88px}
.offer-countdown-row .offer-sticker strong{font-size:12px}
.offer-countdown{display:flex;gap:4px;min-width:0}
.offer-countdown>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:54px;border-radius:3px;background:var(--navy);color:white;letter-spacing:0}
.offer-countdown b{font-size:18px;line-height:24px;font-weight:500}
.offer-countdown small{font-size:8px;line-height:13px}
.offers-section .offer-features>li{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;border-bottom:1px solid #ffffff6b;padding:13px 0 13px 24px;min-height:46px}
.offer-features li:before{position:absolute;left:0;top:calc(50% - 8px)}
.offer-features li>span:first-child{flex:1;text-align:left}
.offer-features li>div{display:flex;align-items:center;gap:7px;flex:none}
.offer-features s{white-space:nowrap;text-decoration-thickness:1px}
.offer-features strong{white-space:nowrap}
.offer-features li>span:last-child:not(:first-child){flex:none}
.offer-card .offer-price{justify-content:center;align-items:baseline;gap:8px}
.offer-card .price-conflict{font-weight:600;font-size:14px;line-height:21px;text-align:center}
.offer-thumbnails button:has(img[src*="placeholder"]){display:none}
.hero-customer-rating{display:none}
.review-record-photo.source-photo-crop{position:relative;width:min(230px,100%);max-width:100%;aspect-ratio:var(--photo-ratio);height:auto;overflow:hidden;border:0;background:none;display:block;padding:0;margin:16px 0}
.source-photo-crop>img.is-source-review{position:absolute;width:var(--photo-width);max-width:none!important;height:auto;left:var(--photo-left);top:var(--photo-top);object-fit:initial}
.source-photo-crop>img:not(.is-source-review){width:100%;height:100%;object-fit:contain}
.review-record-header small{display:block;font-size:11px;line-height:16px;color:var(--muted)}
.review-record-header time{white-space:nowrap}
.review-record-body{white-space:pre-line}
.review-record-footer button{background:none;border:0;color:inherit;font-size:inherit;padding:3px}
.review-record-footer button[aria-pressed="true"]{color:var(--blue);font-weight:700}
#cart,#manage-order{padding:28px 20px;border:0;border-radius:18px;width:min(470px,calc(100% - 30px));max-height:90dvh;color:var(--navy)}
#cart::backdrop,#manage-order::backdrop{background:#16324f88}
.dialog-close{position:absolute;right:10px;top:7px;border:0;background:none;color:inherit;font-size:28px;width:36px;height:36px}
#cart h2,#manage-order h2{font-size:25px;line-height:32px;margin:0 28px 20px 0}
.cart-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #d7e4eb;padding:15px 0}
.cart-item>img{width:75px;height:90px;object-fit:contain}
.cart-item h3{font-size:18px;margin:0 0 6px}
.cart-item p{font-size:13px;margin:0 0 10px}
.cart-quantity{display:flex;align-items:center;gap:12px}
.cart-quantity button{border:1px solid #bfd0dc;background:#eff8fe;width:30px;height:30px;border-radius:4px;font-size:17px}
.cart-quantity .cart-remove{width:auto;background:none;border:0;font-size:11px;text-decoration:underline}
#cart-summary{font-weight:700;font-size:16px;margin:20px 0 12px}
.cart-handoff-note{font-size:13px;line-height:20px}
.cart-checkout{width:100%;font-size:14px;gap:15px}
.cart-checkout[hidden]{display:none}
#page-appearance{display:none}
.pineal-edit-mode #page-appearance{display:block;position:fixed;left:10px;bottom:10px;z-index:100;background:#16324f;color:white;border:1px solid white;padding:8px 12px;border-radius:6px;font:12px Inter,Arial,sans-serif}
/* The same color controls remain in the sidebar while the bottom bar is editable. */
.pineal-edit-mode:has(#sticky-cta:not([hidden])) #page-appearance{display:none}
@media(min-width:768px){.menu-main .menu-products{display:grid;grid-template-columns:1fr;gap:10px}.site-header #navigation.open{grid-template-columns:1.1fr 1fr;max-width:900px;margin:auto}.menu-products>a{min-height:125px}.hero-media>.offer-sticker strong{font-size:clamp(14px,1.4vw,19px)}.product-prompt .prompt-photo{min-height:400px}.product-prompt .prompt-panel{align-items:center}}
@media(max-width:767px){
 .site-header #navigation{padding:0;background:#fff;box-shadow:none;display:block;z-index:60}
 .menu-main{padding:30px 20px}
 .menu-products{display:flex;flex-direction:column;gap:10px}
 .menu-products>a{height:125px;width:100%}
 .menu-main h2{margin-bottom:10px}
 .menu-products img{height:109px;width:92px;flex-basis:92px}
 .menu-product-copy{padding:0}
 .hero-media>.offer-sticker{right:-3%;top:1%;width:34%}
 .hero-media>.offer-sticker strong{font-size:clamp(14px,4.4vw,19px)}
 .hero .presentation{aspect-ratio:200/333}
 .hero-heading>.lead{color:var(--navy)}
 .product-prompt .prompt-panel{display:flex;flex-direction:column;padding:0;gap:0;clip-path:none;background:transparent;border-radius:14px;overflow:hidden}
 .product-prompt .prompt-panel>.prompt-photo{width:100%;height:auto;aspect-ratio:345/300;border-radius:14px 14px 0 0}
 .product-prompt .prompt-panel>.prompt-message{width:100%;padding:12px 14px 15px;background:var(--navy);color:white}
 .product-prompt .prompt-panel h2{font-size:16px;line-height:23px;margin:0 0 14px}
 .prompt-outline{display:none}
 .value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 10px}
 .value-grid>div{padding:0}
 .value-grid>div>strong{font-size:10px;line-height:14px;font-weight:500}
 .value-grid>div>img{width:45px;height:45px;margin-bottom:6px}
 .offer-countdown-row{width:100%;gap:4px;margin:12px auto 20px;height:80px}
 .offer-countdown-row>.offer-sticker{width:71px}
 .offer-countdown-row .offer-sticker strong{font-size:10px;line-height:12px}
 .offer-countdown>span{width:38px;height:44px}
 .offer-countdown b{font-size:14px;line-height:18px}
 .offer-countdown small{font-size:7px;line-height:12px}
 #offers>.container>h2{font-size:25px;line-height:34px;margin:0;letter-spacing:0}
 .offers-section .offer-card .offer-features>li{font-size:11px;line-height:17px;padding:12px 0 12px 22px;gap:7px}
 .offer-features li>div{gap:5px}
 .offer-card .offer-price strong{font-size:31px}
 .offer-card .offer-price span{font-size:12px}
 .offer-card .button{width:100%;font-size:17px;min-height:48px;letter-spacing:.5px}
 .offer-card .offer-disclosure{font-size:10px;line-height:15px}
 #reviews .editable-review-record{padding:24px 0;border-bottom:1px solid #d5d5d5;background:transparent}
 #reviews .review-record-header{display:grid;grid-template-columns:34px 1fr auto;align-items:start;gap:7px}
 .review-record-header .review-record-avatar{width:34px;height:34px;background:#f4f4f4;color:#999;border-radius:50%;font-size:12px;line-height:34px;text-align:center}
 .review-record-header strong{font-size:12px;line-height:16px}
 .review-record-header span,.review-record-header time{font-size:9px;line-height:14px}
 #reviews .review-record-rating{display:flex;align-items:center;gap:6px;margin:12px 0 6px}
 #reviews .review-record-rating>span{font-size:14px;color:#f3ba00;letter-spacing:-1px}
 #reviews .review-record-rating h3{font-size:12px;line-height:17px;font-weight:700;margin:0;letter-spacing:0}
 #reviews .review-record-body{font-size:13px;line-height:19px;letter-spacing:.15px;margin:0}
 .review-record-photo.source-photo-crop{width:min(210px,75%);margin:12px 0 18px}
 .review-record-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:0;color:#777;gap:10px}
 #reviews .reviews-toolbar{font-size:11px}
}
@media(max-width:359px){.offer-countdown-row>.offer-sticker{width:61px}.offer-countdown>span{width:33px}.offer-countdown-row .offer-sticker strong{font-size:9px}.menu-products img{width:78px;flex-basis:78px}.menu-products strong{font-size:16px}.menu-products span,.menu-products em{font-size:11px}}
@media(prefers-reduced-motion:reduce){.presentation-poster{transition:none}}

/* Let clicks pass through the ring's empty center to the separate text field. */
body.pineal-edit-mode .offer-sticker svg{pointer-events:none}
body.pineal-edit-mode .offer-sticker textPath{pointer-events:visiblePainted}

.review-summary-photo{position:relative;overflow:hidden;aspect-ratio:var(--photo-ratio);width:100%;border-radius:5px}.review-summary-photo>img.is-source-review{position:absolute;width:var(--photo-width);max-width:none!important;height:auto;left:var(--photo-left);top:var(--photo-top)}.review-summary-photo>img:not(.is-source-review){width:100%;height:100%;object-fit:cover}.scratch-offer-link{background:var(--button-fill,var(--cta-color))}

/* September 22: three visible bundles, compact checks and contained cart buttons. */
#offers .offer-grid{width:100%;max-width:1150px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
#offers .offer-card{background:#cfeaf9;border-color:var(--blue);padding:0 16px 20px;margin:0;min-width:0;scroll-margin-top:100px}
#offers .offer-banner{margin:0 -16px 24px;background:var(--blue);color:#fff;border:0;letter-spacing:.07em}
#offers .offer-features{flex:1}
#offers .offer-card .offer-features>li{padding-left:22px;gap:8px;min-width:0}
#offers .offer-card .offer-features>li::before{width:14px;height:14px;min-width:14px;line-height:14px;font-size:10px;top:calc(50% - 7px);left:0;background:var(--check-color);color:white}
#offers .offer-features li>span:first-child{min-width:0;overflow-wrap:break-word}
#offers .offer-features li>div{flex-wrap:wrap;justify-content:flex-end;gap:3px 6px;max-width:40%}
#offers .offer-card>.button{box-sizing:border-box;width:calc(100% - 12px);max-width:calc(100% - 12px);min-width:0;height:auto;min-height:54px;margin:24px 6px 12px;padding:12px 8px;font-size:18px;line-height:24px;gap:10px;justify-content:center}
#offers .offer-card>.button .cta-brandmark{width:30px;height:26px;flex:0 0 30px}
#offers .offer-payments{width:100%;margin:4px auto 0;max-width:290px}
#offers .offer-payments img{display:block;width:100%;height:auto;object-fit:contain}
#offers .offer-disclosure{margin-top:14px}
@media(min-width:768px) and (max-width:1019px){#offers .offer-grid{gap:14px}#offers .offer-card{padding:0 12px 16px}#offers .offer-banner{margin-inline:-12px;font-size:12px}#offers .offer-card h3{font-size:25px}#offers .offer-card .offer-features>li{font-size:12px;line-height:18px}#offers .offer-card>.button{font-size:14px;gap:6px}}
@media(max-width:767px){#offers .offer-grid{max-width:420px;grid-template-columns:minmax(0,1fr);gap:28px}#offers .offer-card .offer-features>li{font-size:11px;line-height:17px;padding:12px 0 12px 22px}#offers .offer-card>.button{font-size:17px;line-height:24px}#offers .offer-card .price-conflict{min-height:0;margin-bottom:0}}

/* Compact customer photo row, matching the mobile reference proportions. */
#hero-user-photos{justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;max-width:100%;min-height:22px}
#hero-user-photos .hero-user-photo-frame{width:21px;height:21px;flex:0 0 21px;border:1px solid #fff;box-shadow:0 0 0 1px var(--navy)}
#hero-user-photos .hero-user-photo-frame+.hero-user-photo-frame{margin-left:-9px}
#hero-user-photos .hero-social-proof-copy{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;min-width:0;margin-left:6px;font-size:12px;line-height:14.4px;letter-spacing:0;font-weight:500;text-align:left;white-space:normal}
#hero-user-photos .hero-customer-count{font-weight:700;white-space:nowrap}
#hero-user-photos .hero-rating-stars{font-size:13px;line-height:1;letter-spacing:-1px;white-space:nowrap}
#hero-user-photos .hero-rating-separator{margin:0 2px}

/* Measured from primalqueen.com on September 24: 430px mobile content, 1440px desktop.
   The heading has zero margins; paragraphs use 10px vertical padding; CTA has no top margin. */
#perspective .story-row:nth-of-type(3) h3{margin:0;padding:0}
#perspective .story-row:nth-of-type(3)>div:first-child>p{margin:0;padding:10px 0}
#perspective .copy-paragraph{display:block}
#perspective .copy-paragraph~.copy-paragraph{margin-top:20px}
#perspective br[data-prose-break]{display:none}
#perspective .story-row:nth-of-type(3) .cta-group{display:flex;flex-direction:column;align-items:center;width:465px;max-width:100%;margin-top:0;gap:5px}
#perspective .story-row:nth-of-type(3) .cta-group>.button{display:flex;width:calc(100% - 20px);max-width:calc(100% - 20px);height:60px;min-height:60px;margin:5px 10px}
#perspective .story-row:nth-of-type(3) .under-cta{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;width:100%;padding:0 0 20px;margin:0;font-size:15px;line-height:22.5px;letter-spacing:0;text-align:center}
#perspective .story-row:nth-of-type(3) .assurance-part{white-space:nowrap}
/* Reference card: 3px border, 21/25/25px desktop padding, 60px icon, 278.5px button. */
#perspective .testing-strip{position:relative;display:flex;justify-content:space-between;align-items:center;gap:7.5px;margin-top:0;border:3px solid #87ceeb;border-radius:0;background:var(--navy);color:#fff;padding:21px 25px 25px;isolation:isolate}
#perspective .testing-strip>div{position:relative;width:72%;padding-left:67.5px;min-height:60px;display:flex;flex-direction:column;justify-content:center}
#perspective .testing-strip>div::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%2316324f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 11h12M20 11v12L13 36q-1 2 2 2h18q3 0 2-2l-7-13V11M17 29h14'/%3E%3C/g%3E%3C/svg%3E") center/87.5% no-repeat}
#perspective .testing-strip strong{font-size:28px;line-height:42px;font-weight:500;letter-spacing:.6px}
#perspective .testing-strip>div>span{font-size:12px;line-height:1.4;margin-top:4px;letter-spacing:0;color:#d7edf9}
#perspective .testing-strip>div>span[hidden]{display:none}
#perspective .testing-strip button{--testing-label-base:19px;display:flex;align-items:center;justify-content:center;gap:5px;width:25%;max-width:100%;min-height:50px;height:auto;padding:5px;border:0;border-radius:3.75px;background:var(--button-fill,var(--cta-color));color:#fff;font-size:var(--testing-label-size,19px);line-height:28.5px;font-weight:700;letter-spacing:.6px;box-shadow:none}
#perspective .testing-strip button::before{content:"";flex:0 0 40px;width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 34'%3E%3Cpath d='M2 6h22v26H2z' fill='%2387ceeb'/%3E%3Cpath d='M6 2h22v26H6z' fill='white'/%3E%3Cpath d='M10 8h14M10 12h14M10 16h14M10 20h11' stroke='%23a7bdd0' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
#perspective .ingredient-image-card{align-self:end}
#perspective .ingredient-image-card a,#perspective .ingredient-image-card img{aspect-ratio:517/673.13;object-fit:contain;object-position:center bottom}
/* This supplied PNG has 38 transparent pixels beneath the bottle. Seat its
   visible base on the testing card without changing the uploaded file. */
#perspective .ingredient-image-card img[src="/media/6974fcc4-6921-45bb-a376-ceff1938c390"]{transform:translateY(2.6%)}
#belief .eyebrow,#belief h2{text-align:left;align-self:stretch;width:100%;max-width:none;margin-left:0;margin-right:0}
@media(min-width:768px) and (max-width:1199px){#perspective .testing-strip strong{font-size:20px;line-height:30px}#perspective .testing-strip button{--testing-label-base:12px;font-size:var(--testing-label-size,12px);line-height:18px}}
@media(max-width:767px){
 #perspective .story-row:nth-of-type(3) .cta-group{width:100%}
 #perspective .story-row:nth-of-type(3) .cta-group>.button{width:min(100%,335px);max-width:100%;margin:5px 0;padding:2.5px;font-size:17px;line-height:25.5px;gap:10px}
 #perspective .story-row:nth-of-type(3) .under-cta{padding-bottom:5px;font-size:12px;line-height:18px}
 #perspective .ingredient-image-card{width:380px;max-width:100%}
 /* Cancel the 20px parent gap: the testing card touches the image's bottom edge. */
 #perspective .testing-strip{flex-direction:column;gap:7.5px;padding:19px 10px 15px;margin-top:-20px;min-height:0}
 #perspective .testing-strip>div{width:90%;min-height:48px;padding-left:55.5px}
 #perspective .testing-strip>div::before{width:48px;height:48px}
 #perspective .testing-strip strong{font-size:16px;line-height:24px;font-weight:500}
 #perspective .testing-strip button{--testing-label-base:19px;width:90%;font-size:var(--testing-label-size,19px);line-height:28.5px}
 #belief .eyebrow,#belief h2{margin:0;padding:10px 0}
}

/* Supply chooser polish. Photo layout and the review strip retain their rules. */
#navigation .supply-heading-open{display:inline-block;color:#1d4e89}
#navigation .supply-heading-dream{display:inline-block;color:#0e2a4a}
#navigation .menu-products>a{background:#e8f4fc;border:0;box-shadow:none}
#navigation .menu-products>a[data-menu-bundle="3"]{box-shadow:inset 0 0 0 1.5px #d4a017}
#navigation .menu-products>a:focus-visible{outline:3px solid #1d4e89;outline-offset:3px}
#navigation .menu-products .menu-product-copy>strong{color:#0e2a4a;font-weight:800;text-transform:none}
#navigation .menu-products .menu-product-copy>em{color:#3d4f61;font-style:normal}
#navigation .menu-products .menu-product-bonus{font-size:13px;line-height:19px;color:#3d4f61}
#navigation .menu-products .menu-product-bonus>span{display:inline;font-size:inherit;line-height:inherit;color:#3d4f61}
#navigation .menu-products .menu-product-bonus>.menu-product-saving{color:#1d4e89}
#navigation .menu-products .menu-product-price{color:#5c6b7a}


/* desktop-reference.css */
/* Desktop geometry measured from primalqueen.com at 1440 CSS px on 2026-09-22.
   Product copy, supplied media, blue theme, and all mobile rules remain independent. */
@media (min-width:768px){
  /* Current PQ player dimensions, centered beside the desktop opening copy. */
  .hero{--hero-video-width:400px;--hero-video-height:666px}
  .hero-grid{grid-template-columns:minmax(0,1fr) var(--hero-video-width)}
  .hero-media{width:var(--hero-video-width);align-self:center;margin-top:0}
  .hero .presentation{width:var(--hero-video-width);height:var(--hero-video-height);max-width:none;aspect-ratio:auto;border-radius:200px}
  /* Three portraits occupy the reference's 65px customer-photo strip. */
  #hero-user-photos .hero-user-photo-frame{width:30px;height:30px;flex-basis:30px}
  #hero-user-photos .hero-user-photo-frame+.hero-user-photo-frame{margin-left:-12.5px}
  #hero-user-photos .hero-social-proof-copy{font-size:16px;line-height:19.2px;gap:0 4px;letter-spacing:.6px;margin-left:5px}
  #hero-user-photos .hero-rating-stars{font-size:18px;line-height:18px;letter-spacing:0}
  .under-cta .circle-check{width:14px;height:14px;line-height:14px}
  .hero-body>.hero-assurances{width:542px;max-width:100%;text-align:left}
  .hero-body>.hero-assurances .assurance-part{white-space:nowrap}
  .hero-review-with-photo{min-height:136px}
  .hero-review-with-photo blockquote{font-size:15px;line-height:22.5px}
  .ribbon{min-height:47px;padding:0;gap:0}
  .ribbon-moving{padding:10px 0;font-size:18px;line-height:27px}

  /* The model uses a 1170px wrapper with 20px inside gutters here. */
  #belief>.container,#formula>.container,.product-prompt>.container,
  #community>.container,#story>.container,.founder-continuation>.container{width:min(1130px,calc(100% - 40px))}
  #perspective .story-row:nth-of-type(3){margin-bottom:0}
  #perspective .testing-strip{width:calc(100% + 30px);margin-left:-15px;min-height:112px}
  #belief>.container{grid-template-columns:minmax(0,641fr) minmax(0,464fr);gap:25px;min-height:693px;align-items:center}
  #belief .belief-photo.single-image{width:100%;max-width:464px;height:auto;min-height:0}
  #consistent-use h2{max-width:630px;margin:0 auto}
  #consistent-use .timeline{margin:30px auto 0}
  #consistent-use .disclaimer-frame{margin:0 auto 20px}
  #consistent-use .cta-group{margin:0 auto}
  #formula .ingredient-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
  #formula .ingredient-card{width:100%;min-height:296px}
  #formula .ingredient-card>.ingredient-photo{height:auto;aspect-ratio:361/144;margin:15px 0}
  #formula .promise-heading{width:400px;max-width:100%;margin:80px auto 36px;text-align:center}
  #formula .badge-row{align-items:start;padding:0;gap:16px}
  #formula .badge-row>div>img{width:90px;height:90px;margin:0 auto 10px}
  #formula .badge-row strong{line-height:28px}
  .product-prompt .prompt-panel{grid-template-columns:minmax(0,545fr) minmax(0,585fr);height:523px}
  .product-prompt .prompt-panel>.prompt-message{padding:0 15px;gap:64px}
  .product-prompt .prompt-panel h2{font-size:40px;line-height:67px;margin:0}
  .product-prompt .prompt-photo{height:100%}

  .founder-intro{grid-template-columns:minmax(0,31fr) minmax(0,69fr);align-items:center}
  .founder-image{width:261px;max-width:100%;justify-self:start}
  .founder-image>img{aspect-ratio:261/265}
  .founder-image figcaption{min-height:72px}
  .founder-story-row{grid-template-columns:minmax(0,723fr) minmax(0,377fr)}
  .founder-tried-row{grid-template-columns:minmax(0,610fr) minmax(0,480fr)}
  .benefit-panel{padding:30px 29px 10px;border-width:1px}
  .benefit-panel h2{margin:0 0 35px}
  .benefit-panel h2 br{display:none}
  .benefit-panel>.split{grid-template-columns:1fr 1fr;gap:0;align-items:center}
  .benefit-panel .value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}
  .value-grid>div>img{width:124px;max-width:100%;height:107px;object-fit:contain;margin:0 auto 5px}
  .value-grid strong{font-size:17px;line-height:25.5px;font-weight:400}
  .problem-layout{grid-template-columns:minmax(0,597fr) minmax(0,508fr);gap:25px;padding-top:50px}
  .facts-section{padding:100px 0 40px}
  #product-facts h2{max-width:884px;margin:0 auto 45px}
  #product-facts h2 br{display:none}
  #product-facts .facts-panel{width:742px;margin:0 auto}
  #product-facts .badge-row{width:800px;max-width:100%;margin:50px auto 0;padding:0;gap:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  #product-facts .badge-row>div{max-width:none}
  #product-facts .badge-row img{width:90px;height:90px;margin:0 auto 10px}
  #product-facts .badge-row strong{font-size:20px;line-height:30px;font-weight:700;max-width:130px;margin:auto}

  /* Keep all three Pineal10x supplies, using the model's card proportions. */
  #offers>.container{width:min(1320px,calc(100% - 30px))}
  #offers h2{margin:0 auto 20px}
  .offer-countdown-row{width:692px;max-width:100%;gap:20px;margin:0 auto 55px}
  .offer-countdown-row>.offer-sticker{width:135px}
  .offer-countdown-row .offer-sticker strong{font-size:20px}
  .offer-countdown{gap:6px}
  .offer-countdown>span{width:91px;height:91px;padding:17px 6px;border-radius:0}
  .offer-countdown b{font-size:22px;line-height:33px}
  .offer-countdown small{font-size:16px;line-height:24px}
  #offers .offer-grid{max-width:1320px;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:stretch}
  #offers .offer-card{padding:0 15px 15px;border-width:3px;border-radius:10px;overflow:visible}
  #offers .offer-banner{min-height:72px;margin:0 -15px 15px;display:flex;align-items:center;justify-content:center;padding:8px 12px;font-size:24px;line-height:27px;letter-spacing:0;text-align:center;border-radius:7px 7px 0 0}
  #offers .offer-card h3{font-size:32px;line-height:36px;margin-bottom:10px}
  #offers .offer-subtitle{font-size:16px;line-height:24px}
  #offers .offer-card .offer-features>li{font-size:16px;line-height:24px;padding:13px 0 13px 24px}
  #offers .offer-card>.button{width:calc(100% - 20px);max-width:calc(100% - 20px);min-height:60px;margin:25px 10px 10px;padding:2.5px 10px;font-size:24px;line-height:36px}
  #offers .offer-card>.button .cta-brandmark{width:35px;height:32px;flex-basis:35px}

  /* Compact review header, fixed-height photo thumbnails, and full-width rows. */
  #reviews{padding-top:60px}
  #reviews h2{max-width:1150px;margin:0 auto 30px}
  #review-filters{margin:0 auto 45px;max-width:1150px;gap:10px}
  #reviews .review-summary{grid-template-columns:200px 295px;justify-content:start;align-items:start;gap:20px;min-height:140px;margin:30px auto 20px;background:transparent}
  #reviews .review-photo-grid{width:295px;height:120px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,58px);gap:4px;overflow:hidden}
  #reviews .review-summary-photo{height:58px;aspect-ratio:auto}
  #reviews .review-record-header{min-height:46px;gap:10px}
  #reviews .review-record-header>div:nth-child(2){gap:0}
  #review-list .editable-review-record{padding:25px 0 0;margin:0 0 30px}
  #reviews .review-record-rating{margin:15px 0 0;gap:8px}
  #reviews .review-record-body{margin:0;font-size:14px;line-height:20px;letter-spacing:0}
  #reviews .review-record-photo.source-photo-crop{width:calc(130px * var(--photo-ratio));height:130px;max-width:100%;margin:10px 0 0;aspect-ratio:auto}
  #reviews .review-record-footer{margin:25px 0 0;min-height:18px;line-height:18px}
  #reviews .review-record-footer button{padding:0}
  #faq h2{max-width:747px;margin:0 auto 12.5px}
  #faq-list{margin:0 auto 12.5px}
  #faq .cta-group{margin:30px auto 0}
  #footer{padding:40px 0 90px}
  #footer>.container{display:flex;flex-direction:column;align-items:center;gap:22.5px;width:min(1150px,calc(100% - 30px));font-size:14px;line-height:21px}
  #footer .wordmark{margin:0 0 -12.5px}
  #footer .footer-logo{display:block}
  #footer>.container>p{margin:0;font-size:14px;line-height:21px}
  #footer nav{position:static;margin:0;padding:0;gap:6px 12px;justify-content:center;font-size:15px;line-height:22.5px}
  #footer .footer-notices{display:flex;flex-direction:column;gap:22.5px;width:calc(100% - 120px)}
  #footer .footer-notices p{margin:0;padding:12.5px;font-size:14px;line-height:21px}
  #footer .affiliate-footer{width:calc(100% - 120px);max-width:none}
  #footer .copyright{margin-top:0}

  /* Desktop drawer: links down the left, product choices across the right. */
  .site-header #navigation{display:none;grid-template-columns:250px minmax(0,1fr);gap:20px;left:0;right:0;top:100%;width:100%;max-width:none;padding:0;border-radius:0;max-height:calc(100dvh - 168px)}
  .site-header #navigation.open{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:none;margin:0}
  #navigation .menu-sidebar{grid-column:1;grid-row:1;padding:35px 0}
  #navigation .menu-main{grid-column:2;grid-row:1;padding:30px 20px 30px 0}
  #navigation .menu-testimonial{display:none}
  #navigation .menu-links{gap:0}
  #navigation .menu-links>a{font-size:18px;line-height:27px;padding:11px 22px;border-radius:0;background:transparent}
  #navigation .menu-main h2{font-size:22px;line-height:27px;padding:20px 20px 16px;margin:0 0 10px}
  #navigation .menu-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  #navigation .menu-products>a{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:194px;padding:10px;border-radius:10px;text-align:left}
  #navigation .menu-products img{width:166px;height:131px;max-width:100%;flex:0 0 131px;align-self:center}
  #navigation .menu-products strong{font-size:18px;line-height:24px}
  #navigation .menu-products em{font-size:14px;line-height:17px}
}
@media(min-width:1024px) and (max-width:1279px){
  .hero{--hero-video-width:340px;--hero-video-height:566px}
}
@media(min-width:768px) and (max-width:1023px){
  .hero{--hero-video-width:250px;--hero-video-height:466px}
}
@media (min-width:1200px){
  #formula>.container>h2{min-height:174px}
}
@media (min-width:768px) and (max-width:1199px){
  #hero-user-photos .hero-social-proof-copy{font-size:15px;line-height:18px}
  #belief>.container{min-height:0}
  #formula .ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #formula .badge-row>div>img{width:70px;height:70px}
  .product-prompt .prompt-panel h2{font-size:29px;line-height:44px}
  .product-prompt .prompt-panel>.prompt-message{gap:35px}
  .value-grid>div>img{width:92px;height:80px}
  .value-grid strong{font-size:15px;line-height:22px}
  #offers .offer-grid{gap:15px}
  #offers .offer-card{padding:0 10px 15px}
  #offers .offer-banner{margin-left:-10px;margin-right:-10px;font-size:19px;line-height:25px}
  #offers .offer-card h3{font-size:26px;line-height:32px}
  #offers .offer-card .offer-features>li{font-size:14px;line-height:21px}
  #offers .offer-card>.button{font-size:19px;line-height:28.5px;gap:6px}
  #offers .offer-card>.button .cta-brandmark{width:28px;flex-basis:28px}
  #footer .footer-notices,#footer .affiliate-footer{width:100%}
  .site-header #navigation,.site-header #navigation.open{grid-template-columns:210px minmax(0,1fr)}
}


/* placement-fidelity.css */
/* Geometry from PQ's current responsive rules, checked 25 September 2026.
   Keep the owner's text, media, colors, and stable editor keys. */
#perspective{padding:60px 0 0}
#perspective>.container{display:flex;flex-direction:column;gap:60px;width:min(1140px,calc(100% - 30px))}
#perspective .max-title,#perspective .story-row{margin:0}
#perspective .story-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
#perspective .story-row.reverse{grid-template-columns:minmax(0,450px) minmax(0,1fr);gap:25px}
#perspective .story-row:nth-of-type(3){grid-template-columns:minmax(0,1fr) minmax(0,517px);align-items:center}
#perspective .ingredient-image-card{width:100%;max-width:517px;min-width:0;margin:0;justify-self:end}
#perspective .ingredient-image-card a,#perspective .ingredient-image-card img{display:block;width:100%;height:auto;aspect-ratio:517/673.13;object-fit:contain}
#perspective .testing-strip{margin-top:-60px}
#perspective .story-row p:empty{display:none}

/* Founder geometry from PQ's current responsive layout (29 September 2026). */
#story .founder-intro h2{text-align:left}
#story{padding:0 0 20px}
#story .founder-intro{grid-template-columns:minmax(0,31%) minmax(0,1fr);gap:20px}
#story .founder-image{width:100%;max-width:400px;border-radius:15px;margin:0;justify-self:start}
#story .founder-image>img{aspect-ratio:800/813;min-height:0}
#story .founder-image figcaption{min-height:0}
#story .founder-story-row{grid-template-columns:minmax(0,64%) minmax(0,1fr);gap:30px}
#story .founder-tried-row{grid-template-columns:minmax(0,54%) minmax(0,1fr);gap:40px}
/* These are comparison-list bullets, independent of the page checkmarks. */
#story .founder-tried-row .two-list.simple li::before{content:"";width:8px;height:8px;min-width:8px;top:calc(.75em - 4px);border-radius:50%;background:var(--founder-dot-color,#1769b5);font-size:inherit;line-height:0}
#story .founder-secondary{width:100%;max-width:400px;justify-self:start}
@media(min-width:768px) and (max-width:1019px){
 #story>.container{gap:20px}
 #story .founder-intro,#story .founder-story-row,#story .founder-tried-row{gap:25px}
}
@media(max-width:767px){
 #story{padding:0}
 #story .founder-intro,#story .founder-story-row,#story .founder-tried-row{grid-template-columns:minmax(0,1fr);gap:20px}
 #story .founder-image{width:97%;max-width:100%;border-radius:10px;margin:0 auto;justify-self:center}
 #story .founder-secondary{max-width:100%;border-radius:10px}
 #story .founder-tried-row h3{text-align:center}
}

/* The panel uses the same 30px internal frame, with a 15px frame on phones. */
.founder-continuation .benefit-panel{position:relative;display:flex;flex-direction:column;gap:35px;border:30px solid transparent;border-radius:0;padding:0 0 10px;isolation:isolate}
.benefit-panel .benefit-outline{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);overflow:visible;pointer-events:none;z-index:-1}
.benefit-panel .benefit-outline path{fill:none;stroke:var(--sky);stroke-width:2;vector-effect:non-scaling-stroke}
.benefit-panel>h2{font-size:40px;line-height:46px;letter-spacing:0;font-weight:700;text-align:left;margin:0}
.benefit-panel>.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:start;width:100%}
.benefit-panel .benefit-list{display:flex;flex-direction:column;gap:10px;margin:15px 0 0;padding:0;list-style:none}
.benefit-panel .benefit-list li{font-size:20px;line-height:30px;font-weight:400;letter-spacing:0;margin:0;padding:0 0 0 37px}
.benefit-panel .benefit-list li::before{top:3px;width:25px;height:24px;min-width:25px;font-size:20px;line-height:24px}
.benefit-panel .value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;align-items:start}
.benefit-panel .value-grid>div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;min-width:0}
.benefit-panel .value-grid>div>img{width:124px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0}
.benefit-panel .value-grid>div>strong{font-size:17px;line-height:25.5px;font-weight:600;letter-spacing:0}
.problem-layout{padding-top:40px}
.founder-prose ul.simple{list-style:disc;padding-left:20px}
.founder-prose ul.simple li{padding-left:0}
.founder-prose ul.simple li::before{content:none}

/* Ingredient cards: PQ's header, comparison image and full-width caption band. */
#formula .ingredient-grid{gap:17px;margin-bottom:0}
#formula>.container>.ingredient-blend-note{margin:12px auto;padding:0;color:#1B3A5A;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0;text-align:center;background:none;border:0}
#formula>.container>.ingredient-blend-note+.cta-group{margin-top:0}
#formula>.container>.ingredient-blend-note+.cta-group>.button{margin-top:0}
#formula .ingredient-card{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:380px;min-height:265px;margin-inline:auto;border:2px solid var(--navy);border-radius:20px;overflow:hidden;background:#fff}
#formula .ingredient-card header{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:10px 20px;background:var(--navy);color:#fff}
#formula .ingredient-card header img{display:block;flex:none;width:48px;height:48px;border-radius:50%;object-fit:cover;overflow:hidden}
#formula .ingredient-card h3{font-size:26px;line-height:26px;font-weight:700;margin:0}
#formula .ingredient-card>.ingredient-photo{object-fit:contain;min-height:120px;flex:none}
#formula .ingredient-card>div{display:flex;align-items:center;justify-content:center;background:var(--ingredient-caption-background,var(--sky));color:var(--navy);padding:10px 0 14px;height:var(--ingredient-caption-height,76px);min-height:var(--ingredient-caption-height,76px);text-align:center}
#formula .ingredient-card>div>p{width:100%;margin:0;font-size:16px;font-weight:500;line-height:24px;letter-spacing:normal}
@media(min-width:768px){
 #formula .ingredient-card{min-height:292px}
 #formula .ingredient-card>div>p{letter-spacing:-.01em}
}
@media(min-width:1020px){
 #formula .ingredient-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #formula .ingredient-card{min-height:250px}
 #formula .ingredient-card>div>p{font-size:17px;line-height:26px}
}
@media(max-width:1200px){#formula .ingredient-card h3{font-size:22px;line-height:28px}}
@media(max-width:1019px){#formula .ingredient-card h3{font-size:20px}}

/* PQ's badges-to-media transition: 35px + 30px on mobile, 25px + 70px on tablet, 40px + 70px on desktop. */
#formula{padding-bottom:40px}
#formula .badge-row{padding-bottom:0}

/* Rounded notice between the countdown and offers, matching the reference slot. */
#offers .offer-notice{width:fit-content;max-width:100%;min-height:32px;margin:0 auto 40px;padding:4px 10px;border:0;border-radius:113px;background:color-mix(in srgb,var(--sky) 20%,#ffffffcc);color:var(--navy);font-size:16px;line-height:24px;letter-spacing:.6px;text-align:center}
@media(max-width:767px){#offers .offer-notice{width:100%;min-height:52px;padding:8px 10px;margin:0 0 20px;font-size:12px;line-height:18px}}
.product-prompt{padding-top:70px}
/* Match the How to use video frame at each breakpoint; the CTA extends the card below it. */
.product-prompt .prompt-panel{display:flex;flex-direction:column;width:calc(100% - 30px);max-width:545px;height:auto;min-height:0;aspect-ratio:auto;gap:0;padding:16px 0 0;border:0;border-radius:20px;clip-path:none;overflow:hidden;background:var(--product-panel-background,var(--navy))}
.product-prompt .prompt-panel>.prompt-photo{position:relative;flex:none;width:min(calc((100vw - 50px)/3),350px);max-width:calc(100% - 28px);height:490px;min-height:0;aspect-ratio:auto;align-self:center;border:2px solid var(--product-panel-background,var(--navy));border-radius:24px;overflow:hidden;background:var(--product-panel-background,var(--navy))}
.prompt-photo>.product-ugc-video,.prompt-photo>.loop-gif{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;margin:0;background:transparent}
.prompt-photo>.product-ugc-video[hidden]{display:none}
.prompt-photo.is-empty>.product-ugc-video{opacity:0}
.product-prompt .prompt-panel>.prompt-photo.is-empty{background:var(--ice)}
.product-prompt .prompt-panel>.prompt-message{flex:none;width:100%;aspect-ratio:auto;padding:18px 18px 24px;gap:28px;justify-content:flex-start;background:var(--product-panel-background,var(--navy))}
.product-prompt .prompt-panel h2{font-size:24px;line-height:34px;margin:0}
.product-prompt .prompt-panel>.prompt-outline{display:none}
.product-video-placeholder{display:none;position:absolute;inset:0;align-items:center;justify-content:center;pointer-events:none;color:var(--navy);font:600 16px/24px Arial;text-align:center}
.pineal-edit-mode .prompt-photo.is-empty>.product-video-placeholder{display:flex}
@media(min-width:768px) and (max-width:1019px){#formula{padding-bottom:25px}}
@media(max-width:767px){
 #formula{padding-bottom:35px}
 .product-prompt{padding-top:30px}
 .product-prompt .prompt-panel{padding-top:12px;border-radius:20px}
 .product-prompt .prompt-panel>.prompt-message{padding:12px 14px 18px;gap:24px}
 .product-prompt .prompt-panel h2{font-size:16px;line-height:23px;margin:0}
 .product-prompt .prompt-panel>.prompt-photo{width:305px;height:455px;border-width:4px;border-radius:24px}
}

@media(min-width:768px) and (max-width:1200px){
 .benefit-panel .value-grid>div>img{width:84px}
}
@media(max-width:1023px){
 #perspective{padding-top:30px}
 #perspective>.container{gap:20px}
 #perspective .max-title{font-size:34px;line-height:51px}
 #perspective .story-row.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #perspective .story-row:nth-of-type(3){grid-template-columns:minmax(0,1fr) minmax(0,296px);align-items:end}
 #perspective .testing-strip{margin-top:-20px}
 #belief>.container,#formula>.container,.product-prompt>.container,#community>.container,#story>.container,.founder-continuation>.container{width:calc(100% - 30px)}
 .founder-continuation .benefit-panel{gap:20px;padding:0}
 .benefit-panel>h2{font-size:22px;line-height:36px;text-align:center;letter-spacing:0}
 .benefit-panel .benefit-list{margin:0}
 .benefit-panel .benefit-list li{font-size:16px;line-height:24px;padding-left:34px}
 .benefit-panel .value-grid{gap:10px 8px}
 .benefit-panel .value-grid>div{padding:7px;gap:7px}
 .benefit-panel .value-grid>div>img{width:58px;height:58px}
 .benefit-panel .value-grid>div>strong{font-size:10px;line-height:15px;font-weight:600}
}
@media(max-width:767px){
 #perspective .max-title{font-size:27px;line-height:35.1px}
 #perspective .story-row,#perspective .story-row.reverse,#perspective .story-row:nth-of-type(3){grid-template-columns:minmax(0,1fr)}
 #perspective .ingredient-image-card{max-width:380px;justify-self:center}
 #perspective .testing-strip{width:100%;margin-left:0}
 .founder-continuation .benefit-panel{border-width:15px}
 .benefit-panel .benefit-outline{inset:-15px;width:calc(100% + 30px);height:calc(100% + 30px)}
 .benefit-panel>h2{line-height:30px}
 .benefit-panel>.split{grid-template-columns:minmax(0,1fr);gap:10px}
 .benefit-panel .benefit-list li::before{width:25px;height:24px;line-height:24px;top:3px}
 .benefit-panel .value-grid{gap:0 5px}
 .problem-layout{padding-top:20px}
}

/* PQ's 900 x 780 collage: a tall left image and two equal right images. */
#perspective .story-image-collage{display:grid;width:450px;max-width:100%;height:auto;aspect-ratio:900/780;container-type:inline-size;grid-template-columns:504fr 380fr;grid-template-rows:1fr 1fr;column-gap:1.777778%;row-gap:2.051282%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
#perspective .story-image-collage>img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border:0;border-radius:4.444444cqw;margin:0}
#perspective .story-image-collage>img:first-child{grid-column:1;grid-row:1/3}
#perspective .story-image-collage>img:nth-child(2){grid-column:2;grid-row:1}
#perspective .story-image-collage>img:nth-child(3){grid-column:2;grid-row:2}
@media(max-width:767px){#perspective .story-image-collage{width:100%}}

/* Full-page placement audit: use the reference's content gutters and breakpoints. */
#consistent-use>.container{width:min(1140px,calc(100% - 30px))}
#consistent-use h2{margin:0 auto}
#consistent-use .timeline{width:100%;max-width:1030px;margin:30px auto 20px}
#formula>.container>h2{max-width:none;width:100%;margin:0 0 25px}
#how-to-use h2{margin:0}
#faq{padding-bottom:0}
@media(min-width:768px){
 #formula .badge-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
 #formula .badge-row>div{max-width:none}
 #how-to-use{padding:0}
 #how-to-use>.container{padding:64px 0}
 #how-to-use .usage-loop-grid{margin:60px 0 0}
 #how-to-use .usage-loop-grid article{display:flex;flex-direction:column;align-items:center;gap:24px}
 #how-to-use .step{flex:none;margin:0 0 20px;border-width:10px}
 #how-to-use .usage-loop-grid h3{margin:16px 0 0}
 #how-to-use .usage-loop-grid p{margin:0;max-width:100%}
}
@media(min-width:1020px) and (max-width:1199px){
 #consistent-use>.container{width:min(974px,calc(100% - 30px))}
}
@media(min-width:768px) and (max-width:1019px){
 #belief>.container{grid-template-columns:minmax(0,62fr) minmax(0,38fr)}
 #consistent-use{padding:30px 0}
 #consistent-use>.container{width:720px;max-width:calc(100% - 30px)}
 #consistent-use h2{max-width:none}
 #consistent-use .milestone{grid-template-columns:44% 13% 43%}
 #consistent-use .milestone:nth-child(even){grid-template-columns:43% 13% 44%}
 #how-to-use>.container{padding:32px 0}
 #how-to-use .step{width:60px;height:60px;border-width:8px}
 #community{padding:40px 0 60px}
 #product-facts .facts-panel{width:732px}
}
@media(min-width:768px) and (max-width:1023px){
 #perspective .story-image-collage{width:100%}
}
@media(max-width:767px){
 .hero h1{font-size:26px;line-height:39px}
 #consistent-use>.container{width:min(570px,calc(100% - 30px))}
 #consistent-use .timeline{margin:0 auto 20px}
 #formula .badge-row{width:calc(100% + 10px);margin-left:-5px}
}
/* Reference separators: one after every social comment, including the last. */
#community .social-stack .source-artwork{padding:45px 0;margin:0;border:0;border-bottom:1px solid var(--social-divider-color,#8aa4bc)}
@media(max-width:767px){#community .social-stack .source-artwork{padding:25px 0}}
/* The founder background starts at the final divider; its top padding keeps
   the existing distance from that divider to the heading. */
#community{padding-bottom:0}
#story{padding-top:90px}
@media(min-width:1024px){#story{padding-top:60px}}
@media(max-width:767px){#story{padding-top:25px}}


/* premium-buttons.css */
/* Titan's 4.8s light sweep and 2.6s hover glow, tinted by the owner's CTA color.
   Decoration uses inset shadows so the measured button boxes remain unchanged. */
:is(#main,#sticky-cta,#cart,#scratch-offer) .button:not(.secondary){
  --premium-fill:var(--button-fill,var(--cta-color));
  position:relative;isolation:isolate;overflow:hidden;
  background-color:var(--premium-fill);
  background-image:linear-gradient(110deg,#00000012 0%,#ffffff32 45%,#ffffff0a 75%,#00000012 100%);
  border-radius:9px;
  box-shadow:inset 0 1px 0 #ffffff55,inset 0 -4px 0 #00000024,0 4px 0 color-mix(in srgb,var(--premium-fill),#000 30%),0 8px 25px color-mix(in srgb,var(--premium-fill) 20%,transparent);
  transition:transform .35s ease,box-shadow .35s ease,filter .35s ease;
}
:is(#main,#sticky-cta,#cart,#scratch-offer) .button:not(.secondary)::before,
:is(#main,#sticky-cta,#cart,#scratch-offer) .button>.reference-corners{display:none}
:is(#main,#sticky-cta,#cart,#scratch-offer) .button:not(.secondary)::after{
  content:"";display:block;position:absolute;inset:0;width:auto;height:auto;
  border:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,#ffffff55 50%,transparent 70%);
  transform:translateX(-150%);animation:pineal-light-sweep 4.8s ease-in-out infinite;
}
@keyframes pineal-light-sweep{0%{transform:translateX(-150%)}55%,100%{transform:translateX(150%)}}
@keyframes pineal-premium-glow{
  0%,100%{box-shadow:inset 0 1px 0 #ffffff55,inset 0 -4px 0 #00000024,0 0 0 2px color-mix(in srgb,var(--premium-fill),#fff 25%),0 0 24px color-mix(in srgb,var(--premium-fill) 35%,transparent),0 12px 28px #16324f20}
  50%{box-shadow:inset 0 1px 0 #ffffff77,inset 0 -4px 0 #00000024,0 0 0 2px color-mix(in srgb,var(--premium-fill),#fff 40%),0 0 40px color-mix(in srgb,var(--premium-fill) 50%,transparent),0 16px 32px #16324f28}
}
@media(hover:hover) and (pointer:fine){
  :is(#main,#sticky-cta,#cart,#scratch-offer) .button:not(.secondary):hover{transform:translateY(-5px) scale(1.045);filter:brightness(1.04);animation:pineal-premium-glow 2.6s ease-in-out infinite}
}
:is(#main,#sticky-cta,#cart,#scratch-offer) .button:not(.secondary):focus-visible{outline:3px solid var(--navy);outline-offset:5px}
:is(#main,#sticky-cta,#cart,#scratch-offer) .button:not(.secondary):active{transform:translateY(1px) scale(1);animation:none}
.pineal-edit-mode :is(#main,#sticky-cta,#cart,#scratch-offer) .button:not(.secondary):hover{transform:none;animation:none;filter:none}
@media(prefers-reduced-motion:reduce){
  :is(#main,#sticky-cta,#cart,#scratch-offer) .button:not(.secondary),
  :is(#main,#sticky-cta,#cart,#scratch-offer) .button:not(.secondary):hover{animation:none;transition:none;transform:none}
  :is(#main,#sticky-cta,#cart,#scratch-offer) .button:not(.secondary)::after{display:none;animation:none}
}

/* The reference's animated highlighted lettering, retaining each saved text color. */
@supports(background-clip:text){
  .premium-highlight{
    background-image:linear-gradient(110deg,currentColor 10%,color-mix(in srgb,currentColor,#fff 24%) 35%,color-mix(in srgb,currentColor,#fff 50%) 48%,currentColor 62%,currentColor 90%);
    background-size:240% 100%;background-clip:text;-webkit-background-clip:text;
    -webkit-text-fill-color:transparent;animation:pineal-text-gleam 6s ease-in-out infinite;
  }
}
@keyframes pineal-text-gleam{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}

/* Every offer card has the same full-surface zoom and colored light finish. */
.offer-banner,.hero-sale-banner{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(115deg,#00000008,#ffffff26 45%,#00000008);box-shadow:inset 0 1px 0 #ffffff40}
.offer-banner::after,.hero-sale-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff50 50%,transparent 70%);transform:translateX(-150%);animation:pineal-light-sweep 4.8s ease-in-out infinite}
.offer-card{--premium-fill:var(--cta-color);--offer-zoom:1.065;--offer-lift:-12px;position:relative;isolation:isolate;transform-origin:center;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s}
.offer-card>.offer-banner{animation:pineal-label-pulse 3.8s ease-in-out infinite}
@keyframes pineal-label-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
@media(hover:hover) and (pointer:fine){
  body:not(.pineal-edit-mode) .offer-card:hover{z-index:4;transform:translateY(var(--offer-lift)) scale(var(--offer-zoom));border-color:color-mix(in srgb,var(--cta-color),white 30%);box-shadow:0 0 0 2px color-mix(in srgb,var(--cta-color),white 30%),0 0 35px color-mix(in srgb,var(--cta-color) 30%,transparent),0 20px 45px #16324f30}
  .offer-card:hover::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,#ffffff50 50%,transparent 70%);animation:pineal-light-sweep 1.9s ease-in-out infinite}
}
#sticky-cta{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--sky) 60%,transparent),0 -4px 20px #16324f30}
#sticky-cta:not([hidden]){animation:pineal-bar-arrive .5s ease both}
#sticky-cta .button::after{animation-name:pineal-bar-gleam!important;animation-duration:6s!important}
@keyframes pineal-bar-arrive{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes pineal-bar-gleam{0%,65%{transform:translateX(-150%)}90%,100%{transform:translateX(150%)}}

/* Skip offscreen motion and honor reduced-motion settings on both devices. */
.premium-highlight:not(.premium-visible),.offer-banner:not(.premium-visible),
.offer-banner:not(.premium-visible)::after,.hero-sale-banner:not(.premium-visible)::after,
:is(#main,#sticky-cta,#cart,#scratch-offer) .button:not(.premium-visible)::after{animation-play-state:paused}
.premium-page-hidden .premium-highlight,.premium-page-hidden .offer-banner,
.premium-page-hidden .offer-banner::after,.premium-page-hidden .hero-sale-banner::after,
.premium-page-hidden .button::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  .premium-highlight{animation:none;background:none;-webkit-text-fill-color:currentColor}
  .offer-banner,.offer-card>.offer-banner,.offer-banner::after,.hero-sale-banner::after,#sticky-cta:not([hidden]){animation:none}
  .offer-banner::after,.hero-sale-banner::after{display:none}
  body:not(.pineal-edit-mode) .offer-card,body:not(.pineal-edit-mode) .offer-card:hover{transition:none;transform:none}
  .offer-card:hover::after{display:none;animation:none}
}

/* Touch and keyboard interaction use the entire card, including its corners. */
body:not(.pineal-edit-mode) .offer-card:is(.premium-card-touch,:focus-within){z-index:4;transform:translateY(var(--offer-lift)) scale(var(--offer-zoom));border-color:color-mix(in srgb,var(--cta-color),white 30%);box-shadow:0 0 0 2px color-mix(in srgb,var(--cta-color),white 30%),0 0 35px color-mix(in srgb,var(--cta-color) 30%,transparent),0 20px 45px #16324f30}
body:not(.pineal-edit-mode) .offer-card:is(.premium-card-touch,:focus-within)::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,#ffffff50 50%,transparent 70%);animation:pineal-light-sweep 1.9s ease-in-out infinite}
@media(max-width:767px){.offer-card{--offer-zoom:1.05;--offer-lift:-9px}}
@media(prefers-reduced-motion:reduce){body:not(.pineal-edit-mode) .offer-card:is(.premium-card-touch,:focus-within){transform:none;transition:none}.offer-card:is(.premium-card-touch,:focus-within)::after{display:none;animation:none}}


/* offer-card-details.css */
/* Reference purchase-card proportions; text and colors stay owner-editable. */
#offers .offer-card{background:var(--offer-background,#cfeafa);color:var(--offer-text,var(--navy));border-color:var(--offer-border,var(--offer-header,var(--cta-color)))}
#offers .offer-card>.offer-banner{background-color:var(--offer-header,var(--cta-color))}
#offers .offer-gallery{position:relative;touch-action:pan-y pinch-zoom;overflow:hidden;background:#fff;isolation:isolate;box-sizing:border-box;border:4px solid var(--offer-galleryBorder,#16324f)}
#offers .offer-gallery img{user-select:none;-webkit-user-drag:none}
/* Photos retain their own colors; transparent uploads also get a solid backing. */
#offers .offer-gallery img,#offers .offer-thumbnails img{mix-blend-mode:normal;opacity:1;background:#fff}
#offers .offer-thumbnails img{box-sizing:border-box;border:2px solid var(--offer-galleryBorder,#16324f)}
#offers .offer-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:54px;padding:6px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--offer-arrow,var(--offer-check,var(--cta-color)));display:grid;place-items:center;cursor:pointer}
#offers .offer-gallery-arrow.previous{left:0}#offers .offer-gallery-arrow.next{right:0}
#offers .offer-gallery-arrow:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
#offers .offer-thumbnails>button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--offer-check,var(--cta-color))}
#offers .offer-card .offer-features{margin:10px 0 12px;min-height:0}
#offers .offer-card .offer-features>li{min-height:49px;gap:8px;padding:12px 0 12px 29px;font-size:16px;line-height:24px;font-weight:700;border-bottom:1px solid var(--offer-line,#ffffff);color:inherit}
#offers .offer-card .offer-features>li::before{top:calc(50% - 12px);width:24px;height:24px;min-width:24px;line-height:24px;font-size:17px;background:var(--offer-check,var(--check-color));color:white}
#offers .offer-features>li>div{gap:7px;flex-wrap:wrap;justify-content:flex-end}
#offers [data-offer-value-part="current"]{text-decoration:none;white-space:nowrap}
#offers [data-offer-value-part]:empty{display:none}
body.pineal-edit-mode #offers [data-offer-value-part]:empty{display:inline-block;min-width:3em;min-height:1.2em}
body.pineal-edit-mode #offers [data-offer-value-part]:empty::before{content:attr(data-offer-value-part);font-size:11px;font-weight:400;border:1px dashed currentColor;padding:2px 4px}
#offers .offer-features>li s:empty::after{display:none}
#offers .offer-features>li s{position:relative;text-decoration:none;white-space:nowrap}
#offers .offer-features>li s::after{content:"";position:absolute;left:-1px;right:-1px;top:50%;border-top:1px solid currentColor;transform:rotate(-8deg)}
#offers .offer-purchase-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 20px;min-width:0}
#offers .offer-quantity-block{margin:0;flex:0 0 auto;text-align:left;color:inherit;font-size:16px;line-height:19px}
#offers .offer-quantity-block>span{margin:0 0 10px}
#offers .offer-quantity{width:140px;height:44px;margin:0;border-radius:0;border-color:var(--offer-quantity,var(--offer-line,#ffffff))}
#offers .offer-price{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin:0;min-width:0;line-height:40px;color:inherit}
#offers .offer-price>strong,#offers .offer-price>s{font-size:24px;line-height:40px;white-space:nowrap;letter-spacing:0}
#offers .offer-price>s{font-weight:400;opacity:1;text-decoration-thickness:1px}
#offers .offer-card>.button{width:100%;max-width:100%;margin:0 0 10px}
#offers .offer-card-footer{color:inherit}
#offers .offer-payment-methods{width:100%;aspect-ratio:8;margin:2px auto 12px;overflow:hidden}
#offers .offer-payment-methods img{display:block;width:100%;height:100%;object-fit:cover;opacity:1;mix-blend-mode:normal}
#offers .offer-assurances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 0 14px;text-align:center;align-items:start}
#offers .offer-assurances>p{display:flex;align-items:baseline;justify-content:center;gap:6px;min-width:0;margin:0;font-size:14px;line-height:20px;font-weight:400;color:inherit;overflow-wrap:anywhere}
#offers .offer-assurances>p::before{content:'✓';display:inline-grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;font-size:12px;line-height:16px;font-weight:800;background:var(--offer-check,var(--check-color));color:white}
#offers .offer-shipping-timer{padding:14px 0 0;border-top:1px solid var(--offer-line,#ffffff);font-size:15px;line-height:21px;text-align:center;color:inherit}
#offers .offer-shipping-timer mark{padding:1px 3px;background:var(--offer-highlight,var(--sky));color:inherit;font-weight:700}
#offers .offer-inline-countdown b{font-weight:400}
@media(max-width:767px){
 #offers .offer-card .offer-features>li{font-size:15px;line-height:21px;padding:12px 0 12px 29px;min-height:49px}
 #offers .offer-quantity{width:140px}
 #offers .offer-price>strong,#offers .offer-price>s{font-size:clamp(16px,5vw,25px)}
 #offers .offer-assurances{gap:8px}
}
@media(max-width:359px){#offers .offer-quantity{width:115px}#offers .offer-purchase-row{gap:8px}#offers .offer-card .offer-features>li{font-size:13px}}

/* Each wallpaper and palette belongs to one card. */
#offers .offer-card{background-image:var(--offer-wallpaper,none);background-size:cover;background-position:center;overflow:hidden;cursor:pointer}
#offers .offer-card.offer-wallpaper-pending{background-image:none}
#offers .offer-card>.offer-banner{min-height:76px;white-space:pre-line;display:block;align-content:center;font-weight:400;line-height:24px;margin-bottom:15px}
#offers .offer-card>.offer-banner::first-line{font-weight:800}
#offers .offer-card>h3{white-space:pre-line;color:inherit;margin:0 0 15px;font-size:32px;line-height:36px}
#offers .offer-card .offer-quantity,#offers .offer-card .offer-quantity button{color:inherit}
#offers .offer-card:focus-visible{outline:3px solid var(--offer-border,var(--offer-header,var(--cta-color)));outline-offset:5px}
@media(max-width:1023px){#offers .offer-card>.offer-banner{font-size:20px;line-height:22px}#offers .offer-card>h3{font-size:26px;line-height:32px}}
@media(max-width:767px){#offers .offer-card>.offer-banner{min-height:66px;font-size:20px;line-height:22px}#offers .offer-card>h3{font-size:28px;line-height:32px}}
#offers .offer-features>li>div{max-width:none}
#offers .offer-thumbnails{height:auto;gap:10px;margin:5px 0 10px;align-items:start;flex:none}
#offers .offer-thumbnails>button{flex:0 0 calc((100% - 40px)/5);width:calc((100% - 40px)/5);height:auto;aspect-ratio:1}
#offers .offer-thumbnails img{width:100%;height:100%;object-fit:contain}
#offers .offer-uploaded-thumbnails>button{display:block}
#offers .offer-gallery{margin-bottom:10px}
#offers .offer-card>.button>.offer-cart-icon{order:-1;width:22px;height:22px;flex:0 0 22px}
#offers .offer-card>.button>.offer-cart-arrow{width:12px;height:14px;flex:0 0 12px}
@media(min-width:768px){#offers .offer-shipping-timer{font-size:13px}}
/* Match the reference's mobile frame and type rhythm; retain the third Pineal offer. */
@media(min-width:768px){#offers .offer-card>.offer-banner{min-height:72px}}
@media(max-width:767px){
 #offers .offer-card{padding:0 10px 15px}
 #offers .offer-card>.offer-banner{min-height:63px;margin-left:-10px;margin-right:-10px}
 #offers .offer-card>h3{line-height:34px}
}
/* Surface finish and feedback preserve the reference's box dimensions. */
#offers .offer-card{box-shadow:inset 0 1px 0 #ffffff80,0 9px 32px #16324f20}
#offers .offer-gallery-arrow svg{transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s}
#offers .offer-thumbnails>button{border-radius:4px;transition:box-shadow .25s,filter .25s,transform .25s}
@media(hover:hover) and (pointer:fine){
 body:not(.pineal-edit-mode) #offers .offer-gallery-arrow:hover svg{transform:scale(1.16);filter:drop-shadow(0 2px 4px #16324f30)}
 body:not(.pineal-edit-mode) #offers .offer-thumbnails>button:hover{box-shadow:inset 0 0 0 2px var(--offer-check,var(--cta-color)),0 3px 10px #16324f18;filter:brightness(1.035)}
}
#offers .offer-gallery-arrow:active svg{transform:scale(.93)}
#offers .offer-thumbnails>button:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){#offers .offer-card.premium-visible{animation:none}#offers .offer-gallery-arrow svg,#offers .offer-thumbnails>button{transition:none;transform:none!important}}
@media(hover:hover) and (pointer:fine){
 body:not(.pineal-edit-mode) #offers .offer-card:hover{border-color:color-mix(in srgb,var(--offer-border,var(--offer-header,var(--cta-color))),white 30%);box-shadow:inset 0 1px 0 #ffffffb0,0 0 0 3px color-mix(in srgb,var(--offer-border,var(--offer-header,var(--cta-color))),white 40%),0 0 48px color-mix(in srgb,var(--offer-border,var(--offer-header,var(--cta-color))) 46%,transparent),0 28px 55px #16324f48}
}
body:not(.pineal-edit-mode) #offers .offer-card:is(.premium-card-touch,:focus-within){border-color:color-mix(in srgb,var(--offer-border,var(--offer-header,var(--cta-color))),white 30%);box-shadow:inset 0 1px 0 #ffffffb0,0 0 0 3px color-mix(in srgb,var(--offer-border,var(--offer-header,var(--cta-color))),white 40%),0 0 48px color-mix(in srgb,var(--offer-border,var(--offer-header,var(--cta-color))) 46%,transparent),0 28px 55px #16324f48}
#offers .offer-card>.offer-banner{height:72px;min-height:72px;flex-shrink:0;padding:8px 12px}
#offers .offer-grid{width:calc(100% - 24px);padding:24px 0 30px;margin-inline:auto}
#offers{padding-bottom:70px}
@media(max-width:767px){#offers{padding-bottom:30px}}
@media(min-width:1320px){#offers>.container{width:min(1380px,calc(100% - 30px))}#offers .offer-grid{max-width:1328px;gap:64px}}
@media(min-width:768px) and (max-width:1319px){
 #offers .offer-grid{grid-template-columns:repeat(2,minmax(0,400px));gap:64px;justify-content:center}
 #offers .offer-card:last-child{grid-column:1/-1;width:100%;max-width:400px;justify-self:center}
}
@media(min-width:768px) and (max-width:1023px){
 #offers .offer-grid{grid-template-columns:repeat(2,minmax(0,346px));gap:64px 48px}
 #offers .offer-card:last-child{max-width:346px}
}
@media(max-width:767px){#offers .offer-card>.offer-banner{height:63px;min-height:63px}#offers .offer-grid{max-width:376px;gap:64px}}

#offers .offer-currency-note{font-size:14px;line-height:1.5;text-align:center;margin:18px auto;max-width:600px}
#offers .offer-card[data-local-currency] .offer-purchase-row{flex-wrap:wrap}
#offers .offer-card[data-local-currency] .offer-price{flex:1 1 auto}


/* review-layout.css */
/* Reference review widget: stacked on phones, three summary columns on desktop. */
#reviews #review-filters{max-width:1150px;gap:10px;margin:40px auto 60px}
#reviews #review-filters button{border-width:1px;border-radius:8px;padding:10px 12px;font-size:20px;line-height:30px;min-height:52px;letter-spacing:0}
#reviews .review-summary{display:grid;grid-template-columns:200px 300px 295px;align-items:start;justify-content:start;gap:0 20px;min-height:140px;margin:0 0 20px;padding:0;border:0;background:transparent}
#reviews .rating-overview{padding:0;text-align:left}
#reviews .rating-overview-top{justify-content:flex-start;gap:5px;min-width:0}
#reviews .rating-overview-top>strong{font-size:37px;line-height:44px;letter-spacing:0;font-weight:600}
#reviews .review-gold-stars{font-family:Arial,sans-serif;font-variant-emoji:text;font-size:26px;line-height:30px;letter-spacing:0;color:#ffcc00;white-space:nowrap}
#reviews .review-gold-stars.is-numeric-rating{background:linear-gradient(to right,var(--rating-gold,#ffcc00) var(--rating-fill),#d4d4d4 var(--rating-fill));background-clip:text;-webkit-background-clip:text;color:transparent!important}
#reviews .rating-overview p{font-size:15px;line-height:22.5px;margin:10px 0 0;letter-spacing:.6px;white-space:normal;overflow-wrap:break-word}
#reviews .rating-breakdown{width:300px;max-width:100%;margin:0;padding:0 0 0 20px;border:0;border-left:1px solid #eee;gap:3px}
#reviews .rating-row{grid-template-columns:80px minmax(0,1fr) 48px;gap:8px;min-height:20px;line-height:20px}
#reviews .rating-row-stars{font-family:Arial,sans-serif;font-variant-emoji:text;font-size:19px;line-height:20px;letter-spacing:-1px;color:#808080}
#reviews .rating-bar{height:15px;background:#f0f0f0}
#reviews .rating-bar i{background:#ffd200}
#reviews .rating-count{font-size:12px;line-height:20px;color:#666;letter-spacing:0}
#reviews .review-photo-grid{display:grid;width:295px;max-width:100%;height:120px;margin:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,58px);gap:4px;overflow:hidden}
#reviews .review-summary-photo{width:100%;height:58px;aspect-ratio:auto;border-radius:0;border:1px solid #eee}
#reviews .review-summary-photo img{border:0;border-radius:0}
#reviews .review-summary-photo{padding:0;position:relative;overflow:hidden}
#reviews .review-summary-crop{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,calc(58px * var(--photo-ratio)));aspect-ratio:var(--photo-ratio)}
#reviews .review-summary-crop>img.is-source-review{position:absolute;display:block;width:var(--photo-width);max-width:none!important;height:auto;aspect-ratio:auto;left:var(--photo-left);top:var(--photo-top)}
#reviews .review-summary-crop:has(img:not(.is-source-review)){inset:0;transform:none;width:100%;height:100%;aspect-ratio:auto}
#reviews .review-summary-crop>img:not(.is-source-review){width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
#reviews .reviews-tabs{height:45px;display:flex;border-bottom:1px solid #ddd;margin:0}
#reviews .reviews-tab{display:flex;align-items:center;gap:10px;min-width:120px;border:0;border-bottom:3px solid currentColor;background:transparent;padding:10px;color:#111;font-size:14px;line-height:21px;letter-spacing:.5px;border-radius:0}
#reviews .reviews-tab-count{background:#fafafa;padding:0 5px}
#reviews .reviews-toolbar{display:flex;align-items:start;flex-direction:row;justify-content:flex-end;min-height:70px;margin:0;border:0;padding:0;gap:0}
#reviews .reviews-toolbar label{display:block}
#reviews .reviews-toolbar select{width:170px;height:35px;border:1px solid #eee;border-radius:0;padding:0 12px;font-size:12px;line-height:16px;color:#666;background:#fff}
#reviews #review-list .editable-review-record{border-top:0;border-bottom:1px solid #eee;padding:0 0 25px;margin:0 0 30px}
#reviews .review-record-avatar{position:relative;width:45px;height:46px;flex:none;border-radius:50%;background:#f4f4f4;color:#999;font-size:18px;line-height:46px;text-align:center}
#reviews .review-record-avatar::after{content:'✓';position:absolute;right:-1px;bottom:-1px;display:grid;place-items:center;width:17px;height:20px;background:var(--review-check-color,#20b785);color:#fff;clip-path:polygon(50% 0,96% 16%,92% 60%,75% 83%,50% 100%,25% 83%,8% 60%,4% 16%);font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:1;letter-spacing:0;pointer-events:none}
@media(min-width:768px) and (max-width:960px){
 #reviews .review-summary{grid-template-columns:200px 280px minmax(0,1fr);gap:0 15px}
 #reviews .rating-breakdown{width:280px;padding-left:10px}
 #reviews .review-photo-grid{width:100%}
}
@media(max-width:767px){
 #reviews .review-record-header{grid-template-columns:45px minmax(0,1fr) auto;gap:10px}
 #reviews #review-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 40px);gap:10px;margin:30px auto 50px}
 #reviews #review-filters button{font-size:14px;line-height:21px;min-height:43px;padding:10px 6px}
 #reviews .review-summary{grid-template-columns:minmax(0,1fr);justify-items:center;gap:25px;min-height:0;margin:0 auto 40px}
 #reviews .rating-overview{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;max-width:100%;padding:0}
 #reviews .rating-overview-top{flex:0 0 auto;gap:8px}
 #reviews .rating-overview p{min-width:0;margin:0;font-size:15px;line-height:22.5px;letter-spacing:.3px;white-space:normal;text-align:left;overflow-wrap:break-word}
 #reviews .review-gold-stars{font-size:25px;line-height:30px;letter-spacing:-1px}
 #reviews .rating-breakdown{width:280px;padding:0;border:0}
 #reviews .review-photo-grid{width:295px;max-width:100%;margin:0;height:120px}
 #reviews .reviews-toolbar{min-height:65px}
}
@media(max-width:389px){
 #reviews .rating-overview{gap:5px}
 #reviews .rating-overview-top{gap:5px}
 #reviews .rating-overview-top>strong{font-size:32px}
 #reviews .review-gold-stars{font-size:22px}
 #reviews .rating-overview p{font-size:13px}
}

/* Independent review photo uploads. Unfilled extra slots appear only while editing. */
.review-record-photos{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:18px 0}
.review-record-photos .review-record-photo{margin:0!important;flex:0 0 auto;max-width:100%}
.review-record-photos:has([data-optional-review-photo]:not([hidden])) .review-record-photo,.pineal-edit-mode .review-record-photos .review-record-photo{max-width:calc((100% - 20px)/3)}
.review-record-photos:has([data-optional-review-photo]:not([hidden])) .source-photo-crop,.pineal-edit-mode .review-record-photos .source-photo-crop{height:auto!important}
.review-record-photos .review-extra-photo{width:140px;aspect-ratio:1;border:1px solid #c4d5e2}
.review-record-photos .review-extra-photo img{position:static!important;width:100%!important;height:100%!important;object-fit:contain;transform:none!important}
body:not(.pineal-edit-mode) .review-record-photos [data-optional-review-photo][hidden]{display:none!important}
.pineal-edit-mode .review-record-photos [data-optional-review-photo][hidden]{display:block!important;opacity:.7}
@media(max-width:600px){.review-record-photos{gap:8px}.review-record-photos:has([data-optional-review-photo]:not([hidden])) .review-record-photo,.pineal-edit-mode .review-record-photos .review-record-photo{max-width:calc((100% - 16px)/3)}}


/* faq-settings.css */
#faq .faq-item {
  border-color:var(--faq-border,var(--navy));
  background:var(--faq-background,#fff);
  box-shadow:0 0 0 transparent;
  transition:border-color 220ms ease,background-color 220ms ease,box-shadow 220ms ease,transform 220ms ease;
}
#faq[style*="--faq-heading"] h2 {color:var(--faq-heading)!important}
#faq[style*="--faq-question"] .faq-item summary {color:var(--faq-question)!important}
#faq[style*="--faq-answer"] .faq-item>div,#faq[style*="--faq-answer"] .faq-item>div>p {color:var(--faq-answer)!important}
#faq .faq-item summary>span[aria-hidden] {
  color:var(--faq-icon,var(--navy));
  flex-shrink:0;
  transition:color 220ms ease,transform 220ms ease;
}
#faq .faq-item[open],#faq .faq-item:focus-within {
  border-color:var(--faq-activeBorder,#1769b5);
  background:var(--faq-activeBackground,#fff);
  box-shadow:-8px 8px 0 var(--faq-highlight,#d4a017);
}
#faq .faq-item[open] summary>span[aria-hidden],#faq .faq-item:focus-within summary>span[aria-hidden] {color:var(--faq-activeIcon,#1769b5)}
#faq .faq-item summary:focus-visible {outline:2px solid var(--faq-activeBorder,#1769b5);outline-offset:-4px;border-radius:4px}
@media(hover:hover) and (pointer:fine) {
  #faq .faq-item:hover {
    border-color:var(--faq-activeBorder,#1769b5);
    background:var(--faq-activeBackground,#fff);
    box-shadow:-8px 8px 0 var(--faq-highlight,#d4a017);
    transform:translate(2px,-2px);
  }
  #faq .faq-item:hover summary>span[aria-hidden] {color:var(--faq-activeIcon,#1769b5)}
}
#faq .faq-report-answer {padding-bottom:15px}
#faq .faq-report-answer>p {display:inline;margin:0}
#faq .faq-pdf-link {color:var(--faq-link,#1769b5)!important;text-decoration:none;cursor:pointer;white-space:pre-wrap;overflow-wrap:anywhere}
#faq .faq-pdf-link:hover,#faq .faq-pdf-link:focus-visible {text-decoration:underline;text-underline-offset:3px}
#faq .faq-pdf-link[aria-disabled="true"] {cursor:default}
#faq .faq-item[open]>div {animation:faq-answer-in 200ms ease-out}
@keyframes faq-answer-in {from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce) {
  #faq .faq-item,#faq .faq-item summary>span[aria-hidden] {transition:none}
  #faq .faq-item:hover {transform:none}
  #faq .faq-item[open]>div {animation:none}
}

/* Only the toggle icon rotates; formatted words keep their normal typography. */
#faq .faq-item summary span:not([aria-hidden]) {font:inherit;transform:none}
#faq .faq-document-photo {object-fit:contain;aspect-ratio:auto;margin-top:15px}


/* vendor-footer.css */
#vendor-information{width:min(760px,calc(100vw - 32px));max-height:85dvh;padding:30px;border:1px solid #bdd2e3;border-radius:16px;background:#fff;color:#16324f;text-align:left;overflow:auto;box-shadow:0 18px 70px #102a4355}
#vendor-information::backdrop{background:#102a43a8}
#vendor-information h2{font-size:28px;line-height:1.2;margin:25px 0}
#vendor-information h3{font-size:18px;line-height:1.35;margin:24px 0 8px}
#vendor-information p{font-size:16px;line-height:1.65;white-space:pre-line;margin:0 0 16px;color:#16324f}
.vendor-info-close{position:absolute;right:12px;top:8px;width:40px;height:40px;font-size:30px;line-height:1;border:0;background:transparent;color:#16324f;cursor:pointer}
.vendor-info-tabs{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin:0;padding:0 25px 0 0;box-shadow:none}
.vendor-info-tabs button{border:1px solid #bdd2e3;border-radius:6px;padding:9px 12px;background:#f2f8fc;color:#16324f;font:inherit;font-size:14px;cursor:pointer}
.vendor-info-tabs button[aria-pressed="true"]{background:#16324f;color:#fff}
.vendor-info-source{display:inline-block;color:#1769b5;text-decoration:underline;text-underline-offset:3px;margin:10px 0}
@media(max-width:600px){#vendor-information{padding:22px 18px}#vendor-information h2{font-size:24px}.vendor-info-tabs{padding-top:24px;padding-right:0}}


/* cart-editor.css */
/* Every cart surface and control has an owner-editable color. */
#cart{background:var(--cart-panel,#fff);color:var(--cart-body,#16324f);border:var(--cart-borderWidth,0px) solid var(--cart-border,#7e96aa);border-radius:var(--cart-radius,18px);overflow-x:hidden;overscroll-behavior:contain}
#cart::backdrop{background:color-mix(in srgb,var(--cart-overlay,#16324f) var(--cart-overlayOpacity,53%),transparent)}
#cart h2{color:var(--cart-heading,#16324f)}
#cart .dialog-close{color:var(--cart-close,#16324f)}
#cart .cart-item{border-color:var(--cart-divider,#d7e4eb)}
#cart .cart-item[hidden],#cart [hidden]{display:none!important}
#cart .cart-item>img{width:var(--cart-photoWidth,75px);height:calc(var(--cart-photoWidth,75px)*1.2);flex-shrink:0;object-fit:contain}
#cart .cart-item-copy{min-width:0;flex:1}
#cart .cart-item h3{color:var(--cart-offer,#16324f);overflow-wrap:anywhere}
#cart [data-cart-price]{color:var(--cart-price,#16324f)}
#cart .cart-item p,#cart .cart-handoff-note,#cart .cart-empty{color:var(--cart-body,#16324f);overflow-wrap:anywhere}
#cart .cart-quantity{flex-wrap:wrap;gap:10px}
#cart .cart-quantity button{background:var(--cart-quantityFill,#eff8fe);border-color:var(--cart-quantityBorder,#bfd0dc);transition:background .2s ease,color .2s ease,border-color .2s ease;min-width:30px;min-height:30px}
#cart .cart-quantity-value{color:var(--cart-quantityText,#16324f)}
#cart [data-cart-step="-1"]{color:var(--cart-minus,#16324f)}
#cart [data-cart-step="1"]{color:var(--cart-plus,#16324f)}
#cart .cart-quantity .cart-remove{background:transparent;color:var(--cart-remove,#16324f);height:auto;max-width:100%;overflow-wrap:anywhere}
#cart-summary{color:var(--cart-subtotal,#16324f)}
#cart .cart-checkout.button{--premium-fill:var(--button-fill,var(--cart-button,#1769b5));background-color:var(--premium-fill);color:var(--cart-buttonText,#fff);border:var(--cart-buttonBorderWidth,1px) solid var(--cart-buttonBorder,#1769b5);border-radius:var(--cart-buttonRadius,9px);transition:background-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease;overflow-wrap:anywhere;white-space:normal;text-align:center}
#cart .cart-checkout .cta-brandmark{flex-shrink:0}
#cart :is(button,a):focus-visible{outline:3px solid var(--cart-border,#7e96aa);outline-offset:3px}
#cart [data-cart-step]:focus-visible{background:var(--cart-controlHover,#d4eafa);color:var(--cart-controlHoverText,#0e2a4a)!important}
#cart .cart-checkout:focus-visible{background-color:var(--cart-buttonHover,#125695);color:var(--cart-buttonHoverText,#fff)!important}
@media(hover:hover){
 #cart [data-cart-step]:hover{background:var(--cart-controlHover,#d4eafa);color:var(--cart-controlHoverText,#0e2a4a)!important}
 #cart .cart-checkout:hover{--premium-fill:var(--cart-buttonHover,#125695);background-color:var(--cart-buttonHover,#125695);color:var(--cart-buttonHoverText,#fff)!important}
}
@media(prefers-reduced-motion:reduce){#cart .cart-quantity button,#cart .cart-checkout.button{transition:none}}