:root{--ink:#242321;--paper:#faf9f5;--purple:#7750db;--lime:#d6f578;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}section{scroll-margin-top:90px}.nav{max-width:1280px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;font-size:27px;font-weight:800;letter-spacing:-1px;gap:8px}.logo{color:var(--purple);font-size:38px;line-height:1}.nav nav{display:flex;gap:30px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:9px;background:var(--ink);color:white;padding:17px 23px;font-weight:700;font-size:14px}.button:hover{background:var(--purple)}.button.small{padding:12px 18px}.hero{max-width:1280px;margin:auto;padding:70px 40px 90px;display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;line-height:1.6}.dot{display:inline-block;background:var(--purple);width:7px;height:7px;border-radius:50%;margin-right:6px}h1{font-size:clamp(58px,7.2vw,102px);letter-spacing:-6px;line-height:.99;margin:26px 0}h1 span{color:var(--purple)}.intro{font-size:18px;line-height:1.65;max-width:440px;color:#64615f}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.text-link{font-weight:700;font-size:14px;border-bottom:1px solid;padding-bottom:4px}.micro{font-size:12px;color:#77716e;margin-top:18px}.hero-art{position:relative;padding:30px 25px;background:#e9e2fa;border-radius:45% 45% 18px 18px}.mini-store{background:white;border:1px solid #ded8eb;box-shadow:0 20px 55px #3c245b19;padding:20px;border-radius:18px;transform:rotate(3deg)}.mini-top{display:flex;align-items:center;gap:10px;font-size:13px}.mini-top small,.phone-profile small{display:block;font-size:10px;color:#777;margin-top:5px}.mini-avatar{border-radius:50%;background:#d5f478;display:grid;place-items:center;width:40px;height:40px;font-size:23px;font-weight:800;flex:none}.tiny-logo{margin-left:auto;color:var(--purple);font-size:24px}.mini-tabs{display:flex;gap:18px;justify-content:center;font-size:11px;padding:17px 0 12px}.mini-tabs b{color:var(--purple)}.cover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.cover-grid img{width:100%;height:100%;object-fit:cover;display:block}.cover-grid .cover-cell{aspect-ratio:3/4;overflow:hidden;position:relative;background:#ddd}.mini-footer{font-size:11px;text-align:center;padding-top:16px}.floating-note{position:absolute;z-index:2;background:white;border:1px solid #dedbd4;box-shadow:0 8px 25px #2221;border-radius:12px;padding:14px;font-size:13px;font-weight:700}.note-one{top:4px;left:-28px;transform:rotate(-7deg)}.note-two{bottom:4px;right:-14px;transform:rotate(-5deg)}.note-two span{display:inline-grid;place-items:center;background:var(--lime);width:26px;height:26px;border-radius:50%;margin-right:6px}.spark{position:absolute;right:-20px;top:-14px;font-size:85px;color:var(--purple)}.benefit-strip{display:flex;justify-content:center;gap:70px;padding:26px 25px;background:#eeede7;border-block:1px solid #e4e1d8;font-size:12px;font-weight:700}.walkthrough{height:240vh;margin:0 auto;max-width:1280px}.walkthrough-sticky{position:sticky;top:0;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:40px}h2{font-size:clamp(32px,3.6vw,48px);letter-spacing:-2px;line-height:1.12;margin:18px 0}.walk-copy>p:not(.eyebrow){line-height:1.7;color:#777;max-width:410px}.steps{display:grid;gap:8px;margin:30px 0}.steps button{display:flex;gap:16px;text-align:left;border:1px solid transparent;background:transparent;padding:16px;border-radius:12px;color:#8a8683}.steps button[aria-pressed=true]{background:#ede6fa;border-color:#ded1f4;color:var(--ink)}.steps button>span{font-size:12px;padding-top:2px}.steps strong{display:block;font-size:15px}.steps small{display:block;margin-top:6px;font-size:12px;line-height:1.5}.phone-stage{display:grid;justify-items:center;gap:18px;background:radial-gradient(ellipse,#e4daf6,transparent 70%);padding:20px}.phone{position:relative;width:290px;min-height:535px;border:7px solid #282627;border-radius:38px;background:white;box-shadow:12px 20px 40px #33233e20;overflow:hidden;padding:10px 12px 25px}.phone-status{display:flex;justify-content:space-between;font-size:9px;font-weight:700;padding:0 5px 14px}.phone-heading{text-align:center;font-size:13px;font-weight:800;border-bottom:1px solid #eee;padding-bottom:12px}.phone-profile{display:flex;gap:10px;align-items:center;padding:16px 0;font-size:12px}.phone-profile button{display:block;background:#eee7fb;color:#6940bd;border:0;border-radius:6px;margin-top:7px;padding:7px 5px;font-size:10px}.demo-grid .cover-cell{padding:0;border:0}.phone-home{position:absolute;bottom:8px;left:35%;width:30%;height:4px;border-radius:4px;background:#252525}.tap-marker{position:absolute;top:159px;left:137px;width:30px;height:30px;border-radius:50%;border:2px solid var(--purple);background:#ae8df95c;pointer-events:none;animation:pulse 1.8s infinite}.phone[data-stage="1"] .tap-marker{top:285px;left:115px}.phone[data-stage="2"] .tap-marker{display:none}.product-sheet{position:absolute;z-index:4;bottom:0;left:0;right:0;background:white;border-radius:20px 20px 0 0;box-shadow:0 -30px 50px #0004;padding:14px 20px 30px;animation:sheet-in .35s ease}.sheet-handle{display:block;width:32px;height:4px;margin:0 auto 20px;background:#ddd;border-radius:5px}.product-sheet h3{font-size:21px;letter-spacing:-.6px;margin:12px 0}.product-sheet p:not(.eyebrow){font-size:12px;color:#666}.product-sheet small{display:block;font-size:9px;color:#777;line-height:1.5;margin-top:12px}.product-choice{display:flex;justify-content:space-between;background:var(--ink);color:white;padding:15px 12px;border-radius:8px;font-size:12px}.stage-caption{font-size:11px;color:#777}.section{max-width:1200px;margin:auto;padding:80px 40px}.features>h2{max-width:540px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.feature{padding:28px;border-radius:14px;overflow:hidden}.lavender{background:#ebe3f8}.lime{background:#e5f1c3}.cream{background:#f0eade}.feature-icon{font-size:30px;font-weight:800}.feature h3{font-size:22px;letter-spacing:-.7px;line-height:1.15}.feature p{font-size:14px;line-height:1.65;color:#5a5655}.grid-graphic{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;transform:rotate(-6deg);margin:30px 15px 0}.grid-graphic i{height:42px;background:#a185d6;border-radius:4px}.grid-graphic i:nth-child(2n){background:#c0aedf}.font-chips{display:flex;gap:7px;margin-top:35px}.font-chips span{padding:9px;font-weight:900;font-size:24px;background:#151515;color:#e5ff52;border-radius:5px}.font-chips span:nth-child(2){background:#9349d6;color:white;border-radius:18px;font-family:Georgia}.font-chips span:nth-child(3){background:white;color:#111}.link-graphic{display:grid;gap:8px;margin-top:24px}.link-graphic span{border:1px solid #d8cfc0;border-radius:6px;padding:12px;background:#fffa;font-size:12px}.creator-note{text-align:center;padding-block:85px}.creator-note>p{font-size:13px;color:#777}.creator-note h2{font-size:clamp(35px,5vw,62px);margin-bottom:25px}.creator-note em{font-family:Georgia,serif;font-weight:400;color:var(--purple)}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pricing>div>p{line-height:1.6;color:#686461;max-width:380px}.pricing .launch-note{font-size:12px;padding:14px;border-left:3px solid #c4afe7}.price-card{padding:35px;background:white;border:1px solid #dad5e2;border-radius:16px;box-shadow:8px 10px 0 #e9e1f6}.price-heading{display:flex;align-items:center;justify-content:space-between}.price-heading h3{margin:0;font-size:22px}.price-heading span{font-size:9px;background:#eee8f8;padding:7px;border-radius:20px}.price{font-size:68px;font-weight:800;letter-spacing:-4px;margin:22px 0 0}.price span{font-size:15px;font-weight:400;letter-spacing:0;color:#777}.price-card>p:not(.price){font-size:12px;color:#777}.price-card ul{padding:20px 0;list-style:none;font-size:13px;line-height:2.5}.price-card li:before{content:'✓';color:var(--purple);margin-right:10px}.price-card .button{width:100%}.price-card>small{display:block;text-align:center;font-size:10px;color:#777;margin-top:15px}.faq{max-width:850px}.faq details{border-bottom:1px solid #ddd6ce;padding:20px 0;font-size:14px}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:#706c67;line-height:1.7}footer{max-width:1200px;margin:auto;padding:40px;border-top:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer small{font-size:11px;color:#777}[hidden]{display:none!important}@keyframes pulse{50%{transform:scale(1.2);opacity:.5}}@keyframes sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:760px){.nav{padding:20px}.nav nav{display:none}.brand{font-size:23px}.hero{padding:35px 24px 65px;grid-template-columns:1fr;gap:40px}h1{letter-spacing:-4px}.hero-art{max-width:390px;margin:auto;width:90%}.benefit-strip{gap:18px;flex-wrap:wrap;font-size:10px}.walkthrough{height:250vh}.walkthrough-sticky{padding:22px;grid-template-columns:1fr;gap:8px}.walk-copy h2{font-size:30px}.walk-copy>p:not(.eyebrow){display:none}.steps{grid-template-columns:repeat(3,1fr);gap:4px;margin:15px 0 0}.steps button{padding:9px;display:block}.steps small{display:none}.steps strong{font-size:10px;margin-top:5px}.phone{width:235px;min-height:455px}.phone-stage{padding:8px}.phone-profile{padding:10px 0}.phone[data-stage="1"] .tap-marker{top:265px;left:95px}.phone .tap-marker{top:148px;left:115px}.section{padding:50px 24px}.feature-grid,.pricing{grid-template-columns:1fr;gap:20px}.pricing{gap:30px}footer{padding:30px 24px;flex-wrap:wrap}.spark{font-size:60px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.walkthrough{height:auto}.walkthrough-sticky{position:relative;min-height:0;padding-block:65px}}

/* Continuous scroll-linked story. The hero remains unchanged. */
.walkthrough{height:340vh}.phone{transform:rotate(var(--phone-angle,0deg)) scale(var(--phone-scale,1));will-change:transform}.phone-stage{position:relative}.phone-stage:before{content:'';position:absolute;inset:10%;border-radius:50%;background:#d9edb4;filter:blur(65px);opacity:var(--wash-opacity,0);z-index:-1}.demo-grid{transform:translateY(var(--grid-lift,0px));will-change:transform}.demo-grid .cover-cell:first-child{outline:3px solid rgba(119,80,219,var(--wash-opacity,0));outline-offset:-3px}.phone .tap-marker,.phone[data-stage="1"] .tap-marker,.phone[data-stage="2"] .tap-marker{display:block;animation:none;left:var(--tap-x,137px);top:var(--tap-y,159px);transform:scale(var(--tap-scale,1));opacity:var(--tap-opacity,1);z-index:3}.product-sheet{animation:none;transform:translateY(var(--sheet-offset,100%));opacity:var(--sheet-opacity,0);will-change:transform,opacity}#demo-platforms{overflow:hidden}.story-progress-track{height:3px;background:#e2dbe9;border-radius:4px;margin:15px 16px}.story-progress-track span{display:block;height:100%;width:100%;background:var(--purple);transform-origin:left;transform:scaleX(var(--story-progress,0))}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.scroll-reveal.revealed{opacity:1;transform:none}.feature:nth-child(2){transition-delay:.1s}.feature:nth-child(3){transition-delay:.2s}@media(max-width:760px){.walkthrough{height:320vh}.phone-stage{zoom:.9}.walkthrough-sticky{min-height:100svh}.phone .tap-marker,.phone[data-stage="1"] .tap-marker{margin-left:-20px;margin-top:-12px}}@media(max-height:740px) and (max-width:760px){.walkthrough-sticky{padding-block:12px}.walk-copy h2{font-size:23px;margin:8px 0}.walk-copy .eyebrow{font-size:8px}.phone-stage{zoom:.75}.stage-caption{display:none}.steps{margin-top:8px}.story-progress-track{margin-block:8px}}@media(prefers-reduced-motion:reduce){.walkthrough{height:auto}.phone,.demo-grid{transform:none}.scroll-reveal{opacity:1;transform:none}.product-sheet{transform:none}.phone .tap-marker{display:none}}

/* Tall previews with an explicit bio-to-product journey. */
.hero-art{max-width:395px;width:100%;justify-self:center;padding:28px 35px}.mini-store{min-height:550px;padding:23px 12px;border-radius:26px}.mini-store .cover-grid{margin-top:10px}.mini-store .cover-cell{aspect-ratio:3/4}.mini-footer{padding-top:28px}.post-hover{position:absolute;inset:0;background:#3339;display:grid;place-items:center;opacity:0;pointer-events:none}.post-hover>span{padding:8px 6px;border-radius:6px;background:white;color:#242321;font-size:9px;white-space:nowrap;font-weight:700;box-shadow:0 2px 8px #0002}.mouse-pointer{position:absolute;left:55%;top:57%;z-index:3;pointer-events:none}.mini-store .hover-target .post-hover{opacity:1}.phone{width:258px;min-height:560px;border-radius:38px;padding:12px 10px 32px}.phone-status{padding-bottom:18px}.phone-heading{font-size:13px;display:flex;justify-content:center;align-items:center;min-height:29px}.phone[data-stage="0"] .phone-heading:after{content:'≡';position:absolute;right:17px}.phone-profile{padding:16px 0 12px}.phone-profile .mini-avatar{background:#eee;border:2px solid #d94c8c;width:48px;height:48px}.phone[data-stage="0"] .phone-profile button{background:transparent;color:#285888;padding:3px 0;text-align:left}.instagram-stats{display:flex;justify-content:flex-end;gap:15px;padding:17px 3px 0;font-size:8px}.instagram-stats span{text-align:center}.instagram-stats b{display:block;font-size:12px;margin-bottom:4px}.instagram-actions{display:flex;gap:5px;margin-bottom:16px;font-size:9px;text-align:center}.instagram-actions span{flex:1;background:#efefef;border-radius:5px;padding:7px}.instagram-grid-nav{display:flex;justify-content:space-around;padding:10px;border-top:1px solid #eee;font-size:18px}.instagram-bottom{position:absolute;bottom:22px;left:12px;right:12px;display:flex;justify-content:space-around;font-size:19px;border-top:1px solid #eee;padding-top:8px}.phone:not([data-stage="0"]) .instagram-stats,.phone:not([data-stage="0"]) .instagram-actions,.phone:not([data-stage="0"]) .instagram-grid-nav,.phone:not([data-stage="0"]) .instagram-bottom{display:none}.phone:not([data-stage="0"]) .phone-profile{padding-block:22px}.phone:not([data-stage="0"]) .mini-avatar{background:var(--lime);border:0}.phone:not([data-stage="0"]) #demo-heading{color:var(--purple);font-size:18px}.demo-grid .cover-cell:first-child{outline:0}.demo-grid .hover-target .post-hover{opacity:var(--hover-progress,0)}.demo-grid .mouse-pointer{opacity:var(--hover-progress,0)}.phone .tap-marker,.phone[data-stage="1"] .tap-marker{margin:0!important}.bio-clicked{box-shadow:0 0 0 5px #aa89e945!important}.phone[data-stage="0"] .demo-grid .post-hover,.phone[data-stage="0"] .demo-grid .mouse-pointer{opacity:0}.phone .product-sheet{z-index:6}@media(max-width:760px){.hero-art{max-width:340px}.mini-store{min-height:490px}.phone{width:245px;min-height:530px}.phone-stage{zoom:.85}}@media(max-height:740px) and (max-width:760px){.phone-stage{zoom:.7}}@media(prefers-reduced-motion:reduce){.phone .tap-marker{display:none}}

/* Compact profile header and fuller, scrollable preview grids. */
.phone{height:560px;min-height:0;display:flex;flex-direction:column}.phone-status{flex:none;padding-bottom:10px}.phone-heading{flex:none;min-height:26px;padding-bottom:8px}.phone-profile{flex:none;gap:7px;padding:10px 0 8px;align-items:flex-start}.phone-profile-info{flex:1;min-width:0}.phone-name-row{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:28px}.phone-name-row>strong{font-size:11px}.phone .instagram-stats{padding:0;gap:7px;justify-content:flex-end;flex-shrink:0;font-size:6px}.phone .instagram-stats b{font-size:9px;margin-bottom:2px}.phone-profile .mini-avatar{width:36px;height:36px;font-size:20px;margin-top:1px}.phone-profile small{font-size:9px;margin-top:2px}.phone-profile button{font-size:9px;margin-top:4px}.instagram-actions{flex:none;margin-bottom:5px;gap:5px}.instagram-actions span{padding:6px}.instagram-grid-nav{flex:none;padding:6px;font-size:16px}.phone #demo-platforms{flex:none}.phone:not([data-stage="0"]) .phone-profile{padding-block:10px}.phone .demo-grid{flex:1;min-height:0;overflow-y:auto;align-content:start;scrollbar-width:none;padding-bottom:2px}.phone .demo-grid::-webkit-scrollbar{display:none}.phone .instagram-bottom{position:static;flex:none;padding:7px 0 0;margin-top:5px;font-size:17px}.mini-store{height:610px;min-height:0;display:flex;flex-direction:column}.mini-store .mini-top,.mini-store .mini-tabs,.mini-store .mini-footer{flex:none}.mini-store .cover-grid{flex:1;min-height:0;overflow-y:auto;align-content:start;scrollbar-width:none}.mini-store .mini-footer{padding-top:14px}.mini-store .cover-grid::-webkit-scrollbar{display:none}@media(max-width:760px){.phone{height:530px;min-height:0}.mini-store{height:555px;min-height:0}}
/* Keep neighboring thumbnails visually distinct in both landing previews. */
.mini-store .cover-grid,.phone .demo-grid{column-gap:4px;row-gap:3px;background:#fff}
/* Explicit row borders stay visible even when the preview grid compresses. */
.mini-store .cover-grid,.phone .demo-grid{gap:4px}
.mini-store .cover-grid .cover-cell,.phone .demo-grid .cover-cell{min-height:0;border-bottom:4px solid #fff;box-sizing:border-box}
/* Size rows from the tiles, not the image's intrinsic height. */
.mini-store .cover-grid,.phone .demo-grid{grid-auto-rows:max-content;gap:4px;align-content:start;background:#fff}
.mini-store .cover-grid .cover-cell,.phone .demo-grid .cover-cell{position:relative;display:block;aspect-ratio:3/4;height:auto;min-height:auto;border:0;padding:0;overflow:hidden}
.mini-store .cover-grid .cover-cell>img,.phone .demo-grid .cover-cell>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Static demo windows let wheel and touch scrolling stay on the page. */
.mini-store .cover-grid,.phone .demo-grid{overflow:clip}
.mini-brand{flex:none;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--purple);font-size:18px;font-weight:700;border-bottom:1px solid #eee;padding:0 0 10px;margin-bottom:12px}

.nav-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}@media(max-width:700px){.nav{flex-wrap:wrap;padding:18px 20px}.nav-actions{gap:14px}.nav-actions .button{padding:12px 16px}}