/* DESIGN.md → Verified lower reference: live Slush geometry in --reference-unit.
   DO 1/2/5: Lateral800/.76–.80, original sticker assets, shared six-color palette.
   DO 3/4/6: Carbon1 outlines, card20/40 and pill1600, Aeonik700/.030em UI.
   DON'T 4/7: no box shadows or CSS gradients. Source surfaces are documented overrides. */
.ref-lower-section,.ref-ecosystem,.ref-footer{font-size:var(--reference-unit);color:var(--color-carbon);position:relative}
.ref-lower-section{padding:.375em .75em;background:var(--color-carbon)} /* Source container: spacing12 gutter / half gutter vertical. */
.ref-lower-panel{padding:11.25em 3em;background:var(--color-paper-white);border-radius:var(--radius-cards-elevated);overflow:clip} /* Source spacing180/48, card40. */
.ref-lower-inner{width:100%;max-width:79em;margin-inline:auto} /* Source interior79u; outer page remains full width. */
.ref-relative{position:relative;width:100%}
.ref-display{font-family:var(--font-lateral);font-weight:var(--font-weight-extrabold);text-transform:uppercase;line-height:var(--leading-display);letter-spacing:normal;margin:0 0 -.1em;padding-top:.08em} /* Lateral800/.80, intrinsic font inset. */
.ref-slanted{font-variation-settings:"slnt" 100} /* Original variable-font slant artwork, not synthetic italics. */
.ref-display-review{font-size:calc(12.5 * var(--reference-unit));line-height:.76} /* Existing display200/16 × source unit, source leading. */
.ref-display-card{font-size:calc(6.875 * var(--reference-unit))} /* DESIGN Lateral110 / source card title. */
.ref-display-footer{font-size:calc(10 * var(--reference-unit))} /* DESIGN Lateral160 / source footer title. */
.ref-button{font-family:var(--font-aeonik-pro);font-size:calc(.9375 * var(--reference-unit));font-weight:var(--font-weight-bold);line-height:var(--leading-heading);letter-spacing:var(--tracking-button);padding:1em 2em;min-height:0;border:var(--border-standard);border-radius:var(--radius-buttons);white-space:nowrap;background:var(--color-paper-white);color:var(--color-carbon)} /* Source existing Aeonik15, DO 3/4/6. */
.ref-button.button-primary{background:var(--color-carbon);color:var(--color-paper-white)}
.ref-card-lavender{background:var(--color-lavender)}.ref-card-paper{background:var(--color-paper-white)}.ref-card-blue{background:var(--color-electric-blue)}.ref-card-yellow{background:var(--color-sunburst)}.ref-card-mint{background:var(--color-mint-pop)}.ref-card-ember{background:var(--color-ember)} /* DO2 source decorative cards, not semantic state paints. */
.ref-testimonial-row{display:flex;justify-content:space-between;align-items:flex-start}
.ref-review-intro{display:flex;flex-direction:column;align-items:flex-start;gap:3em;width:100%;max-width:33.75em} /* Source left-column540, gap48. */
.ref-review-subhead{font-size:calc(1.875 * var(--reference-unit));font-weight:var(--font-weight-medium);line-height:var(--leading-heading-sm);letter-spacing:-.01em;margin:0} /* Aeonik30/1.1. */
.ref-testimonial-smiley.sticker-art{position:absolute;z-index:2;right:0;top:0;width:11.5em;height:11.5em} /* Source sticker artwork184u, DO5 pairing. */
.ref-review-wrap{position:relative;display:flex;max-width:45em;width:100%;margin-right:-3em;touch-action:pan-y;user-select:none;cursor:grab;outline-offset:var(--spacing-8)} /* Source720/max; negative48 aligns outer frame. */
.ref-review-wrap.is-dragging{cursor:grabbing}
.ref-review-track{display:flex;flex:none;align-items:stretch;height:36.25em;position:relative;will-change:transform} /* Source580 card stack height. */
.ref-review-card{width:27em;min-width:27em;height:100%;margin-right:1.25em;padding:3em 1.5em;border:var(--border-standard);border-radius:var(--radius-cards-elevated);display:flex;flex:none;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:5em;transform-origin:center;will-change:transform;position:relative} /* Source432 width, gap20, padding48/24, DO3 card40. */
.ref-review-card h3:not(.ref-display),.ref-review-card>div>p{font-size:calc(1.875 * var(--reference-unit));font-weight:var(--font-weight-medium);line-height:var(--leading-heading-sm);letter-spacing:-.01em;margin:0} /* Existing Aeonik30. */
.ref-review-card h3:not(.ref-display){margin-bottom:1.1em} /* Source paragraph line break, not extra spacing token. */
.ref-review-author{font-size:calc(1.5 * var(--reference-unit));line-height:var(--leading-subheading);margin:0} /* Aeonik24/1.2. */
.ref-review-author span{display:block;font-size:calc(.75 * var(--reference-unit));line-height:var(--leading-caption);margin-top:var(--spacing-8)} /* Caption12; accurate summary attribution. */
.ref-review-access{position:absolute;inset:auto auto 0 0;display:flex;align-items:center;gap:var(--spacing-12);transform:translateY(100%);opacity:0;pointer-events:none}
.ref-review-wrap:focus-within .ref-review-access{opacity:1;pointer-events:auto} /* Keyboard controls remain available without changing source resting composition. */
.ref-review-access .ref-button{padding:.5em 1em}
.ref-trust-avatar.sticker-art,.ref-trust-check.sticker-art,.ref-trust-like.sticker-art{position:absolute} /* Original supporting stickers, DO2/5. */
.ref-trust-avatar.sticker-art{width:13em;height:13em;top:14em;left:-1em}
.ref-trust-check.sticker-art{width:15em;height:15em;top:8em;right:-1em}
.ref-trust-like.sticker-art{width:16em;height:16em;bottom:-1em;left:7em}
.ref-lower-title{width:100%;max-width:54.5em;display:flex;flex-direction:column;align-items:center;gap:2em;text-align:center;margin:0 auto 5em} /* Source872 content width, spacing32/80. */
.ref-lower-title h2{font-family:var(--font-aeonik-pro);font-size:calc(4 * var(--reference-unit));font-weight:var(--font-weight-medium);line-height:var(--leading-heading);letter-spacing:-.01em;margin:0} /* Aeonik heading64/1. */
.ref-audience-row{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1.25em} /* Source spacing20. */
.ref-audience-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2em;width:25em;height:25em;padding:1.875em;overflow:hidden;border:var(--border-standard);border-radius:var(--radius-body)} /* Source400 square, padding30 (existing radius/body30 normalized), DO3/card30. */
.ref-audience-card>.ref-display,.ref-audience-card>.ref-button{position:relative;z-index:1}
.ref-audience-art.sticker-art{position:absolute;width:12em;height:12em;bottom:.5em;right:.5em} /* Source192 artwork, spacing8. */
.ref-ecosystem{background:var(--color-carbon);color:var(--color-paper-white);padding:11.25em 3em;overflow:hidden} /* Verified source Carbon band, spacing180/48. */
.ref-ecosystem .ref-lower-title{max-width:50em}
.ref-chrome-button{display:inline-flex;align-items:center;gap:.6em;padding-block:0;padding-left:.6em;height:calc(4.2 * var(--reference-unit))} /* Verified hero source button composition and existing color/border tokens. */
.ref-chrome-button img{width:3em;height:3em;object-fit:contain}
.ref-marquee{position:relative;overflow:hidden;width:100%;isolation:isolate}
.ref-marquee-scroll{display:flex;width:100%;position:relative;will-change:transform}
.ref-marquee-collection{display:flex;align-items:center;flex:none;position:relative;will-change:transform}
.ref-ecosystem-row{display:flex;flex-direction:column;gap:1.25em} /* Source two opposite-moving logo rows, spacing20. */
.ref-logo-marquee{width:100vw;margin-left:-3em}
.ref-ecosystem-logo{width:11em;height:11em;margin-right:1.25em;flex:none;overflow:hidden;border-radius:var(--radius-cards)} /* Source176 logos, spacing20, card20. */
.ref-ecosystem-logo img{width:100%;height:100%;object-fit:cover;display:block}
.ref-footer{padding:.375em .75em .75em;display:flex;flex-direction:column;gap:.75em;background:var(--color-carbon)} /* Source container gutter12. */
.ref-footer-row{display:flex;align-items:flex-start;gap:.75em;width:100%}
.ref-footer-card{position:relative;flex:1;min-width:0;min-height:41.25em;padding:5.625em 2.5em;border:var(--border-standard);border-radius:var(--radius-cards-elevated);overflow:hidden} /* Source660 min-height, padding90/40, DO3 card40. */
.ref-footer-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3em} /* Source gap48. */
.ref-support-content{gap:4em} /* Source spacing64 (4×16). */
.ref-footer-description{font-size:calc(1.875 * var(--reference-unit));line-height:var(--leading-heading-sm);font-weight:var(--font-weight-medium);letter-spacing:-.01em;max-width:35em;margin:0} /* Aeonik30/1.1. */
.ref-newsletter-plane.sticker-art{position:absolute;width:14em;height:14em;bottom:-5em;right:1em} /* Original plane224, source positioning. */
.ref-support-art{position:absolute;width:12.85em;height:auto;right:-2.7em;bottom:-3em} /* Intrinsic source support sticker geometry; DO5. */
.ref-newsletter-form{display:flex;flex-direction:column;gap:.375em;width:100%}
.ref-newsletter-fields{display:flex;align-items:center;gap:.375em;width:100%}
.ref-newsletter-fields input{width:25em;min-width:0;max-width:100%;height:3em;padding:1em;text-align:center;font-family:var(--font-aeonik-pro);font-size:calc(.9375 * var(--reference-unit));font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-button);line-height:var(--leading-heading);border:var(--border-standard);border-radius:var(--radius-buttons);background:var(--color-paper-white);color:var(--color-carbon)} /* Source input, existing Aeonik15 / Carbon1 / pill1600. */
.ref-newsletter-fields input::placeholder{color:var(--color-carbon);opacity:.5}
.ref-newsletter-consent{display:flex;align-items:flex-start;gap:.375em;margin-top:.5em;font-size:calc(.75 * var(--reference-unit));font-weight:var(--font-weight-medium);line-height:var(--leading-heading);cursor:pointer} /* Caption12, source gaps. */
.ref-newsletter-consent input{appearance:none;display:grid;place-items:center;flex:none;margin:0;width:1.25em;height:1.25em;border:var(--border-standard);border-radius:var(--radius-buttons);background:var(--color-paper-white)} /* DO3/4 pill shape for interactive checkbox. */
.ref-newsletter-consent input:checked::after{content:"";width:.6em;height:.6em;border-radius:var(--radius-buttons);background:var(--color-carbon)} /* Carbon selection; DON'T5 no green state. */
.ref-form-status{font-size:calc(.75 * var(--reference-unit));line-height:var(--leading-caption);margin:0}
.ref-form-status:empty{display:none}
.ref-form-status a{color:var(--color-carbon);text-decoration:underline}
.ref-support-buttons{display:flex;flex-wrap:wrap;gap:.5em} /* Source spacing8. */
.ref-footer-marquee{margin-block:0}
.ref-footer-download{display:flex;align-items:center;flex:none;padding:calc(.9375 * var(--reference-unit)) calc(1.875 * var(--reference-unit));border:var(--border-standard);border-radius:var(--radius-cards-elevated);background:var(--color-ember);color:var(--color-carbon);text-decoration:none} /* Verified source oversized CTA card: Ember, Carbon1/card40. */
.ref-footer-download:nth-of-type(even){background:var(--color-electric-blue)} /* Source second CTA card uses shared Electric Blue, verified exception. */
.ref-footer-download>span{font-family:var(--font-lateral);font-weight:var(--font-weight-extrabold);font-size:calc(17.578125 * var(--reference-unit));line-height:var(--leading-display);text-transform:uppercase;margin-bottom:-.1em;padding-top:.08em;white-space:nowrap} /* DESIGN display281 source nested .9375×18.75 unit artwork scale. */
.ref-footer-mark{display:flex;align-items:center;justify-content:center;flex:none;width:16em;height:16em;margin-inline:1.5em;border-radius:var(--radius-pills);background:var(--color-voltage-violet);color:var(--color-carbon)} /* Source circular sticker256, gap24; DO2/5. */
.ref-footer-mark svg{width:6em;height:auto}
.ref-social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75em;flex:none}
.ref-social-tile{display:flex;align-items:center;justify-content:center;width:13.6em;height:13.6em;padding:3.5em;border:var(--border-standard);border-radius:var(--radius-cards-elevated);background:var(--color-paper-white);color:var(--color-carbon);transition:transform .5s cubic-bezier(.2,.9,.25,1.25)} /* Source icon tiles217.6, padding56 / Carbon1/card40. */
.ref-social-tile svg{width:100%;height:auto}
.ref-footer-navigation{flex:1;min-width:0;padding:2.5em;border:var(--border-standard);border-radius:var(--radius-cards-elevated);display:grid;grid-template-columns:minmax(0,1fr) 10em;gap:3em} /* Source Mint decorative footer, padding40/gap48, card40. */
.ref-footer-prompt h2{font-size:calc(4.375 * var(--reference-unit))} /* DESIGN Lateral70, source footer support title. */
.ref-footer-links,.ref-footer-legal{display:flex;flex-direction:column;align-items:flex-start;gap:.25em}
.ref-footer-links a,.ref-footer-legal a{font-family:var(--font-aeonik-pro);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-button);line-height:var(--leading-subheading);color:var(--color-carbon);text-transform:uppercase;border:var(--border-standard);border-radius:var(--radius-nav);padding:0 .5em;text-decoration:none;white-space:nowrap} /* DO3/4/6: preserve black outline/pill link controls instead of source unbordered text. */
.ref-footer-links a{font-size:calc(1.5 * var(--reference-unit))} /* Existing Aeonik24. */
.ref-footer-legal a,.ref-footer-copyright{font-size:calc(.9375 * var(--reference-unit))} /* Existing Aeonik15. */
.ref-footer-copyright{font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-label);line-height:var(--leading-subheading);align-self:end;margin:0}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.ref-social-tile:hover{transform:scale(.92)}} /* Source footer hover. */
/* DESIGN verified source responsive breakpoints, same reference unit as hero. */
@media(max-width:991px){
  .ref-display-card{font-size:calc(5 * var(--reference-unit))} /* Source tablet Lateral80. */
  .ref-audience-card{width:21.5em;padding:1.25em} /* Source344 width, spacing20. */
  .ref-social-tile{width:13.3em;height:13.3em}
}
@media(max-width:767px){
  .ref-lower-panel{padding-inline:1.25em} /* Source spacing20. */
  .ref-display-review,.ref-display-footer{font-size:calc(8 * var(--reference-unit))} /* Source tablet128. */
  .ref-lower-title{margin-bottom:3em} /* Source spacing48. */
  .ref-lower-title h2{font-size:calc(1.875 * var(--reference-unit))} /* Existing heading-sm30. */
  .ref-testimonial-row{flex-direction:column;gap:3em}
  .ref-review-intro{gap:2em}
  .ref-review-subhead,.ref-review-card h3:not(.ref-display),.ref-review-card>div>p,.ref-footer-description{font-size:calc(1.5 * var(--reference-unit))} /* Existing subheading24. */
  .ref-audience-card{height:auto;aspect-ratio:1 / 1.4}
  .ref-audience-art.sticker-art{width:75%;height:auto;aspect-ratio:1}
  .ref-trust-avatar.sticker-art{width:11em;height:11em;top:16em;left:0}
  .ref-trust-check.sticker-art{width:12em;height:12em}
  .ref-trust-like.sticker-art{width:14em;height:14em;left:6em}
  .ref-chrome-button{height:calc(3.75 * var(--reference-unit))} /* Source mobile CTA height. */
  .ref-footer-row{flex-direction:column}
  .ref-footer-card{min-height:auto;padding:4em 1.25em} /* Source spacing64/20. */
  .ref-newsletter-fields input{width:100%}
  .ref-newsletter-consent{font-size:var(--reference-unit)} /* Existing body16. */
  .ref-newsletter-consent input{width:1.25em;height:1.25em}
  .ref-footer-marquee{display:none} /* Source sm--hide footer strip. */
  .ref-social-grid{order:1;width:100%}
  .ref-social-tile{width:100%;height:auto;aspect-ratio:1}
  .ref-footer-navigation{padding:4em 1.25em;grid-template-columns:minmax(0,1fr)}
  .ref-footer-links a{font-size:calc(1.25 * var(--reference-unit))}
}
@media(max-width:479px){
  .ref-lower-panel,.ref-ecosystem{padding-block:5em} /* Source spacing80 mobile. */
  .ref-display-review{font-size:calc(6.5 * var(--reference-unit))}
  .ref-display-footer{font-size:calc(6.2 * var(--reference-unit))}
  .ref-review-subhead,.ref-footer-description{font-size:calc(1.25 * var(--reference-unit))}
  .ref-review-track{height:27.5em}
  .ref-review-card{width:20em;min-width:20em;margin-right:.75em;padding-block:2em;gap:2em} /* Source320 mobile cards, gap12, padding32. */
  .ref-review-card h3:not(.ref-display),.ref-review-card>div>p,.ref-review-author{font-size:calc(1.5 * var(--reference-unit))}
  .ref-testimonial-smiley.sticker-art{width:7.5em;height:7.5em}
  .ref-audience-art.sticker-art{width:65%}
  .ref-ecosystem-logo{width:6.875em;height:6.875em;margin-right:.5em} /* Source110 mobile icons, spacing8. */
  .ref-ecosystem{padding-inline:1.25em}
  .ref-logo-marquee{margin-left:-1.25em}
  .ref-ecosystem-row{gap:.5em} /* Source portrait spacing8. */
  .ref-chrome-button{padding-left:1em;height:calc(3.75 * var(--reference-unit))}
  .ref-chrome-button img{width:2.5em;height:2.5em}
  .ref-newsletter-fields{flex-direction:column;align-items:stretch}
  .ref-newsletter-fields input,.ref-newsletter-fields .ref-button{width:100%}
  .ref-newsletter-consent{line-height:var(--leading-subheading)}
  .ref-support-buttons{flex-direction:column;align-items:flex-start}
  .ref-support-art{width:calc(7.5 * var(--reference-unit));right:-1.875em;bottom:-1.875em} /* Source120 mobile art, existing30 offsets. */
  .ref-social-tile{padding:2.5em}
}
@media(prefers-reduced-motion:reduce){.ref-review-track,.ref-review-card{will-change:auto}.ref-social-tile{transition:none}}
/* Accessibility utility; geometry is independent of decorative design tokens. */
.ref-newsletter-fields>.sr-only{position:absolute;width:var(--border-width);height:var(--border-width);overflow:hidden;clip-path:inset(50%);white-space:nowrap}