:root{--white:#fffefb;--paper:#f6f3ed;--ink:#252420;--muted:#6f6a62;--accent:#76533d;--accent-light:#d5b89a;--accent-selection:#76533d26;--action:var(--accent);--action-hover:#5c3f2e;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;margin:0;line-height:1.06}h1{font-size:clamp(60px,5.7vw,82px)}h2{font-size:clamp(44px,4.4vw,64px)}h3{font-size:32px}p{margin:0 0 1em}p:last-child{margin-bottom:0}em{font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;width:100%;height:auto}::selection{background:var(--accent-selection)}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:calc(100% - 96px);max-width:1160px;margin-inline:auto}.section{padding-block:112px}.section-heading{max-width:850px;margin:0 auto 54px;text-align:center}.section-heading h2{margin-bottom:24px}.section-heading p{max-width:680px;margin-inline:auto;color:var(--muted)}.section-heading em{color:inherit}.button{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:60px;padding:18px 28px;background:var(--action);color:#fff;font-size:16px;font-weight:600;line-height:1.5;border-radius:16px;transition:background .2s,transform .2s}.button:hover{background:var(--action-hover);transform:translateY(-1px)}.section-action{text-align:center;margin-top:40px}.site-header{background:var(--white)}.header-inner{height:94px;display:flex;align-items:center;justify-content:center;gap:24px}.brand,.brand-logo{width:155px;height:58px;object-fit:contain}.brand-logo{filter:brightness(0)}.hero{background:var(--white);padding:48px 0 98px}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:52px;align-items:center}.hero-copy{position:relative;z-index:1}.product-name{font-size:17px;font-weight:500;margin-bottom:25px;color:var(--muted)}.hero h1{max-width:620px;margin-bottom:27px}.hero h1 em{display:block;color:var(--muted)}.hero-description{font-size:18px;color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:32px}.hero-art{min-width:0;background:var(--paper);border-radius:34px;position:relative}.art-stage{height:655px;position:relative;overflow:hidden;border-radius:34px}.hero-art .profile{position:absolute;top:38px;left:50%;transform:translateX(-48%) rotate(3deg);width:322px;z-index:2;box-shadow:12px 18px 40px #25242015}.floating-post{position:absolute;z-index:3;padding:7px;background:var(--white);border-radius:19px;overflow:hidden;box-shadow:0 10px 24px #25242012}.floating-post .post-tile,.floating-post .portrait-tile{border-radius:13px}.floating-post.one{width:166px;top:86px;left:0;transform:rotate(-7deg)}.floating-post.two{width:171px;right:0;bottom:38px;transform:rotate(-5deg)}.floating-post.two .portrait-tile{aspect-ratio:4/5}
/* The original fictitious profile and all its actual product crops are retained. */
.profile{background:#fff;color:#252420;border:6px solid #33312e;border-radius:39px;padding:9px 8px 8px;overflow:hidden;max-width:100%;width:100%;font-family:var(--sans);line-height:1.3}.device-top{font-size:10px;display:flex;align-items:center;justify-content:space-between;padding:2px 14px 12px;font-weight:600}.device-top i{width:72px;height:18px;border-radius:14px;background:#252420}.profile-handle{display:flex;justify-content:space-between;font-weight:600;font-size:13px;padding:8px 12px}.profile-handle span{font-size:21px;line-height:1}.profile-stats{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:13px 10px}.profile-stats>div:not(.avatar){text-align:center;flex:1}.profile-stats b{display:block;font-size:15px}.profile-stats span{font-size:9px;display:block;margin-top:4px}.avatar{width:64px;height:64px;border-radius:50%;background-image:url(assets/mockup-8.webp);background-size:740% auto;background-position:37.5% 38%;border:2px solid #e6dfd6;flex-shrink:0}.profile-bio{display:flex;flex-direction:column;gap:4px;padding:7px 12px 14px;font-size:10px}.profile-bio strong{font-size:11px}.profile-actions{display:flex;gap:6px;padding:0 12px 12px}.profile-actions span{background:#f0f0ee;font-size:10px;text-align:center;flex:1;padding:6px;border-radius:5px;font-weight:600}.feed-tabs{display:flex;border-bottom:1px solid #eee;justify-content:space-around;font-size:20px;padding:2px 0 7px}.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.post-tile{aspect-ratio:1;min-width:0;background-image:var(--post);background-size:146% auto;background-position:50% 39.4%;background-repeat:no-repeat;background-color:#ddd4c8}.portrait-tile{aspect-ratio:1;background-image:url(assets/mockup-8.webp);background-size:391% auto;background-position:34.4% 46.5%}.portrait-tile.second{background-position:0 46.5%}.profile-bottom{display:flex;justify-content:space-around;padding:12px 5px 6px;font-size:21px}.profile-bottom span{font-size:23px}.hero-profile .profile-stats{padding-top:7px}.hero-profile .avatar{width:49px;height:49px}.hero-profile .profile-bio{font-size:8px}.hero-profile .profile-bio strong{font-size:9px}.hero-profile .profile-stats span{font-size:7px}.hero-profile .profile-stats b{font-size:12px}.hero-profile .profile-handle{font-size:11px}.hero-profile .profile-actions span{font-size:8px}.hero-profile .device-top{font-size:8px}.improv{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;text-align:center;padding:7px;line-height:1.4}.improv small{font-size:8px;margin-top:7px}.tile-a{background:#dfdece;color:#4a4e43;font-family:Georgia,serif}.tile-b{background:#c7d5d8;color:#334c5b;font-family:Arial,sans-serif;font-weight:bold;font-size:14px}.tile-c{background:#ecd8d1;color:#634b45;font-family:Georgia,serif;font-size:22px}.tile-d{background:#eee9e1;color:#666;font-size:12px;font-weight:bold}.tile-e{background:#dad4cb;font-size:20px;font-style:italic}
.reflection{background:var(--paper)}.comparison-section{background:var(--ink);color:var(--white);padding-bottom:96px}.comparison-section .section-heading{max-width:900px;margin-bottom:45px}.comparison-section .section-heading p{color:#d7d1c8}.comparison-shell{width:420px;max-width:100%;margin:0 auto}.comparison-labels{display:flex;align-items:center;justify-content:space-between;padding:0 18px 18px;font-size:15px;font-weight:500;letter-spacing:.04em;color:var(--white)}.comparison-stage{position:relative;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;isolation:isolate;border-radius:39px;box-shadow:0 14px 38px #0002}.comparison-stage:focus-visible{outline-color:var(--white)}.comparison-layer{width:100%;pointer-events:none}.comparison-after{position:relative}.comparison-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--position)) 0 0);overflow:hidden;border-radius:39px}.comparison-divider{position:absolute;left:var(--position);top:0;bottom:0;width:3px;background:var(--accent-light);transform:translateX(-50%);pointer-events:none;z-index:3;box-shadow:0 0 0 1px #fff5;border-radius:2px}.comparison-handle{position:absolute;top:55%;left:50%;width:52px;height:52px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--white);color:var(--ink);box-shadow:0 3px 14px #0003}.comparison-handle svg{width:30px;height:20px}.how-section{background:var(--white)}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.step-image{aspect-ratio:1.3;overflow:hidden;border-radius:var(--radius);background:var(--paper);margin-bottom:28px}.step-image img{height:100%;width:100%;object-fit:contain}.step:first-child .step-image img,.step:last-child .step-image img{object-fit:cover}.step h3{font-size:31px;margin-bottom:17px}.step p{font-size:17px;color:var(--muted);line-height:1.8}.materials{background:var(--white)}.included{background:var(--white)}.included-content{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center;margin:30px 0 55px}.collection-visual{position:relative;min-width:0;height:430px}.collection-visual img{position:absolute;width:88%;border-radius:24px;box-shadow:0 10px 24px #2524200f}.stack-back{top:5px;left:0;transform:rotate(-5deg)}.stack-front{right:0;bottom:0;transform:rotate(4deg)}.packs-details{max-width:900px;margin-inline:auto;background:var(--paper);padding:0 30px;border-radius:22px}details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}.packs-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:23px;font-size:18px;font-weight:500}.plus{font-family:var(--sans);font-size:26px;font-weight:400;line-height:1;flex-shrink:0;transition:transform .2s}details[open]>summary .plus{transform:rotate(45deg)}.packs-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;padding:10px 0 30px;margin:0;font-size:16px;color:var(--muted)}.packs-list li{line-height:1.6}.bonus-section{background:var(--ink);color:var(--white)}.bonus-section .section-heading p{color:#d7d1c8}.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1050px;margin:auto}.bonus-card{background:var(--white);color:var(--ink);border-radius:var(--radius);overflow:hidden;min-width:0}.bonus-photo{width:100%;height:auto;aspect-ratio:1.6;background:var(--paper)}.bonus-photo img{width:100%;height:100%;object-fit:cover}.bonus-card:nth-child(2) .bonus-photo img{object-fit:contain;padding:22px}.bonus-body{padding:32px 36px 37px}.bonus-body h3{font-size:33px;margin-bottom:17px}.bonus-body p{font-size:17px;color:var(--muted);line-height:1.75}.testimonials{background:var(--white)}.founder-section{background:var(--paper)}.founder-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}.founder-photo{margin:0}.founder-photo img{width:100%;aspect-ratio:.86;object-fit:cover;object-position:47% center;border-radius:30px}.founder-copy h2{font-size:64px;margin-bottom:30px}.founder-copy .prose{font-size:18px;color:var(--muted);line-height:1.8}.founder-copy .prose p:first-child{color:var(--ink)}.offer-section{background:var(--ink)}.offer-card{background:var(--white);border-radius:30px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.offer-main h2{font-size:78px;line-height:.98;margin-bottom:27px}.offer-main h2 em{color:var(--muted)}.offer-main>p{font-size:19px;line-height:1.7;color:var(--muted);margin-bottom:32px}.offer-art{overflow:hidden;border-radius:22px}.offer-art img{aspect-ratio:1.35;object-fit:cover;object-position:50% 70%}.offer-detail h3{font-size:33px;margin-bottom:24px}.offer-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:16px}.offer-list li{display:flex;gap:13px;font-size:16px;line-height:1.55}.offer-list li>span{color:var(--muted);flex-shrink:0}.price-block{text-align:center;margin:30px 0}.price-block:not([hidden]){display:flex;flex-direction:column;gap:8px}.price-block strong{font-family:var(--serif);font-size:64px;font-weight:400}.price-block span{font-size:16px}.checkout-button{width:100%;margin-top:32px;font-size:16px;line-height:1.5;padding:20px;min-height:66px}.checkout-button[aria-disabled=true]{cursor:default;transform:none}.checkout-note,.offer-access{font-size:15px;color:var(--muted);text-align:center;line-height:1.7;margin-top:19px}.commercial-terms{list-style:none;padding:0;font-size:16px;text-align:center;margin:20px 0}.commercial-terms:empty{display:none}.faq-section{background:var(--white)}.faq-wrap{max-width:860px}.faq-list details+details{border-top:1px solid #e9e4db}.faq-list summary{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:25px 0;font-size:18px;line-height:1.6}.faq-answer{padding:0 45px 27px 0;color:var(--muted);font-size:17px;line-height:1.8}.faq-list details[open] summary{color:var(--ink);font-weight:500}.closing{background:var(--paper);text-align:center}.closing h2{font-size:clamp(50px,5vw,76px);max-width:900px;margin:0 auto 28px}.closing h2 em{color:var(--muted)}.closing p{max-width:630px;color:var(--muted);margin:0 auto 34px;font-size:18px;line-height:1.8}.site-footer{padding:38px 0;background:var(--paper)}.footer-inner{display:flex;align-items:center;gap:38px;justify-content:space-between}.footer-logo{width:140px;filter:brightness(0)}.footer-inner nav{display:flex;gap:25px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.footer-inner nav a:hover{text-decoration:underline}.footer-inner>p{font-size:14px;color:var(--muted);margin:0}.skip-link{position:fixed;top:-120px;left:15px;background:var(--ink);color:#fff;z-index:50;padding:15px 23px;border-radius:14px}.skip-link:focus{top:12px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}dialog{border:0;background:var(--white);color:var(--ink);padding:23px 28px 28px;border-radius:26px;width:min(1080px,94vw);max-width:94vw;max-height:94dvh;overflow:auto}dialog::backdrop{background:#181714d9}.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.lightbox-top p{font-size:17px;margin:0;line-height:1.5}.lightbox-top button{height:48px;width:48px;flex-shrink:0;border-radius:50%;background:var(--paper);font-size:30px}.lightbox-content img{max-height:76dvh;object-fit:contain;border-radius:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--white);padding:19px 25px;font-size:16px;width:max-content;max-width:90vw;border-radius:18px;z-index:20;box-shadow:0 8px 25px #0002}[hidden]{display:none!important}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:30px}.hero h1{font-size:64px}.hero-description{font-size:17px}.art-stage{height:620px}.hero-art .profile{width:291px;top:40px}.floating-post.one{width:145px;top:94px}.floating-post.two{width:151px;bottom:42px}.steps-grid{gap:25px}.step h3{font-size:28px}.step p{font-size:16px}.included-content{gap:50px}.collection-visual{height:360px}.founder-grid{gap:48px}.founder-copy h2{font-size:57px}.founder-copy .prose{font-size:17px}.offer-card{padding:43px;gap:44px}.offer-main h2{font-size:68px}.offer-list li{font-size:15px}.checkout-button{font-size:15px}.footer-inner{gap:25px}.footer-inner nav{gap:18px}}
@media(max-width:800px){body{font-size:17px}.wrap{width:calc(100% - 48px)}.section{padding-block:88px}.hero-grid{gap:25px}.hero h1{font-size:53px}.hero-description{font-size:16px}.product-name{font-size:16px}.hero-art .profile{width:246px;top:50px}.art-stage{height:575px}.floating-post.one{width:120px;top:142px}.floating-post.two{width:124px;bottom:45px}.hero .button{font-size:15px;padding:18px 20px}.section-heading{margin-bottom:45px}h2{font-size:49px}.steps-grid{gap:20px}.step-image{aspect-ratio:1.1}.step h3{font-size:27px}.step p{font-size:16px}.included-content{gap:38px;grid-template-columns:.9fr 1.1fr}.collection-visual{height:330px}.collection-visual img{width:96%}.bonus-body{padding:28px}.bonus-body h3{font-size:30px}.bonus-body p{font-size:16px}.founder-grid{gap:32px}.founder-photo img{aspect-ratio:.69}.founder-copy h2{font-size:52px}.founder-copy .prose{font-size:16px}.offer-card{padding:34px;gap:32px}.offer-main h2{font-size:62px}.offer-main>p{font-size:17px}.offer-detail h3{font-size:30px}.offer-list{gap:14px}.offer-list li{font-size:15px}.checkout-button{font-size:14px;padding:18px 16px}.checkout-note,.offer-access{font-size:14px}.footer-inner{flex-wrap:wrap}.footer-inner>p{width:100%;text-align:center}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.section{padding-block:76px}.section-heading{margin-bottom:37px;max-width:490px}.section-heading h2{font-size:43px;margin-bottom:24px;line-height:1.08}.section-heading p{font-size:16px;line-height:1.75}h3{font-size:30px}.button{font-size:16px;min-height:60px;padding:19px 21px;border-radius:16px}.header-inner{height:79px;gap:18px}.brand,.brand-logo{width:132px;height:50px}.hero{padding-top:29px;padding-bottom:70px}.hero-grid{display:flex;flex-direction:column;gap:0}.hero-copy{display:contents}.product-name{order:0;font-size:16px;margin:0 0 21px;width:100%}.hero h1{order:1;font-size:clamp(46px,12.4vw,68px);line-height:1.04;margin:0 0 25px;width:100%}.hero h1 em{white-space:nowrap}.hero-description{order:2;font-size:16px;line-height:1.8;margin:0 0 29px;width:100%}.hero-art{order:3;width:100%;margin:0 0 28px;border-radius:28px}.art-stage{height:552px;border-radius:28px}.hero-art .profile{width:260px;top:27px;left:52%;transform:translateX(-48%) rotate(3deg)}.floating-post.one{width:126px;left:-2px;top:129px;padding:6px;border-radius:17px}.floating-post.two{width:132px;right:-3px;bottom:38px;padding:6px;border-radius:17px}.hero .button{order:4;width:100%;font-size:16px;padding:20px 18px}.hero-profile .profile-stats{padding-inline:4px}.hero-profile .avatar{width:43px;height:43px}.hero-profile .profile-stats span{font-size:6px}.hero-profile .profile-stats b{font-size:11px}.hero-profile .profile-handle{font-size:10px}.hero-profile .profile-bio{font-size:7px}.hero-profile .profile-bio strong{font-size:8px}.hero-profile .profile-actions span{font-size:8px}.hero-profile .profile-bottom{font-size:18px;padding-top:10px}.hero-profile .profile-bottom span{font-size:20px}.problem-messages article{max-width:470px}.comparison-section .section-heading h2{font-size:42px;line-height:1.08}.comparison-section .section-heading p{font-size:16px}.comparison-shell{width:100%;max-width:360px}.comparison-labels{font-size:14px;padding:0 12px 17px}.comparison-stage{border-radius:35px}.comparison-before{border-radius:35px}.comparison-stage .profile{border-radius:35px;padding:9px 7px 7px;border-width:5px}.comparison-stage .device-top{font-size:8px;padding:2px 12px 10px}.comparison-stage .device-top i{width:63px;height:16px}.comparison-stage .profile-handle{font-size:11px;padding:7px 10px}.comparison-stage .profile-stats{padding:12px 7px;gap:5px}.comparison-stage .avatar{width:52px;height:52px}.comparison-stage .profile-stats b{font-size:13px}.comparison-stage .profile-stats span{font-size:7px}.comparison-stage .profile-bio{font-size:8px;padding:6px 10px 13px}.comparison-stage .profile-bio strong{font-size:9px}.comparison-stage .profile-actions{padding:0 10px 12px}.comparison-stage .profile-actions span{font-size:9px}.comparison-stage .feed-tabs{font-size:18px}.comparison-stage .profile-bottom{font-size:20px;padding-top:10px}.comparison-stage .profile-bottom span{font-size:22px}.comparison-stage .improv{font-size:10px;padding:6px}.comparison-stage .improv small{font-size:7px}.comparison-stage .tile-b{font-size:12px}.comparison-stage .tile-c{font-size:18px}.comparison-stage .tile-d{font-size:10px}.comparison-stage .tile-e{font-size:17px}.comparison-handle{width:48px;height:48px}.steps-grid{display:flex;flex-direction:column;gap:40px}.step-image{aspect-ratio:1.3;border-radius:24px;margin-bottom:23px}.step h3{font-size:32px;line-height:1.1;margin-bottom:16px}.step p{font-size:16px;line-height:1.8}.section-action{margin-top:28px}.section-action .button{width:100%}.included-content{display:flex;flex-direction:column;gap:42px;margin:10px 0 40px}.collection-visual{width:100%;height:300px;max-width:450px}.collection-visual img{width:88%;border-radius:22px}.stack-back{top:8px;left:4px;transform:rotate(-4deg)}.stack-front{right:4px;bottom:4px;transform:rotate(3deg)}.packs-details{padding:0 21px;border-radius:21px}.packs-details summary{font-size:16px;padding:23px 0;line-height:1.6;gap:18px}.packs-list{grid-template-columns:1fr;gap:17px;padding:5px 0 27px;font-size:16px}.bonus-grid{grid-template-columns:1fr;gap:25px}.bonus-card{border-radius:25px}.bonus-photo{aspect-ratio:1.4}.bonus-body{padding:27px 25px 31px}.bonus-body h3{font-size:32px;line-height:1.1;margin-bottom:18px}.bonus-body p{font-size:16px;line-height:1.8}.founder-grid{display:flex;flex-direction:column;gap:36px}.founder-photo{width:100%;max-width:500px}.founder-photo img{aspect-ratio:.94;border-radius:27px}.founder-copy h2{font-size:53px;line-height:1.04;margin-bottom:28px}.founder-copy .prose{font-size:16px;line-height:1.85}.offer-section .wrap{width:calc(100% - 32px)}.offer-card{display:block;padding:35px 24px;border-radius:27px}.offer-main h2{font-size:clamp(42px,11.5vw,52px);line-height:1.08;margin-bottom:22px}.offer-main>p{font-size:18px;line-height:1.7;margin-bottom:26px}.offer-art{border-radius:21px}.offer-art img{aspect-ratio:1.35}.offer-detail{margin-top:35px}.offer-detail h3{font-size:32px;margin-bottom:25px}.offer-list{gap:18px}.offer-list li{font-size:16px;line-height:1.6;gap:11px}.offer-list li>span{font-size:15px}.checkout-button{font-size:16px;line-height:1.6;padding:18px 16px;margin-top:29px;min-height:70px}.checkout-note,.offer-access{font-size:14px;line-height:1.75;margin-top:19px}.faq-section .section-heading{margin-bottom:21px}.faq-list summary{font-size:16px;line-height:1.65;padding:23px 0;gap:22px}.plus{font-size:24px}.faq-answer{font-size:16px;line-height:1.8;padding:0 12px 25px 0}.closing h2{font-size:49px;line-height:1.08;margin-bottom:27px}.closing h2 br{display:none}.closing p{font-size:16px;line-height:1.85;margin-bottom:29px}.closing .button{width:100%}.site-footer{padding:22px 0 38px}.footer-inner{display:flex;flex-direction:column;gap:23px;align-items:center}.footer-logo{width:146px}.footer-inner nav{display:flex;justify-content:center;font-size:14px;gap:17px}.footer-inner>p{font-size:14px}dialog{padding:18px 16px;border-radius:23px}.lightbox-top{gap:12px;margin-bottom:15px}.lightbox-top p{font-size:16px}.lightbox-top button{width:44px;height:44px;font-size:28px}.lightbox-content img{max-height:72dvh;border-radius:12px}.toast{font-size:15px;line-height:1.6;padding:18px 22px;bottom:16px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:45px}.hero-art .profile{width:244px;top:27px}.art-stage{height:534px}.floating-post.one{width:113px;top:143px}.floating-post.two{width:117px;bottom:39px}.section-heading h2{font-size:40px}.comparison-stage .avatar{width:47px;height:47px}.comparison-stage .profile-stats span{font-size:6px}.comparison-stage .profile-stats b{font-size:12px}.comparison-stage .profile-bio{font-size:7px}.comparison-stage .profile-bio strong{font-size:8px}.collection-visual{height:275px}.offer-card{padding:31px 22px}.offer-main h2{font-size:42px}.closing h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Keep the device complete and keep the drag control inside the viewport at both ends. */
.art-stage{height:710px}.hero-art .profile{top:32px}
.comparison-handle{left:clamp(26px,var(--position),calc(100% - 26px));z-index:4;pointer-events:none}
@media(max-width:1100px){.art-stage{height:680px}.hero-art .profile{top:40px}}
@media(max-width:800px){.art-stage{height:660px}.hero-art .profile{top:50px}}
@media(max-width:620px){.art-stage{height:620px}.hero-art .profile{top:27px}}
@media(max-width:370px){.art-stage{height:610px}}

/* Clear reading rhythm for the five problem statements. */
.problem-messages{display:grid;gap:24px;max-width:780px;padding:0;margin:0 auto;list-style:none;text-align:left;font-size:18px;line-height:1.75;color:var(--ink)}
.problem-messages li{position:relative;padding-left:26px}
.problem-messages li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.problem-takeaway{max-width:800px;margin:64px auto 0;text-align:center;font-family:var(--sans);font-size:30px;font-weight:600;line-height:1.5;letter-spacing:0;color:var(--ink)}
.problem-takeaway p{margin:0}
.problem-takeaway p+p{margin-top:24px}
@media(max-width:600px){.problem-messages{gap:24px;font-size:17px;line-height:1.75}.problem-messages li{padding-left:23px}.problem-takeaway{margin-top:48px;font-size:24px;line-height:1.5}.problem-takeaway p+p{margin-top:22px}}

/* Both reading paths stay visible, connected from the current profile to the result. */
.comparison-stories{display:flex;flex-direction:column;max-width:560px;margin:40px auto 0;text-align:center}
.comparison-story{min-width:0;padding:0 20px}
.comparison-story h3{font-size:36px;line-height:1.16;margin:0 0 20px;color:var(--white);white-space:normal;text-wrap:balance}
.comparison-story ol{list-style:none;display:grid;gap:0;padding:0;margin:0 auto;width:fit-content;max-width:100%;font-size:18px;line-height:1.65;color:var(--copy-inverse)}
.comparison-story li{position:relative;display:block;padding:0 0 15px 25px;text-align:left}
.comparison-story li:last-child{padding-bottom:0}
.comparison-story li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border:1px solid #d5b89a99;border-radius:50%;background:#3c2b25}
.comparison-story li:not(:last-child)::after{content:"";position:absolute;left:3px;top:calc(.55em + 7px);bottom:calc(-.55em);width:1px;background:#d5b89a40}
.comparison-evolution-connector{display:grid;place-items:center;margin:18px auto;width:32px;height:58px;color:var(--accent-light)}
.comparison-evolution-connector svg{display:block;width:32px;height:58px}
.comparison-story-after{padding:28px 30px 30px;border:1px solid #d5b89a55;border-radius:24px;background:#d5b89a0d}
.comparison-story-after h3{color:var(--accent-light)}
.comparison-story-after ol{color:var(--white)}
.comparison-story-after li::before{background:var(--accent-light);border-color:var(--accent-light)}
.comparison-story-after li::after{background:#d5b89a66}
.comparison-story-after strong{font-weight:600}
.comparison-takeaway{max-width:800px;margin:34px auto 0;font-family:var(--sans);font-size:28px;font-weight:600;line-height:1.5;letter-spacing:0;text-align:center;color:var(--white)}
@media(max-width:620px){
 .comparison-stories{margin-top:32px}
 .comparison-story{padding-inline:10px}
 .comparison-story h3{font-size:32px;line-height:1.15;margin-bottom:19px}
 .comparison-story ol{font-size:17px;line-height:1.65}
 .comparison-story li{padding-left:22px;padding-bottom:13px}
 .comparison-evolution-connector{height:48px;margin:15px auto}
 .comparison-evolution-connector svg{height:48px}
 .comparison-story-after{padding:25px 20px 27px;border-radius:22px}
 .comparison-takeaway{font-size:22px;line-height:1.5;margin-top:30px}
}
@media(max-width:370px){.comparison-story h3{font-size:30px}.comparison-story-after{padding-inline:17px}}

/* Full, uncropped pack covers in two quiet, opposing rows. */
.included .section-heading{margin-bottom:38px}
.pack-carousels{overflow:hidden;width:100%;margin:0 0 35px}
.pack-rail{position:relative;display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto;cursor:grab;padding:12px 0;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}
.pack-rail::-webkit-scrollbar{display:none}
.pack-rail.is-dragging,.pack-rail.is-dragging .pack-cover{cursor:grabbing}
.pack-rail:focus-visible{outline-offset:-4px}
.pack-group{display:flex;align-items:center;gap:22px;padding-right:22px;flex-shrink:0}
.pack-cover{display:block;flex:none;height:clamp(220px,21vw,285px);width:auto;aspect-ratio:var(--cover-ratio);padding:0;background:var(--white);border-radius:22px;overflow:hidden;box-shadow:0 5px 15px #25242009;cursor:zoom-in}
.pack-cover img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.pack-motion-controls{display:flex;justify-content:flex-end;margin-top:8px}
.pack-motion-toggle{display:grid;place-items:center;width:44px;height:44px;padding:10px;border-radius:50%;background:var(--paper)}
.pack-motion-toggle svg{grid-area:1/1;width:22px;height:22px}
.pack-play-icon{display:none}
.pack-motion-toggle[aria-pressed="true"] .pack-pause-icon{display:none}
.pack-motion-toggle[aria-pressed="true"] .pack-play-icon{display:block}
@media(max-width:620px){
 .included .section-heading{margin-bottom:24px}
 .pack-carousels{margin-bottom:30px}
 .pack-rail{padding-block:9px}
 .pack-group{gap:14px;padding-right:14px}
 .pack-cover{height:clamp(185px,52vw,225px);border-radius:20px}
 .pack-motion-controls{margin-top:4px}
}

/* Positioning introduction: a quiet, tactile preview before the comparison. */
.product-intro{background:var(--white);overflow:hidden;padding-bottom:62px}
.intro-heading{max-width:900px;margin:0 auto 42px;text-align:center}
.intro-name{font-size:18px;font-weight:500;color:var(--muted);margin-bottom:20px}
.intro-heading h2{font-size:clamp(46px,4.65vw,66px);line-height:1.08;text-wrap:balance}
.intro-heading h2 em{color:var(--muted)}
.intro-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:24px;max-width:1020px;margin:0 auto 54px;padding:36px 24px 32px}
.intro-post{aspect-ratio:var(--preview-ratio,4/5);border-radius:22px;background-color:var(--paper);overflow:hidden;box-shadow:0 12px 24px #25242012;transform-origin:center;min-width:0}
.intro-post:nth-child(1){transform:translateY(14px) rotate(-6deg)}
.intro-post:nth-child(2){transform:translateY(-12px) rotate(3deg)}
.intro-post:nth-child(3){transform:translateY(-8px) rotate(-3deg)}
.intro-post:nth-child(4){transform:translateY(17px) rotate(5deg)}
.intro-lead{max-width:760px;margin:0 auto;text-align:center;font-size:20px;line-height:1.8;color:var(--muted)}
.product-intro strong{font-weight:500;color:var(--ink)}
.intro-statement{font-family:var(--serif);font-size:46px;line-height:1.16;letter-spacing:-.02em;text-align:center;max-width:770px;margin:38px auto 46px;text-wrap:balance}
.intro-statement em{color:var(--muted)}
.intro-details{display:grid;grid-template-columns:.94fr 1.06fr;gap:72px;align-items:start;max-width:960px;margin:0 auto}
.intro-context{font-size:18px;line-height:1.85;color:var(--muted)}
.intro-benefits{list-style:none;display:grid;gap:22px;padding:0;margin:0;font-size:18px;line-height:1.6}
.intro-benefits li{display:flex;gap:14px;align-items:baseline}
.intro-benefits li>span{color:var(--action);font-size:20px;flex:none}
.intro-benefits p{margin:0;color:var(--muted)}
.intro-bridge{display:flex;align-items:center;flex-direction:column;gap:16px;width:fit-content;max-width:100%;margin:54px auto 0;text-align:center;font-size:18px;line-height:1.5;font-weight:500;border-radius:12px}
.intro-bridge svg{width:24px;height:24px;color:var(--action)}
.intro-bridge:hover{color:var(--action)}
@media(max-width:800px){.intro-showcase{gap:17px;padding-inline:16px}.intro-post{border-radius:18px}.intro-details{gap:34px}.intro-statement{font-size:42px}.intro-lead{font-size:18px}}
@media(max-width:620px){
 .product-intro{padding-bottom:44px}
 .intro-heading{margin-bottom:25px}
 .intro-name{font-size:17px;margin-bottom:18px}
 .intro-heading h2{font-size:43px;line-height:1.1}
 .intro-showcase{grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px;gap:25px 19px;margin-bottom:30px;padding:18px 9px 23px}
 .intro-post{border-radius:20px;box-shadow:0 8px 20px #25242012}
 .intro-post:nth-child(1){transform:translateY(5px) rotate(-4deg)}
 .intro-post:nth-child(2){transform:translateY(-4px) rotate(4deg)}
 .intro-post:nth-child(3){transform:translateY(4px) rotate(-3deg)}
 .intro-post:nth-child(4){transform:translateY(-3px) rotate(3deg)}
 .intro-lead{font-size:18px;line-height:1.8;text-align:left}
 .intro-statement{font-size:35px;line-height:1.18;margin:30px auto;text-align:left;text-wrap:pretty}
 .intro-details{grid-template-columns:1fr;gap:30px}
 .intro-context{font-size:17px;line-height:1.8}
 .intro-benefits{font-size:17px;line-height:1.65;gap:22px}
 .intro-benefits li{gap:12px}
 .intro-bridge{margin-top:40px;font-size:17px;gap:14px;max-width:290px}
}
@media(max-width:370px){.intro-heading h2{font-size:40px}.intro-showcase{gap:22px 16px;padding-inline:8px}.intro-post{border-radius:18px}}

/* Secondary typography: readable copy without changing the serif titles. */
:root{--copy:#514d47;--copy-subtle:#625d55;--copy-inverse:#e4ddd3;--reading-size:18px;--reading-line:1.7}
.hero-description,.section-heading p,.intro-lead,.intro-context,.intro-benefits p,
.step p,.bonus-body p,.founder-copy .prose,.offer-main>p,.faq-answer,.closing p{
 color:var(--copy);font-size:var(--reading-size);font-weight:400;
 line-height:var(--reading-line);letter-spacing:0;text-wrap:pretty;
}

.section-heading p{max-width:60ch}
.intro-lead{font-size:20px;max-width:62ch}
.intro-context,.founder-copy .prose{max-width:58ch}
.founder-copy .prose p:not(:last-child){margin-bottom:1.15em}
.faq-answer{max-width:65ch}
.problem-messages{font-size:var(--reading-size);font-weight:400;line-height:var(--reading-line);letter-spacing:0;max-width:70ch;gap:22px}
.intro-lead strong,.intro-context strong,.intro-benefits strong{font-weight:600}
.intro-benefits{gap:22px}
.product-name,.intro-name{font-size:17px;font-weight:500;color:var(--copy-subtle);line-height:1.5;letter-spacing:0}

.packs-list,.offer-list li{font-size:17px;font-weight:400;line-height:1.65;letter-spacing:0;color:var(--copy)}
.packs-list{row-gap:16px}
.offer-list{gap:16px}
.packs-details summary,.faq-list summary{font-size:18px;font-weight:500;line-height:1.6;letter-spacing:0;color:var(--ink)}

.checkout-note,.offer-access,.commercial-terms,.price-block span{font-size:16px;font-weight:400;line-height:1.65;letter-spacing:0;color:var(--copy-subtle)}
.footer-inner nav,.footer-inner>p{font-size:15px;line-height:1.6;color:var(--copy-subtle)}
.comparison-section .section-heading p,.bonus-section .section-heading p{color:var(--copy-inverse)}
.comparison-labels{font-size:15px;font-weight:500;letter-spacing:.025em;line-height:1.5}
.comparison-story ol{font-size:var(--reading-size);font-weight:400;line-height:1.65;letter-spacing:0;color:var(--copy-inverse);gap:0}
.comparison-story-after ol{color:var(--white)}
.intro-bridge{font-weight:500;line-height:1.6;letter-spacing:0}
@media(max-width:800px){
 :root{--reading-size:17px;--reading-line:1.65}
 .intro-lead{font-size:18px}
 .packs-details summary,.faq-list summary{font-size:17px}
}
@media(max-width:620px){
 .problem-messages{gap:22px}
 .checkout-note,.offer-access{font-size:15px}
 .intro-benefits{gap:20px}
 .packs-list{row-gap:15px}
}

/* Center every mobile title, including the introductory statement. */
@media(max-width:620px){
 h1,h2,h3,.intro-statement,.product-name{text-align:center}
}

/* Project palette: chocolate for comparison/closing, espresso for collection/offer. */
:root{--section-chocolate:#3c2b25;--section-espresso:#241d19}
.site-header,.hero,.product-intro,.materials,.how-section,.faq-section,.site-footer{background:var(--white)}
.reflection,.testimonials,.founder-section{background:var(--paper)}
.comparison-section,.closing{background:var(--section-chocolate);color:var(--white)}
.included,.offer-section{background:var(--section-espresso)}
.included{color:var(--white)}
.included .section-heading p{color:var(--copy-inverse)}
.closing h2 em{color:var(--accent-light)}
.closing p{color:var(--copy-inverse)}
.closing .button{background:var(--paper);color:var(--section-espresso)}
.closing .button:hover{background:var(--white)}
.closing .button:focus-visible{outline-color:var(--accent-light)}
.bonus-section{background:var(--white);color:var(--ink)}
.bonus-section .section-heading p{color:var(--copy)}
.bonus-card{background:var(--paper)}
.packs-details,.pack-motion-toggle{background:var(--white)}
.packs-details,.pack-motion-toggle{color:var(--ink)}
.pack-rail:focus-visible,.pack-cover:focus-visible,.pack-motion-toggle:focus-visible{outline-color:var(--accent-light)}

/* Compact social proof, with smooth composited tracks in opposite directions. */
.testimonials .section-heading{margin-bottom:30px}
.testimonial-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:560px;margin:0 auto 40px}
.testimonial-stats>div{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:22px 12px;min-width:0;background:var(--white);border:1px solid #e6dfd4;border-radius:22px}
.testimonial-stats dt{order:2;color:var(--copy-subtle);font-size:15px;line-height:1.5}
.testimonial-stats dd{order:1;margin:0 0 7px;font:400 44px/1.05 var(--serif);letter-spacing:-.035em;color:var(--section-chocolate)}
.rating-star{font-family:var(--sans);font-size:20px;color:var(--accent);vertical-align:middle;margin-right:3px}
.testimonial-carousels{width:100%;max-width:1800px;margin:0 auto;overflow:hidden}
.testimonial-rail{overflow:hidden;overflow:clip;padding:9px 0}
.testimonial-track{display:flex;width:max-content;will-change:transform}
.testimonial-group{display:flex;align-items:center;gap:18px;padding-right:18px;flex:none}
.testimonial-print{width:clamp(320px,28vw,400px);max-width:none;height:auto;aspect-ratio:8/3;border-radius:16px;background:#fff;box-shadow:0 4px 16px #25242008}
.testimonials .pack-cover:focus-visible,.testimonials .pack-motion-toggle:focus-visible{outline-color:var(--accent)}
.testimonial-carousels[data-motion="reduced"] .testimonial-rail{overflow-x:auto;scrollbar-width:none}
.testimonial-carousels[data-motion="reduced"] .testimonial-track{transform:none!important;will-change:auto}
.testimonial-carousels[data-motion="reduced"] .testimonial-group[aria-hidden="true"]{display:none}
.testimonial-carousels[data-motion="reduced"] .testimonial-group{padding-inline:20px}
@media(max-width:620px){
 .testimonials .section-heading{margin-bottom:26px}
 .testimonial-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px}
 .testimonial-stats>div{padding:19px 9px;border-radius:18px}
 .testimonial-stats dd{font-size:38px;margin-bottom:6px}
 .testimonial-stats dt{font-size:14px;line-height:1.45}
 .rating-star{font-size:16px}
 .testimonial-print{width:clamp(255px,76vw,310px);border-radius:14px}
 .testimonial-group{gap:12px;padding-right:12px}
 .testimonial-rail{padding-block:6px}
 .bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .bonus-card{border-radius:20px}
 .bonus-photo{aspect-ratio:1.25}
 .bonus-card:nth-child(2) .bonus-photo img{padding:12px}
 .bonus-body{padding:17px 14px 20px}
 .bonus-body h3{font-size:26px;line-height:1.1;margin-bottom:12px;text-wrap:balance}
 .bonus-body p{font-size:15px;line-height:1.55;text-align:center}
}
@media(max-width:370px){
 .bonus-grid{gap:10px}
 .bonus-body{padding:15px 11px 18px}
 .bonus-body h3{font-size:24px}
}

/* Every material occupies the full gallery width, without thumbnail rows. */
.materials-mosaic{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:900px;margin:0 auto}
.material-preview{display:block;width:100%;min-width:0;padding:0;aspect-ratio:1160/900;background:var(--paper);border-radius:22px;overflow:hidden;cursor:zoom-in;box-shadow:0 3px 14px #2524200a}
.material-preview img{width:100%;height:100%;object-fit:contain}
@media(max-width:620px){.materials-mosaic{gap:16px}}

/* Caption-first demonstration: the text is the proof, the post is context. */
.captions-section{background:var(--paper);padding-block:84px}
.captions-preview{max-width:620px;margin:0 auto}
.captions-heading{max-width:590px;margin:0 auto 30px;text-align:center}
.captions-heading h2{font-size:clamp(38px,4.4vw,52px);font-weight:400;line-height:1.08;margin:0 0 15px}
.captions-heading h2 em{color:var(--accent)}
.captions-heading p{font-family:var(--sans);font-size:17px;font-weight:400;line-height:1.65;letter-spacing:0;color:var(--copy);margin:0;text-wrap:pretty}
.captions-heading strong{font-weight:600}
.instagram-preview{padding:28px;background:var(--white);border:1px solid #ded7ce;border-radius:24px;box-shadow:0 8px 26px #241d1907;color:var(--ink);font-family:var(--sans)}
.instagram-preview-context{display:flex;gap:18px;align-items:center;padding-bottom:22px;border-bottom:1px solid #eae4db}
.instagram-preview-media{width:96px;aspect-ratio:912/1136;flex:none;overflow:hidden;border-radius:5px;box-shadow:0 3px 9px #241d1914}
.instagram-preview-media>img{display:block;width:100%;height:100%;object-fit:contain}
.instagram-preview-details{min-width:0}
.instagram-preview-header{display:flex;align-items:center;gap:8px}
.instagram-preview-avatar{display:block;flex:none;width:30px;height:30px;border-radius:50%;overflow:hidden;background:var(--paper)}
.instagram-preview-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.instagram-preview-user{font-family:var(--sans);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--copy-subtle)}
.instagram-preview-post-title{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:0;margin:10px 0 3px}
.instagram-preview-description{font-size:13px;font-weight:400;line-height:1.45;color:var(--copy-subtle);margin:0}
.instagram-preview-caption{text-align:left;font-family:var(--sans)}
.caption-preview-label{display:inline-block;color:var(--accent);font-size:13px;font-weight:600;line-height:1.45;background:var(--paper);padding:6px 10px;border-radius:7px;margin:22px 0 12px}
.instagram-preview-caption p{font-size:16px;font-weight:400;line-height:1.65;letter-spacing:0;margin:0;color:#39342f;text-align:left}
.instagram-preview-caption .caption-excerpt-end{font-size:14px;line-height:1;margin:13px 0;color:var(--copy-subtle)}
.instagram-preview-caption .caption-save-prompt{font-weight:600;margin-bottom:5px}
.instagram-preview-caption .caption-hashtags{font-size:13px;line-height:1.55;color:var(--accent);overflow-wrap:anywhere}
.instagram-preview-actions{display:flex;align-items:center;gap:13px;padding-top:15px;margin-top:19px;border-top:1px solid #eae4db;color:var(--copy)}
.instagram-preview-actions svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.instagram-preview-actions .instagram-preview-save{margin-left:auto}
.captions-note{font-size:11px;line-height:1.5;letter-spacing:0;text-align:center;color:var(--copy-subtle);margin:12px 0 0}
@media(max-width:620px){
 .captions-section{padding-block:54px}
 .captions-preview{max-width:420px}
 .captions-heading{max-width:330px;margin-bottom:25px}
 .captions-heading h2{font-size:38px;margin-bottom:14px}
 .captions-heading p{font-size:16px;line-height:1.625}
 .instagram-preview{padding:20px;border-radius:21px}
 .instagram-preview-context{gap:14px;padding-bottom:19px}
 .instagram-preview-media{width:82px}
 .instagram-preview-header{gap:7px}
 .instagram-preview-avatar{width:27px;height:27px}
 .instagram-preview-user{font-size:11px}
 .instagram-preview-post-title{font-size:17px}
 .instagram-preview-description{font-size:12px}
 .caption-preview-label{margin-top:20px}
 .instagram-preview-caption p{font-size:15.5px}
 .instagram-preview-caption .caption-excerpt-end{font-size:14px}
 .instagram-preview-caption .caption-hashtags{font-size:13px}
}
@media(max-width:350px){
 .instagram-preview{padding:17px}
 .instagram-preview-context{gap:11px}
 .instagram-preview-media{width:70px}
 .instagram-preview-post-title{font-size:16px}
}

/* Preserve the supplied portrait grid and align both comparison layers. */
.comparison-stage .feed-grid{aspect-ratio:1456/1816;grid-template-rows:repeat(3,minmax(0,1fr))}
.comparison-stage .feed-grid>div{aspect-ratio:auto;min-height:0}
.comparison-stage .feed-grid-image{display:block}
.comparison-stage .feed-grid-image img{display:block;width:100%;height:100%;object-fit:contain}

/* A slightly smaller phone keeps the full comparison comfortable on mobile. */
@media(max-width:620px){
 .comparison-section{padding-top:56px}
 .comparison-section .section-heading{margin-bottom:28px}
 .comparison-shell{width:94%;max-width:310px}
 .comparison-labels{padding-bottom:12px}
 .comparison-stage .device-top{padding:1px 10px 7px}
 .comparison-stage .profile-handle{padding:5px 8px}
 .comparison-stage .profile-handle>span{font-size:17px}
 .comparison-stage .profile-stats{padding:6px 7px}
 .comparison-stage .avatar{width:44px;height:44px}
 .comparison-stage .profile-bio{gap:3px;padding:4px 8px 8px}
 .comparison-stage .profile-actions{padding:0 8px 7px}
 .comparison-stage .feed-tabs{padding:0 0 4px}
 .comparison-stage .profile-bottom{font-size:19px;line-height:1;padding:7px 5px 4px}
 .comparison-handle{width:48px;height:48px}
}

/* Text-only steps: numbered rows with a clear reading column. */
.how-section .section-heading{max-width:760px;margin-bottom:52px}
.how-section .steps-eyebrow{font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0 0 22px;text-align:center}
.how-section .section-heading h2{font-size:clamp(42px,4.5vw,60px);line-height:1.12;margin-bottom:24px;text-wrap:balance}
.how-section .section-heading h2 em{color:var(--accent)}
.how-section .section-heading>p:last-child{max-width:48ch}
.steps-list{list-style:none;display:grid;gap:38px;max-width:640px;padding:0;margin:0 auto}
.how-step{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:22px;align-items:start}
.step-number{font-family:var(--serif);font-size:48px;font-weight:400;line-height:1.05;letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}
.how-section .step-copy h3{font-family:var(--sans);font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.01em;text-align:left;margin:0 0 8px}
.how-section .step-copy p{font-family:var(--sans);font-size:18px;font-weight:400;line-height:1.75;letter-spacing:0;color:var(--copy);margin:0;text-align:left;max-width:52ch}
@media(max-width:620px){
 .how-section{padding-block:64px}
 .how-section .section-heading{margin-bottom:42px}
 .how-section .steps-eyebrow{font-size:10px;margin-bottom:20px}
 .how-section .section-heading h2{font-size:43px;line-height:1.1;margin-bottom:22px}
 .steps-list{gap:34px}
 .how-step{grid-template-columns:40px minmax(0,1fr);column-gap:16px}
 .step-number{font-size:42px}
 .how-section .step-copy h3{font-size:18px;line-height:1.4;margin-bottom:8px}
 .how-section .step-copy p{font-size:17px;line-height:1.7}
}
@media(max-width:370px){
 .how-section .section-heading h2{font-size:39px}
 .how-step{grid-template-columns:36px minmax(0,1fr);column-gap:13px}
 .step-number{font-size:39px}
}

/* Hero: the positioning message leads; practical benefits sit below the CTA. */
.hero-description p{margin:0}
.hero-description p+p{margin-top:18px}
.hero-description strong{font-weight:600;color:var(--ink)}
.hero-benefits{max-width:520px;margin:16px 0 0;font-family:var(--sans);font-size:14px;font-weight:400;line-height:1.65;letter-spacing:0;color:var(--copy-subtle);text-wrap:balance}
.hero-benefits span{white-space:nowrap}
.hero-art-composition{width:100%;max-width:560px;aspect-ratio:1/1.16;margin-inline:auto;background:transparent;border-radius:0;isolation:isolate;overflow:visible}
.hero-feed-sheet{position:absolute;z-index:1;top:2%;left:2%;width:70%;padding:6px;background:var(--white);border-radius:15px;box-shadow:0 18px 46px #3c2b2524;transform:rotate(3deg)}
.hero-feed-sheet img{display:block;width:100%;height:auto;border-radius:10px}
.hero-art-composition .hero-phone{position:absolute;z-index:2;right:-4%;bottom:0;width:62%;max-width:none;height:auto;object-fit:contain}
@media(max-width:620px){
 .hero-art-composition{border-radius:0;max-width:430px}
 .hero-feed-sheet{padding:4px;border-radius:12px;box-shadow:0 12px 30px #3c2b2520}
 .hero-feed-sheet img{border-radius:8px}
 .hero-description{display:contents;text-align:center}
 .hero-description>p{width:100%;max-width:520px;text-align:center}
 .hero-description>p:first-child{order:2;margin:0 0 29px}
 .hero-description>p+p{order:4;margin:0 0 28px}
 .hero .button{order:5}
 .hero-benefits{order:6;width:100%;max-width:100%;margin:14px 0 0;text-align:center}
}

/* Offer: scannable inclusions and the approved promotional price. */
.offer-list{gap:17px}
.offer-list li{align-items:flex-start;gap:12px}
.offer-list li>div{min-width:0}
.offer-list strong{font-weight:600;color:var(--section-espresso)}
.offer-list li>.offer-check{display:grid;place-items:center;width:25px;height:25px;margin-top:2px;border-radius:50%;background:#f2ece5;color:var(--accent);font-size:16px;font-weight:600;line-height:1}
.price-block{margin:35px 0 0;padding-top:30px;border-top:1px solid #e8e0d7;color:var(--section-espresso)}
.price-block:not([hidden]){display:flex;align-items:center;gap:0}
.price-block [hidden]{display:none!important}
.price-original{display:flex;justify-content:center;align-items:center;gap:27px;width:100%;margin-bottom:23px}
.price-original span{font-size:14px;font-weight:500;color:var(--copy-subtle)}
.price-original del{font-family:var(--serif);font-size:32px;line-height:1.1;color:var(--copy-subtle);text-decoration-color:var(--accent);text-decoration-thickness:1.5px}
.price-label{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin:0 0 5px}
.price-amount{display:flex;justify-content:center;align-items:baseline;gap:8px;line-height:1}
.price-block .price-currency{font-family:var(--serif);font-size:40px;line-height:1;color:var(--section-espresso)}
.price-block #price-value{font-size:112px;line-height:1.03;letter-spacing:-.045em}
.price-payment{font-size:14px;line-height:1.6;color:var(--copy-subtle);margin:13px 0 20px}
.price-saving{background:#f2ece5;color:var(--accent);border-radius:999px;padding:10px 20px;font-size:13px;font-weight:600;line-height:1.5;margin:0}
.price-promotion{width:100%;margin-top:23px;padding:19px 16px;border:1px solid #d8c7b5;border-radius:18px;background:var(--paper)}
.price-block .price-promotion strong{display:block;font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.5;color:var(--accent)}
.price-promotion p{font-size:15px;line-height:1.5;margin:6px 0 0;color:var(--copy)}
.offer-detail .checkout-button{margin-top:24px}
@media(min-width:901px){.offer-main{position:sticky;top:32px}}
@media(max-width:620px){
 .offer-list{gap:16px}
 .offer-list li{font-size:16px;line-height:1.65;gap:10px}
 .offer-list li>.offer-check{width:23px;height:23px;font-size:15px;margin-top:2px}
 .price-block{margin-top:30px;padding-top:28px}
 .price-original{gap:24px;margin-bottom:24px}
 .price-block #price-value{font-size:108px}
 .price-block .price-currency{font-size:36px}
 .price-promotion{padding:17px 12px;border-radius:16px}
 .price-block .price-promotion strong{font-size:16px}
}

/* Discreet typographic wordmark using the site's primary font. */
.wordmark{display:inline-flex;align-items:baseline;gap:.18em;font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.1;letter-spacing:-.015em;white-space:nowrap;color:var(--section-espresso);vertical-align:baseline;flex-shrink:0}
.wordmark em{font-family:inherit;font-size:inherit;font-weight:400;font-style:italic;line-height:inherit;letter-spacing:-.01em;color:var(--muted)}
.wordmark-light,.wordmark-light em{color:var(--white)}
.header-inner{height:78px}
.brand{display:flex;align-items:center;justify-content:center;width:auto;height:42px}
.header-wordmark{font-size:30px}
.footer-wordmark{font-size:30px}
.offer-main .offer-title{font-size:inherit;line-height:1;margin-bottom:22px}
.offer-wordmark{font-size:52px}
.button-brand{gap:8px;flex-direction:row;flex-wrap:nowrap;min-width:0}
.button-brand .cta-copy{white-space:nowrap}
.button-brand .cta-wordmark{font-size:26px}
.offer-detail .checkout-button{gap:8px;min-height:62px}
.closing .button-brand{background:var(--action);color:var(--white);border:1px solid var(--accent-light)}
.closing .button-brand:hover{background:var(--action-hover)}
@media(max-width:620px){
 .header-inner{height:64px}
 .brand{height:36px}
 .header-wordmark{font-size:26px}
 .footer-wordmark{font-size:27px}
 .offer-main .offer-title{margin-bottom:20px}
 .offer-wordmark{font-size:38px}
 .button-brand,.hero .button-brand,.offer-detail .checkout-button{flex-direction:row;flex-wrap:nowrap;gap:7px;padding:14px 14px;min-height:54px;line-height:1.45}
 .button-brand .cta-copy{font-size:14px}
 .button-brand .cta-wordmark{font-size:19px}
}

/* Section-by-section reading scale. Serif headings and wordmarks stay untouched. */
:root{--reading-size:17px;--reading-line:1.65;--copy:#514d47;--copy-subtle:#625d55;--copy-inverse:#e4ddd3}
.hero-description,.section-heading>p:not(.steps-eyebrow),.intro-lead,.intro-context,
.intro-benefits p,.offer-main>p,.founder-copy .prose,
.faq-answer,.closing p,.how-section .step-copy p{
 font-family:var(--sans);font-size:var(--reading-size);font-weight:400;
 line-height:var(--reading-line);letter-spacing:0;word-spacing:normal;
 color:var(--copy);text-wrap:pretty;
}
.section-heading>p:not(.steps-eyebrow){max-width:56ch;margin-inline:auto;text-align:center}
.intro-lead{max-width:60ch;text-align:center}
.intro-context,.founder-copy .prose{max-width:58ch}
.intro-context,.founder-copy .prose,.faq-answer,.how-section .step-copy p{text-align:left}
.founder-copy .prose p:not(:last-child){margin-bottom:1em}
.problem-messages,.comparison-story ol,.packs-list,.offer-list li{
 font-family:var(--sans);font-size:var(--reading-size);font-weight:400;
 line-height:var(--reading-line);letter-spacing:0;word-spacing:normal;
 color:var(--copy);text-align:left;text-wrap:pretty;
}
.problem-messages{max-width:68ch;gap:18px}
.intro-benefits{gap:18px}
.intro-benefits p{text-align:left}
.offer-list{gap:16px}
.packs-list{row-gap:13px}
.packs-details summary,.faq-list summary{
 font-size:17px;font-weight:600;line-height:1.5;letter-spacing:0;word-spacing:normal;text-align:left;color:var(--ink);
}
.faq-answer{max-width:62ch;padding-right:18px}
.faq-list details[open] summary{font-weight:600}
.hero-description strong,.problem-messages strong,.intro-lead strong,.intro-context strong,
.intro-benefits strong,.founder-copy .prose strong,.faq-answer strong{font-weight:600;color:var(--ink)}
.intro-name{font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0;text-align:center}
.intro-name strong{font-weight:600;color:var(--ink)}
.intro-bridge{font-size:16px;line-height:1.5;letter-spacing:0}
.problem-takeaway{font-size:26px;line-height:1.45;letter-spacing:0;max-width:48ch}
.problem-takeaway p+p{margin-top:22px}
.comparison-takeaway{font-size:24px;line-height:1.5;letter-spacing:0;max-width:48ch}
.comparison-section .section-heading>p,.included .section-heading>p,
.comparison-story ol,.closing p{color:var(--copy-inverse)}
.comparison-story-after ol,.comparison-story strong,.closing p strong{color:var(--white)}
.comparison-story strong,.closing p strong{font-weight:600}
.comparison-labels{font-size:14px;letter-spacing:.02em}
.bonus-body p{font-size:16px;line-height:1.6;letter-spacing:0;word-spacing:normal}
.testimonial-stats dt{font-size:14px;line-height:1.5;letter-spacing:0;color:var(--copy-subtle)}
.hero-benefits{font-size:13px;line-height:1.6;letter-spacing:0;word-spacing:normal}
.checkout-note,.offer-access,.commercial-terms{font-size:14px;line-height:1.6;letter-spacing:0;word-spacing:normal;color:var(--copy-subtle)}
.how-section .steps-eyebrow{letter-spacing:.08em}
.price-label{letter-spacing:.08em}
.footer-inner nav,.footer-inner>p{font-size:14px;line-height:1.6;letter-spacing:0}
.lightbox-top p,.toast{font-family:var(--sans);font-size:16px;line-height:1.5;letter-spacing:0}
@media(max-width:800px){
 :root{--reading-size:16px;--reading-line:1.625}
 .packs-details summary,.faq-list summary{font-size:16px}
}
@media(max-width:620px){
 .hero-description>p,.intro-lead,.section-heading>p:not(.steps-eyebrow),
 .offer-main>p,.bonus-body p,.closing p{text-align:center}
 .hero-description>p:first-child{margin-bottom:24px}
 .hero-description>p+p{margin-bottom:24px}
 .hero-description strong{font-weight:600}
 .problem-messages{gap:18px}
 .intro-details{gap:26px}
 .intro-benefits{gap:17px}
 .intro-benefits li{gap:10px}
 .intro-name{font-size:15px}
 .intro-bridge{font-size:15px;margin-top:32px;gap:12px}
 .problem-takeaway,.comparison-takeaway{font-size:20px;line-height:1.5}
 .problem-takeaway{margin-top:38px}
 .problem-takeaway p+p{margin-top:20px}
 .comparison-story li{padding-bottom:12px}
 .comparison-labels{font-size:13px}
 .bonus-body p{font-size:14px;line-height:1.55}
 .testimonial-stats dt{font-size:13px;line-height:1.5}
 .offer-list{gap:15px}
 .offer-list li{font-size:16px;line-height:1.6}
 .how-section .step-copy p{font-size:16px;line-height:1.625}
 .how-section .steps-eyebrow{font-size:11px}
 .steps-list{gap:30px}
 .faq-list summary{padding-block:20px}
 .faq-answer{padding:0 8px 22px 0}
 .checkout-note,.offer-access{margin-top:16px}
}

/* Owner-provided assurance artwork, immediately after the purchase button. */
.offer-trust-badges{display:block;width:100%;max-width:440px;height:auto;margin:18px auto 0}
@media(max-width:620px){.offer-trust-badges{margin-top:14px}}

/* Keep the new guide cover and phone fully visible at every card ratio. */
.bonus-card:last-child .bonus-photo img{object-fit:contain}
.bonus-body p strong{font-weight:600}

/* Native image loading keeps the four introductory posts off the critical path. */
.intro-post img{display:block;width:100%;height:100%;object-fit:cover}