/* CHECKPOINT adaptation — DESIGN.md consumer information variant.
   DO 1/2/3/4/5/6: existing Lateral/Aeonik type, palette, Carbon1, card20–40,
   pill1600 and a sticker paired with every display. DON'T4/7: no shadows/gradients.
   Geometry scales with the established reference-unit; percentages are artwork placement. */
.consumer-site{word-break:keep-all;overflow-wrap:break-word}
.sr-only{position:absolute;width:var(--border-width);height:var(--border-width);padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} /* Accessibility-only geometry: existing border1 token; no visible style. */
.consumer-site :is(p,li){line-height:var(--leading-caption)} /* Existing1.56 for Korean prose. */
.consumer-site h4{font:inherit;font-size:var(--text-subheading);font-weight:var(--font-weight-bold);line-height:var(--leading-body-lg);margin:0}
.consumer-site .consumer-kicker{font-family:var(--font-aeonik-pro);font-size:var(--text-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-label);line-height:var(--leading-caption);text-transform:uppercase}
.consumer-site .u-italic{font-variation-settings:"slnt" 100}
.consumer-site .hero-intro{padding-top:calc(8 * var(--reference-unit));padding-bottom:calc(4 * var(--reference-unit));gap:var(--spacing-32)} /* Source128/64 reference geometry, spacing32. */
.consumer-site .hero-visual{width:100%;max-width:calc(60 * var(--reference-unit));gap:var(--spacing-24)}
.consumer-wordmark{position:relative;z-index:2;font-family:var(--font-lateral);font-size:calc(20 * var(--reference-unit));font-weight:var(--font-weight-extrabold);line-height:var(--leading-display-lg);letter-spacing:normal;text-align:center;padding-top:.08em;white-space:nowrap} /* Display640 scaled.5 at source16 unit, existing .75 leading. */
/* DO2/5: stickers stay with the display artwork; the Korean H1 is a separate
   flow item below it. Existing hero-intro spacing32 provides clearance instead
   of positioning decorations against a text-dependent container height. */
