/* Built by npm run gen from company-memory-sales-b.css and the sheets it imports (v15, v14). Edit those, not this file. */
:root{--accent:#ff4f00;--accent-dark:#ff7a33;--ink:#191b28;--paper:#fff;--soft:#faf8f3;--line:#dedbd4;--font-display:'Plus Jakarta Sans',sans-serif;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:30px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:400 20px/1.65 Inter,sans-serif}a{color:#a33300;text-underline-offset:4px}img{display:block;max-width:100%;height:auto}button{font:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;line-height:1.2}h1{font-size:44px;margin:20px auto;max-width:1120px}h2{font-size:34px;margin:0 0 32px;text-align:center}h3{font-size:23px;margin:0 0 15px}em{font-style:normal;color:#ac3600}p{margin:0 0 23px}strong{font-weight:700}ul,ol{padding-left:25px;margin:24px 0}li{padding-left:5px;margin-bottom:17px}li::marker{color:#b43a00}b{font-weight:700}.wide{max-width:1120px;margin:auto}.topbar{background:#10111b;color:#eae8e0;display:flex;justify-content:space-between;padding:14px max(24px,calc((100vw - 1120px)/2));font-size:11px;letter-spacing:.09em;font-weight:700}.hero{background:#191a2c;color:#fff;padding:35px 24px 65px}.hero em{color:var(--accent-dark)}.hero-label{font-size:13px;line-height:1.5;text-align:center;background:#8f2c00;border-radius:3px;width:fit-content;padding:9px 16px;margin:0 auto;font-weight:700;letter-spacing:.035em}.hero h1{text-align:center}.hero-sub{text-align:center;max-width:980px;margin:0 auto 32px;font-size:19px;line-height:1.6;color:#e4e2e7}.hero-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(290px,1fr);gap:30px;align-items:start}.hero-grid h2{font-size:29px;margin:29px 0 20px}.hero-grid p{font-size:18px;line-height:1.65}.product-stage{background:#eeece6;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 25px 20px;box-shadow:0 12px 30px #05051244;color:var(--ink);border:1px solid #ffffff20}.stage-label{background:var(--accent-dark);width:calc(100% + 50px);padding:9px 18px;font-size:11px;line-height:1.5;letter-spacing:.035em;font-weight:800}.product-stage img{width:270px;box-shadow:12px 15px 0 #d4d0c7,18px 20px 24px #0003;transform:rotate(-3deg);margin:8px 0 10px}.stage-caption{font-size:10px;letter-spacing:.12em;font-weight:700;padding-top:8px}.offer-card{background:#fff;color:var(--ink);border:3px solid var(--accent-dark);border-radius:5px;padding:22px;box-shadow:0 8px 30px #0001;text-align:center}.offer-card .card-top{font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.07em;padding-bottom:15px;border-bottom:1px solid var(--line)}.offer-card img{width:180px;margin:22px auto}.offer-card h3{font-size:23px;line-height:1.35}.offer-card p{font-size:15px}.price{font-size:22px!important;line-height:1.1}.price strong{font-size:58px;letter-spacing:-.07em;color:#17643d}.cta-wrap{text-align:center;margin:26px auto 12px}.cta{background:var(--accent);border:1px solid #df4500;border-bottom:4px solid #9c3300;border-radius:5px;color:#171719;display:inline-block;padding:18px 25px 16px;text-decoration:none;font-family:Inter,sans-serif;font-weight:800;font-size:18px;line-height:1.25;text-align:center;cursor:pointer;max-width:100%;box-shadow:0 4px 0 #00000008}.cta small{display:block;font-weight:500;font-size:12px;margin-top:7px}.cta:hover{background:#ff7a33}.cta:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1674b5;outline-offset:5px}.offer-card .cta{font-size:15px;padding:17px 12px;width:100%}.offer-card .cta small{font-size:11px}.micro{font-size:12px!important;line-height:1.6!important;margin:12px 0;color:#66646b}.hero .micro{color:#66646b}.guarantee-mini{font-weight:800;border-top:1px solid var(--line);padding-top:20px;margin-bottom:0}.guarantee-mini span{font-size:12px;line-height:1.5;display:block;font-weight:400;margin-top:6px}.opening{display:grid;grid-template-columns:2.05fr 1fr;gap:30px;padding:70px 0 0}.opening h2{text-align:left}.section{padding:65px 24px}.section .content{max-width:760px;margin:auto}.section.wide{max-width:none;background:var(--soft)}.section.wide .content{max-width:1050px}.in-letter{padding:0 0 58px;background:transparent!important;max-width:none!important}.in-letter h2{font-size:33px;line-height:1.3}.in-letter+.in-letter{padding-top:20px}.early-tools{border:1px solid var(--line);background:var(--soft);padding:28px;height:fit-content}.early-tools h2{font-size:25px;text-align:center}.early-tools p{font-size:15px}.small-tool{margin:22px 0;padding:20px 0 0 40px;border-top:1px solid var(--line);position:relative}.small-tool>span{position:absolute;left:0;top:21px;font-weight:800;font-size:18px;color:#b23a00}.small-tool h3{font-size:18px;letter-spacing:-.02em}.small-tool p{font-size:14px;line-height:1.6}.early-tools .cta{font-size:14px;padding:16px 10px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0}.compare>div{background:#f8f4f2;padding:24px 20px}.compare>div+div{background:#eef4ed}.compare h3{font-size:21px}.compare li{font-size:17px;line-height:1.5}.compare ul{margin-bottom:0}.compare>div+div li::marker{color:#286644}.demo{border:1px solid #dedbd3;background:white;padding:32px;text-align:left;box-shadow:0 8px 25px #15151506;margin-bottom:35px}.eyebrow{font-size:11px!important;font-weight:800;letter-spacing:.12em;color:#944008;margin:0 0 15px}.demo h3{font-size:28px}.demo-step{display:grid;grid-template-columns:100px 1fr;border-top:1px solid var(--line);padding:20px 0 0;gap:15px}.demo-step>b{font-size:13px;color:#a73800;padding-top:3px}.demo-step p{font-size:18px}.guarantee-strip{background:#222432;color:white;text-align:center;padding:20px;font-size:13px;letter-spacing:.08em;font-weight:700}.letter-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(280px,1fr);gap:45px;padding-top:70px}.letter-sidebar{font-size:15px;line-height:1.6}.letter-sidebar>div{padding:26px;background:var(--soft);border:1px solid var(--line);margin-bottom:35px}.letter-sidebar .offer-card{padding:16px;box-shadow:none;margin-top:35px}.letter-sidebar h3{font-size:22px}.letter-sidebar .offer-card img{width:140px}.letter-sidebar .price strong{font-size:48px}.letter-sidebar .cta{font-size:13px}.side-source{margin-top:150px}.author-line{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:25px 0}.author-line img{width:65px;height:65px;object-fit:cover;border-radius:50%}.author-line p{font-size:15px;line-height:1.6;margin:0}.evidence{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;background:#1c2130;color:#fff;padding:30px 22px;margin:30px 0}.evidence strong{font-size:42px;line-height:1.2;display:block;color:var(--accent-dark)}.evidence span{font-size:12px;line-height:1.5;display:block;margin-top:12px}.source-card{border-left:4px solid var(--accent);padding:28px;background:var(--soft);margin:20px 0}.source-name{font-weight:800;font-size:23px}.source-card blockquote{font:700 27px/1.5 var(--font-display);letter-spacing:-.025em;margin:20px 0}.source{font-size:12px;line-height:1.7;color:#605b55}.source a{color:inherit}.loop{counter-reset:step;list-style:none;padding:0}.loop li{counter-increment:step;position:relative;border-bottom:1px solid var(--line);padding:15px 0 20px 48px;margin:0}.loop li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:15px;font-size:16px;font-weight:800;color:#a63a08}.author-photo{max-width:380px;margin:40px auto}.author-photo img{width:100%;height:420px;object-fit:cover;object-position:50% 25%}.author-photo p{font-size:12px;text-align:center;margin-top:10px}.challenge{background:var(--soft);padding:24px;margin:30px 0}.challenge p{border-bottom:1px solid var(--line);padding-bottom:20px;font-size:20px}.challenge b{display:block;color:#a63700;font-size:14px;margin-bottom:8px}.challenge p:last-child{border:0;margin:0;padding:0}.three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.three-steps article{border-top:3px solid var(--accent);padding:22px 0}.three-steps span{font-size:32px;font-weight:800;color:#a33300}.three-steps h3{font-size:21px;margin-top:14px}.three-steps p{font-size:17px;line-height:1.6}.discoveries{list-style:none;padding:0}.discoveries li{position:relative;padding:26px 0 26px 39px;margin:0;border-bottom:1px solid var(--line)}.discoveries li:before{content:'✓';position:absolute;left:0;top:25px;font-weight:800;color:#266b46;font-size:23px}.discoveries strong{font-size:22px;line-height:1.5;display:block}.discoveries p{margin:10px 0 6px;font-size:18px}.discoveries small{font-size:10px;letter-spacing:.11em;color:#716a61;font-weight:700}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 20px}.tool{display:grid;grid-template-columns:130px 1fr;gap:20px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:15px}.tool h3{font-size:19px}.tool p{font-size:15px;line-height:1.65}.tool .eyebrow{font-size:9px!important}.tool-cover{min-height:190px;background:#242735;color:#fff;box-shadow:4px 5px 0 #ccc6bb;display:flex;flex-direction:column;padding:15px;align-self:start}.tool-cover span{font-size:8px;line-height:1.4;letter-spacing:.06em}.tool-cover b{font-size:34px;line-height:1.3;margin-top:16px;color:var(--accent-dark)}.tool-cover strong{font-size:15px;line-height:1.3;margin:8px 0 20px}.tool-cover small{margin-top:auto;font-size:6px;line-height:1.6;letter-spacing:.08em}.in-letter .tools-grid{grid-template-columns:1fr}.in-letter .tool{grid-template-columns:145px 1fr}.center{text-align:center;font-size:15px}.guarantee{display:flex;flex-direction:column;text-align:center;color:#a53800;margin:20px 0 35px;font-weight:800;font-size:12px;letter-spacing:.1em}.guarantee-number{font-size:115px;line-height:1.15;letter-spacing:-.08em}.order-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;background:white;padding:40px;border:2px solid var(--accent);align-items:center}.order-layout>img{width:100%;max-width:300px;margin:auto;box-shadow:12px 13px 0 #ded9cf}.order-layout h3{font-size:32px}.order-layout ul{font-size:16px;line-height:1.5}.order-layout li{margin-bottom:10px}.checkout-status{font-size:15px;background:#f0f4f8;border:1px solid #c6d2df;padding:20px;margin-top:20px}.checkout-status p{margin:10px 0}.recap{display:grid;grid-template-columns:1fr 1fr;gap:45px;font-size:18px}details{border-bottom:1px solid var(--line);padding:22px 0;max-width:800px;margin:auto}summary{font-size:19px;line-height:1.5;font-weight:700;cursor:pointer;padding-right:20px}details p{font-size:17px;margin:20px 0 0}footer{background:#191b27;color:#c6c4c9;padding:45px 24px 95px;font-size:12px;text-align:center}footer p{max-width:800px;margin:0 auto 20px}footer a{color:#d6d3d1}.buybar{position:fixed;z-index:10;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:12px 24px;display:flex;gap:20px;align-items:center;justify-content:center;box-shadow:0 -5px 25px #0001;font-size:14px}.buybar .cta{padding:12px 20px;font-size:13px}[hidden]{display:none!important}.skip{position:absolute;z-index:20;top:-80px;left:15px;background:white;padding:10px}.skip:focus{top:10px}@media(max-width:1180px){.opening,.letter-layout{margin-left:24px;margin-right:24px}}@media(max-width:900px){h1{font-size:37px}.hero-grid{grid-template-columns:1.65fr 1fr;gap:22px}.offer-card{padding:18px}.hero-grid .offer-card h3{font-size:20px}.opening,.letter-layout{grid-template-columns:1fr}.early-tools{display:grid;grid-template-columns:1fr 1fr;gap:15px}.early-tools>h2,.early-tools>p,.early-tools>.cta-wrap{grid-column:1/-1}.early-tools>.small-tool{margin:0}.letter-layout{max-width:730px;margin-left:auto;margin-right:auto;padding:60px 24px 0}.letter-sidebar{display:none}.opening{padding-top:50px}.section.in-letter{padding-bottom:45px}.in-letter .tools-grid{grid-template-columns:1fr 1fr}.in-letter .tool{grid-template-columns:110px 1fr}.in-letter h2{font-size:34px}.order-layout{gap:40px;padding:28px}.three-steps h3{font-size:19px}.tool{grid-template-columns:100px 1fr;gap:15px}.tool-cover{padding:12px}.tool-cover strong{font-size:13px}.tool-cover small{font-size:6px}}@media(max-width:620px){body{font-size:19px;line-height:1.65}.topbar{padding:13px 17px;font-size:9px;gap:18px;line-height:1.5}.topbar span:last-child{text-align:right}h1{font-size:31px;line-height:1.23;margin:22px 0;letter-spacing:-.035em}h2,.in-letter h2{font-size:28px;line-height:1.25}h3{font-size:22px}.hero{padding:28px 18px 42px}.hero-label{font-size:10px;line-height:1.5;padding:8px 10px}.hero-sub{font-size:17px}.hero-grid{grid-template-columns:1fr;gap:25px}.product-stage img{width:215px}.product-stage{padding:0 18px 19px;gap:15px}.stage-label{width:calc(100% + 36px);font-size:9px}.stage-caption{font-size:8px}.hero-grid h2{font-size:26px}.hero-grid p{font-size:18px}.offer-card{padding:24px}.hero .offer-card img{width:145px}.hero .offer-card p{font-size:15px}.offer-card .cta{font-size:17px}.opening{margin:0;padding:42px 18px 0;gap:0}.early-tools{display:block;padding:24px;margin-bottom:35px}.early-tools>.small-tool{padding-top:20px;margin-top:20px}.compare{gap:12px}.compare>div{padding:19px 13px}.compare h3{font-size:18px}.compare li{font-size:15px}.compare ul{padding-left:17px}.section{padding:45px 18px}.section.in-letter{padding:10px 0 37px}.opening h2{text-align:center}.letter-layout{padding:45px 18px 0}.cta{font-size:17px;padding:18px 18px}.cta small{font-size:11px}.demo{padding:22px 18px}.demo h3{font-size:25px}.demo-step{display:block}.demo-step b{display:block;margin-bottom:8px}.demo-step p{font-size:17px}.evidence{padding:24px 16px;gap:12px;grid-template-columns:1fr 1fr}.evidence>div:last-child{grid-column:1/-1;border-top:1px solid #444653;padding-top:15px;margin-top:5px;display:flex;gap:15px;align-items:center}.evidence strong{font-size:37px}.evidence span{font-size:11px}.evidence>div:last-child span{margin:0;max-width:210px}.source-card{padding:22px 19px}.source-name{font-size:20px}.source-card blockquote{font-size:24px}.source-card .source{font-size:12px}.author-photo img{height:360px}.three-steps{grid-template-columns:1fr;gap:0}.three-steps article{display:block}.three-steps p{font-size:18px}.three-steps h3{font-size:24px}.discoveries strong{font-size:21px}.discoveries p{font-size:18px}.discoveries li{padding-left:30px}.tools-grid,.in-letter .tools-grid{grid-template-columns:1fr}.tool,.in-letter .tool{grid-template-columns:115px 1fr}.tool h3{font-size:20px}.tool p{font-size:15px}.tool-cover{min-height:190px}.order-layout{grid-template-columns:1fr;padding:28px 20px;gap:40px}.order-layout>img{max-width:205px}.order-layout h3{font-size:28px}.order-layout .cta{width:100%}.recap{grid-template-columns:1fr;gap:25px}.buybar{justify-content:space-between;padding:10px 12px;gap:10px}.buybar>span{font-size:11px}.buybar>span b{display:block}.buybar .cta{padding:12px 15px;font-size:12px}.guarantee-strip{font-size:10px;line-height:1.5}.guarantee-number{font-size:95px}summary{font-size:18px}.early-tools .cta{font-size:16px}.early-tools .small-tool p{font-size:15px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
/* V14 reference-fidelity pass: Automatic Clients Figma, 8 September. */
:root{--font-display:Barlow,Inter,sans-serif;--navy:#000d29;--gold:#ffba32}
h1,h2,h3{letter-spacing:0}h1{font-family:Barlow,Inter,sans-serif;font-weight:800}h2,.in-letter h2{font-family:Inter,sans-serif;font-weight:500}h3{font-weight:700}.hero{background:linear-gradient(130deg,#07143d,#1c2d67 55%,#302c4c);padding-top:32px}.hero h1{font-size:44px;text-transform:uppercase;line-height:1.2}.hero em{color:var(--gold)}.hero-label{background:#0a1643}.hero-grid{align-items:start}.hero .offer-card{position:sticky;top:18px}.product-stage.vsl-mock{display:block;background:#f4f0e9;padding:0;border:0;box-shadow:0 4px 18px #0004}.product-stage.vsl-mock img{width:100%;margin:0;box-shadow:none;transform:none}.offer-card{border-color:#ffbe4b}.offer-card img{width:100%;max-width:none;aspect-ratio:1.5;object-fit:contain;margin:14px auto}.offer-card h3{font-size:24px}.offer-card .card-top{font-weight:600}.cta{font-family:Barlow,Inter,sans-serif;font-size:21px;font-weight:600;letter-spacing:.025em;background:repeating-linear-gradient(135deg,#ff9850 0,#ff9850 22px,#ff9148 22px,#ff9148 44px);border-color:#ffad5b;border-bottom-color:#f3753a;color:#091534;border-radius:4px;box-shadow:none}.cta small{font-size:12px;text-transform:uppercase;letter-spacing:.055em}.cta span{display:inline-block;margin-left:5px}.cta:hover{background:#ffb15b}.offer-card .cta{font-size:18px}.letter-sidebar{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 100px);overflow:auto;scrollbar-width:thin}.letter-sidebar .offer-card{margin:0;padding:22px}.letter-sidebar .offer-card img{width:100%;aspect-ratio:1.5}.letter-sidebar .offer-card h3{font-size:22px}.letter-sidebar .offer-card .price{margin:12px 0}.letter-sidebar .offer-card .price strong{font-size:44px}.letter-sidebar .offer-card>p:not(.price):not(.card-top):not(.guarantee-mini){font-size:14px;line-height:1.5;margin-bottom:12px}.letter-sidebar .offer-card .cta-wrap{margin-top:16px}.letter-sidebar .offer-card .cta{font-size:16px}.letter-sidebar .guarantee-mini{font-size:12px;padding-top:12px}.early-tools{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 100px);overflow:auto;scrollbar-width:thin}.figma-showcase,.figma-bonuses.section.wide,.figma-bonuses{background:linear-gradient(145deg,#000b23,#031b40);color:white;padding:70px 24px}.figma-showcase h2{font-size:55px;font-weight:400;line-height:1.15;margin:25px 0 20px}.figma-showcase em,.figma-bonuses em{color:var(--gold);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}.special-offer{background:#a00803;max-width:650px;text-align:center;padding:13px 20px;margin:0 auto 20px;font-size:18px}.showcase-intro{text-align:center;max-width:840px;margin:20px auto 40px;font-size:18px;line-height:1.45}.book-stats{display:flex;justify-content:center;gap:55px;text-align:center;margin:40px 0 50px}.book-stats strong{font-size:22px;font-weight:400}.book-stats p{font-size:12px;line-height:1.6;color:#c5c9d4;margin:14px 0}.benefit-layout{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:40px;align-items:start}.benefits-left,.benefits-right{display:flex;flex-direction:column;justify-content:space-between;min-height:740px;padding-top:25px}.benefits-left{text-align:right;padding-top:70px;padding-bottom:45px}.benefit-layout article{position:relative}.benefit-layout article:after{content:'';position:absolute;width:30px;border-top:2px dotted #65739466;right:-36px;top:24px}.benefits-right article:after{right:auto;left:-36px}.benefit-layout h3{font-family:Inter,sans-serif;font-size:23px;font-weight:400;line-height:1.25;margin-bottom:22px}.benefit-layout p{font-size:12px;line-height:1.55;color:#bdc3d1;margin:0}.benefit-mock>img{height:740px;width:100%;object-fit:cover;object-position:59% center}.benefit-mock .cta-wrap{margin-top:25px}.benefit-mock .cta{width:100%;font-size:21px;font-weight:400}.figma-showcase .micro,.figma-bonuses .micro{color:#bdc3d1}.figma-bonuses h2{font-size:36px;line-height:1.45;font-weight:400;max-width:970px;margin:0 auto 65px}.figma-bonuses .tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.figma-bonuses .tool{display:grid;grid-template-columns:115px minmax(0,1fr);gap:32px;margin:0;padding:32px 30px;min-height:265px;border-bottom:1px solid #ffffff20}.figma-bonuses .tool:nth-child(odd){border-right:1px solid #ffffff20}.figma-bonuses .tool h3{font-family:Barlow,sans-serif;font-size:20px;font-weight:700;color:var(--gold);text-transform:uppercase;padding-right:88px;line-height:1.25;margin:0 0 15px}.figma-bonuses .tool p{font-size:15px;line-height:1.6;color:#c8d1e2}.item-copy{position:relative}.bonus-ribbon{position:absolute;top:0;right:-10px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10% 50%);padding:5px 12px 5px 18px;background:linear-gradient(110deg,#ff7847,#ffa15a);font-size:9px;line-height:1.5;color:#121626;letter-spacing:.02em}.item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:24px;font-size:12px;line-height:1.5}.item-meta b{font-weight:700}.free-tag{background:#5fc986;color:#071c17;font-size:11px;font-weight:700;padding:6px}.tool-cover{background:linear-gradient(145deg,#102950,#2b4580 60%,#6b4c62);box-shadow:4px 5px 0 #0004;min-height:176px;padding:13px;border-left:4px solid #5977a2}.tool-cover b{color:var(--gold)}.tool-cover strong{font-family:Barlow,sans-serif;text-transform:uppercase;color:white;font-size:15px}.tool-cover small{font-size:6px}.item-book{height:176px;overflow:hidden;box-shadow:4px 5px 0 #0004}.item-book img{height:176px;width:115px;object-fit:cover;object-position:59% center}.authority-person{display:flex;align-items:center;gap:25px;padding-bottom:22px;border-bottom:1px solid #d7d3c9}.authority-person img{width:130px;height:145px;object-fit:cover;flex-shrink:0;border-radius:3px}.authority-person .source-name{font-size:25px;font-weight:700;line-height:1.25;margin-bottom:10px}.authority-person p{font-size:14px;line-height:1.5;margin:0}.claude-wordmark{display:inline-block;font-family:Georgia,serif;font-size:30px;margin-top:12px;color:#aa583e}.source-card{border-left:0;border-top:4px solid #ffa545;background:#f6f3ec}.source-card blockquote{font-family:Inter,sans-serif;font-weight:500}.story-proof{margin:30px 0}.story-proof img{width:100%;height:auto;object-fit:contain;border-radius:3px}.story-proof figcaption{font-size:12px;line-height:1.6;color:#665f57;padding:12px 5px;text-align:center}.win-story{margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}.win-story h3{font-family:Inter,sans-serif;font-size:29px;font-weight:600;line-height:1.35}.order-layout>img{max-width:none;width:100%;box-shadow:none}.order-layout{grid-template-columns:1.1fr 1fr;gap:40px}.hero .offer-card img{width:100%}
@media(max-width:1100px){.benefit-layout{gap:25px}.benefit-layout h3{font-size:20px}.benefit-layout article:after{width:18px;right:-22px}.benefits-right article:after{left:-22px}.figma-bonuses .tool{gap:22px;padding:25px 20px}.figma-bonuses .tool h3{padding-right:0;padding-top:32px}.bonus-ribbon{left:0;right:auto}.figma-showcase h2{font-size:46px}}
@media(max-width:900px){.letter-sidebar{display:none}.early-tools{position:static;max-height:none;overflow:visible}.hero .offer-card{position:static}.figma-bonuses .tool{grid-template-columns:95px 1fr;gap:18px}.item-book img{width:95px}.benefit-layout{grid-template-columns:1fr 1.8fr 1fr;gap:20px}.benefit-mock>img{height:640px}.benefits-left,.benefits-right{min-height:640px}.benefit-layout h3{font-size:18px}.benefit-layout p{font-size:11px}.book-stats{gap:30px}.figma-bonuses h2{font-size:31px}.item-meta{flex-wrap:wrap}.hero h1{font-size:36px}}
@media(max-width:620px){.hero h1{font-size:30px}.figma-showcase,.figma-bonuses.section.wide,.figma-bonuses{padding:45px 18px}.figma-showcase h2{font-size:31px;line-height:1.2}.special-offer{font-size:14px;padding:12px 15px}.showcase-intro{font-size:16px;line-height:1.55}.book-stats{gap:15px;margin:30px 0}.book-stats>div{flex:1}.book-stats strong{font-size:17px}.book-stats p{font-size:10px}.benefit-layout{display:flex;flex-direction:column;gap:30px}.benefit-mock{order:0;width:100%}.benefit-mock>img{height:auto;object-fit:contain}.benefits-left{order:1}.benefits-right{order:2}.benefits-left,.benefits-right{min-height:0;display:grid;grid-template-columns:1fr 1fr;padding:0;gap:28px 22px;text-align:left}.benefit-layout h3{font-size:19px;margin-bottom:12px}.benefit-layout p{font-size:13px}.benefit-layout article:after{display:none}.figma-bonuses h2{font-size:28px;margin-bottom:30px;line-height:1.4}.figma-bonuses .tools-grid{grid-template-columns:1fr}.figma-bonuses .tool{grid-template-columns:95px 1fr;padding:27px 0;gap:20px;border-right:0!important;min-height:220px}.figma-bonuses .tool h3{font-size:20px}.figma-bonuses .tool p{font-size:14px}.tool-cover{min-height:176px;padding:10px}.tool-cover strong{font-size:13px}.item-meta{font-size:11px;margin-top:15px}.bonus-ribbon{font-size:9px}.authority-person{gap:18px}.authority-person img{width:95px;height:115px}.authority-person .source-name{font-size:22px}.authority-person p{font-size:12px}.win-story h3{font-size:25px}.order-layout{grid-template-columns:1fr}.order-layout>img{max-width:none}.hero .offer-card img{width:100%;max-width:none}.cta{font-size:19px}.early-tools .cta{font-size:18px}.hero-grid h2{font-size:25px}.product-stage.vsl-mock{margin-top:10px}}

/* Updated supplied brain cover: preserve the full artwork. */
.offer-card img,.hero .offer-card img{width:100%;height:210px;object-fit:contain}
.benefit-mock>img{object-fit:contain;object-position:center}
.item-book img{object-fit:contain;object-position:center}
/* Reference comparison and contextual right columns. */
.opening{background:#030d25;color:#d0d4df;max-width:none;padding:55px max(24px,calc((100vw - 1120px)/2)) 65px;grid-template-columns:minmax(0,2.05fr) minmax(290px,1fr)}
.opening h2{color:white;text-align:center}.opening em{color:#ffc044}.opening strong{color:white}
.path-comparison{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:45px 0 20px;align-items:stretch}.work-path{display:flex;flex-direction:column;text-align:center;--path-color:#ff9d6e}.new-path{--path-color:#83c45c}.work-path h3,.work-path li,.path-result{background:var(--path-color);color:#111b22;border-radius:5px;padding:16px 12px;font-size:15px;line-height:1.35;margin:0;position:relative}.work-path h3{font-weight:700;min-height:100px}.work-path h3 small{display:block;text-decoration:underline;font-weight:400;margin-bottom:8px}.work-path ol{list-style:none;padding:0;margin:26px 0;display:flex;flex-direction:column;gap:24px;flex:1;position:relative}.work-path ol:before{content:'';position:absolute;top:-26px;bottom:-26px;left:50%;width:3px;background:var(--path-color)}.work-path li{font-size:14px;font-weight:600;margin:0;padding:14px 10px}.work-path li:after{content:'↓';position:absolute;bottom:-23px;left:calc(50% - 7px);color:var(--path-color);font-size:22px}.new-path ol{padding-bottom:120px}.path-result{font-weight:700;min-height:100px;display:flex;align-items:center;justify-content:center}.comparison-caption{font-size:14px;text-align:center;color:#c4cada}
.reference-bonus-sidebar{background:white;color:#17243b;border:3px solid #ff9b60;border-radius:5px;padding:20px;position:sticky;top:18px;max-height:calc(100vh - 100px);overflow:auto}.reference-bonus-sidebar h2,.sidebar-banner,.discovery-sidebar h2{background:#2872e5;color:white!important;text-align:center;padding:15px 10px;font:700 17px/1.4 Barlow,Inter,sans-serif;margin:0 0 22px;letter-spacing:0}.bundle-visual{width:100%;height:auto;margin:0 auto 24px}.sidebar-products .tool{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;border:0;border-bottom:1px solid #dde1e7;padding:22px 0;margin:0}.sidebar-products .item-book,.sidebar-products .item-book img{width:82px;height:123px}.sidebar-products .tool-cover{min-height:125px;padding:7px;box-shadow:none}.sidebar-products .tool-cover strong{font-size:10px;color:white}.sidebar-products .tool-cover b{font-size:28px}.sidebar-products .tool-cover span{font-size:6px}.sidebar-products .tool-cover small{font-size:5px}.sidebar-products .item-copy h3{font:700 16px/1.3 Barlow,sans-serif;margin:0 0 10px;text-transform:uppercase}.sidebar-products .item-copy p{font-size:12px;line-height:1.45;margin-bottom:14px}.sidebar-products .bonus-ribbon{position:static;display:inline-block;font-size:8px;margin-bottom:10px}.sidebar-products .item-meta{font-size:10px;flex-wrap:wrap;margin-top:12px}.sidebar-products strong{color:#17243b}.reference-bonus-sidebar .micro{color:#666}
.start-reading{display:table;background:#050505;color:white;padding:9px 20px;font:700 20px/1.4 Barlow,sans-serif;margin:0 0 28px}.discovery-sidebar{background:#f5f7fa;padding:20px}.discovery-sidebar ul{list-style:none;margin:0;padding:0}.discovery-sidebar li{border-bottom:1px solid #dce0e5;padding:22px 0;margin:0}.discovery-sidebar li p{font-size:17px;line-height:1.55;margin-bottom:20px}.discovery-sidebar li strong{font-weight:500}.discovery-sidebar li span{background:#68b68c;color:white;border-radius:2px;padding:0 2px}.discovery-sidebar mark{background:#ffe1a0;color:#20222b}.discovery-sidebar li small{color:#b82716;font-size:14px;font-style:italic}.letter-sidebar:has(.discovery-sidebar){background:#f5f7fa}
@media(max-width:900px){.reference-bonus-sidebar{position:static;max-height:none;overflow:visible}.letter-sidebar:has(.discovery-sidebar){display:block;position:static;max-height:none;overflow:visible}.letter-layout{grid-template-columns:1fr}.discovery-sidebar ul{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.discovery-sidebar{margin-bottom:35px}}
@media(max-width:600px){.opening{display:block;padding:40px 20px}.path-comparison{gap:12px}.work-path h3{font-size:15px;min-height:120px}.work-path li{font-size:12px;padding:12px 8px}.path-result{font-size:13px;min-height:125px}.new-path ol{padding-bottom:100px}.discovery-sidebar ul{display:block}.reference-bonus-sidebar{margin-top:30px}.sidebar-products .tool{grid-template-columns:95px 1fr}.sidebar-products .item-book,.sidebar-products .item-book img{width:95px;height:143px}}
.hero h1{max-width:1080px}
.hero h1 em{display:block;margin-top:10px;font-size:.72em;line-height:1.25;color:#ffd08a}
h2,.in-letter h2,.figma-showcase h2,.figma-bonuses h2,.early-tools h2,.discovery-sidebar h2{font-weight:700}
.early-tools,.letter-sidebar{position:static;max-height:none;overflow:visible}
.proof-wall{background:#f4f0e9;padding:70px 24px}
.proof-wall h2{margin-bottom:12px}
.proof-wall .lede{text-align:center;max-width:720px;margin:0 auto 36px;font-size:18px;color:#514c46}
.receipts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 22px}
.receipts div{background:#fff;border:1px solid var(--line);padding:22px 18px;border-radius:4px}
.receipts strong{display:block;font-family:var(--font-display);font-size:34px;line-height:1.1;letter-spacing:-.03em;color:#a33300}
.receipts span{display:block;font-size:14px;line-height:1.5;margin-top:8px}
.wall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wall-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.wall-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}
.wall-grid figcaption{font-size:13px;line-height:1.5;padding:12px 14px;color:#514c46}
.wall-grid figure.tall img{aspect-ratio:3/4;object-position:50% 20%}
.wall-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.wall-quotes blockquote{margin:0;background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);padding:20px;font-size:16px;line-height:1.55}
.wall-quotes cite{display:block;font-style:normal;font-size:12px;font-weight:700;margin-top:12px;color:#605b55}
.wall-note{text-align:center;font-size:12px;color:#7a746c;margin:18px 0 0}
.receipt-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0 auto 26px;max-width:980px;font-size:12px;letter-spacing:.06em;font-weight:700;color:#d9d6e0;text-transform:uppercase}
.receipt-strip span:before{content:'✓ ';color:var(--accent-dark)}
@media(max-width:900px){.receipts{grid-template-columns:1fr 1fr}.wall-grid,.wall-quotes{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.receipts{grid-template-columns:1fr 1fr;gap:10px}.receipts strong{font-size:28px}.wall-grid{grid-template-columns:1fr 1fr;gap:10px}.wall-grid figcaption{font-size:11px;padding:8px 10px}.wall-quotes{grid-template-columns:1fr}.proof-wall{padding:45px 18px}.receipt-strip{font-size:10px;gap:6px 14px}}
.hero-label{max-width:760px;line-height:1.55}
.hero-sub{max-width:900px;font-size:19px}
.arrow-list{list-style:none;padding:0;margin:26px 0;text-align:center}
.arrow-list li{padding:14px 0;margin:0;border-bottom:1px dashed var(--line);font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.3}
.arrow-list li:after{content:'↓';display:block;color:#b43a00;font-size:18px;margin-top:8px}
.arrow-list li:last-child:after{content:'';margin:0}
.arrow-list li:last-child{border:0}
.more-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}
.more-stack div{background:#fff5ef;border:1px solid #ffd3bd;padding:18px 20px;border-radius:4px}
.more-stack strong{display:block;font-family:var(--font-display);font-size:22px;color:#a33300;line-height:1.2;margin-bottom:6px}
.more-stack span{font-size:16px;line-height:1.5}
.more-stack div:last-child{grid-column:1/-1;background:#1c2130;border-color:#1c2130;color:#fff}
.more-stack div:last-child strong{color:var(--accent-dark)}
.shifts{margin:26px 0;padding:0;list-style:none}
.shifts li{position:relative;padding:22px 0 22px 44px;margin:0;border-bottom:1px solid var(--line);font-size:19px;line-height:1.55}
.shifts li:before{content:'→';position:absolute;left:0;top:20px;font-weight:800;font-size:24px;color:#b43a00}
.shifts strong{font-weight:700}
.two-means{display:grid;gap:26px;margin:26px 0}
.two-means article{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:26px;background:var(--soft);border:1px solid var(--line)}
.two-means article>span{font-family:var(--font-display);font-size:54px;font-weight:800;color:#a33300;line-height:1}
.two-means h3{font-size:24px;margin-bottom:12px}
.two-means p{font-size:18px;margin-bottom:12px}
.two-means p:last-child{margin:0}
.three-steps article>small{display:block;font-size:11px;letter-spacing:.12em;font-weight:800;color:#944008;margin-top:6px}
.three-steps article>em{display:block;font-size:13px;color:#605b55;margin-top:14px}
.choose{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin:28px 0}
.choose article{padding:26px 22px;border:2px solid var(--line);border-radius:6px;background:#fff}
.choose article:nth-child(2){border-color:var(--accent)}
.choose h3{font-size:22px;margin-bottom:10px}
.choose p{font-size:17px;line-height:1.55;margin:0}
.choose .kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#944008;margin-bottom:12px}
.value-tag{display:inline-block;background:#fff;color:#0b1a3a;font-weight:800;font-size:11px;padding:5px 8px;border-radius:3px;margin-left:8px}
.figma-bonuses .value-tag{background:#ffffff18;color:#ffd08a}
.total-box{max-width:620px;margin:40px auto 0;background:#fff;color:var(--ink);border:3px solid var(--accent);border-radius:6px;padding:28px;text-align:center}
.total-box .rows{text-align:left;font-size:16px;margin:18px 0;border-top:1px solid var(--line)}
.total-box .rows div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.total-box .rows div span:last-child{font-weight:700;white-space:nowrap}
.total-box .total{display:flex;justify-content:space-between;font-family:var(--font-display);font-weight:800;font-size:22px;margin-top:14px}
.total-box .total s{color:#8a847c;font-weight:600}
.total-box .today{font-family:var(--font-display);font-weight:800;font-size:20px;margin-top:4px}
.total-box .today strong{font-size:56px;color:#17643d;letter-spacing:-.06em;display:block;line-height:1.05}
.question-strip{background:#1c2130;color:#fff;padding:26px 28px;margin:28px 0;border-radius:4px}
.question-strip p{margin:0 0 10px;font-size:18px}
.question-strip p:last-child{margin:0}
.question-strip b{color:var(--accent-dark)}
.win-story h3{font-size:27px}
@media(max-width:900px){.hero h1{font-size:36px}.choose{grid-template-columns:1fr}}
@media(max-width:620px){.hero h1{font-size:29px;line-height:1.22}.hero h1 em{font-size:.8em}.arrow-list li{font-size:19px}.more-stack{grid-template-columns:1fr}.two-means article{grid-template-columns:1fr;gap:8px;padding:20px}.two-means article>span{font-size:40px}.shifts li{font-size:17px;padding-left:34px}.total-box{padding:20px}.total-box .today strong{font-size:48px}}
.demo-lead{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.3;text-align:center;max-width:720px;margin:0 auto 26px}
.chat-demo{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;margin:0 0 32px;align-items:start}
.chat-title{font-family:var(--font-display);font-weight:700;font-size:20px;margin:0 0 12px}
.chat-title small{display:block;font-size:11px;letter-spacing:.12em;font-weight:800;color:#944008;margin-bottom:4px}
.phone{background:#e9e4dc;border:1px solid #d6d0c5;border-radius:18px;padding:16px 14px;display:flex;flex-direction:column;gap:10px}
.bubble{max-width:88%;padding:11px 14px;border-radius:14px;font-size:15px;line-height:1.5;background:#fff;box-shadow:0 1px 0 #0000000d}
.bubble b{display:block;font-size:11px;color:#7a746c;margin-bottom:4px;font-weight:700}
.bubble.me{align-self:flex-end;background:#dff3c9}
.bubble.sys{align-self:center;background:transparent;box-shadow:none;font-size:11px;letter-spacing:.04em;color:#7a746c;padding:2px 0;text-transform:uppercase}
.chat-result{font-size:15px;line-height:1.5;color:#514c46;margin:12px 4px 0}
.brain{background:#141a2b;color:#fff;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid #2a3350}
.brain-q{background:#fff;color:var(--ink);border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.5;font-weight:600}
.brain-q span,.brain-a span{display:block;font-size:10px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;margin-bottom:6px;color:#944008}
.brain-a{background:#1e2640;border-radius:8px;padding:12px 14px}
.brain-a span{color:var(--accent-dark)}
.brain-a p{font-size:15px;line-height:1.55;margin:0;color:#eef0f6}
.brain-a.draft p{color:#cfd5e6;font-style:italic}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chips i{font-style:normal;font-size:11px;background:#0d1222;border:1px solid #3a4468;border-radius:99px;padding:4px 9px;color:#c9d0e6}
.brain-sent{align-self:flex-end;font-size:11px;letter-spacing:.06em;font-weight:800;color:#5fc986;text-transform:uppercase}
.chat-col.clone .chat-title small{color:#1f6b45}
@media(max-width:620px){.chat-demo{grid-template-columns:1fr;gap:26px}.demo-lead{font-size:20px}.bubble{max-width:94%}}

/* V15 offer refresh: one cover system across every placement. */
.bonus-cover{container-type:inline-size;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;aspect-ratio:3/4;min-width:0;padding:14% 8%;background:#fffaf5;border:4px solid #25262b;border-radius:7px;box-shadow:3px 4px 0 #25262b22;overflow:hidden;text-align:center}
.bonus-cover:before,.bonus-cover:after{content:'';position:absolute;z-index:-1;width:130%;height:85%;border:1px solid #f1d2bc;opacity:.22;transform:rotate(35deg);left:-62%;top:12%}
.bonus-cover:after{transform:rotate(-35deg);left:35%;top:36%}
.bonus-cover .cover-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48%;aspect-ratio:1;background:#ff7a33;border-radius:22%;box-shadow:0 3px 8px #a3330015}
.bonus-cover .cover-symbol img{width:65%;height:65%;margin:0;max-width:none;aspect-ratio:1;object-fit:contain}
.bonus-cover>strong{font-family:Inter,sans-serif;font-size:16px;font-size:13cqw;font-weight:800;line-height:1.14;letter-spacing:-.045em;color:#191b28!important;margin:0;overflow-wrap:normal}
.offer-bundle{display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:18px;align-items:center;width:100%;max-width:520px;padding:24px 12px 32px;margin:0 auto 28px;background:radial-gradient(ellipse at 50% 75%,#ffebda,transparent 68%)}
.bundle-tools{display:flex;flex-direction:column;gap:12px;min-width:0}
.bundle-tools:first-child{transform:rotate(-5deg)}
.bundle-tools:last-child{transform:rotate(5deg)}
.bundle-tools .bonus-cover{width:100%;aspect-ratio:1.14;padding:8%;gap:7px;border-width:3px;border-radius:5px;box-shadow:2px 3px 0 #25262b19}
.bundle-tools .bonus-cover .cover-symbol{width:30%}
.bundle-tools .bonus-cover>strong{font-size:12cqw}
.offer-bundle .bundle-book{width:100%;height:auto!important;aspect-ratio:2/3;object-fit:contain;margin:0;filter:drop-shadow(7px 12px 6px #241c1426);border-radius:1px;transform:rotate(-2deg)}
.hero .offer-card{border:2px solid #ff7a33;border-radius:10px;padding:0 20px 20px;overflow:hidden;position:static}
.offer-card .card-top{margin:0 -20px 12px;padding:11px 16px;background:#ff7a33;color:#171719;font-size:12px;line-height:1.3;font-weight:800;border:0;letter-spacing:.045em}
.offer-card .offer-bundle{gap:10px;max-width:278px;padding:6px 2px 12px;margin-bottom:6px}
.offer-card h3{font:800 21px/1.2 Inter,sans-serif;margin:0 0 10px}
.offer-card .price{display:flex;align-items:baseline;justify-content:center;gap:7px;line-height:1!important;margin:0 0 12px}
.offer-card .price strong{font-size:48px;line-height:1}
.offer-card .hero-offer-copy{font-size:14px;line-height:1.5;margin-bottom:14px;color:#505361}
.offer-card .cta-wrap{margin:0 0 12px}
.offer-card .cta{font-size:18px;padding:14px 10px}
.offer-card .micro{font-size:11px!important;margin:8px 0}
.offer-guarantee{background:#fff2d8;border:1px solid #f1dfba;border-radius:6px;padding:14px 12px;text-align:left}
.offer-guarantee>b{font-size:13px;display:block;margin-bottom:5px;color:#25262b}
.offer-guarantee p{font-size:12px!important;line-height:1.5!important;margin:0}
.offer-card .offer-delivery{font-size:11px!important;margin:10px 0 0;color:#505361}
.figma-bonuses,.figma-bonuses.section.wide{background:#faf8f5;color:var(--ink)}
.figma-bonuses h2{font:700 34px/1.25 Inter,sans-serif;margin:0 auto 24px}
.figma-bonuses h2 em{color:#ac3600;text-decoration:none}
.figma-bonuses .offer-bundle{max-width:470px;margin-bottom:36px}
.figma-bonuses .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.figma-bonuses .tool,.sidebar-products .tool{grid-template-columns:100px minmax(0,1fr);gap:10px 18px;align-items:start;padding:22px;margin:0;min-height:0;background:white;color:#191b28;border:1px solid #e9e5df;border-radius:8px;box-shadow:0 3px 10px #191b2806}
.figma-bonuses .tool:nth-child(odd){border-right:1px solid #e9e5df}
.tool .bonus-cover{grid-column:1;grid-row:1;align-self:start}
.item-copy{min-width:0}
.product-label{font:700 10px/1.3 Inter,sans-serif;letter-spacing:.07em;color:#a33300;display:block;margin-bottom:5px}
.figma-bonuses .tool h3,.sidebar-products .item-copy h3{font:700 17px/1.25 Inter,sans-serif;color:#191b28;text-transform:none;padding:0;margin:0 0 7px;letter-spacing:-.025em}
.figma-bonuses .tool p,.sidebar-products .item-copy p{font:400 13px/1.5 Inter,sans-serif;color:#555b6b;margin:0}
.tool .item-book{height:auto;aspect-ratio:2/3;overflow:visible;box-shadow:2px 3px 0 #25262b20}
.tool .item-book img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.tool .item-meta{grid-column:1/-1;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:6px;align-items:center;margin:3px 0 0;padding-top:9px;border-top:1px solid #f0ece7;font:700 9px/1.4 Inter,sans-serif;color:#505361}
.item-pricing{display:flex;align-items:center;gap:5px;white-space:nowrap}
.item-pricing s{font-weight:500}
.tool .free-tag{background:#e2f6e9;color:#17643d;padding:4px 7px;border-radius:3px;font:800 10px/1.3 Inter,sans-serif}
.figma-bonuses .micro{color:#555b6b}
.reference-bonus-sidebar{border:1px solid #e5d9ce;border-radius:8px;padding:16px;background:#fff;display:block}
.reference-bonus-sidebar h2,.reference-bonus-sidebar .sidebar-banner{background:#fff0e3;color:#963500!important;border:0;border-radius:3px;padding:9px 8px;font:800 14px/1.2 Inter,sans-serif;margin:0 0 10px}
.reference-bonus-sidebar .offer-bundle{padding:10px 6px 18px;gap:10px;margin:0 auto 10px}
.reference-bonus-sidebar .sidebar-banner{font-size:12px;padding:8px;margin-bottom:0}
.sidebar-products .tool{grid-template-columns:72px minmax(0,1fr);gap:8px 12px;border:0;border-bottom:1px solid #e6e5e3;border-radius:0;box-shadow:none;padding:16px 0}
.sidebar-products .item-copy h3{font-size:13px;line-height:1.25;margin-bottom:5px}
.sidebar-products .item-copy p{font-size:11px;line-height:1.45}
.sidebar-products .product-label{font-size:8px;margin-bottom:3px}
.sidebar-products .bonus-cover{border-width:3px;border-radius:5px;gap:8px}
.sidebar-products .item-book,.sidebar-products .item-book img{width:72px;height:auto}
.sidebar-products .item-meta{font-size:8px;padding-top:3px;border:0}
.sidebar-products .free-tag{font-size:9px}
.reference-bonus-sidebar .cta-wrap{margin:18px 0 0}
.reference-bonus-sidebar .cta{font-size:15px}
.order-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border:1px solid #ff7a33;padding:40px;gap:40px}
.order-layout .offer-bundle{padding:20px 8px;margin:0;gap:16px}
.order-layout h3{font-size:30px}
.order-layout ul{font-size:15px}
.order-layout li{padding-left:2px;margin-bottom:9px}
.order-layout li b{color:#963500}
.path-comparison{gap:22px;margin-top:40px}
.work-path{position:relative;--path-color:#fce5df;padding-top:18px}
.new-path{--path-color:#e3f3e6}
.path-label{position:absolute;z-index:1;top:0;align-self:center;background:white;color:#191b28;border:1px solid #dedbd4;border-radius:5px;padding:7px 15px;font:800 11px/1.2 Inter,sans-serif;box-shadow:0 2px 6px #0000000d;white-space:nowrap}
.work-path h3{font:800 19px/1.3 Inter,sans-serif;padding:27px 10px 15px;min-height:108px;color:#842f22}
.new-path h3{color:#1f633c}
.work-path h3 small{font:500 12px/1.4 Inter,sans-serif;text-decoration:none;margin:6px 0 0;color:inherit}
.work-path ol{gap:20px;margin:22px 0}
.work-path li{font-size:13px;padding:13px 10px;color:#652f25}
.new-path ol{padding-bottom:0;gap:34px}
.new-path li{color:#204d31;font-size:15px;padding:17px 12px}
.new-path li>span,.path-result>span{display:block;font:800 9px/1.3 Inter,sans-serif;letter-spacing:.1em;margin-bottom:7px}
.work-path ol:before{background:#dbae9e;width:2px}
.new-path ol:before{background:#85ae8e}
.work-path li:after{display:none}
.path-result{font-size:17px;line-height:1.35;min-height:105px;padding:20px 12px;display:flex;flex-direction:column;background:#842f22;color:white}
.new-path .path-result{background:#1f633c;color:white;font-size:21px}
.path-footnote{font-size:11px;line-height:1.4;margin:10px 0 0;color:#316944}
.opening .path-footnote{color:#b5d7bb}
.work-path.old-path{padding-bottom:25px}
@media(max-width:1000px){.figma-bonuses .tool{grid-template-columns:85px minmax(0,1fr);gap:10px 14px;padding:18px}.opening{gap:24px}.reference-bonus-sidebar{padding:12px}.sidebar-products .tool{grid-template-columns:65px minmax(0,1fr);gap:8px 10px}.sidebar-products .item-book,.sidebar-products .item-book img{width:65px}.hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}}
@media(max-width:760px){.hero-grid,.opening{grid-template-columns:1fr}.reference-bonus-sidebar{max-width:540px;width:100%;margin:0 auto 30px}.sidebar-products .tool{grid-template-columns:85px minmax(0,1fr)}.sidebar-products .item-book,.sidebar-products .item-book img{width:85px}.sidebar-products .item-copy h3{font-size:16px}.sidebar-products .item-copy p{font-size:13px}.sidebar-products .product-label{font-size:9px}.sidebar-products .item-meta{font-size:9px}.offer-card{max-width:460px;width:100%;margin:auto}.order-layout{grid-template-columns:1fr;gap:26px;padding:28px}.order-layout .offer-bundle{max-width:400px;margin:auto}.reference-bonus-sidebar .offer-bundle{max-width:340px}.figma-bonuses .tools-grid{grid-template-columns:1fr}.figma-bonuses .tool{grid-template-columns:95px minmax(0,1fr);padding:20px;gap:10px 18px}.figma-bonuses .tool h3{font-size:18px}.figma-bonuses h2{font-size:28px}.new-path .path-result{font-size:18px}}
@media(max-width:400px){.figma-bonuses .tool{grid-template-columns:76px minmax(0,1fr);padding:16px;gap:10px 12px}.figma-bonuses .tool h3{font-size:16px}.tool .item-meta{font-size:8px}.path-comparison{gap:12px}.work-path h3{font-size:16px}.new-path li{font-size:13px}.new-path .path-result{font-size:16px}.path-label{font-size:10px}.order-layout{padding:22px 16px}.offer-bundle{gap:10px}.bundle-tools .bonus-cover{border-width:2px}.bonus-cover{border-width:3px}}

/* Compact the book overview and strengthen the primary reading hierarchy. */
h2,.in-letter h2,.figma-showcase h2,.figma-bonuses h2{font-weight:800}
.cta,.offer-card .cta,.benefit-mock .cta{font-weight:800}
.cta small{font-weight:500}
.figma-showcase{padding-top:46px;padding-bottom:46px}
.figma-showcase h2{max-width:980px;margin:18px auto 16px;font-size:44px;line-height:1.15}
.showcase-intro{margin:0 auto 24px}
.book-stats{gap:40px;margin:22px 0 28px}
.book-stats strong{font-weight:700;font-size:20px}
.book-stats p{margin:7px 0 0}
.benefit-layout{grid-template-columns:1fr 1.6fr 1fr;gap:30px;align-items:center;max-width:1000px;margin:auto}
.benefit-mock>img{height:auto;max-height:560px;width:100%;object-fit:contain}
.benefits-left,.benefits-right{min-height:0;padding:0;gap:28px;justify-content:center}
.benefit-layout h3{font-weight:700;font-size:21px;line-height:1.2;margin-bottom:9px}
.benefit-layout p{font-size:13px;line-height:1.5}
.benefit-mock .cta-wrap{margin-top:18px}
.benefit-mock .cta{font-size:19px;padding:14px 12px}
@media(max-width:900px){.figma-showcase h2{font-size:36px}.benefit-layout{gap:22px}.benefit-layout h3{font-size:18px}.benefit-layout p{font-size:12px}.benefits-left,.benefits-right{gap:22px}}
@media(max-width:620px){.figma-showcase{padding:34px 18px}.figma-showcase h2{font-size:29px;margin:16px auto}.showcase-intro{margin-bottom:18px}.book-stats{gap:14px;margin:18px 0 24px}.book-stats strong{font-size:16px}.book-stats p{font-size:10px}.benefit-layout{gap:24px}.benefit-mock>img{max-height:440px}.benefits-left,.benefits-right{gap:20px 18px}.benefit-layout h3{font-size:18px}.benefit-layout p{font-size:13px}.offer-card .offer-bundle{max-width:270px}.hero .offer-card{padding-bottom:16px}}
.book-stats strong{display:block;line-height:1.2}
@media(max-width:620px){.benefit-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.benefit-mock{grid-column:1/-1;order:-1}.benefits-left,.benefits-right{display:contents}.benefits-right article:last-child{grid-column:1/-1}.benefit-mock .cta{font-size:17px;letter-spacing:0}.book-stats strong{min-height:38px}}

/* two questions + ladder */
.two-q{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0 26px}
.two-q article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:6px;padding:26px 24px}
.two-q .kicker,.ladder .step{display:block;font-size:11px;letter-spacing:.12em;font-weight:800;color:#944008;margin-bottom:10px}
.two-q h3{font-size:30px;margin:0 0 12px}
.two-q p{font-size:17px;line-height:1.55;margin:0 0 12px}
.two-q .q-tag{font-weight:700;border-top:1px solid var(--line);padding-top:12px;margin:0;font-size:15px}
.ladder{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:stretch;margin:28px 0}
.ladder article{background:#fff;border:2px solid var(--line);border-radius:8px;padding:24px 20px;display:flex;flex-direction:column}
.ladder article.now{border-color:var(--accent);background:#fff5ef}
.ladder h3{font-size:26px;margin:0 0 10px}
.ladder p{font-size:16px;line-height:1.55;margin:0 0 10px}
.ladder .tag{margin-top:auto;font-weight:700;font-size:14px;border-top:1px solid var(--line);padding-top:10px}
.ladder .arrow{align-self:center;font-size:28px;color:#b43a00;font-weight:800}
@media(max-width:620px){.two-q{grid-template-columns:1fr}.ladder{grid-template-columns:1fr}.ladder .arrow{transform:rotate(90deg);justify-self:center}.two-q h3{font-size:26px}}

/* hero: plain headline, normal-size sub */
.hero h1{max-width:1080px}
.hero-sub{font-size:20px;line-height:1.5;max-width:820px;font-weight:600;color:#ffd08a}
/* two wrong playbooks side by side, one better way full width */
.path-comparison.single{grid-template-columns:1fr;max-width:620px;margin-left:auto;margin-right:auto}
.wrong-two .work-path.old-path h3 small{color:#8a2e12}
@media(max-width:620px){.hero-sub{font-size:17px}}

/* hero colours: gold pre-headline, white sub, gold phrase in the headline */
.hero-label{background:#ffbe4b;color:#1a1204}
.hero h1 em{display:inline;font-size:inherit;color:#ffbe4b;margin:0}
.hero-sub{color:#f1eff5;font-weight:500}
/* Variant b: the v15 look (company-memory-sales-v15.css, copied from ai-lean-book) plus the v17 components v15 never had,
   restyled to v15: Inter body, Plus Jakarta headings, #a33300 accent text, white cards on cream, 4px radius. */
:root{--orange:#ff4f00;--deep-orange:#a33300}

/* Author line carries the date like v17's letter */
.author-line span[data-today]{color:#6b665f;font-size:14px}

/* Who-for list */
.who-list{list-style:none;padding:0;margin:0 0 26px}
.who-list li{padding:16px 0;border-bottom:1px solid var(--line);font-size:18px;line-height:1.55;color:#3f3b37}
.who-list li b{color:var(--ink);font-weight:700}

/* Dot bullets used in the bonus sections */
.checks.fascinations{list-style:none;padding:0;margin:0 0 26px}
.checks.fascinations li{position:relative;padding-left:32px;margin-bottom:18px;font-size:18px;line-height:1.55;color:#3f3b37}
.checks.fascinations li:before{content:'';position:absolute;left:4px;top:.5em;width:11px;height:11px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff4f001f}
.checks.fascinations strong{color:var(--ink)}

/* Two questions: v17 lists inside v15 cards */
.two-q ul{margin:0 0 14px;padding-left:20px}
.two-q li{margin-bottom:6px;line-height:1.5}

/* Objections as Q&A rows */
.qa{margin:6px 0 30px}
.qa-item{padding:20px 0;border-top:1px solid var(--line)}
.qa-item:last-child{border-bottom:1px solid var(--line)}
.qa-item .q{font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1.35;margin:0 0 8px;color:var(--ink)}
.qa-item p{margin:0;font-size:17px;line-height:1.6;color:#3f3b37}

/* Story photos */
.award-photo{margin:6px 0 30px}
.award-photo img,.wide-photo img{display:block;width:100%;height:auto;border-radius:4px}
.award-photo figcaption{font-size:14px;line-height:1.5;color:#514c46;margin-top:10px;text-align:center}
.award-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 30px}
.award-row figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.award-row img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.award-row figcaption{padding:10px 12px;font-size:13px;line-height:1.45;color:#514c46}
.award-row figcaption strong{display:block;font-family:var(--font-display);font-size:15px;color:var(--ink)}
.photo-stack{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:6px 0 34px;padding-top:14px}
.photo-stack .frame{margin:0;background:#fff;padding:10px;border:1px solid var(--line);box-shadow:0 14px 30px #1a1d2e26}
.photo-stack .frame img{display:block;width:100%;height:auto}
.photo-stack .back{transform:rotate(-2.5deg) translateX(4%);z-index:1}
.photo-stack .front{transform:rotate(2deg) translateX(-6%) translateY(6%);z-index:2}
.photo-stack .stack-caption{grid-column:1/-1;text-align:center;font-size:14px;color:#514c46;margin:30px 0 0}

/* Proof wall quotes with faces and the video */
.proof-wall .wall-grid{margin-top:0}
.proof-wall .wall-quotes blockquote{padding:0;display:flex;flex-direction:column}
.proof-wall .wall-quotes blockquote>p{margin:0;padding:14px 18px 20px;font-size:15px;line-height:1.6}
.t-head{display:flex;align-items:center;gap:12px;padding:18px 18px 0}
.t-head>img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}
.t-head strong{display:block;font-family:var(--font-display);font-size:15px;line-height:1.2;color:var(--ink)}
.t-head span{display:block;font-size:12px;line-height:1.4;color:#6b665f;margin-top:3px}
.t-head .t-logo{width:40px;height:40px;border-radius:6px;margin-left:auto;object-fit:cover;border:1px solid var(--line)}
.t-video{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:#000}
.t-video img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.t-video span{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:20px;padding-left:4px;box-shadow:0 6px 20px #0006}

/* Bonus sections in the letter */
.bonus-hero{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;margin:0 0 28px}
.bonus-hero-cover .bonus-cover{width:100%}
.bonus-pill{display:inline-block;background:var(--orange);color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;padding:5px 10px;border-radius:4px;margin-bottom:12px}
.bonus-hero-meta strong{display:block;font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1.15;color:var(--ink);margin-bottom:8px}
.bonus-value{display:block;font-size:15px;color:#3f3b37;margin-bottom:12px}
.bonus-value s{color:#8a847c}
.bonus-value b{color:#17643d}
.bonus-hero-meta p{font-size:17px;line-height:1.5;color:#3f3b37;margin:0}

/* Personal close */
.signature{margin:0 0 26px;font-weight:700}

/* Order: pack on the left, the step-1 opt-in on the right */
.b-order{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;text-align:left}
.b-pack .offer-bundle{margin:0 0 22px}
.b-pack h3{font-family:var(--font-display);font-size:26px;line-height:1.2;margin:6px 0 14px}
.b-pack ul{padding-left:18px;margin:0 0 14px}
.b-pack li{margin-bottom:8px;font-size:15px;line-height:1.45}
.b-pack li span{float:right;color:#8a847c;text-decoration:line-through;margin-left:10px}
.b-pack .order-total{font-size:15px;color:#514c46;margin:0 0 4px}
.b-pack .order-total s{color:#8a847c}
.b-pack .price{font-size:22px;margin:0}
.b-pack .price strong{font-size:48px;color:#17643d}
.sform{background:#fff;border:3px solid var(--accent-dark);border-radius:5px;overflow:hidden;box-shadow:0 8px 30px #0001;color:var(--ink)}
.sform-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f4f0e9}
.sform-tabs .tab{display:flex;gap:12px;align-items:center;padding:16px 16px;opacity:.5;border-bottom:3px solid transparent}
.sform-tabs .tab.on{opacity:1;background:#fff;border-bottom-color:var(--orange)}
.sform-tabs .tab b{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1;color:var(--deep-orange)}
.sform-tabs .tab strong{display:block;font-family:var(--font-display);font-size:16px;font-weight:800;line-height:1.1}
.sform-tabs .tab span{display:block;font-size:11px;letter-spacing:.05em;font-weight:600;color:#6b665f;margin-top:3px}
.sform-body{padding:20px 22px 22px}
.sform-lead{font-size:15px;line-height:1.5;text-align:center;color:#514c46;margin:0 0 14px}
.sform-bar{background:#fff3e6;color:var(--deep-orange);border:1px solid #f3c9a4;font-size:12px;font-weight:800;letter-spacing:.08em;text-align:center;padding:10px;border-radius:4px;margin:0 0 14px}
.sform-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sform input{width:100%;font:inherit;font-size:16px;padding:14px;border:1px solid #cfcac2;border-radius:4px;background:#fff;color:var(--ink);margin:0 0 10px}
.sform input::placeholder{color:#7d776f}
.sform input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #ff4f0040}
.sform-phone{display:grid;grid-template-columns:auto 1fr;gap:8px;margin:0 0 10px}
.sform-phone input{margin:0}
.sform-cc{position:relative;display:flex;align-items:center;gap:6px;padding:0 28px 0 12px;border:1px solid #cfcac2;border-radius:4px;background:#fff;color:var(--ink);font-size:16px;font-weight:600;white-space:nowrap;cursor:pointer}
.sform-cc:after{content:'';position:absolute;right:11px;top:50%;width:7px;height:7px;border-right:2px solid #7d776f;border-bottom:2px solid #7d776f;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.sform-cc select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.sform-cc:focus-within{box-shadow:0 0 0 3px #ff4f0040}
.sform-cta{display:flex!important;flex-direction:column;align-items:center;width:100%;margin:6px 0 0;line-height:1.15;cursor:pointer}
.sform-cta .cta-main{font-size:21px;font-weight:800}
.sform-cta .cta-sub{font-size:11px;font-weight:700;letter-spacing:.05em;margin-top:5px}
.sform-fine{font-size:12px;line-height:1.5;color:#6b665f;text-align:center;margin:14px 0 0}

@media(max-width:1023px){.b-order{grid-template-columns:1fr}.award-row{grid-template-columns:1fr 1fr}}
@media(max-width:767px){
  .award-row{grid-template-columns:1fr}
  .photo-stack{grid-template-columns:1fr;gap:12px}.photo-stack .back,.photo-stack .front{transform:none}.photo-stack .stack-caption{margin-top:6px}
  .bonus-hero{grid-template-columns:1fr;gap:18px;text-align:center}.bonus-hero-cover{max-width:190px;margin:0 auto}
  .qa-item .q{font-size:18px}.qa-item p{font-size:16px}
  .sform-row{grid-template-columns:1fr;gap:0}.sform-tabs .tab{padding:12px 10px;gap:8px}.sform-tabs .tab strong{font-size:14px}.sform-tabs .tab span{font-size:10px}.sform-body{padding:16px 14px 18px}
  .b-pack li span{float:none;margin-left:6px}
}

/* Buttons match variant a: solid Fire Orange, dark border, heavier bottom edge */
.cta{background:#ff4f00;background-image:none;color:#171714;border:2px solid #20201e;border-bottom-width:5px;border-radius:6px;font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.cta:hover{background:#ff7839}
.cta small{font-family:Inter,sans-serif;font-weight:700;color:#171714;letter-spacing:.05em}
.cta,.offer-card .cta,.benefit-mock .cta{font-weight:800}
.benefit-mock .cta{font-size:22px}
.buybar .cta{font-size:16px}

/* Hero opt-in card, AC style: offer bar, product, step tabs, fields, go to step 2, what you save */
.optin-card{background:#fff;color:var(--ink);border:1px solid #d9d4cc;border-radius:10px;overflow:hidden;box-shadow:0 16px 40px #0005;align-self:start}
.oc-head{margin:0;background:#ff4f00;color:#fff;text-align:center;font:800 24px/1.1 'Barlow Condensed',Barlow,sans-serif;letter-spacing:.03em;padding:14px 12px}
.oc-product{padding:14px 16px 0}
.oc-product .offer-bundle{margin:0}
.optin-card .sform{border:0;box-shadow:none;border-radius:0;background:transparent}
.optin-card .sform-tabs,.b-order .sform-tabs{margin:14px 16px 0;background:transparent;gap:4px;border-bottom:4px solid #ff4f00}
.sform-tabs .tab{justify-content:center;text-align:center;background:#ececea;border-radius:10px 10px 0 0;opacity:1;padding:12px 8px;border:0;position:relative}
.sform-tabs .tab.on{background:#ececea}
.sform-tabs .tab.on:after{content:'';position:absolute;left:50%;bottom:-1px;margin-left:-8px;border:8px solid transparent;border-bottom-color:#ff4f00;border-top:0}
.sform-tabs .tab b{display:none}
.sform-tabs .tab strong{font-size:20px;color:var(--ink)}
.sform-tabs .tab span{font-size:12px;letter-spacing:0;text-transform:none;color:#4a4540;font-weight:500}
.sform-tabs .tab:not(.on) strong,.sform-tabs .tab:not(.on) span{color:#8a847c}
.optin-card .sform-body{padding:16px 16px 6px}
.sform-cta{border-radius:6px;padding:14px 12px!important}
.sform-cta .cta-main{font-size:24px}
.sform-cta .cta-sub{font-family:Inter,sans-serif}
.b-order .sform{border:1px solid #d9d4cc;border-radius:10px;box-shadow:0 10px 30px #0001}

/* Authority band, straight under the hero */
.b-authority{background:#f4f0e9}
.b-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}
.b-auth-grid .source-card{margin:0;height:100%}
.b-auth-grid .authority-person img{width:72px;height:72px}

/* Framework pages from the book */
.fw-images{display:grid;gap:30px;margin:10px 0 30px}
.fw-images figure{margin:0}
.fw-images img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;box-shadow:0 14px 30px #1a1d2e1f;background:#fff}
.fw-images figcaption{font-size:16px;line-height:1.45;color:#3f3b37;margin-top:12px}
.fw-images figcaption strong{display:block;font-family:var(--font-display);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--deep-orange);margin-bottom:4px}

@media(max-width:760px){.hero-grid>.optin-card{order:-1}.b-auth-grid{grid-template-columns:1fr}.oc-head{font-size:21px}.sform-tabs .tab strong{font-size:17px}}

/* Under the button: one privacy line, then the saving box */
.sform .sform-fine{font-size:12px;line-height:1.45;color:#6b665f;margin:10px 0 0;text-align:center}
.oc-saving{margin:14px 16px 18px;padding:16px 16px 14px;background:#fff6ee;border:1px solid #f6cfae;border-radius:8px;text-align:center}
.oc-saving strong{display:block;font:800 22px/1.1 'Barlow Condensed',Barlow,sans-serif;letter-spacing:.02em;color:var(--ink)}
.oc-saving p{margin:6px 0 10px;font-size:14px;line-height:1.4;color:#3f3b37}
.oc-saving p s{color:#6b665f}
.oc-saving p b{color:#17643d;font-size:16px}
.oc-saving ul{list-style:none;margin:0;padding:10px 0 0;border-top:1px dashed #f0c49f;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px}
.oc-saving li{display:inline-block;margin:0;padding:0;font-size:12.5px;line-height:1.4;font-weight:600;color:#3f3b37}
.oc-saving li:before{position:static;display:inline;background:none;width:auto;height:auto}
.oc-saving li:before{content:'✓';color:#17643d;font-weight:800;margin-right:5px}

/* Benefits showcase: a real-looking book, smaller, with the button under the columns */
.benefit-mock .book-3d{width:230px;max-width:100%;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 22px 30px #0008)}
.figma-showcase .benefit-layout+.cta-wrap{margin-top:34px}
@media(min-width:621px){.figma-showcase .benefit-layout{grid-template-columns:1fr 250px 1fr}}
@media(max-width:620px){.benefit-mock .book-3d{width:170px}}
.stack-mock{max-width:760px;margin:0 auto 30px}

/* Sidebar opt-ins: under the everything-included list, and at the foot of the discoveries column, sticky to the end of the letter */
.side-optin{margin-top:18px;box-shadow:0 8px 24px #0002}
.side-optin .oc-head{font-size:20px;padding:12px 10px}
.side-optin .sform-tabs{margin:12px 12px 0}
.side-optin .sform-tabs .tab{padding:10px 6px}
.side-optin .sform-tabs .tab strong{font-size:16px}
.side-optin .sform-tabs .tab span{font-size:11px}
.side-optin .sform-body{padding:14px 12px 4px}
.side-optin .sform-cta .cta-main{font-size:20px}
.side-optin .sform-cta .cta-sub{font-size:10px}
.side-optin .oc-saving{margin:12px 12px 14px;padding:12px 10px 10px}
.side-optin .oc-saving strong{font-size:19px}
.letter-sidebar:has(.discovery-sidebar){align-self:stretch;background:transparent}
.letter-sidebar>div.letter-optin{position:sticky;top:18px;padding:0;background:none;border:0;margin:0}
.letter-sidebar .discovery-sidebar{margin-bottom:0}
@media(max-width:900px){.letter-sidebar>div.letter-optin{position:static}}
/* Phones (2026-09-29): the opt-in card sat 1.6 screens down, below the sub-paragraph and the product graphic. The card now
   follows the headline and the sub-paragraph and "What is" copy follow the card. The book stays: the tool-card graphic
   becomes one row with the cover (.oc-mini). The room comes from the form itself: shorter tabs, fields and button.
   The form button ends at 774px on a 375x812 screen instead of 1331. */
.oc-mini{display:none}
@media(max-width:760px){
header.hero{padding-top:14px}
.hero .wide{display:flex;flex-direction:column}
.hero h1{font-size:26px;margin:12px 0 14px}
.hero .hero-grid{display:contents}
.hero .hero-grid>.optin-card{order:1;margin-top:4px}
.hero .hero-sub{order:2;margin-top:22px}
.hero .hero-grid>div:not(.optin-card){order:3}
.hero .optin-card .oc-head{padding:10px 12px}
.hero .optin-card .oc-product{display:none}
.hero .optin-card .oc-mini{display:flex;gap:12px;align-items:center;padding:12px 14px 0;font-size:13.5px;line-height:1.4;color:#3f3b37}
.hero .optin-card .oc-mini img{width:40px;height:auto;flex:none;border-radius:3px;box-shadow:0 4px 12px #0003}
.hero .optin-card .oc-mini strong{display:block;font-size:15px;color:var(--ink)}
.hero .optin-card .oc-mini s{color:#6b665f}
.hero .optin-card .oc-mini b{color:#17643d}
.hero .optin-card .sform-tabs{margin:10px 14px 0}
.hero .optin-card .sform-tabs .tab{padding:7px 8px}
.hero .optin-card .sform-tabs .tab strong{font-size:17px}
.hero .optin-card .sform-tabs .tab span{font-size:11px;margin-top:1px}
.hero .optin-card .sform-body{padding:12px 14px 4px}
.hero .optin-card .sform input{padding:10px 12px;margin-bottom:8px}
.hero .optin-card .sform-phone{margin-bottom:8px}
.hero .optin-card .sform-phone input{margin:0}
.hero .optin-card .sform-cta{padding:10px 12px!important;margin-top:2px}
.hero .optin-card .sform-cta .cta-main{font-size:20px}
}
/* Variant h on phones: headline, video, "What is" explainer, one button that opens the pop-up, then the order card and the sub.
   Desktop is b's: the button is hidden from 761 px up. */
.vsl-first-cta{display:none}
@media(max-width:760px){
.hero.hero-vsl-first .hero-grid>div:not(.optin-card){order:1}
.hero.hero-vsl-first .hero-grid>.optin-card{order:2;margin-top:22px}
.hero.hero-vsl-first .hero-sub{order:3}
.hero-vsl-first .vsl-first-cta{display:block;margin-top:18px}
.hero-vsl-first .vsl-first-cta .cta-wrap{margin:0}
.hero-vsl-first .vsl-first-cta .micro{color:#bdc3d1}
}
/* Hero video (VSL). The box has the video's shape from the start (16:9, 4:5 on phones), so nothing moves when it plays.
   The book mockup (the book on phones) shows until the first frame, then the video fades in over it. */
.vsl-box{position:relative;aspect-ratio:16/9;overflow:hidden;background:#fefdfd;cursor:pointer}
.vsl-box .vsl-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vsl-box .vsl{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .35s}
.vsl-box.playing .vsl{opacity:1}
/* The overlay copies the film on genai.club: the whole box is one button. While the video is silent (autoplay, muted,
   ended) the frame dims and a big white play button pulses; the badge top left always says what a click does. */
.vsl-box .vsl-tap{position:absolute;inset:0;border:0;padding:0;margin:0;background:rgba(0,0,0,.15);color:#fff;cursor:pointer;font:inherit}
.vsl-box.sound .vsl-tap{background:transparent}
.vsl-tap:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.vsl-badge{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:10px;border-radius:12px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px}
.vsl-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e5322d}
.vsl-box.sound .vsl-dot{background:rgba(255,255,255,.2)}
.vsl-dot svg{width:16px;height:16px;fill:#fff}
.vsl-badge .on,.vsl-box.sound .vsl-badge .off{display:none}
.vsl-box.sound .vsl-badge .on{display:block}
.vsl-words{text-align:left;font-family:var(--font-display);font-size:12px;font-weight:800;line-height:1.05;letter-spacing:.02em;text-transform:uppercase;color:#fff}
.vsl-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.vsl-box.sound .vsl-big{display:none}
.vsl-ping{position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.4);animation:vsl-ping 1s cubic-bezier(0,0,.2,1) infinite}
@keyframes vsl-ping{75%,100%{transform:scale(2);opacity:0}}
.vsl-ring{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.45);transition:transform .2s}
.vsl-tap:hover .vsl-ring{transform:scale(1.1)}
.vsl-ring svg{width:36px;height:36px;margin-left:4px;fill:#0a0a0d}
@media(min-width:768px){.vsl-badge{left:24px;top:24px;padding:12px 16px}.vsl-dot{width:40px;height:40px}.vsl-dot svg{width:20px;height:20px}.vsl-words{font-size:14px}.vsl-ring{width:112px;height:112px}.vsl-ring svg{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.vsl-ping{animation:none}}
/* On phones the 4:5 video puts its headline top left, so the badge sits bottom left there. */
@media(max-width:760px){.vsl-badge{top:auto;bottom:16px}}
@media(max-width:760px){.vsl-box{aspect-ratio:4/5;background:#f4f0e9}.vsl-box .vsl-cover img{padding:26px 0;filter:drop-shadow(10px 12px 0 #d4d0c7)}}

.vsl-static{cursor:default}