:root{--bg:oklch(97.7% .008 90);--surface:oklch(99.5% .004 90);--surface-strong:oklch(93.5% .025 150);--fg:oklch(22% .024 70);--muted:oklch(49% .018 70);--border:oklch(87% .015 85);--accent:oklch(58% .145 35);--accent-dark:oklch(44% .12 35);--font-display:"Avenir Next", "Helvetica Neue", ui-sans-serif, sans-serif;--font-body:"Charter", "Iowan Old Style", Georgia, serif;--shadow-sm:0 12px 30px color-mix(in oklch, var(--fg) 7%, transparent);--shadow-lg:0 34px 80px color-mix(in oklch, var(--fg) 13%, transparent);--radius-md:20px;--radius-lg:30px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.58}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}svg{max-width:100%;display:block}:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 55%, white);outline-offset:3px}.skip-link{z-index:100;background:var(--fg);color:var(--surface);border-radius:8px;padding:10px 16px;position:fixed;top:-70px;left:16px}.skip-link:focus{top:16px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:min(calc(100% - 36px), var(--max));margin-inline:auto}.eyebrow{font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:600}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:600}h1{letter-spacing:-.03em;max-width:12ch;font-size:clamp(44px,12vw,72px);line-height:.98}h2{letter-spacing:-.025em;font-size:clamp(34px,7vw,56px);line-height:1.04}h3{letter-spacing:-.01em;font-size:21px;line-height:1.22}p{text-wrap:pretty}.lead{max-width:59ch;color:var(--muted);font-size:clamp(18px,2.2vw,21px)}.button{min-height:48px;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s cubic-bezier(.2,0,0,1),border-color .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1);display:inline-flex}.button-primary{background:var(--fg);color:var(--surface)}.button-secondary{border-color:var(--border);background:color-mix(in oklch, var(--surface) 70%, transparent);color:var(--fg)}.button-primary:hover{background:color-mix(in oklch, var(--fg) 88%, var(--surface))}.button-secondary:hover{border-color:color-mix(in oklch, var(--fg) 28%, var(--border));background:var(--surface)}.button:active{filter:brightness(.94)}.site-header{z-index:20;border-bottom:1px solid color-mix(in oklch, var(--border) 72%, transparent);background:color-mix(in oklch, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(14px);padding:12px 0;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:20px;min-height:52px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:24px;height:24px;display:block}.nav-links{font-family:var(--font-display);align-items:center;gap:26px;font-size:14px;display:none}.nav-links a{text-decoration:none}.nav-links a:not(.button):hover{text-underline-offset:5px;text-decoration:underline}.menu-button{border:1px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--fg);cursor:pointer;border-radius:50%;place-items:center;display:grid}.menu-button:hover{border-color:color-mix(in oklch, var(--fg) 24%, var(--border));background:color-mix(in oklch, var(--surface) 75%, var(--bg))}.mobile-menu{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);padding:12px 20px;display:none;position:absolute;top:calc(100% + 8px);left:18px;right:18px}.mobile-menu.open{gap:6px;display:grid}.mobile-menu a{border-bottom:1px solid var(--border);min-height:46px;font-family:var(--font-display);align-items:center;text-decoration:none;display:flex}.mobile-menu a:last-child{border-bottom:0}.feed-stage{place-items:center;min-height:600px;display:grid;position:relative}.phone{border:1px solid color-mix(in oklch, var(--fg) 35%, transparent);background:var(--fg);width:min(100%,360px);box-shadow:var(--shadow-lg);border-radius:42px;padding:10px;transform:rotate(2deg)}.phone-screen{min-height:590px;color:var(--surface);background:oklch(43% .045 155);border-radius:33px;position:relative;overflow:hidden}.phone-bar{z-index:5;background:color-mix(in oklch, var(--fg) 76%, transparent);font-family:var(--font-display);justify-content:space-between;align-items:center;padding:18px 18px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.phone-wordmark{letter-spacing:-.02em;font-size:16px}.phone-feed,.product-card,.product-visual{position:absolute;inset:0}.product-card{background:oklch(78% .055 152);overflow:hidden}.product-card:after{z-index:1;background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--fg) 82%, transparent));content:"";pointer-events:none;position:absolute;inset:36% 0 0}.product-visual{background:oklch(84% .05 152);overflow:hidden}.product-visual:before{width:205px;height:310px;box-shadow:inset -22px -22px 0 color-mix(in oklch, var(--fg) 11%, transparent);content:"";background:oklch(61% .085 153);border-radius:92px 92px 42px 42px;position:absolute;top:120px;left:47%;transform:translate(-50%)rotate(-8deg)}.product-visual:after{background:color-mix(in oklch, var(--fg) 20%, transparent);content:"";filter:blur(3px);border-radius:50%;width:136px;height:32px;position:absolute;bottom:112px;left:calc(47% - 68px)}.product-tag{z-index:2;border:1px solid color-mix(in oklch, var(--surface) 30%, transparent);background:color-mix(in oklch, var(--fg) 32%, transparent);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:600;position:absolute;top:68px;left:16px}.product-copy{z-index:3;position:absolute;bottom:62px;left:18px;right:76px}.product-name{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:20px;font-weight:600;line-height:1.22}.product-copy p:not(.product-name){color:color-mix(in oklch, var(--surface) 78%, transparent);margin:5px 0 0;font-size:13px}.feed-actions{z-index:4;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:78px;right:12px}.feed-action{border:1px solid color-mix(in oklch, var(--surface) 30%, transparent);background:color-mix(in oklch, var(--fg) 42%, transparent);width:48px;height:48px;color:var(--surface);cursor:pointer;backdrop-filter:blur(8px);border-radius:50%;place-items:center;transition:background-color .15s cubic-bezier(.2,0,0,1),border-color .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1);display:grid}.feed-action:hover{border-color:color-mix(in oklch, var(--surface) 52%, transparent);background:color-mix(in oklch, var(--fg) 58%, transparent)}.feed-action[aria-pressed=true]{border-color:var(--surface);background:var(--surface);color:var(--fg)}.feed-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.affiliate-link{z-index:4;background:color-mix(in oklch, var(--fg) 82%, transparent);color:var(--surface);font-family:var(--font-display);letter-spacing:.02em;text-underline-offset:3px;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:20px;left:18px}.feedback-line{z-index:6;background:color-mix(in oklch, var(--fg) 58%, transparent);width:max-content;max-width:calc(100% - 32px);color:var(--surface);font-family:var(--font-display);text-align:center;backdrop-filter:blur(8px);border-radius:999px;margin:0;padding:7px 10px;font-size:10px;position:absolute;top:108px;left:50%;transform:translate(-50%)}.comments-sheet{z-index:8;background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm);border-radius:22px;padding:18px;position:absolute;inset:auto 10px 10px}.comments-sheet[hidden]{display:none}.comments-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.comments-head strong{font-family:var(--font-display);font-size:15px}.comments-close{border:1px solid var(--border);background:var(--bg);width:44px;height:44px;color:var(--fg);cursor:pointer;border-radius:50%;place-items:center;display:grid}.comments-empty{text-align:center;padding:24px 0 12px}.comments-empty strong{font-family:var(--font-display);font-size:14px;display:block}.comments-empty p{color:var(--muted);margin:4px 0 0;font-size:13px}.hero{padding:58px 0 90px;overflow:clip}.hero-grid{gap:62px;display:grid}.hero-copy{align-self:center}.hero-copy .eyebrow{color:var(--accent-dark)}.hero-copy .lead{margin:24px 0 28px}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-actions .button{width:100%}.micro-note{color:var(--muted);font-family:var(--font-display);letter-spacing:.01em;margin:14px 0 0;font-size:12px}.section{padding:96px 0}.section-head{gap:18px;margin-bottom:46px;display:grid}.section-head .lead{margin:0}.steps{counter-reset:steps;gap:14px;display:grid}.step{border-top:1px solid var(--border);counter-increment:steps;min-height:230px;padding:25px;position:relative}.step:before{color:var(--muted);font-family:var(--font-display);letter-spacing:.08em;content:"0" counter(steps);margin-bottom:54px;font-size:12px;display:block}.step p{max-width:32ch;color:var(--muted);margin:12px 0 0}.step-loop{border-radius:var(--radius-md);background:var(--fg);color:var(--surface);border:0}.step-loop p,.step-loop:before{color:color-mix(in oklch, var(--surface) 68%, transparent)}.signal-row{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.signal{border:1px solid color-mix(in oklch, var(--surface) 22%, transparent);font-family:var(--font-display);letter-spacing:.04em;border-radius:999px;padding:7px 10px;font-size:10px}.benefit-band{background:var(--fg);color:var(--surface)}.benefit-grid{align-items:center;gap:58px;display:grid}.benefit-copy .eyebrow{color:oklch(78% .09 155)}.benefit-copy .lead{color:color-mix(in oklch, var(--surface) 64%, transparent)}.principles{border:1px solid color-mix(in oklch, var(--surface) 14%, transparent);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--surface) 14%, transparent);gap:1px;display:grid;overflow:hidden}.principle{background:color-mix(in oklch, var(--fg) 96%, var(--surface));padding:25px}.principle-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.principle-badge{border:1px solid color-mix(in oklch, var(--surface) 24%, transparent);color:color-mix(in oklch, var(--surface) 70%, transparent);font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;flex:none;padding:5px 8px;font-size:10px}.principle p{color:color-mix(in oklch, var(--surface) 63%, transparent);margin:9px 0 0}.transparency{align-items:center;gap:28px;display:grid}.transparency-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:28px}.receipt{gap:17px;display:grid}.receipt-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding-bottom:17px;display:flex}.receipt-row:last-child{border:0;padding:0}.check{background:var(--surface-strong);width:24px;height:24px;color:var(--fg);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.receipt-row p{color:var(--muted);margin:3px 0 0;font-size:15px}.transparency-copy .lead{margin:20px 0 0}.cta{padding:40px 0 96px}.cta-panel{border-radius:var(--radius-lg);background:var(--surface-strong);text-align:center;padding:clamp(32px,7vw,74px)}.cta-panel h2{max-width:14ch;margin-inline:auto}.cta-panel .lead{color:color-mix(in oklch, var(--fg) 72%, transparent);margin:20px auto 28px}.access-action{flex-direction:column;align-items:center;gap:10px;display:flex}.access-action .button{width:min(100%,320px)}.access-note{color:color-mix(in oklch, var(--fg) 62%, transparent);font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:11px}.site-footer{border-top:1px solid var(--border);padding:32px 0 42px}.footer-grid{gap:26px;display:grid}.footer-copy{max-width:35ch;color:var(--muted);margin:10px 0 0;font-size:14px}.footer-links{font-family:var(--font-display);flex-wrap:wrap;gap:18px 24px;font-size:13px;display:flex}.footer-links a{text-underline-offset:4px}.copyright{color:var(--muted);font-family:var(--font-display);letter-spacing:.02em;font-size:11px}.legal-main{min-height:70vh}.legal-page{padding:clamp(64px,9vw,112px) 0 120px}.legal-header{border-bottom:1px solid var(--border);max-width:780px;padding-bottom:42px}.legal-header .eyebrow{color:var(--accent-dark)}.legal-header h1{max-width:14ch}.legal-introduction{margin:24px 0 0}.legal-updated{color:var(--muted);font-family:var(--font-display);letter-spacing:.02em;margin:18px 0 0;font-size:12px}.legal-content{gap:42px;max-width:780px;padding-top:48px;display:grid}.legal-section h2{letter-spacing:-.015em;font-size:clamp(24px,4vw,32px);line-height:1.15}.legal-section p,.legal-section ul{color:var(--muted);margin:14px 0 0}.legal-section p+p{margin-top:12px}.legal-section ul{gap:10px;padding-left:22px;display:grid}.legal-section li::marker{color:var(--accent)}@media (width>=900px){.legal-page{grid-template-columns:minmax(260px,.65fr) minmax(0,1fr);gap:90px;display:grid}.legal-header{border-bottom:0;align-self:start;padding-bottom:0;position:sticky;top:112px}.legal-content{padding-top:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=480px){.hero-actions .button{width:auto}}@media (width>=700px){.shell{width:min(calc(100% - 64px), var(--max))}.hero{padding:86px 0 120px}.footer-grid{grid-template-columns:1fr auto;align-items:start}.copyright{grid-column:1/-1}}@media (width>=820px){.steps{grid-template-columns:repeat(3,1fr)}.step{padding:28px}}@media (width>=900px){.nav-links{display:flex}.menu-button,.mobile-menu{display:none!important}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:48px}.benefit-grid{grid-template-columns:.85fr 1.15fr;gap:80px}.transparency{grid-template-columns:.9fr 1.1fr;gap:80px}.transparency-card{order:2}}@media (width>=1100px){.hero-grid{gap:96px}.feed-stage{min-height:650px}.phone{width:385px}.section{padding:132px 0}.section-head{grid-template-columns:1fr .78fr;align-items:end;margin-bottom:64px}.section-head .lead{justify-self:end}}
