:root{color-scheme:dark;--bg:#05090c;--white:#f7f8fa;--muted:#aab4bf;--blue:#1687ff;--yellow:#eeff53}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;padding-block:27px}.brand{font-size:25px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand i{display:inline-block;width:19px;height:19px;border:4px solid var(--blue);border-radius:50%;box-shadow:0 0 20px #1687ff33}nav{display:flex;align-items:center;gap:34px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:20px 30px;border:1px solid #549dff;background:#0067e5;border-radius:13px;font-size:17px;font-weight:600;box-shadow:0 8px 40px #0067ff13;transition:background .2s,transform .2s}.button:hover{background:#0878ff;transform:translateY(-2px)}.button.small{padding:13px 20px;gap:15px;font-size:14px}.hero{min-height:min(860px,calc(100svh - 100px));display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding-block:40px 70px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;color:var(--muted);margin:0 0 26px}h1{font-size:clamp(52px,5.4vw,78px);line-height:1.01;letter-spacing:-4px;margin:0 0 26px;font-weight:700}em{font-style:normal;color:var(--blue)}.lead{font-size:clamp(20px,2vw,25px);line-height:1.45;color:#dbe0e6;margin:0 0 32px}.micro{font-size:12px;color:var(--muted);line-height:1.6}.hero-copy>.micro{margin:12px 0 30px;width:265px;text-align:center}.free{font-size:15px;line-height:1.6}.text-button{background:none;border:0;color:var(--muted);padding:10px 0;font-size:13px;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.hero-device{margin:0;display:flex;flex-direction:column;align-items:center;position:relative}.hero-device:before{content:'';position:absolute;inset:8% 0;background:radial-gradient(ellipse,#0058a834,transparent 65%);z-index:-1}.phone{position:relative;width:326px;aspect-ratio:9/18.4;border:2px solid #8a9298;border-radius:45px;background:#07090b;box-shadow:inset 0 0 0 5px #171c20,0 25px 70px #0009;overflow:hidden;padding:8px}.phone>img{width:100%;height:100%;object-fit:cover;border-radius:36px;display:block}.phone-top{position:absolute;top:17px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700}.lens{position:absolute;left:50%;transform:translateX(-50%);top:-2px;width:85px;height:24px;background:#020405;border-radius:16px}.lens:after{content:'';position:absolute;right:10px;top:8px;width:7px;height:7px;background:#152a3a;border:2px solid #0a1521;border-radius:50%}.script{position:absolute;top:53px;left:10px;right:10px;padding:10px 8px 32px;background:linear-gradient(#0008,#0006 60%,transparent);text-align:center;line-height:1.5;font-size:20px;letter-spacing:-.5px}.script span,.script strong{display:block;white-space:nowrap}.script span{color:#b9bdc4;font-size:.87em;text-shadow:0 1px 5px black}.script strong{font-weight:700;color:white}.recording{position:absolute;right:24px;top:185px;font-size:10px;display:flex;align-items:center;gap:5px}.recording i{width:6px;height:6px;border-radius:50%;background:#ff535b}.record{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;font-size:11px;gap:7px}.record b{display:grid;place-items:center;width:58px;height:58px;background:#ff5259;border:2px solid white;border-radius:50%}.record b:after{content:'';height:20px;width:20px;border-radius:4px;background:white}figcaption{font-size:11px;color:var(--muted);margin-top:17px}.section{padding-block:125px;min-height:88svh;display:flex;flex-direction:column;justify-content:center}h2{font-size:clamp(34px,4vw,54px);letter-spacing:-2px;line-height:1.08;margin:0 0 55px}h3{font-size:24px;letter-spacing:-.8px;line-height:1.2;margin:12px 0}p{line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.number{color:var(--yellow);font-size:16px}.steps article>p{min-height:65px;color:#b7c1ca;font-size:15px;margin-bottom:30px;max-width:290px}.mini-device{height:328px;border:1px solid #7c858d;border-bottom:0;border-radius:35px 35px 0 0;padding:40px 24px 24px;background:linear-gradient(#10171c,#060b0e);position:relative}.mini-device:after{content:'';position:absolute;bottom:0;left:-2px;right:-2px;height:50px;background:linear-gradient(transparent,var(--bg))}.editor-bar{font-size:12px;display:flex;justify-content:space-between;align-items:center}.editor-bar span:last-child{color:#59adff}.sample{font-size:20px;line-height:1.35;padding:18px 12px;border:1px solid #1d2a33;border-radius:8px;min-height:170px;letter-spacing:-.4px;background:#05090b}.editor-foot{font-size:10px;color:#aab4bf;text-align:right}.aa{font-size:34px;font-weight:600;margin:30px 0 14px}.fake-range{height:5px;background:linear-gradient(to right,var(--yellow) 52%,#39424a 52%);border-radius:8px;position:relative}.fake-range i{position:absolute;width:19px;height:19px;background:var(--yellow);border-radius:50%;left:49%;top:-7px}.controls>p{font-size:11px;display:flex;justify-content:space-between}.speed{margin-top:34px}.step-preview{height:328px;overflow:hidden;position:relative;display:flex;justify-content:center}.step-preview:after{content:'';position:absolute;bottom:0;height:70px;background:linear-gradient(transparent,var(--bg));left:0;right:0}.step-preview .phone{width:260px;flex-shrink:0;border-radius:35px}.step-preview .script{font-size:16px;top:47px}.step-preview .recording{top:145px}.features{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature{background:linear-gradient(140deg,#101820,#0a1016);border:1px solid #24303b;border-radius:20px;min-height:390px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px;padding:30px;overflow:hidden}.feature p{color:#b7c1ca;font-size:14px}.live-controls{padding:22px 18px;background:#070c10;border:1px solid #27323b;border-radius:18px}.live-controls .aa{margin-top:0}.live-controls label{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#dce3e9;margin-top:20px}.live-controls input{width:100%;accent-color:var(--yellow);margin:15px 0;cursor:pointer}.live-controls .micro{text-align:center;font-size:10px}.saved-preview .phone{width:200px;transform:rotate(-5deg);border-radius:30px;aspect-ratio:9/17}.saved-preview .phone>img{border-radius:22px}.saved-preview .phone-top{font-size:7px;left:18px;right:18px}.saved-preview .lens{width:58px;height:17px}.saved-preview .lens:after{top:4px;right:8px}.connection{text-align:center;min-height:100svh}.connection h2{margin-bottom:24px}.flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 220px;align-items:center;gap:24px;margin:35px 0 18px;text-align:left}.flow-card{border:1px solid #26323c;background:linear-gradient(150deg,#101820,#090f14);border-radius:16px;padding:28px;min-height:300px;display:flex;flex-direction:column;justify-content:center}.flow-label{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.flow-card p{font-size:18px;line-height:1.45}.flow-card h3{font-size:19px;margin:25px 0 0}.bubble{font-size:12px;padding:17px;background:#1c2732;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.bubble span{background:#fff;border-radius:50%;width:25px;height:25px;color:#070a0e;display:grid;place-items:center;flex-shrink:0}.arrow{font-size:30px;text-align:center}.illustration-button{padding:13px;background:#0067e5;border-radius:10px;font-size:13px;font-weight:600;display:flex;justify-content:space-between}.flow-phone{display:flex;flex-direction:column;gap:20px;align-items:center}.flow-phone .phone{width:194px;border-radius:28px}.flow-phone .phone>img{border-radius:20px}.flow-phone .phone-top{font-size:7px;left:17px;right:17px;top:16px}.flow-phone .lens{width:55px;height:17px}.flow-phone .script{top:41px;font-size:12px}.flow-phone .recording{top:120px;font-size:8px}.flow-phone .record b{width:38px;height:38px}.flow-phone .record b:after{width:13px;height:13px}.flow-phone .record{font-size:8px;bottom:18px}.unavailable{align-self:center;opacity:1;background:#132334;color:#c2d4e8;border-color:#304b65;box-shadow:none;cursor:not-allowed;font-size:15px;margin:15px 0 0}.unavailable:hover{transform:none;background:#132334}.connection-note{font-size:13px;color:var(--muted)}.final-cta{text-align:center;padding-block:150px;min-height:70svh;display:flex;flex-direction:column;align-items:center;justify-content:center}.final-cta h2{margin-bottom:35px}.final-cta>p:last-child{font-size:14px}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;padding-block:70px 110px}.faq h2{font-size:38px}.faq details{border-bottom:1px solid #2c363f}.faq summary{padding:23px 30px 23px 0;cursor:pointer;font-size:16px;list-style:none;position:relative}.faq summary:after{content:'+';position:absolute;right:0;color:var(--muted);font-size:20px}.faq details[open] summary:after{content:'−'}.faq details p{color:#b7c1ca;font-size:14px;max-width:600px;margin:0 0 25px}footer{border-top:1px solid #2c363f;display:flex;gap:25px;align-items:center;padding-block:30px;font-size:12px}footer span{margin-right:auto;color:var(--muted);margin-left:10px}dialog{background:#0b131b;color:var(--white);border:1px solid #334454;border-radius:22px;padding:42px;text-align:center;max-width:min(480px,calc(100% - 32px))}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog h2{font-size:30px;margin:15px 0 20px}.close{position:absolute;right:15px;top:10px;color:white;border:0;background:none;font-size:28px;cursor:pointer}.qr{display:block;margin:25px auto;background:white;border-radius:8px}dialog .button{font-size:14px}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:white;color:black;padding:12px}.skip:focus{top:10px}@media(prefers-reduced-motion:no-preference){.hero-device{animation:arrive .9s ease both}.hero-copy{animation:arrive .7s ease both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:1500px){.wrap{width:min(1280px,calc(100% - 120px))}.phone{width:350px}.hero{min-height:850px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}.hero .phone{width:285px}h1{font-size:57px;letter-spacing:-3px}.steps{gap:24px}.mini-device{padding:30px 18px}.sample{font-size:17px}.features{grid-template-columns:1fr}.feature{max-width:700px;width:100%;margin:auto;grid-template-columns:220px 1fr}.flow{gap:15px;grid-template-columns:1fr 20px 1fr 20px 170px}.flow-card{padding:20px}.flow-phone .phone{width:170px}.flow-phone .script{font-size:10px}.flow-card p{font-size:15px}.flow-label{font-size:9px}.section{padding-block:90px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{padding-block:22px}.brand{font-size:23px}nav{gap:18px}nav>a:not(.button){display:none}.button.small{padding:10px 14px}.hero{grid-template-columns:1fr;gap:45px;padding-block:52px 40px;min-height:0}.hero-copy{text-align:center}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-size:clamp(44px,10.6vw,68px);letter-spacing:-2.7px}.lead{font-size:19px}.hero-copy>.micro{width:auto;margin-bottom:24px}.free{font-size:12px}.text-button{font-size:12px}.hero .phone{width:min(310px,85vw)}.section{min-height:0;padding-block:75px}h2{font-size:37px;letter-spacing:-1.8px;margin-bottom:38px}.eyebrow{font-size:9px;margin-bottom:20px}.steps{grid-template-columns:1fr;gap:48px}.steps article{max-width:380px;width:100%;margin:auto}.steps article>p{min-height:0;margin-bottom:23px;max-width:100%}.mini-device{height:310px;max-width:300px;margin:auto;padding:35px 25px}.step-preview{height:400px}.step-preview .phone{width:270px}.step-preview .record{bottom:145px}.feature{grid-template-columns:1fr;gap:28px;padding:28px;min-height:0;text-align:center}.live-controls{width:230px;margin:auto;text-align:left}.feature h3{font-size:26px}.feature p{max-width:280px;margin-inline:auto}.saved-preview .phone{margin:auto;width:210px}.flow{grid-template-columns:1fr;max-width:360px;margin:20px auto;gap:25px}.flow-card{min-height:230px;padding:27px}.flow-card p{font-size:18px}.flow-label{font-size:10px}.flow-card h3{font-size:21px}.arrow{transform:rotate(90deg)}.flow-phone .phone{width:240px;border-radius:33px}.flow-phone .script{font-size:15px;top:45px}.flow-phone .recording{top:145px}.flow-phone .record b{width:48px;height:48px}.connection .lead{font-size:18px}.connection .lead br{display:none}.unavailable{font-size:13px;padding:17px 15px;max-width:100%}.final-cta{min-height:0;padding-block:100px}.final-cta h2{font-size:38px}.faq{display:block;padding-block:40px 70px}.faq h2{font-size:32px;margin-bottom:25px}.faq summary{font-size:15px}footer{flex-wrap:wrap;gap:22px}footer span{order:4;width:100%;margin:0;font-size:10px}footer .brand{margin-right:auto}dialog{padding:30px 24px}dialog h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the recording demonstration portrait-shaped at every breakpoint. */
.step-preview .phone{height:532px;align-self:flex-start}
@media(max-width:700px){.hero-device:before{inset:8% 0}.step-preview{height:552px}.step-preview .phone{height:552px}.step-preview .record{bottom:23px}}
#qr-dialog>a:first-of-type{display:block;width:220px;margin-inline:auto}
/* Approved October 22 visual refresh: optical identity and atmosphere. */
.brand{display:inline-flex;line-height:1;letter-spacing:0}.brand img{display:block;width:164px;height:auto}.hero-device{isolation:isolate}.hero-device:before{inset:-3% 0 0;z-index:-1;background:radial-gradient(ellipse at 51% 32%,#087fff85 0%,#0066f52e 35%,transparent 68%),radial-gradient(ellipse at 85% 69%,#eaff5338 0%,transparent 30%);filter:blur(22px)}.hero-device .phone{box-shadow:inset 0 0 0 5px #171c20,0 0 34px #1687ff25,0 25px 70px #0009;border-color:#a1b3c5}.social-badge{position:absolute;z-index:2;display:grid;place-items:center;width:66px;height:66px;border:1px solid #92bdde;border-radius:18px;background:linear-gradient(145deg,#18324eaa,#03090edd);box-shadow:0 12px 30px #0009,0 0 28px #1687ff38;backdrop-filter:blur(10px);pointer-events:none}.social-badge img{width:48px;height:48px;border-radius:12px}.social-badge.tiktok{left:4%;top:55%;transform:rotate(-10deg)}.social-badge.instagram{right:3%;top:38%;transform:rotate(10deg)}.features .feature,.flow-card{background:radial-gradient(ellipse at 10% 0,#15395644,transparent 70%),linear-gradient(145deg,#111b24d9,#080e14);border-color:#2a3c4a;box-shadow:inset 0 1px #b4dbff08}.final-cta{padding-block:100px;min-height:65svh}.cta-glass{position:relative;isolation:isolate;width:100%;display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;padding:65px 45px;border:1px solid #2178b2;border-radius:28px;background:radial-gradient(ellipse at 21% 56%,#006cff65,transparent 52%),linear-gradient(120deg,#0d233abb,#070e14d9 65%);box-shadow:inset 0 1px #94cfff33,0 20px 90px #0015284d}.cta-glass:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(ellipse at 19% 24%,#005dff66,transparent 35%),radial-gradient(ellipse at 33% 55%,#edff533b,transparent 18%)}.cta-brand{position:relative;display:grid;place-items:center;padding-block:50px}.cta-brand:before{content:'';position:absolute;inset:15% 0;background:radial-gradient(ellipse,#0076ffb3,transparent 68%);filter:blur(22px);z-index:-1}.cta-brand img{display:block;width:100%;height:auto;transform:none;filter:drop-shadow(0 15px 18px #0009) drop-shadow(0 0 10px #007bff80)}.cta-copy h2{font-size:clamp(32px,3.2vw,44px);margin-bottom:28px}.cta-copy>.eyebrow{font-size:10px;margin-bottom:20px}.cta-copy>p:last-child{font-size:14px;color:#e4ebf1}.final-cta .micro{margin-bottom:19px}.phone .script{background:linear-gradient(#0005 0%,#0005 55%,transparent 100%)}.phone .script strong{color:#fff}.saved-preview .phone{transform:rotate(-5deg)}
@media(prefers-reduced-motion:no-preference){.social-badge.tiktok{animation:badge-left 6s ease-in-out infinite}.social-badge.instagram{animation:badge-right 7s ease-in-out infinite}@keyframes badge-left{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-8px) rotate(-7deg)}}@keyframes badge-right{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(7px) rotate(7deg)}}}
@media(max-width:1000px){.social-badge{width:56px;height:56px;border-radius:15px}.social-badge img{width:42px;height:42px}.social-badge.tiktok{left:0}.social-badge.instagram{right:0}.cta-glass{padding:48px 28px;gap:25px}.cta-copy .button{font-size:15px;padding:18px 22px}}
@media(max-width:700px){.brand img{width:142px}.hero-device:before{inset:-3% 0;background:radial-gradient(ellipse at 50% 35%,#087fff78,transparent 68%),radial-gradient(ellipse at 90% 70%,#eaff5326,transparent 33%);filter:blur(15px)}.social-badge{width:50px;height:50px;border-radius:14px}.social-badge img{width:38px;height:38px}.social-badge.tiktok{left:-4px;top:57%}.social-badge.instagram{right:-4px;top:39%}.final-cta{min-height:0;padding-block:80px}.cta-glass{grid-template-columns:1fr;gap:12px;padding:36px 23px 40px;border-radius:22px;background:radial-gradient(ellipse at 30% 20%,#006cff50,transparent 55%),linear-gradient(130deg,#0d233ab3,#070e14e6 80%)}.cta-brand{padding:35px 8px 40px;max-width:300px;width:100%;margin:auto}.cta-brand img{transform:none}.cta-copy h2{font-size:34px}.cta-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.cta-copy>p:last-child{font-size:12px}.cta-copy .button{width:100%;font-size:15px;gap:18px}footer .brand img{width:137px}}

/* Consolidated step controls operate only the illustrative recording phone. */
.steps .live-controls{width:100%;margin:0;padding:28px 24px;text-align:left;border-radius:35px 35px 0 0;height:350px}
.steps .live-controls .aa{margin:18px 0 8px;font-size:30px}
.steps .live-controls label{margin-top:15px;font-size:12px}
.steps .live-controls input{display:block;margin:10px 0;height:22px}
.steps .live-controls .micro{margin:4px 0;text-align:left}
.steps .live-controls:after{pointer-events:none;height:20px}
#preview-toggle{position:relative;z-index:1;font-size:12px;padding:7px 0}
.steps article>p{min-height:96px}
@media(max-width:700px){.steps .live-controls{margin:auto;max-width:300px}.steps article>p{min-height:0}}

/* Three settings share the same three-row phone preview. */
#record-preview .script{left:0;right:0;margin-inline:auto;max-width:calc(100% - 20px);line-height:1.35}
#record-preview .script>span,#record-preview .script>strong{height:1.35em;font-size:1em;overflow:hidden}
#record-preview .script>span{opacity:.7}
.steps .live-controls{height:370px}
.steps .live-controls label{margin-top:20px}
.steps .live-controls .editor-bar{margin-bottom:22px}
.steps .live-controls .micro{font-size:10px}

.steps .live-controls .micro{display:block}

/* Requested local-only phone and social polish. */
.phone .recording{top:auto;bottom:108px;right:24px}
.hero-device .script{font-size:26px;line-height:1.35;width:77%;left:0;right:0;margin-inline:auto;padding-inline:5px;letter-spacing:-.5px}
.hero-device .script span{font-size:.87em}
.social-badge.facebook{left:1%;top:24%;transform:rotate(8deg)}
.social-badge.x-social{right:1%;top:72%;transform:rotate(-8deg)}
#preview-toggle.preview-icon{display:grid;place-items:center;width:44px;height:44px;padding:0;margin-top:8px;border:1px solid #688197;border-radius:50%;background:#132334;color:white;font-size:18px;cursor:pointer;text-decoration:none}
#preview-toggle.preview-icon:hover{background:#21405d}
@media(prefers-reduced-motion:no-preference){.social-badge.facebook{animation:badge-right 8s ease-in-out infinite}.social-badge.x-social{animation:badge-left 7s ease-in-out infinite}}
@media(max-width:700px){.social-badge.facebook{left:-4px}.social-badge.x-social{right:-4px}.hero-device .script{font-size:26px}}

/* ChatGPT preview identity and honest connection setup. */
.social-badge.chatgpt{right:3%;top:10%;transform:rotate(7deg);background:#0c141c}
.social-badge.chatgpt img{width:38px;height:38px;border-radius:0}
.connection .unavailable,.connection .unavailable:hover{background:var(--yellow);border-color:var(--yellow);color:#101409;opacity:1;box-shadow:0 8px 32px #eeff5314}
.connection-instructions{max-width:650px;margin:4px auto 0;color:#dbe0e6;font-size:14px;line-height:1.7}
@media(prefers-reduced-motion:no-preference){.social-badge.chatgpt{animation:badge-right 8s ease-in-out infinite}}
@media(max-width:700px){.social-badge.chatgpt{right:-4px;top:9%}.social-badge.chatgpt img{width:32px;height:32px}.connection-instructions{font-size:13px}}