
body{font-family:Matter,Arial,sans-serif}nav,.pill,.footer-nav h2{font-family:Matter,Arial,sans-serif}.privacy-page{overflow:hidden}.privacy-hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:32px 4.2% 55px;gap:4%;background:url('/assets/hero-background-animated.svg') -100px center / 850px auto no-repeat}.privacy-portrait img{width:100%;max-height:690px;object-fit:contain;display:block}.privacy-hero-copy{padding:25px 0}.privacy-hero h1{font-size:clamp(36px,4.1vw,64px);line-height:1.02;letter-spacing:-.045em;font-weight:700;margin:28px 0 35px}.privacy-hero h1 span{color:var(--purple)}.privacy-page .eyebrow{font:13px 'Matter',Matter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;margin-bottom:24px}.privacy-intro{background:var(--yellow);padding:48px 8%}.privacy-intro>p{max-width:1120px;margin:auto;font-size:clamp(22px,2.25vw,32px);line-height:1.25;letter-spacing:-.025em}.privacy-page>section:not(.privacy-hero):not(.privacy-intro){padding:90px 8%}.privacy-page .container{max-width:1160px;margin:auto}.privacy-page .medium{max-width:960px}.privacy-page h2{font-size:clamp(32px,3.8vw,54px);line-height:1.04;letter-spacing:-.035em;margin:0 0 32px;font-weight:700;max-width:950px}.privacy-page h3{font-size:27px;line-height:1.12;letter-spacing:-.025em;margin:0 0 14px}.privacy-page h4{font-size:24px;line-height:1.2;margin:0 0 12px;font-weight:400}.privacy-page p{font-size:19px;line-height:1.45}.privacy-page .eyebrow,.privacy-page .mono-note{font-size:13px;line-height:1.5}.privacy-page .mono-note{font-family:Matter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.035em;margin:0 0 20px}.privacy-page .two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.privacy-page .callout{padding:32px;border:1px solid #b7b3a9;border-radius:18px}.privacy-page .callout p:last-child{margin-bottom:0}.privacy-page .two-col .callout:nth-child(2){background:var(--purple);color:white;border-color:var(--purple)}.privacy-page .keyline{font-size:28px;line-height:1.2;max-width:850px;margin:45px auto 0}.privacy-page .on-surface{background:#fff}.privacy-page .on-verdigris{background:var(--blue);color:white}.privacy-page .steps{margin-top:36px}.privacy-page .step{display:grid;grid-template-columns:12px 1fr;gap:25px;padding:25px 0;border-top:1px solid #c8c4bc}.privacy-page .dot-step{background:var(--coral);width:10px;height:10px;border-radius:50%;margin-top:8px}.privacy-page .step p{margin:0;max-width:800px}.privacy-page .pillar{display:grid;grid-template-columns:55px 1fr;gap:20px;border-top:1px solid #ffffff70;padding:26px 0}.privacy-page .pillar p{margin:0}.privacy-page .n{font:16px 'Matter',Matter,Arial,sans-serif;padding-top:5px}.privacy-page .pillar-list{margin-top:36px}.privacy-page .band-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px}.privacy-page .band-grid h2{font-size:42px}.privacy-page .ledger{border:1px solid var(--blue);border-radius:18px;padding:28px}.privacy-page .ledger-head{font-weight:700;margin-top:0}.privacy-page .ledger-row{display:flex;gap:16px;padding:24px 0;border-top:1px solid #d6d2c9}.privacy-page .ledger-body{flex:1}.privacy-page .ledger-body b,.privacy-page .ledger-body span{display:block}.privacy-page .ledger-body b{font-size:21px;margin-bottom:8px}.privacy-page .ledger-body span{font-size:17px;line-height:1.4}.privacy-page .ledger-num{font:13px 'Matter',Matter,Arial,sans-serif;color:var(--blue)}.privacy-page #nine-mechanisms .pillar{border-color:#d6d2c9}.privacy-page #nine-mechanisms h4{font-size:20px}.privacy-page #nine-mechanisms .callout{background:var(--yellow);border:0}.privacy-page .btn,.privacy-page .btn-link{display:inline-block;font-family:Matter,Arial,sans-serif;font-size:15px;text-underline-offset:4px;margin-top:14px}.privacy-page .coda{padding:70px 8%;background:var(--purple);color:white}.privacy-page .coda h2{max-width:820px}.privacy-page .coda-actions{display:flex;gap:35px;flex-wrap:wrap}.privacy-page .coda .btn-primary{background:var(--coral);border:1px solid #000;border-radius:30px;padding:12px 25px;text-decoration:none}.privacy-page .on-verdigris a{color:white}@media(max-width:700px){.privacy-hero{display:block;padding:20px 24px 45px;min-height:0;background-size:700px;background-position:-180px top}.privacy-portrait img{max-height:480px}.privacy-hero h1{font-size:40px}.privacy-page>section:not(.privacy-hero):not(.privacy-intro){padding:55px 24px}.privacy-intro{padding:32px 24px}.privacy-page .two-col,.privacy-page .band-grid{grid-template-columns:1fr;gap:24px}.privacy-page .band-grid h2{font-size:34px}.privacy-page .callout{padding:24px}.privacy-page .pillar{grid-template-columns:35px 1fr;gap:12px}.privacy-page .coda{padding:50px 24px}.privacy-page .keyline{font-size:24px}.privacy-page p{font-size:18px}.privacy-page .coda-actions{gap:15px}}@media(prefers-reduced-motion:reduce){.privacy-hero{background-image:url('/assets/hero-background.webp')}}

.privacy-page .on-verdigris .pillar,.privacy-page #nine-mechanisms .pillar{display:block}
/* One editorial scale, based on the homepage's section titles and body text. */
.privacy-page{--section-title:clamp(2.125rem,3.2vw,2.875rem);--subheading:clamp(1.375rem,1.9vw,1.6875rem);--body-copy:clamp(1.125rem,1.4vw,1.25rem)}
.privacy-page .privacy-hero h1{font-weight:400}
.privacy-page h2,.privacy-page .band-grid h2{font-size:var(--section-title);font-weight:400;line-height:1.08;letter-spacing:-.035em}
.privacy-page h3,.privacy-page h4,.privacy-page #nine-mechanisms h4,.privacy-page .ledger-body b,.privacy-page .ledger-head{font-size:var(--subheading);font-weight:400;line-height:1.2;letter-spacing:-.025em}
.privacy-page p,.privacy-page .privacy-intro>p,.privacy-page .keyline,.privacy-page .ledger-body span{font-size:var(--body-copy);font-weight:400;line-height:1.45;letter-spacing:-.015em}
.privacy-page p b,.privacy-page p strong{font-weight:400}
.privacy-page .eyebrow,.privacy-page .mono-note,.privacy-page .ledger-num{font-family:Matter,Arial,sans-serif;font-size:.8125rem;font-weight:400;line-height:1.5;letter-spacing:.03em}
.privacy-page .btn,.privacy-page .btn-link{font-size:1rem;font-weight:400}
/* Match the homepage's “This moment matters” body copy. */
.privacy-page p:not(.eyebrow):not(.mono-note):not(.ledger-head),.privacy-page .privacy-intro>p,.privacy-page .keyline,.privacy-page .ledger-body span{font-family:Matter,Arial,sans-serif;font-size:calc(20 * var(--u));font-weight:400;line-height:1.1;letter-spacing:calc(-.55 * var(--u))}
@media(max-width:700px){.privacy-page p:not(.eyebrow):not(.mono-note):not(.ledger-head),.privacy-page .privacy-intro>p,.privacy-page .keyline,.privacy-page .ledger-body span{font-size:17px;line-height:1.25}}
.privacy-page .privacy-intro>p{font-family:Matter,Arial,sans-serif;font-size:clamp(24px,2.25vw,32px);font-weight:400;line-height:1.18;letter-spacing:-.025em}
.privacy-page{overflow:clip}
.privacy-page>section.context-scroll{padding:0}
.context-stage{padding:65px 8%;background:var(--paper)}
.context-step{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:105px;border-top:1px solid #c8c4bc;padding:18px 0}
.context-title{display:flex;gap:20px;align-items:center}.context-title img{width:32px;height:32px;flex:none;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.privacy-page .context-title h3{margin:0}.privacy-page .context-step p{margin:0;font-size:clamp(16px,1.4vw,20px)}
@media(prefers-reduced-motion:no-preference){
.context-scroll.is-enhanced{height:400svh}.is-enhanced .context-stage{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding-top:24px;padding-bottom:24px}.is-enhanced .context-stage>.container{width:100%}.is-enhanced .context-step p{opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .25s,transform .25s,visibility .25s}.is-enhanced .context-step.is-active p{opacity:1;visibility:visible;transform:none}.is-enhanced .context-step h3{color:#000;opacity:.25;transition:opacity .3s}.is-enhanced .context-step.is-active h3{opacity:1}.is-enhanced .context-step img{opacity:.45}.is-enhanced .context-step.is-active img{opacity:1}
}
@media(max-width:700px){.context-stage{padding:50px 24px}.context-step{grid-template-columns:1fr;gap:15px;padding:24px 0}.context-title{gap:14px}.context-step p{padding-left:46px}.privacy-page .privacy-intro>p{font-size:24px}}
.privacy-page .context-step>p:not(.eyebrow):not(.mono-note):not(.ledger-head){font-size:clamp(16px,1.4vw,20px);line-height:1.2}

@media(prefers-reduced-motion:no-preference){
.is-enhanced .context-step img{opacity:0;visibility:hidden}
.is-enhanced .context-step.is-active img{opacity:1;visibility:visible}
}

/* Intro is a subhead, explicitly separate from the body-copy rule. */
.privacy-page .privacy-intro>p:not(.eyebrow):not(.mono-note):not(.ledger-head){font-family:Matter,Arial,sans-serif;font-size:clamp(24px,2.25vw,32px);font-weight:400;line-height:1.18;letter-spacing:-.025em}

.privacy-page>section.privacy-hero-art{display:block;position:relative;padding:0;min-height:0;background:none}
.privacy-hero-art>img{display:block;width:100%;height:auto}
.privacy-hero-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Requested 14-point Matter Regular body copy. */
.privacy-page .privacy-comparison .callout p.sub:not(.eyebrow):not(.mono-note):not(.ledger-head),
.privacy-page .context-step>p:not(.eyebrow):not(.mono-note):not(.ledger-head),
.privacy-page .on-verdigris p:not(.eyebrow):not(.mono-note):not(.ledger-head){font-family:Matter,Arial,sans-serif;font-size:14pt;font-weight:400;line-height:1.2;letter-spacing:-.015em}

.receipt-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--blue,#009bec);margin-top:48px;gap:32px}
.receipt-point{position:relative;padding-top:28px}
.receipt-point::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--blue,#009bec)}
.privacy-page .receipt-point h3{margin:0 0 14px}
.privacy-page .receipt-point p:not(.eyebrow):not(.mono-note):not(.ledger-head){font-family:Matter,Arial,sans-serif;font-size:14pt;font-weight:400;line-height:1.2}
.privacy-page .privacy-access p:not(.eyebrow):not(.mono-note):not(.ledger-head){font-family:Matter,Arial,sans-serif;font-size:16pt;font-weight:400;line-height:1.2;letter-spacing:-.015em}
@media(max-width:700px){.receipt-points{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--blue,#009bec);margin-top:32px;gap:28px}.receipt-point{padding:0 0 0 24px}.receipt-point::before{top:8px;left:-5px}}

/* Comparison cards reveal their colors in sequence when scrolled into view. */
.privacy-page .privacy-comparison .callout,.privacy-page .privacy-comparison .callout:nth-child(2){background:#fff;color:#000;transition:background-color .6s ease,color .6s ease,border-color .6s ease}
.privacy-page .privacy-comparison.is-colored .callout:first-child{background:#FF5454;border-color:#FF5454}
.privacy-page .privacy-comparison.is-colored .callout:nth-child(2){background:#6a2265;border-color:#6a2265;color:#fff;transition-delay:.7s}
.privacy-page .privacy-comparison .callout h3,
.privacy-page .privacy-comparison .callout p.sub:not(.eyebrow):not(.mono-note):not(.ledger-head){font-family:Matter,Arial,sans-serif;font-size:14pt;font-weight:400;line-height:1.2;letter-spacing:-.015em;color:inherit}
.mechanic{border-top:1px solid #ffffff66;padding:0}
.mechanic summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;padding:24px 0;font-size:var(--subheading);font-weight:400;line-height:1.2;letter-spacing:-.025em}
.mechanic summary::-webkit-details-marker{display:none}
.mechanic summary:focus-visible{outline:2px solid white;outline-offset:5px}
.mechanic-arrow{font-family:Matter,Arial,sans-serif;font-size:30px;line-height:1;transition:transform .2s ease}
.mechanic[open] .mechanic-arrow{transform:rotate(180deg)}
.privacy-page .mechanic p.sub{margin:0;padding:0 0 24px}
@media(prefers-reduced-motion:reduce){.privacy-page .privacy-comparison .callout,.privacy-page .privacy-comparison.is-colored .callout:nth-child(2),.mechanic-arrow{transition:none}}

/* Comparison annotations apply consistently at every viewport size. */
.privacy-page .privacy-comparison .callout h3,
.privacy-page .privacy-comparison .callout p.sub:not(.eyebrow):not(.mono-note):not(.ledger-head){font-size:22px;font-weight:400}
.privacy-page .privacy-comparison .callout p.sub{margin:0 0 24px}
.privacy-page .privacy-comparison .callout h3{margin:0}
.privacy-page .privacy-comparison.is-colored .callout:first-child{color:#fff}
.mechanic:last-child{border-bottom:1px solid #ffffff66}
.mechanic-arrow{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;color:#fff;background:transparent;transition:background-color .2s,color .2s}
.mechanic-arrow svg{display:block}
.mechanic[open] .mechanic-arrow{transform:none;background:#fff;border-color:#fff;color:#171717}

.mechanic-arrow svg{transition:transform .25s ease}
.mechanic[open] .mechanic-arrow{color:#009bec}
.mechanic[open] .mechanic-arrow svg{transform:rotate(180deg)}
.privacy-page #nine-mechanisms .callout h3 a{text-decoration:none}
@media(prefers-reduced-motion:reduce){.mechanic-arrow svg{transition:none}}

.privacy-hero-art picture,.privacy-hero-art picture img{display:block;width:100%;height:auto}
@media(max-width:900px){.privacy-hero-art picture{aspect-ratio:1}.privacy-hero-art picture img{height:100%;object-fit:contain}}

/* Responsive stages keep every headline visible and align copy with their text. */
.context-scroll.is-compact .context-steps{display:block}
.context-scroll.is-compact .context-step{grid-template-columns:1fr;min-height:0;gap:12px;padding:12px 0}
.context-scroll.is-compact .context-step:not(.is-active) p{display:none}
.context-scroll.is-compact .context-stage{padding:24px}
.context-scroll.is-compact .context-title{gap:14px}
.context-scroll.is-compact .context-step p{padding-left:46px}
.context-scroll.is-flow{height:auto}
.context-scroll.is-flow .context-stage{position:static;min-height:0}
.context-scroll.is-flow .context-step{opacity:1;visibility:visible}
.context-scroll.is-flow .context-step p{display:block;opacity:1;visibility:visible;transform:none}
.context-scroll.is-flow .context-step img{visibility:visible;opacity:.25}
.context-scroll.is-flow .context-step.is-active img{opacity:1}
@media(prefers-reduced-motion:reduce){.context-title img{transition:none}}

.receipt-points{position:relative;border:0}
.receipt-points::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:var(--blue);transform-origin:left center}
.receipt-points.receipt-ready::before{transform:scaleX(0)}
.receipt-ready .receipt-point::before{opacity:0}
.receipt-points.receipt-running::before{animation:receipt-line 3s linear forwards}
.receipt-running .receipt-point::before{animation:receipt-ping .4s ease-out var(--ping-delay,0s) both}
@keyframes receipt-line{to{transform:scaleX(1)}}
@keyframes receipt-ping{0%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 #009bec66}45%{opacity:1;transform:scale(1.5);box-shadow:0 0 0 8px #009bec22}100%{opacity:1;transform:scale(1);box-shadow:0 0 0 12px #009bec00}}
@media(max-width:700px){.receipt-points::before{width:1px;height:100%;transform-origin:center top}.receipt-points.receipt-ready::before{transform:scaleY(0)}.receipt-points.receipt-running::before{animation-name:receipt-line-vertical}@keyframes receipt-line-vertical{to{transform:scaleY(1)}}}
@media(prefers-reduced-motion:reduce){.receipt-points.receipt-ready::before{transform:none;animation:none}.receipt-ready .receipt-point::before{opacity:1;animation:none}}
.context-scroll.is-compact.is-flow .context-step:not(.is-active) p{display:block}

.handoff-art>img{display:block;width:100%;height:auto;min-width:0}

.privacy-page #nine-mechanisms .pillar{border:0}
.privacy-page #nine-mechanisms .blog-read-link{font-family:Matter,Arial,sans-serif;font-weight:400}

.privacy-page .context-scroll,.privacy-page .context-stage{background:#fff}

.handoff-example{min-width:0}.handoff-example>img{display:block;width:100%;height:auto}.privacy-page .handoff-example .eyebrow{white-space:nowrap;margin:0 0 24px;font-size:clamp(10px,1.2vw,13px)}
.mechanisms-art{display:block;width:100%;height:auto;margin-top:48px;opacity:.6;pointer-events:none}
@media(max-width:700px){.mechanisms-art{max-height:460px;object-fit:contain;margin-top:32px}}

/* Extend only the decorative artwork through the section's outer gutter. */
#nine-mechanisms .mechanisms-art{width:calc(100% + max(8vw, (100vw - 1160px) / 2));max-width:none}
@media(max-width:700px){#nine-mechanisms .mechanisms-art{width:calc(100% + 24px);object-position:right center}}
.handoff-drawing{display:block;width:100%;height:auto;overflow:visible}
.handoff-ready .typing-line{width:0}
.handoff-playing .typing-line{animation:handoff-type .6s steps(32,end) var(--type-delay) forwards}
.handoff-icon{transform-box:fill-box;transform-origin:center}
.handoff-playing .handoff-icon{animation:handoff-press .4s ease-in-out var(--press-delay)}
@keyframes handoff-type{to{width:222px}}
@keyframes handoff-press{0%,100%{transform:scale(1)}45%{transform:scale(.82)}75%{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.handoff-ready .typing-line{width:222px;animation:none}.handoff-playing .handoff-icon{animation:none}}

.context-title img{filter:url(#context-icon-white);background:#fff}

/* Full-size transparent animated spirograph, cropped by the page edge. */
#nine-mechanisms .mechanisms-art{width:calc(100% + 20vw);max-width:none;height:auto;opacity:1}
@media(max-width:700px){#nine-mechanisms .mechanisms-art{width:calc(100% + 30vw);max-height:none;object-fit:initial}}
