:root{--navy: #16303e;--navy-deep: #10242f;--cream: #faf6ec;--cream-alt: #f4ecdc;--teal: #3f8f7b;--teal-light: #5fb39d;--orange: #e07a3f;--orange-deep: #b0541c;--mustard: #e8b23a;--ink: #223240;--muted: #66705f;--tp-teal: #2f7d6d;--tp-sand: #f1ede3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Source Sans 3",Arial,sans-serif;color:var(--cream);background:var(--navy)}.bar{background:var(--orange);height:8px}.wrap{max-width:1120px;margin:0 auto;padding:0 28px}.wrap.narrow{max-width:760px}a{color:var(--orange-deep)}:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}header.top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:24px 0 0}.site-lockup{height:64px;width:auto;display:block}header.top nav a{color:var(--cream);opacity:.85;text-decoration:none;font-weight:600;margin-left:24px;font-size:16px}header.top nav a[aria-current]{opacity:1;color:var(--mustard)}header.top nav a.navcta{opacity:1;color:var(--orange)}.tag{font-family:Staatliches,Arial Narrow,sans-serif;letter-spacing:2px;font-size:16px;color:var(--mustard)}h1,h2{font-family:Alfa Slab One,Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(31px,4.2vw,48px);margin:8px 0 0;max-width:20ch}.lede{font-size:19px;line-height:1.6;color:#d8ceba;margin:20px 0 0;max-width:52ch}.intro{padding:56px 0 8px}.walk-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.steps{padding:22vh 0 30vh}.step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:.35;transition:opacity .4s}.step.on{opacity:1}.step h2{font-size:clamp(24px,2.6vw,30px);color:#fff;margin:6px 0 10px}.step p{color:#d8ceba;font-size:18px;line-height:1.55;max-width:420px}.pill{display:inline-block;margin-top:12px;font-size:14px;font-weight:700;padding:4px 12px;border-radius:999px;color:#fff}.pill.you{background:var(--orange)}.pill.us{background:var(--teal)}.stagewrap{position:relative}.stage{position:sticky;top:12vh;height:76vh;display:grid;place-items:center}.scene{position:relative;width:min(340px,100%);height:440px}.scene>*{position:absolute;inset:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);opacity:0;transform:translateY(16px) scale(.97);pointer-events:none}.scene>.show{opacity:1;transform:none}.browser{background:#fff;border-radius:12px;overflow:hidden;color:#333;height:300px;margin-top:70px}.browser .bbar{background:#e8e2d4;padding:8px 10px;font-size:12.5px;display:flex;gap:6px;align-items:center}.browser .bbar i{width:9px;height:9px;border-radius:50%;background:#c9bfa9;display:inline-block}.browser .url{background:#fff;border-radius:6px;padding:2px 10px;margin-left:8px;flex:1}.browser .site{padding:18px;background:var(--tp-sand);height:100%}.browser .site h4{font-family:Chewy,cursive;color:var(--tp-teal);margin:0 0 8px;font-size:24px;font-weight:400}.browser .site .blk{height:10px;background:#ddd4c2;border-radius:4px;margin:8px 0}.browser .site .hero{height:90px;background:var(--tp-teal);border-radius:8px;margin-top:12px;opacity:.85}.kit,.cal{background:#fffaf0;border-radius:14px;color:var(--ink);height:auto}.kit{padding:22px;margin-top:40px}.kit h4,.cal h4{font-family:Staatliches,sans-serif;letter-spacing:.1em;font-weight:400;color:var(--muted);margin:0 0 10px;font-size:16px}.sw{display:flex;gap:10px;margin-bottom:16px}.sw span{flex:1;height:54px;border-radius:8px;position:relative}.sw span:after{content:attr(data-h);position:absolute;bottom:-18px;left:0;font-size:11px;color:var(--muted)}.kit .row{display:flex;justify-content:space-between;border-top:1px dashed #e3d8c2;padding:8px 0;font-size:15px;margin-top:14px}.chewy{font-family:Chewy,cursive;font-weight:400;color:var(--tp-teal);font-size:17px}.cal{padding:16px;margin-top:30px}.cal .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;font-size:11px;text-align:center}.cal .d{aspect-ratio:1;border-radius:6px;background:#efe6d3;display:grid;place-items:center;position:relative}.cal .d.blank{background:transparent}.cal .d.p{background:var(--tp-teal);color:#fff;font-weight:700}.cal .d.p:after{content:"POST";position:absolute;bottom:2px;font-size:8px;letter-spacing:.05em}.post{background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000040;overflow:hidden;width:100%}.post .ph{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:700;color:#222}.post .av{width:26px;height:26px;border-radius:50%;background:var(--tp-teal);color:#fff;display:grid;place-items:center;font-size:11px}.post img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.post .cap{padding:8px 10px 10px;font-size:13px;line-height:1.4;color:#333}.approve-card{display:flex;flex-direction:column;gap:10px}.approve-card .btns{display:flex;gap:8px}.approve-card .btns span{flex:1;text-align:center;border-radius:8px;padding:10px;font-weight:700}.b-ok{background:var(--teal);color:#fff}.b-ch{background:#e9e1cf;color:var(--ink)}.stamp{position:absolute;top:120px;left:50%;transform:translate(-50%) rotate(-12deg);font-family:Staatliches,sans-serif;font-size:38px;letter-spacing:.1em;color:var(--teal-light);border:4px solid var(--teal-light);padding:2px 16px;border-radius:8px;background:#16303ebf}.phone{width:250px;height:440px;margin:0 auto;border-radius:34px;background:#0e1f29;padding:12px;box-shadow:0 20px 50px #0006}.phone .scr{background:#fff;border-radius:24px;height:100%;overflow:hidden;padding:8px}.phone .post{box-shadow:none;border:1px solid #eee}.likes{font-size:12px;padding:4px 10px;color:#333}.dots{position:absolute;right:-6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.dots i{width:8px;height:8px;border-radius:50%;background:#f4ecdc4d;transition:background .3s}.dots i.on{background:var(--mustard)}.close{background:var(--cream-alt);color:var(--ink);padding:80px 0;text-align:center}.close h2{font-size:clamp(28px,3.6vw,40px)}.close .lede{color:#4b5560;margin:16px auto 28px}.cta{display:inline-block;background:var(--orange);color:#1d1208;font-weight:700;font-size:18px;text-decoration:none;padding:15px 28px;border-radius:10px}.pricenote{font-family:Staatliches,Arial Narrow,sans-serif;letter-spacing:2px;font-size:16px;color:var(--teal);margin-top:20px}footer{background:var(--navy);color:var(--cream);padding:48px 0;border-top:4px solid var(--orange)}.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}.wordmark{display:block;margin-bottom:6px;height:auto}.fine{font-size:15px;line-height:1.55;margin-top:6px}footer .fine{color:#c9bfa8;max-width:420px}footer a{color:var(--cream)}.right{text-align:right}@media(max-width:820px){.walk-grid{grid-template-columns:1fr;gap:0}.stagewrap{order:-1;position:sticky;top:0;z-index:2;background:var(--navy);height:46vh;box-shadow:0 14px 18px -10px #00000073}.stage{position:relative;top:0;height:46vh;place-items:start center;padding-top:12px}.scene{transform:scale(.7);transform-origin:top center}.dots{right:0}.steps{padding:6vh 0 30vh}.step{min-height:50vh}}@media(max-width:560px){.wrap{padding:0 16px}.right{text-align:left}header.top nav a{margin-left:14px;font-size:15px}header.top nav a:first-child{margin-left:0}}@media(prefers-reduced-motion:reduce){.scene>*,.step,.dots i{transition:none}}