.consumer-site .hero .tagline{font-size:calc(4 * var(--reference-unit));line-height:var(--leading-subheading);font-weight:var(--font-weight-bold);white-space:normal;position:relative;z-index:4;width:100%;max-width:calc(60 * var(--reference-unit));text-align:center} /* Existing heading64 role and source60-unit composition. */
.consumer-site .hero-copy{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-32)}
.consumer-hero-description{font-size:var(--text-subheading);line-height:var(--leading-caption);max-width:calc(48 * var(--reference-unit))}
.consumer-site .hero-visual>.hero-rocket{left:13%;top:12%;width:calc(10 * var(--reference-unit));transform:rotate(-15deg)}
.consumer-site .hero-visual>.hero-coin{left:auto;right:10%;top:20%;width:calc(8 * var(--reference-unit));transform:rotate(12deg)}
.consumer-site .hero-visual>.hero-wallet{right:6%;bottom:10%;width:calc(10 * var(--reference-unit));transform:rotate(15deg)}
.consumer-site .hero-visual>.hero-check{left:9%;bottom:2%;width:calc(10 * var(--reference-unit));transform:rotate(-15deg)}
.consumer-site .hero-ribbon-wrap{top:0}
.consumer-site .hero-ribbon{max-width:none;width:110%;}
.consumer-collage{position:relative;z-index:2;max-width:calc(75 * var(--reference-unit));margin:auto;padding-block:var(--spacing-80) var(--spacing-128);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-24)}
.consumer-collage>div{display:flex;align-items:center;justify-content:center;gap:var(--spacing-24);width:100%}
.consumer-collage .ref-display{font-size:calc(12.5 * var(--reference-unit));white-space:nowrap}
.consumer-collage .sticker-art{width:calc(10 * var(--reference-unit));height:auto;aspect-ratio:1;rotate:15deg}
.consumer-collage>p{text-align:center;font-size:var(--text-subheading);margin-top:var(--spacing-32)}
.consumer-copy{display:flex;flex-direction:column;gap:var(--spacing-16)}
.consumer-site .defi-copy{gap:var(--spacing-32)}
.consumer-site .defi-copy p,.consumer-site .platform-copy p{font-size:var(--text-subheading);line-height:var(--leading-caption)}
.consumer-site .defi-copy .consumer-kicker{font-size:var(--text-caption)}
.consumer-site .defi-copy .mid-display{font-size:calc(10 * var(--reference-unit))}
.consumer-guide-art{position:relative;aspect-ratio:1;border:var(--border-standard)!important;border-radius:var(--radius-cards-elevated)!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
.consumer-guide-art>.sticker-art{width:60%;height:auto;aspect-ratio:1;rotate:-12deg}
.consumer-art-number{position:absolute;bottom:var(--spacing-24);left:var(--spacing-24);font-size:var(--text-display);font-family:var(--font-lateral);line-height:var(--leading-display);font-weight:var(--font-weight-extrabold)}
.consumer-mint{background:var(--color-mint-pop)!important}.consumer-lavender{background:var(--color-lavender)!important}.consumer-blue{background:var(--color-electric-blue)!important}.consumer-sunburst{background:var(--color-sunburst)!important}
.consumer-section-intro{text-align:center;font-size:var(--text-subheading);max-width:calc(48 * var(--reference-unit))}
.consumer-site .feature-heading{gap:var(--spacing-24)}
.consumer-site .consumer-warning-card h3{font-size:calc(6.875 * var(--reference-unit));line-height:var(--leading-display);max-width:70%}
.consumer-site .consumer-warning-card .feature-art{width:30%;height:auto;aspect-ratio:1;right:var(--spacing-16);top:var(--spacing-24);bottom:auto;rotate:12deg}
.consumer-warning-copy{margin-top:auto;display:flex;flex-direction:column;gap:var(--spacing-12);z-index:1}
.consumer-warning-copy h4{font-size:var(--text-subheading)}
.consumer-warning-copy p{font-size:var(--text-body-lg);line-height:var(--leading-caption)}
.consumer-site .consumer-band{padding-block:calc(12.5 * var(--reference-unit))}
.consumer-site .platform-copy{gap:var(--spacing-40)}
.consumer-site .consumer-topic-media{display:flex;align-items:center;justify-content:center;overflow:hidden}
.consumer-topic-media>.sticker-art{position:absolute;width:30%;height:auto;aspect-ratio:1;top:var(--spacing-24);right:var(--spacing-24);rotate:15deg;z-index:1}
.consumer-topic-paper{background:var(--color-paper-white);border:var(--border-standard);border-radius:var(--radius-cards);width:80%;padding:var(--spacing-32);display:flex;flex-direction:column;gap:var(--spacing-32);rotate:-6deg}
.consumer-topic-paper>div{display:flex;align-items:center;gap:var(--spacing-16);border-bottom:var(--border-standard);padding-bottom:var(--spacing-16);font-size:var(--text-subheading)}
.consumer-topic-paper>div span:last-child{margin-left:auto}
.consumer-topic-paper>div span:first-child{font-size:var(--text-caption)}
.consumer-faq-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-80);padding:calc(8 * var(--reference-unit)) calc(5 * var(--reference-unit));background:var(--color-concrete-gray)} /* Source128/80 geometry, Concrete rhythm. */
.consumer-faq-intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-24)}
.consumer-faq-intro .mid-title{text-align:left;font-weight:var(--font-weight-bold);line-height:var(--leading-subheading)}
.consumer-faq-intro>.sticker-art{width:var(--spacing-224);height:var(--spacing-224);rotate:-12deg}
.consumer-faq-list{display:flex;flex-direction:column;gap:var(--spacing-16)}
.consumer-faq-list details{background:var(--color-paper-white);border:var(--border-standard);border-radius:var(--radius-cards);padding:var(--spacing-24)}
.consumer-faq-list summary{display:flex;gap:var(--spacing-16);justify-content:space-between;cursor:pointer;font-size:var(--text-subheading);font-weight:var(--font-weight-bold);line-height:var(--leading-body-lg);list-style:none}
.consumer-faq-list summary::-webkit-details-marker{display:none}.consumer-faq-list summary>span{flex:none}.consumer-faq-list details[open] summary>span{rotate:45deg}
.consumer-faq-list p{font-size:var(--text-body-lg);margin-top:var(--spacing-24)}
.consumer-help-panel{padding:calc(8 * var(--reference-unit)) calc(5 * var(--reference-unit))}
.consumer-help-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-40);margin-bottom:var(--spacing-60)}
.consumer-help-heading .consumer-kicker{margin-bottom:var(--spacing-24)}
.consumer-help-heading .mid-title{text-align:left;line-height:var(--leading-subheading);font-weight:var(--font-weight-bold)}
.consumer-help-heading>.sticker-art{width:var(--spacing-180);height:var(--spacing-180);rotate:12deg}
.consumer-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-24)}
.consumer-resource{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-24);border:var(--border-standard);border-radius:var(--radius-cards-elevated);padding:var(--spacing-32);background:var(--color-sky-wash)}
.consumer-resource:nth-child(2){background:var(--color-lavender)}.consumer-resource:nth-child(3){background:var(--color-sunburst)}.consumer-resource:nth-child(4){background:var(--color-concrete-gray)}
.consumer-resource-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-24)}
.consumer-resource-top .sticker-art{width:var(--spacing-80);height:var(--spacing-80);rotate:-12deg}
.consumer-resource h3{font-size:var(--text-heading-sm);font-weight:var(--font-weight-bold);line-height:var(--leading-body-lg)}
.consumer-resource>p{font-size:var(--text-body-lg)}.consumer-resource>.pill-button{margin-top:auto}
.consumer-source-note{font-size:var(--text-caption);margin-top:var(--spacing-40)}
.consumer-footer{font-size:var(--reference-unit);margin:calc(.375 * var(--reference-unit)) calc(.75 * var(--reference-unit)) calc(.75 * var(--reference-unit));padding:calc(5 * var(--reference-unit));border-radius:var(--radius-cards-elevated);background:var(--color-mint-pop)}
.consumer-footer-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-40)}
.consumer-footer .consumer-kicker{margin-bottom:var(--spacing-24)}
.consumer-footer .ref-display{font-size:calc(10 * var(--reference-unit))}
.consumer-footer-top>.sticker-art{width:var(--spacing-180);height:var(--spacing-180);rotate:12deg}
.consumer-footer-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-16)}
.consumer-footer-bottom{display:flex;flex-wrap:wrap;gap:var(--spacing-24);justify-content:space-between;margin-top:var(--spacing-80);font-size:var(--text-caption)}
.consumer-site [id]{scroll-margin-top:var(--spacing-80)}
@media(max-width:991px){
 .consumer-site .hero-visual{max-width:100%}
 .consumer-site .hero-visual>.hero-rocket{left:0}.consumer-site .hero-visual>.hero-wallet{right:0}
 .consumer-site .defi-art{width:100%}
 .consumer-site .defi-copy .mid-display{font-size:calc(8 * var(--reference-unit))}
 .consumer-site .platform-panel{gap:var(--spacing-40)}
 .consumer-site .platform-copy h3{font-size:calc(8 * var(--reference-unit))}
 .consumer-topic-paper{padding:var(--spacing-24);gap:var(--spacing-24)}
 .consumer-topic-paper>div{font-size:var(--text-body-lg)}
 .consumer-faq-panel{grid-template-columns:1fr;gap:var(--spacing-40)}
 .consumer-faq-intro{position:relative}.consumer-faq-intro>.sticker-art{position:absolute;right:0;bottom:0;width:var(--spacing-128);height:var(--spacing-128)}
 .consumer-footer-top{flex-wrap:wrap}.consumer-footer-actions{flex-direction:row}
}
@media(max-width:767px){
 .consumer-site .hero-intro{padding-top:var(--spacing-128);padding-bottom:var(--spacing-48)}
 .consumer-wordmark{font-size:calc(10 * var(--reference-unit))}
 .consumer-site .hero .tagline{font-size:var(--text-heading-sm)}
 .consumer-hero-description{font-size:var(--text-body-lg)}
 .consumer-site .hero-visual>.hero-rocket{width:var(--spacing-80);top:4%;left:0}
 .consumer-site .hero-visual>.hero-coin{width:var(--spacing-60);top:30%;right:0}
 .consumer-site .hero-visual>.hero-wallet{width:var(--spacing-80);bottom:10%;right:0}
 .consumer-site .hero-visual>.hero-check{width:var(--spacing-80);bottom:10%;left:0}
 .consumer-site .hero .tagline{margin-top:0} /* Shared hero-intro spacing32 separates artwork and text on mobile too. */
 .consumer-collage{padding-block:var(--spacing-48) var(--spacing-80)}
 .consumer-collage .ref-display{font-size:calc(6.2 * var(--reference-unit))}
 .consumer-collage .sticker-art{width:var(--spacing-80)}
 .consumer-collage>div{gap:var(--spacing-8)}
 .consumer-collage>p{font-size:var(--text-body-lg);margin-top:var(--spacing-16)}
 .consumer-site .defi-copy p,.consumer-site .platform-copy p{font-size:var(--text-body-lg)}
 .consumer-site .defi-copy h4,.consumer-site .platform-copy h4{font-size:var(--text-subheading)}
 .consumer-section-intro{font-size:var(--text-body-lg)}
 .consumer-site .consumer-warning-card h3{font-size:calc(5 * var(--reference-unit))}
 .consumer-site .consumer-warning-card .feature-art{top:var(--spacing-16);right:var(--spacing-12);width:25%}
 .consumer-warning-copy{gap:var(--spacing-8)}.consumer-warning-copy h4{font-size:var(--text-body-lg)}.consumer-warning-copy p{font-size:var(--text-caption)}
 .consumer-site .consumer-band{padding-block:var(--spacing-128)}
 .consumer-site .band-rocket{left:var(--spacing-40);width:var(--spacing-128);top:calc(-1 * var(--spacing-80))}
 .consumer-site .band-smiley{right:var(--spacing-16);left:auto;top:20%;width:var(--spacing-80);transform:none}
 .consumer-site .band-coin{left:var(--spacing-32);right:auto;bottom:calc(-1 * var(--spacing-60));width:var(--spacing-128);transform:none}
 .consumer-site .band-wallet{right:var(--spacing-16);bottom:calc(-1 * var(--spacing-48));width:var(--spacing-128);transform:none}
 .consumer-site .platform-copy{gap:var(--spacing-24)}
 .consumer-site .platform-tabs{gap:var(--spacing-8)}
 .consumer-site .platform-tab{font-size:var(--text-caption);padding:var(--spacing-12) var(--spacing-16)}
 .consumer-faq-panel,.consumer-help-panel{padding:var(--spacing-60) var(--spacing-24)}
 .consumer-faq-intro>.sticker-art{position:relative;width:var(--spacing-80);height:var(--spacing-80);align-self:flex-end;margin-top:calc(-1 * var(--spacing-48))}
 .consumer-faq-list summary{font-size:var(--text-body-lg)}
 .consumer-help-heading{gap:var(--spacing-16);margin-bottom:var(--spacing-32)}
 .consumer-help-heading>.sticker-art{width:var(--spacing-60);height:var(--spacing-60)}
 .consumer-resource-grid{grid-template-columns:1fr;gap:var(--spacing-16)}
 .consumer-resource{padding:var(--spacing-24);gap:var(--spacing-20)}
 .consumer-resource h3{font-size:var(--text-subheading)}
 .consumer-footer{padding:var(--spacing-60) var(--spacing-24);border-radius:var(--radius-cards)}
 .consumer-footer .ref-display{font-size:calc(6.2 * var(--reference-unit))}
 .consumer-footer-top{gap:var(--spacing-24)}
 .consumer-footer-top>.sticker-art{width:var(--spacing-80);height:var(--spacing-80)}
 .consumer-footer-bottom{margin-top:var(--spacing-40)}
}
@media(max-width:479px){
 .consumer-wordmark{font-size:calc(10 * var(--reference-unit))}
 .consumer-site .hero-copy .pill-button{min-height:var(--spacing-60)}
 .consumer-site .defi-copy .mid-display,.consumer-site .platform-copy h3{font-size:calc(6.2 * var(--reference-unit))}
 .consumer-site .consumer-warning-card h3{font-size:calc(5 * var(--reference-unit))}
 .consumer-collage>div{flex-wrap:wrap}.consumer-collage .ref-display{font-size:calc(6.2 * var(--reference-unit))}
 .consumer-collage .sticker-art{width:var(--spacing-60)}
}