:root{--ink:#171719;--muted:#69666b;--paper:#f7f5f0;--line:#dedbd4;--violet:#d8c1e8;--lavender:#ece2f1;--red:#cf2529;--white:#fff;--font:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#d6b5ef;color:#171719}.shell{width:min(100% - 64px,1320px);margin-inline:auto}.skip-link{position:absolute;z-index:100;top:-100px;left:24px;background:#fff;padding:12px 18px}.skip-link:focus{top:16px}.site-header{height:80px;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:22px;letter-spacing:-1.4px;font-weight:800;white-space:nowrap}.brand img{border-radius:10px}.brand-dot{color:var(--red)}.nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:700}.nav a,.footer-links a{transition:opacity .2s}.nav a:hover,.footer-links a:hover{opacity:.5}.header-cta{font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);padding:9px 0;white-space:nowrap}.header-cta span{font-size:17px;margin-left:12px}.hero{min-height:690px;display:grid;grid-template-columns:46% 54%;align-items:center;padding-top:70px;padding-bottom:80px;gap:0}.hero-copy{padding:0 30px 0 0;position:relative;z-index:1}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.signal-dot{height:7px;width:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 4px #f5d5d1}.hero h1{font-size:clamp(54px,5.55vw,88px);line-height:1.025;letter-spacing:-.075em;margin:32px 0 27px;font-weight:800;white-space:nowrap}.headline-accent{color:#9d68bb}.hero-lede{font-family:'DM Sans',Arial,sans-serif;font-size:18px;line-height:1.55;color:#4e4c4f;max-width:445px;margin:0}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:0 21px;font-weight:800;font-size:12px;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#3b3244}.button span{font-size:18px;line-height:1}.text-link,.inline-link{font-size:12px;font-weight:800;white-space:nowrap}.text-link span,.inline-link span{margin-left:10px;font-size:16px}.hero-footnote{display:flex;align-items:center;gap:8px;color:#7b777c;font-size:11px;font-weight:600;margin-top:31px}.tiny-star{font-size:16px;color:var(--red)}
.hero-visual{position:relative;background:#e9dff0;border-radius:4px;padding:18px 18px 25px;box-shadow:20px 20px 0 #eeeae2;min-width:0;transform:rotate(-1deg)}.visual-head{display:flex;align-items:center;gap:10px;color:#38303f;font-size:9px;font-weight:800;letter-spacing:.12em;border-bottom:1px solid #d4c7dc;padding:0 0 15px}.mini-claw{display:grid;place-items:center;background:#231f25;color:#fff;border-radius:50%;width:23px;height:23px;font-size:17px}.visual-sep{color:#ab98b4;margin:0 4px}.visual-live{margin-left:auto;display:flex;align-items:center;gap:6px}.visual-live span{height:6px;width:6px;background:#54a97b;border-radius:50%}.product-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:14px}.product-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d9d0df;min-width:0;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-7px);box-shadow:0 14px 25px #241a2a1f}.product-card-a{margin-top:24px;margin-bottom:10px}.product-card-c{margin-top:38px;margin-bottom:-5px}.product-media{height:250px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-media img{width:100%;height:100%;object-fit:cover}.product-media-a{background:#eeebea}.product-media-a img{object-fit:contain;transform:scale(1.22)}.product-media-b img{object-fit:cover}.product-media-c img{object-fit:cover}.product-meta{padding:14px 12px 16px;display:flex;flex-direction:column;gap:8px;border-top:1px solid #eee}.product-meta strong{font-size:17px;letter-spacing:-.07em;font-weight:800;line-height:1}.product-meta span{font-size:10px;line-height:1.25;color:#666}.product-meta span span{font-size:13px;float:right;color:#333}.action-queue{margin:29px 24px 0;padding:17px 18px;background:#211d24;color:#fff;display:flex;align-items:center;gap:15px;box-shadow:7px 7px 0 #c5b3cd;transform:rotate(1deg)}.queue-icon{font-size:24px;color:#e2b9e9}.action-queue div{display:flex;flex-direction:column;gap:5px}.queue-label{font-size:8px;letter-spacing:.14em;color:#bda5c6;font-weight:800}.action-queue strong{font-size:11px;line-height:1.4;font-weight:700}.queue-arrow{margin-left:auto;font-size:19px}.visual-disclaimer{font-size:8px;line-height:1.4;color:#716777;text-align:center;margin:20px 0 0}.marquee-band{height:58px;background:#231f25;color:#f4efe9;overflow:hidden;display:flex;align-items:center}.marquee-inner{min-width:1300px;width:100%;display:flex;align-items:center;justify-content:space-around;gap:35px;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.12em}.marquee-inner b{font-size:17px;color:#c999d5;font-weight:500}
.intro{padding-top:128px;padding-bottom:145px}.section-kicker{color:#706a70}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-top:42px}.intro h2,.stack-heading h2,.toolkit-card h2{font-size:clamp(46px,5vw,76px);line-height:1.08;letter-spacing:-.07em;font-weight:800;margin:0}.intro h2 em,.toolkit-card h2 em{font-style:normal;color:#a678bc}.intro-side{max-width:430px;padding-bottom:5px}.intro-side p,.stack-heading p{font-family:'DM Sans',Arial,sans-serif;font-size:19px;line-height:1.55;color:#5b565d;margin:0 0 30px}.inline-link{border-bottom:1px solid #1c1b1d;padding-bottom:10px}
.loop-section{background:#1d1b1f;color:#f9f8f4;padding:100px 0 92px}.section-kicker.light{color:#a7a2a8}.loop-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:60px;margin-top:48px;margin-bottom:75px}.loop-heading h2{font-size:clamp(52px,5.8vw,89px);letter-spacing:-.077em;line-height:1.04;margin:0}.loop-heading h2 span{color:#c6a4d6}.loop-heading p{font-family:'DM Sans',Arial,sans-serif;color:#bcb8be;font-size:18px;line-height:1.52;max-width:350px;margin:0 0 8px}.loop-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #5b565c;border-bottom:1px solid #5b565c}.loop-step{padding:25px 25px 29px 0;min-height:255px;border-right:1px solid #5b565c}.loop-step:not(:first-child){padding-left:25px}.loop-step:last-child{border-right:0}.step-number{font-size:10px;letter-spacing:.16em;color:#9b969f;font-weight:800}.step-mark{font-size:35px;color:#c6a4d6;margin-top:26px;line-height:1}.loop-step h3{font-size:20px;letter-spacing:-.05em;margin:14px 0 9px}.loop-step p{font-family:'DM Sans',Arial,sans-serif;font-size:13px;line-height:1.55;color:#a9a5ab;margin:0;max-width:220px}.loop-note{display:flex;align-items:center;gap:48px;padding-top:26px}.loop-note span{font-size:9px;letter-spacing:.16em;color:#c6a4d6;font-weight:800;white-space:nowrap}.loop-note p{font-size:12px;color:#aaa4ac;margin:0}
.stack-section{padding-top:125px;padding-bottom:135px}.stack-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin:46px 0 55px}.stack-heading p{font-size:17px;max-width:380px;margin:0 0 8px}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.logo-tile{display:flex;align-items:center;gap:16px;padding:25px 25px;height:84px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:16px;font-weight:800;letter-spacing:-.04em;background:#f9f8f4}.logo-tile img{flex:none;object-fit:contain}.klaviyo-mark{display:grid;place-items:center;width:27px;height:27px;background:#121212;color:#fff;font-size:17px;font-weight:800;border-radius:5px}.trademark-note{font-size:10px;color:#878186;margin:16px 0 0}
.toolkit-section{padding-bottom:125px}.toolkit-card{background:#dfcdeb;display:grid;grid-template-columns:1fr 1fr;min-height:460px;overflow:hidden}.toolkit-card>div:first-child{padding:60px 0 62px 70px;position:relative;z-index:2}.toolkit-card h2{margin:28px 0 19px;font-size:clamp(46px,4.2vw,66px)}.toolkit-card h2 em{color:#8652a1}.toolkit-card p{font-family:'DM Sans',Arial,sans-serif;line-height:1.5;font-size:16px;color:#4f4454;max-width:430px;margin:0 0 29px}.toolkit-art{position:relative;min-height:430px}.toolkit-paper{position:absolute;width:290px;height:345px;box-shadow:10px 15px 25px #49344c2b;display:flex;flex-direction:column;padding:25px}.toolkit-paper span{font-size:10px;font-weight:800;letter-spacing:.13em}.toolkit-paper b{font-size:34px;line-height:1.1;letter-spacing:-.065em;margin-top:44px}.toolkit-paper i{font-style:normal;font-size:55px;margin-top:auto}.paper-back{top:32px;right:140px;background:#1b1a1d;color:#fff;transform:rotate(-11deg)}.paper-back i{color:#d4b7e3}.paper-front{top:77px;right:50px;background:#f9f8f5;color:#1b1a1d;transform:rotate(8deg)}.paper-front b{font-size:30px;margin-top:72px}.paper-front i{position:absolute;bottom:17px;right:25px;font-size:43px}.paper-lines{display:flex;flex-direction:column;gap:10px;margin-top:25px}.paper-lines span{height:2px;background:#d5c8d8;width:78%}.paper-lines span:nth-child(2){width:65%}.paper-lines span:nth-child(3){width:50%}
.site-footer{background:#1d1b1f;color:#f9f8f4}.footer-top{padding:65px 0 70px;display:flex;justify-content:space-between;gap:50px}.footer-brand{font-size:24px}.footer-top p{font-family:'DM Sans',Arial,sans-serif;color:#aaa4ac;font-size:13px;margin:17px 0 0}.footer-links{display:flex;gap:37px;align-items:flex-start;font-size:12px;font-weight:700;color:#c3bec5}.footer-bottom{border-top:1px solid #4a464c;padding:23px 0 26px;display:flex;justify-content:space-between;font-size:10px;color:#969098}
@media(max-width:1100px){.hero h1{font-size:clamp(51px,5.5vw,70px)}.product-media{height:210px}.product-meta strong{font-size:14px}.hero{min-height:620px}.paper-back{right:105px}.paper-front{right:20px}}
@media(max-width:800px){.shell{width:min(100% - 36px,640px)}.site-header{height:68px}.nav{display:none}.header-cta{font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:55px;padding-top:72px;padding-bottom:76px}.hero-copy{padding:0}.hero h1{font-size:clamp(50px,10vw,72px);white-space:normal}.hero-lede{font-size:17px}.hero-visual{box-shadow:9px 9px 0 #eeeae2}.intro{padding-top:90px;padding-bottom:100px}.intro-grid,.loop-heading,.stack-heading{grid-template-columns:1fr;gap:27px}.intro h2,.stack-heading h2{font-size:clamp(48px,8vw,66px)}.intro-side p{font-size:17px}.loop-section{padding:83px 0 75px}.loop-heading{margin-bottom:45px}.loop-heading h2{font-size:clamp(54px,9vw,72px)}.loop-grid{grid-template-columns:repeat(2,1fr)}.loop-step:nth-child(2){border-right:0}.loop-step:nth-child(-n+2){border-bottom:1px solid #5b565c}.loop-step:nth-child(3){padding-left:0}.stack-section{padding-top:95px;padding-bottom:105px}.stack-heading{margin-bottom:40px}.logo-grid{grid-template-columns:repeat(2,1fr)}.toolkit-section{padding-bottom:95px}.toolkit-card{grid-template-columns:1fr}.toolkit-card>div:first-child{padding:50px 40px 0}.toolkit-art{min-height:340px}.paper-back{top:20px;right:calc(50% - 80px)}.paper-front{top:55px;right:calc(50% - 180px)}.toolkit-paper{height:285px;width:240px}.paper-front b{margin-top:48px}.footer-top{padding:55px 0;flex-direction:column;gap:35px}.footer-links{gap:25px;flex-wrap:wrap}}
@media(max-width:520px){.brand{font-size:20px}.brand img{width:30px;height:30px}.hero{padding-top:58px;gap:47px}.hero h1{font-size:clamp(45px,12vw,62px);margin:25px 0}.hero-actions{gap:18px;flex-wrap:wrap}.button{min-height:49px}.hero-visual{padding:12px 10px 18px}.visual-head{font-size:7px}.product-shelf{gap:5px}.product-card-a{margin-top:16px}.product-card-c{margin-top:26px}.product-media{height:138px}.product-meta{padding:9px 6px 11px;gap:5px}.product-meta strong{font-size:11px}.product-meta span{font-size:8px}.product-meta span span{font-size:10px}.action-queue{margin:19px 8px 0;padding:12px;gap:10px}.action-queue strong{font-size:9px}.queue-icon{font-size:18px}.queue-arrow{font-size:14px}.visual-disclaimer{font-size:7px;margin-top:17px}.intro h2,.stack-heading h2{font-size:47px}.intro-side p,.stack-heading p{font-size:16px}.loop-heading h2{font-size:52px}.loop-heading p{font-size:16px}.loop-step{min-height:250px;padding-right:14px}.loop-step:not(:first-child){padding-left:14px}.loop-step:nth-child(3){padding-left:0}.loop-step h3{font-size:17px}.loop-step p{font-size:12px}.loop-note{align-items:flex-start;flex-direction:column;gap:10px}.logo-tile{height:74px;padding:13px;font-size:12px;gap:9px}.logo-tile img{width:22px;height:22px}.klaviyo-mark{width:22px;height:22px;font-size:14px}.toolkit-card>div:first-child{padding:42px 25px 0}.toolkit-card h2{font-size:46px}.toolkit-card p{font-size:15px}.footer-bottom{gap:20px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero h1{font-size:clamp(54px,5vw,72px)}
.visual-disclaimer{font-size:10px}
@media(max-width:800px){.hero h1{font-size:clamp(50px,10vw,72px)}}
@media(max-width:520px){.hero h1{font-size:clamp(45px,12vw,62px)}.visual-disclaimer{font-size:9px}}
.logo-tile .klaviyo-logo{width:110px;height:auto;mix-blend-mode:multiply}
@media(max-width:520px){.logo-tile .klaviyo-logo{width:90px;height:auto}}
.hero-visual{transform:none;box-shadow:none}
.product-card-a,.product-card-c{margin-top:0;margin-bottom:0}
.action-queue{transform:none;box-shadow:none;margin-inline:0}
.hero-topline{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.backed-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9d4ce;background:#fcfbf8;padding:7px 10px;line-height:1;white-space:nowrap;transition:border-color .2s,background .2s}
.backed-badge:hover{border-color:#9d68bb;background:#fff}
.backed-badge span{font-size:8px;letter-spacing:.11em;font-weight:800;color:#766f77}
.backed-badge img{width:70px;height:auto}
@media(max-width:520px){.hero-topline{gap:12px}.backed-badge{padding:6px 8px}.backed-badge img{width:62px}.product-card-a,.product-card-c{margin-top:0;margin-bottom:0}.action-queue{margin-inline:0}}
