:root{--ink:#20203b;--muted:#6c6a82;--purple:#773de6;--vf-purple-light:#8b5cf6;--vf-purple-dark:#6d28d9;--lavender:#ede6ff;--deep:#241747;--line:#e9e4f2;--paper:#fdfcff;--white:#fff;--warm:#faf6ee;--radius:28px;--shadow:0 22px 65px rgba(58,34,109,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}img,svg{max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #996dff;outline-offset:4px}.shell{width:min(1180px,calc(100% - 72px));margin:auto}.skip-link{position:absolute;top:-100px;left:15px;padding:12px 16px;z-index:9999;background:#fff}.skip-link:focus{top:10px}.section{padding:105px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--purple);text-transform:uppercase;margin:0 0 21px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}h2{font-size:clamp(37px,4.2vw,60px);line-height:1.1;font-weight:800}h3{font-size:28px;line-height:1.15;font-weight:800}p{line-height:1.75;color:var(--muted)}.serif-swish{font-family:Georgia,Times,serif;font-weight:400;letter-spacing:-.065em;font-style:italic}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:44px;margin-bottom:41px}.section-title-row h2{margin:0}.intro-copy{max-width:352px;font-size:17px;margin:0 0 7px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-weight:800;font-size:14px}.text-link:hover{text-decoration:underline}
/* Navigation */
.site-header{height:83px;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(105,72,220,.1);position:sticky;top:0;z-index:40;backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-.06em;white-space:nowrap}.brand-dot{color:var(--purple)}.brand-icon{background:#7254de;width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 6px 14px rgba(105,72,220,.18)}.brand-icon i{background:white;width:3px;border-radius:4px;height:10px}.brand-icon i:nth-child(2),.brand-icon i:nth-child(4){height:18px}.brand-icon i:nth-child(3){height:24px}.nav{display:flex;align-items:center;gap:28px}.nav a{color:#625d73;font-size:13px;font-weight:700;transition:color .2s}.nav a:hover{color:var(--purple)}.header-cta{background:var(--deep);border-radius:100px;color:#fff;padding:13px 22px;font-size:13px;font-weight:700;white-space:nowrap;transition:transform .2s,background .2s}.header-cta:hover{transform:translateY(-2px);background:var(--purple)}.nav-mobile-download,.menu-toggle{display:none!important}
/* Hero */
.section-gradient{background:radial-gradient(ellipse 75% 68% at 91% 39%,#ebe2ff 0,transparent 79%),radial-gradient(ellipse 40% 55% at 22% 80%,#fff3e9 0,transparent 100%),linear-gradient(140deg,#fff 8%,#fcfaff 80%)}.hero{overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:666px;gap:34px;padding:72px 0 94px}.hero-copy{position:relative;z-index:1}.eyebrow-pill{border:1px solid #e1d6fa;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.88);padding:9px 15px;border-radius:100px;font-size:11px;letter-spacing:.045em;font-weight:800;color:#5f479f;box-shadow:0 6px 28px rgba(88,70,130,.045)}.sparkle{font-size:16px;color:#8060de}.hero h1{font-family:'Manrope','DM Sans',sans-serif;font-size:clamp(47px,5.35vw,78px);line-height:1.08;letter-spacing:-.078em;margin:23px 0 22px;font-weight:800}.hero .serif-swish{font-size:1.07em;color:#6f4bdb}.underlined{position:relative;white-space:nowrap;z-index:0}.underlined:after{content:'';position:absolute;bottom:4px;left:3%;right:0;height:10px;border-radius:50%;background:#d8c6ff;z-index:-1;transform:rotate(-2deg)}.hero-description{font-size:18px;max-width:545px;line-height:1.77;margin-bottom:28px}.action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:14px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(29,20,61,.13)}.button-icon{width:20px;height:20px;flex:none}.button-dark{background:var(--deep);color:white}.button-outline{background:#fff;color:var(--ink);border:1px solid #ddd3f0}.hero-under-cta{display:flex;align-items:center;gap:7px;margin-top:19px;font-size:12px;color:#777086}.round-check{background:#e7f5ec;color:#248259;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:800}.sep{color:#b7adcb;margin:0 4px}.hero-visual{position:relative;min-height:550px;display:flex;justify-content:center;align-items:center}.visual-halo{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#e8dcff 0%,#e9dcff88 53%,transparent 71%);left:12%;top:6%}.hero-dots{position:absolute;width:190px;height:160px;right:3%;top:12%;background-image:radial-gradient(#a992e6 1.25px,transparent 1.25px);background-size:14px 14px;opacity:.5}.phone-shell{width:273px;min-height:526px;background:#fff;position:relative;border-radius:40px;border:7px solid #24223b;box-shadow:0 38px 75px rgba(54,27,117,.23),0 0 0 1px #a8a5b2;overflow:hidden}.hero-phone{transform:rotate(-5deg) translate(-15px,10px);z-index:2;padding:15px 19px 0}.phone-cutout{position:absolute;top:8px;left:37%;width:26%;height:17px;background:#24223b;border-radius:0 0 12px 12px}.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.02em;margin:5px 0 30px}.phone-greeting{font-size:8px;color:#8b78ae;letter-spacing:.19em;font-weight:800}.hero-phone h2{font-family:Manrope,sans-serif;font-size:24px;line-height:1.11;letter-spacing:-.07em;margin:8px 0 20px}.recording-panel{border-radius:14px;background:#f3edff;padding:14px 13px;margin-bottom:20px}.recording-top,.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.recording-top{font-size:9px;font-weight:800}.record-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#e9606b;box-shadow:0 0 0 4px #e9606b20;vertical-align:middle}.timer{color:#7865a6}.waveform{display:flex;align-items:center;gap:4px;justify-content:center;height:53px;margin-top:5px}.waveform i{display:block;width:5px;background:linear-gradient(180deg,#a889f6,#6e4bdb);height:var(--h);border-radius:10px;animation:breathe 1.8s ease-in-out infinite alternate}.waveform i:nth-child(3n){animation-delay:-.8s}.waveform i:nth-child(4n){animation-delay:-.4s}@keyframes breathe{to{transform:scaleY(.68)}}.phone-section-label{font-size:9px;color:#898197;letter-spacing:.08em;font-weight:800;margin-bottom:13px}.live-badge{font-size:8px;background:#ecf9f0;color:#34905d;border-radius:20px;padding:4px 7px;float:right}.phone-speech{border-left:2px solid #997be7;padding-left:11px;margin-bottom:16px}.phone-speech.second{border-color:#f4bb8b}.speech-speaker{font-size:9px;color:#7252b9;font-weight:800}.phone-speech p{font-size:10px;line-height:1.58;color:#444054;margin:4px 0 0}.phone-bottom{display:flex;justify-content:space-around;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:61px;border-top:1px solid #f2eff6;background:white}.phone-bottom-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:#9692a1;font-size:9px}.phone-bottom-item span{font-size:16px}.phone-bottom-item.active{color:var(--purple);font-weight:800}.float-card{position:absolute;background:white;border-radius:17px;padding:15px 17px;box-shadow:0 14px 37px rgba(58,32,116,.16);z-index:4;border:1px solid #f5f0fc}.float-card-kicker{font-size:9px;letter-spacing:.1em;font-weight:800;color:#6a4bd1;margin-bottom:8px}.float-card strong{font-size:12px;display:block}.float-card p{font-size:10px;line-height:1.65;margin:5px 0 0;color:#817b92}.float-insights{width:196px;top:86px;right:-1px;transform:rotate(5deg)}.float-followup{width:205px;bottom:64px;left:-28px;transform:rotate(5deg)}.float-progress{display:flex;gap:4px;margin-top:10px}.float-progress span{height:4px;border-radius:8px;background:#ded4f9;flex:1}.float-progress span:first-child{background:#7658dc}.preview-disclaimer{position:absolute;bottom:9px;right:8px;font-size:10px;color:#8f80a4;z-index:5}.capabilities{background:white;border-block:1px solid #f0ebf7}.capabilities-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0}.capabilities span{font-size:13px;font-weight:800;color:#655e77;white-space:nowrap}.cap-icon{font-size:21px;color:#8669d9;margin-right:9px;vertical-align:-2px}
/* Features */
.bento{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:16px}.bento-card{border:1px solid #eee8f7;border-radius:24px;padding:29px;min-height:255px;overflow:hidden;position:relative;background:white}.bento-card h3{font-size:25px;margin:14px 0 10px;max-width:330px}.bento-card p{font-size:14px;margin:0;max-width:325px}.bento-large{grid-row:span 2;background:#f1eafe;min-height:529px;padding:33px}.bento-gold{background:#fff8ed;border-color:#fbedd7}.bento-blue{background:#eff7ff;border-color:#e3edf9}.bento-white{background:white}.feature-glyph{height:43px;width:43px;display:grid;place-items:center;border-radius:14px;background:#e5d7ff;color:#6744d2;font-size:23px}.feature-glyph.amber{color:#bb7c32;background:#fff0d3}.feature-glyph.blue{color:#3b85cf;background:#dceeff}.insight-example{background:white;padding:23px 20px;border-radius:18px;border:1px solid #e9dffa;box-shadow:0 15px 25px #5133910c;margin-top:31px;transform:rotate(-2deg)}.example-header{font-size:9px;font-weight:800;letter-spacing:.11em;color:#7861b8;display:flex;align-items:center;gap:7px}.example-star{font-size:15px}.example-tag{margin-left:auto;border-radius:30px;background:#f0edf8;padding:4px 8px;font-size:9px;color:#817593}.insight-example h4{font-size:16px;margin:15px 0}.example-detail{display:flex;gap:9px;align-items:center;padding:8px 0;border-top:1px solid #f2ecfa;font-size:12px;color:#59506c}.check{color:#6a4bd1;font-size:14px;font-weight:800}.mini-wave{height:42px;display:flex;align-items:center;gap:7px;margin-top:19px}.mini-wave b{height:45%;width:6px;border-radius:9px;background:#e5b569}.mini-wave b:nth-child(3n){height:82%}.mini-wave b:nth-child(4n){height:61%}.chat-preview{display:grid;gap:8px;margin-top:20px}.chat-question,.chat-answer{max-width:80%;padding:10px 12px;border-radius:13px;font-size:12px;line-height:1.4}.chat-question{background:#edf1ff;color:#464774;justify-self:end;border-bottom-right-radius:3px}.chat-answer{background:#eee7ff;color:#5c4692;border-bottom-left-radius:3px}.language-visual{display:flex;align-items:center;gap:8px;margin-top:21px;flex-wrap:wrap}.language-visual span{padding:7px 12px;border:1px solid #e2d7f7;background:#f9f6ff;border-radius:30px;font-size:12px;font-weight:700}.language-visual .swap-icon{border:0;padding:0;background:transparent;color:var(--purple);font-size:19px}.export-chips{margin-top:18px;display:flex;gap:7px}.export-chips span{padding:7px 11px;background:#f6f2fd;color:#7254b6;border-radius:9px;font-size:11px;font-weight:800}.section-footnote{margin:17px 0 0;color:#8a8199;font-size:12px}
/* Story */
.story-section{background:#201b3b;color:white;overflow:hidden;position:relative;padding:90px 0}.story-section:after{content:'✳';position:absolute;font-size:550px;line-height:1;color:#ffffff05;bottom:-260px;right:-70px;pointer-events:none}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;position:relative;z-index:1}.story-section .eyebrow{color:#bea8ff}.story-section h2{font-size:clamp(40px,4.4vw,66px);margin:0 0 20px}.story-narrative p{font-size:17px;max-width:445px;color:#d1c9e1}.story-section .text-link{color:#cbb8ff}.story-steps{display:grid;gap:29px;padding:13px 0}.story-steps>article{border-left:1px solid #55496f;padding-left:26px;position:relative}.story-steps>article:before{position:absolute;content:'';width:9px;height:9px;border-radius:50%;background:#b197fa;left:-5px;top:5px}.story-number{font-size:11px;letter-spacing:.15em;color:#a68edc}.story-steps h3{font-size:23px;margin:9px 0 7px}.story-steps p{margin:0;color:#beb6d0;font-size:14px}.story-spark{position:absolute;right:4px;top:7px;font-size:28px;color:#846de0;opacity:.48}
/* Interactive Demo */
.experience-section{background:#fcfaff}.centered-heading{text-align:center;max-width:730px;margin:0 auto 35px}.centered-heading h2{margin:0 0 15px}.centered-heading>p:last-child{font-size:16px;margin:0}.demo-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;background:#f0eaf9;padding:8px;border-radius:19px;margin:0 0 16px}.demo-tab{cursor:pointer;text-align:center;border:0;background:transparent;color:#74678a;border-radius:13px;padding:15px 9px;font-size:13px;font-weight:800;transition:.2s}.demo-tab span{opacity:.55;font-size:10px;margin-right:7px}.demo-tab.is-selected{background:white;color:#4e348b;box-shadow:0 5px 17px #39206312}.demo-stage{display:grid;grid-template-columns:.86fr 1.14fr;background:#eae2fb;border-radius:28px;min-height:381px;overflow:hidden}.demo-side{padding:50px 43px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.demo-label{color:#7157b0;font-size:10px;letter-spacing:.13em;font-weight:800}.demo-side h3{font-size:37px;line-height:1.12;margin:17px 0 15px;max-width:345px}.demo-side p{font-size:15px;max-width:365px;margin:0}.demo-flow{display:flex;align-items:center;gap:9px;margin-top:23px;flex-wrap:wrap}.demo-flow span{font-size:11px;background:#ffffff88;color:#7356ab;font-weight:800;border-radius:30px;padding:8px 10px}.demo-flow i{font-style:normal;color:#8e74c6}.demo-side-squiggle{position:absolute;bottom:-6px;left:-24px;font-size:56px;letter-spacing:-.2em;color:#d4c5f6}.demo-window{background:white;border-radius:18px;box-shadow:0 20px 55px #44306d18;margin:34px 34px 34px 0;min-height:315px;overflow:hidden;align-self:stretch}.demo-window-top{display:flex;gap:12px;align-items:center;background:#faf8fd;border-bottom:1px solid #f0ecf7;padding:16px 19px}.window-dots{display:flex;gap:4px}.window-dots i{background:#e3dbe9;width:7px;height:7px;border-radius:50%}.window-dots i:first-child{background:#eba5a5}.window-dots i:nth-child(2){background:#f0d58c}.window-title{font-weight:800;font-size:11px;color:#6c617c}.window-tag{margin-left:auto;font-size:9px;letter-spacing:.1em;font-weight:800;color:#967db7}.demo-panel{padding:23px 25px;min-height:251px}.demo-panel[hidden]{display:none!important}.panel-heading{font-weight:800;font-size:13px;margin:0 0 18px}.time-label{font-weight:700;color:#a197b0;font-size:11px}.sound-track{height:49px;display:flex;align-items:center;gap:5px;justify-content:center;border-radius:10px;background:#f7f2ff;margin-bottom:20px}.sound-track b{height:var(--h);width:5px;border-radius:6px;background:#9276ed}.demo-message{padding-left:14px;border-left:3px solid #a389e9;margin-bottom:13px}.demo-message:nth-child(4){border-color:#f1c68c}.demo-message span{color:#7057aa;font-size:10px;font-weight:800}.demo-message small{color:#aca4b8;font-weight:600;margin-left:8px}.demo-message p{font-size:13px;color:#434055;margin:5px 0 0;line-height:1.4}.demo-summary{background:#f5efff;border-radius:14px;padding:15px 18px;margin-bottom:16px}.summary-kicker{font-size:9px;color:#8566bb;letter-spacing:.1em;font-weight:800}.demo-summary h4{font-size:19px;margin:8px 0 7px}.demo-summary p{font-size:12px;line-height:1.4;margin:0}.two-details{display:grid;grid-template-columns:1fr 1fr;gap:11px}.two-details>div{border:1px solid #eee8f5;border-radius:13px;padding:12px 14px}.detail-head{font-size:9px;color:#866abc;letter-spacing:.08em;font-weight:800}.two-details p{font-size:12px;line-height:1.4;margin:8px 0 0;color:#444155}.sample-q{background:#ede7fb;color:#49396b;border-radius:15px 15px 4px 15px;padding:12px 16px;font-size:13px;margin:0 0 11px auto;max-width:80%;width:max-content}.sample-a{background:#f9f8fd;padding:12px 16px;border-radius:15px 15px 15px 4px;max-width:89%;margin-bottom:11px}.sample-a span{font-size:9px;color:#805bd5;font-weight:800;letter-spacing:.07em}.sample-a p{margin:7px 0 0;font-size:12px;line-height:1.55;color:#4d4560}.sample-q.alt,.sample-a.alt{margin-bottom:0}.translate-pills{display:flex;align-items:center;gap:10px;margin-bottom:17px}.translate-pills span{font-size:12px;font-weight:800;color:#7054b5;background:#f2ecfd;border-radius:20px;padding:7px 13px}.translate-pills span:nth-child(2){background:transparent;padding:0}.translation-result{border:1px solid #ede6f7;border-radius:14px;padding:12px 17px;margin-bottom:12px}.translation-result.english{background:#f4effd}.translation-result small{color:#9378bd;font-size:9px;letter-spacing:.08em;font-weight:800}.translation-result p{color:#3d364b;margin:4px 0 0;font-size:14px}.demo-disclaimer{font-size:12px;color:#938ba0;text-align:center;margin:15px 0 0}
/* Use Cases */
.use-case-section{background:#fff}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.use-card{background:#f7f4fd;border-radius:22px;min-height:249px;padding:27px 24px;display:flex;flex-direction:column;position:relative;transition:transform .2s}.use-card:hover{transform:translateY(-4px)}.use-card:nth-child(2){background:#fdf7ec}.use-card:nth-child(3){background:#edf7fb}.use-card:nth-child(4){background:#f7f2f7}.use-counter{font-size:10px;color:#8a7cac;letter-spacing:.11em;font-weight:800}.use-icon{font-size:35px;color:#8264d5;margin:15px 0 11px}.use-card h3{font-size:22px;margin:0 0 8px}.use-card p{font-size:13px;line-height:1.6;margin:0}
/* Testimonials */
.reviews-section{background:#f9f6ff}.reviews-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:33px}.reviews-head h2{margin:0}.reviews-aside{text-align:right;max-width:265px}.review-stars{color:#d49d40;font-size:21px;letter-spacing:.12em;white-space:nowrap}.reviews-aside p{font-size:12px;margin:8px 0}.reviews-aside a{font-size:12px;color:#6845cb;font-weight:800}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.review-card{margin:0;background:white;border:1px solid #eee5fa;border-radius:22px;padding:26px;min-height:232px;display:flex;flex-direction:column;box-shadow:0 9px 31px #56399309}.review-card.featured{background:#f0e9ff}.review-quote-symbol{font:80px Georgia,serif;color:#9e86e1;line-height:.55;height:44px}.review-card blockquote{margin:0 0 25px;font:italic 24px/1.36 Georgia,serif;letter-spacing:-.045em;color:#38284e;flex:1}.review-card figcaption{display:flex;align-items:center;gap:11px}.review-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e8defc;color:#6c49c0;font-weight:800;font-size:12px}.review-card strong{display:block;font-size:12px}.review-card small{display:block;font-size:11px;color:#8f839d;margin-top:2px}.review-disclosure{font-size:11px;line-height:1.6;color:#90879e;margin:18px 0 0}
/* Pricing */
.plans-section{background:white}.plans-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.plans-layout h2{font-size:clamp(38px,4vw,57px);margin:0 0 21px}.plans-layout>div:first-child>p:not(.eyebrow){max-width:420px}.plans-stack{display:grid;gap:12px}.plan{border:1px solid #eae4f5;border-radius:18px;padding:21px;display:flex;align-items:center;gap:17px;background:#fff}.plan.premium{background:#f3eefd;border-color:#e3d9f8}.plan-mark{flex:none;background:#eee9f8;color:#7755cc;border-radius:12px;width:41px;height:41px;display:grid;place-items:center;font-weight:800}.plan h3{font-size:19px;letter-spacing:-.03em;margin:0 0 5px}.plan p{font-size:12px;line-height:1.45;margin:0}.plan-chip{margin-left:auto;white-space:nowrap;background:#fff;color:#6e4cb6;border:1px solid #e0d6f1;padding:7px 10px;font-size:10px;font-weight:800;border-radius:30px}.plan-disclaimer{font-size:11px;line-height:1.5;margin:3px 3px 0;color:#9a90a7}
/* FAQ */
.faq-section{background:#fcf9ff}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:start}.faq-layout h2{margin-bottom:17px}.faq-layout>div:first-child>p:last-child{font-size:16px}.faq-items details{border-bottom:1px solid #e8e1f0;padding:20px 0}.faq-items details:first-child{padding-top:0}.faq-items summary{cursor:pointer;list-style:none;font-size:15px;font-weight:800;position:relative;padding-right:30px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:'+';color:#7b5cc7;position:absolute;right:1px;top:-4px;font-size:23px;font-weight:400}.faq-items details[open] summary:after{content:'−'}.faq-items details p{font-size:13px;line-height:1.75;margin:13px 25px 0 0}.faq-items details a{color:#6544bf;text-decoration:underline}
/* CTA */
.last-cta{background:#24163d;overflow:hidden;color:white;position:relative}.last-cta-inner{text-align:center;position:relative;overflow:hidden;padding:94px 0 103px}.cta-glow{position:absolute;background:radial-gradient(circle,#7e52e755,transparent 69%);height:530px;width:640px;left:50%;top:-200px;transform:translateX(-50%);pointer-events:none}.cta-eyebrow{display:block;color:#c4aaf8;letter-spacing:.16em;font-size:11px;font-weight:800;position:relative}.last-cta h2{font-size:clamp(40px,4.7vw,68px);max-width:850px;margin:21px auto;position:relative}.last-cta h2 em{font-family:Georgia,serif;font-weight:400;color:#cfbaff}.last-cta p{color:#c7bcd5;margin-bottom:25px}.cta-actions{justify-content:center}.button-white{color:#24183b;background:white}.button-ghost{color:white;border:1px solid #8971aa}.last-cta-note{display:block;margin-top:21px;font-size:11px;color:#b3a4c7}
/* Footer */
.footer{background:#181327;color:#fff}.footer-upper{padding:58px 0 55px;display:flex;justify-content:space-between;gap:40px}.footer-brand{font-size:24px}.footer-upper>div:first-child p{font-size:13px;color:#b4a8c3;margin:17px 0 0}.footer-columns{display:flex;gap:95px}.footer-columns>div{display:grid;gap:13px;align-content:start}.footer-columns h3{font-size:12px;letter-spacing:.09em;color:#a995bd;margin:0 0 8px}.footer-columns a{font-size:13px;color:#ddd4e6}.footer-columns a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #30283f;padding:22px 0;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#a79bb6}
@media(max-width:1020px){.shell{width:min(100% - 50px,1180px)}.nav{gap:15px}.nav a{font-size:12px}.hero-layout{grid-template-columns:1.04fr .96fr;gap:4px}.hero h1{font-size:clamp(48px,5.7vw,70px)}.hero-visual{transform:scale(.87);transform-origin:center}.bento{grid-template-columns:1fr 1fr}.bento-large{grid-row:span 2}.story-layout{gap:45px}.demo-side{padding:37px 28px}.demo-side h3{font-size:31px}.use-grid{grid-template-columns:repeat(2,1fr)}.plans-layout{gap:32px}.faq-layout{gap:40px}}
@media(max-width:760px){.shell{width:calc(100% - 38px)}.site-header{height:70px}.brand{font-size:22px}.brand-icon{width:33px;height:33px}.header-cta{margin-left:auto;font-size:12px;padding:11px 15px}.menu-toggle{display:flex!important;border:0;background:transparent;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:21px;height:2px;border-radius:3px;background:#34294e}.nav{display:none;position:absolute;left:0;top:69px;right:0;background:white;border-bottom:1px solid #e8dff1;padding:21px 27px 25px;flex-direction:column;align-items:stretch;box-shadow:0 19px 25px #4d30731c;gap:21px}.nav.is-open{display:flex}.nav a{font-size:15px}.nav-mobile-download{display:block!important;color:#6444ba!important}.hero-layout{grid-template-columns:1fr;padding:58px 0 56px;min-height:0;gap:20px}.hero h1{font-size:clamp(45px,9vw,68px);margin:19px 0}.hero-description{font-size:16px;max-width:590px}.hero-visual{min-height:470px;margin-top:8px;transform:scale(.91);transform-origin:top center}.visual-halo{left:10%}.float-insights{right:5%}.float-followup{left:3%}.capabilities-inner{display:grid;grid-template-columns:repeat(2,1fr);row-gap:14px;padding:19px 0}.capabilities span{font-size:12px}.section{padding:75px 0}.section-title-row{display:block;margin-bottom:28px}.section-title-row h2{margin-bottom:18px}.intro-copy{max-width:570px}.bento{grid-template-columns:1fr 1fr}.bento-large{grid-column:1/-1;grid-row:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;align-content:start;column-gap:20px}.bento-large .feature-glyph{grid-column:1/-1}.bento-large h3{grid-column:1;grid-row:2}.bento-large>p{grid-column:1;grid-row:3}.bento-large .insight-example{grid-column:2;grid-row:2/4;margin-top:0}.story-layout{grid-template-columns:1fr;gap:24px}.story-section{padding:73px 0}.story-section h2{max-width:640px}.story-steps{grid-template-columns:repeat(3,1fr);gap:12px}.story-steps>article{padding-left:15px}.demo-stage{grid-template-columns:1fr}.demo-side{padding:30px}.demo-side h3{font-size:29px;margin:9px 0}.demo-side-squiggle{display:none}.demo-flow{margin-top:10px}.demo-window{margin:0 20px 21px;min-height:315px}.demo-tabs{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr 1fr}.review-card:last-child{grid-column:1/-1;min-height:0}.plans-layout,.faq-layout{grid-template-columns:1fr;gap:25px}.faq-layout h2{margin-bottom:12px}.footer-columns{gap:35px}}
@media(max-width:510px){h2{font-size:38px}.hero h1{font-size:clamp(44px,10.5vw,55px)}.hero-description{font-size:15px}.action-row{gap:9px}.button{padding:13px 14px;font-size:12px}.button-icon{width:18px;height:18px}.hero-visual{transform:scale(.79);min-height:430px;margin:0 -25px;transform-origin:center top}.hero-dots{right:-9%}.float-followup{left:-3%}.float-insights{right:-4%}.capabilities span{font-size:11px}.bento{grid-template-columns:1fr}.bento-card,.bento-large{min-height:0;padding:27px}.bento-large{display:block}.bento-large .insight-example{margin-top:24px}.bento-card h3{font-size:24px}.story-steps{grid-template-columns:1fr}.story-section h2{font-size:41px}.demo-tabs{gap:4px;padding:5px}.demo-tab{font-size:11px;padding:12px 6px}.demo-tab span{margin-right:3px}.demo-side{padding:25px 22px}.demo-flow{gap:5px}.demo-flow span{font-size:10px}.demo-window{margin:0 10px 11px}.demo-panel{padding:19px 16px}.window-title{font-size:10px}.window-tag{font-size:8px}.use-grid,.review-grid{grid-template-columns:1fr}.use-card{min-height:190px}.review-card:last-child{grid-column:auto}.reviews-head{display:block}.reviews-aside{text-align:left;margin-top:18px}.review-stars{font-size:19px}.review-card{min-height:200px}.plan{flex-wrap:wrap}.plan-chip{margin-left:auto}.footer-upper{flex-direction:column}.footer-columns{gap:32px}.footer-bottom{flex-direction:column;text-align:center}.last-cta-inner{padding:75px 0}.last-cta h2{font-size:38px}.phone-shell{width:273px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* VoiceFold product media, v4 — replaces earlier overlapping responsive overrides */
.brand-app-icon{display:block;width:42px;height:42px;flex:none;object-fit:contain;border-radius:12px;background:#1c1c20;box-shadow:0 2px 10px #31294b22}
.brand-dot,.brand-icon{display:none!important}
.hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.hero-copy,.hero-visual,.demo-stage,.demo-window,.shot-gallery{min-width:0}
.hero-screenshot-showcase{position:relative;isolation:isolate;min-height:650px;overflow:hidden;transform:none}
.shot-card{position:absolute;margin:0;padding:8px;border:1px solid #e5daef;border-radius:31px;background:#171320;box-shadow:0 20px 46px rgba(55,37,95,.23);overflow:hidden}
.shot-primary{width:55%;max-width:295px;left:10%;top:6px;transform:rotate(-5deg);z-index:3}
.shot-secondary{width:49%;max-width:260px;right:1%;top:163px;transform:rotate(6deg);z-index:2}
.shot-card .app-shot{display:block;width:100%;height:auto;aspect-ratio:941/2048;object-fit:contain;border-radius:24px}
.hero-screenshot-showcase .float-insights,.hero-screenshot-showcase .float-followup{display:none}
.preview-disclaimer{bottom:0;right:0;left:0;text-align:center;max-width:none;font-size:10px}



/* VoiceFold 5: responsive product presentation and accessible legal links */
html{scroll-padding-top:118px}
#screenshots,#experience,#legal{scroll-margin-top:118px}
.brand-app-icon{display:block;object-fit:contain;width:42px;height:42px;border-radius:12px;background:#1d1b20;flex:none}
.hero-screenshot-showcase{min-height:690px;position:relative;overflow:hidden;width:100%;isolation:isolate}
.shot-card{position:absolute;margin:0;padding:8px;overflow:hidden;box-shadow:0 25px 65px rgba(54,31,93,.17);background:#19171e;border-radius:29px;max-width:none}
.shot-primary{width:52%;left:9%;top:17px;transform:rotate(-5deg)}
.shot-secondary{width:47%;right:4%;top:158px;transform:rotate(5deg)}
.shot-card .app-shot{display:block;width:100%;height:auto;aspect-ratio:941/2048;object-fit:contain;border-radius:23px}
.hero-screenshot-showcase .float-insights,.hero-screenshot-showcase .float-followup,.preview-disclaimer{display:none}

/* Interactive feature area: screenshot keeps its natural aspect ratio */
.experience-section .centered-heading{max-width:780px;margin:0 auto 34px}
.experience-section .centered-heading p:last-child{max-width:650px;margin:0 auto}
.demo-tabs{margin:0 0 16px}
.demo-stage{display:grid;grid-template-columns:minmax(270px,335px) minmax(0,1fr);min-height:0;gap:0;background:#ebe3fb;border-radius:28px;overflow:hidden;border:1px solid #e4d8f7;align-items:stretch}
.demo-side{display:flex;flex-direction:column;justify-content:center;padding:34px 30px;align-self:stretch;min-width:0}
.demo-side h3{font-size:31px;max-width:290px;margin:16px 0}
.demo-side p{max-width:290px;line-height:1.65}
.demo-flow{margin-top:18px}
.demo-window{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;margin:22px 22px 22px 0;padding:12px 14px;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#faf8ff,#f2ecfa);box-shadow:0 13px 38px #4a337515}
.demo-panel.image-panel{min-width:0;width:100%;min-height:0;padding:10px 8px 12px;background:transparent;text-align:center}
.demo-panel[hidden]{display:none!important}
.demo-screenshot{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:465px!important;object-fit:contain;aspect-ratio:auto;margin:auto;border-radius:20px;box-shadow:0 12px 30px rgba(30,22,48,.14)}
.demo-disclaimer{max-width:650px;margin:13px auto 0;color:#8b8199;font-size:12px}

/* Gallery: full phones in independent frames. No links or clickable image distractions. */
.screenshot-gallery-section{background:#fff;padding-top:110px;padding-bottom:112px;overflow:visible}
.screenshot-gallery-section .section-title-row{align-items:end;margin-bottom:45px}
.screenshot-gallery-section .intro-copy{max-width:440px}
.shot-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.gallery-shot{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0;margin:0;border:1px solid #e9e3f4;border-radius:25px;padding:14px 13px 20px;background:#fcfaff;box-shadow:0 10px 30px rgba(50,33,80,.05)}
.gallery-device{display:flex;justify-content:center;align-items:center;width:100%;min-width:0;height:355px;padding:12px 14px;background:linear-gradient(155deg,#f2eafa,#faf8ff);border-radius:20px;overflow:hidden}
.gallery-shot img.app-shot{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain;aspect-ratio:auto;border-radius:16px;box-shadow:0 10px 26px rgba(22,13,37,.12)}
.gallery-shot figcaption{margin:17px 0 0;font-weight:800;font-size:14px;line-height:1.5;text-align:center;color:#2d2440}
.screenshot-gallery-section .section-footnote{color:#89829a;font-size:12px;margin:24px 0 0}

/* Legal resources */
.legal-section{background:linear-gradient(180deg,#fff 0%,#fbf9ff 100%)}
.legal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.legal-card{display:flex;flex-direction:column;min-width:0;padding:30px 27px;border:1px solid #ebe4f3;border-radius:23px;background:#fff;box-shadow:0 10px 30px rgba(50,33,80,.04);transition:border-color .15s ease,transform .15s ease}
.legal-card:hover{border-color:#bba6e6;transform:translateY(-2px)}
.legal-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f0eaff;color:#7447c8;font-size:26px;font-weight:700;margin-bottom:25px}
.legal-card h3{font-size:22px;margin:0 0 10px}
.legal-card p{font-size:14px;line-height:1.65;margin:0 0 26px}
.legal-card-link{display:inline-flex;gap:7px;margin-top:auto;color:#6b47bb;font-weight:800;font-size:13px}
.legal-note{font-size:12px;color:#8d819a;margin:22px 0 10px}
.legal-overview-link{font-weight:800;color:#6b47bb;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.legal-hub-page{min-height:100vh;background:#fbf9ff}
.legal-hub-hero{padding:116px 0 65px;background:linear-gradient(135deg,#faf6ff,#fff)}
.legal-hub-hero h1{font-size:clamp(44px,5vw,70px);line-height:1.1;margin:0 0 18px}
.legal-hub-hero p:not(.eyebrow){font-size:17px;max-width:680px}
.legal-hub-links{padding:50px 0 90px}
.legal-hub-back{display:inline-block;margin-top:30px;font-size:14px;font-weight:800;color:#6949b0}
.legal-hub-page .brand{align-items:center}

@media(max-width:1080px){
  .shot-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-device{height:405px}
  .demo-stage{grid-template-columns:minmax(225px,290px) minmax(0,1fr)}
  .shot-primary{left:4%;width:58%}
  .shot-secondary{right:0;top:165px;width:50%}
}
@media(max-width:760px){
  .hero{overflow:hidden}
  .hero-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0}
  .hero-visual.hero-screenshot-showcase{width:100%;min-height:520px;margin:0;transform:none!important;overflow:hidden}
  .shot-primary{width:55%;left:10%;top:8px}
  .shot-secondary{width:48%;right:6%;top:127px}
  .demo-stage{display:grid;grid-template-columns:minmax(0,1fr)}
  .demo-side{padding:28px 25px 18px;justify-content:flex-start;align-self:auto}
  .demo-side h3{max-width:none;font-size:29px;margin:8px 0}
  .demo-side p{max-width:none}
  .demo-window{margin:0 15px 15px;padding:7px;min-height:0}
  .demo-screenshot{max-height:430px!important}
  .screenshot-gallery-section{padding-top:85px;padding-bottom:85px}
  .shot-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .gallery-device{height:365px;padding:12px}
  .legal-grid{grid-template-columns:1fr;gap:12px}
  .legal-card{padding:24px}
}
@media(max-width:520px){
  .hero-visual.hero-screenshot-showcase{min-height:465px}
  .shot-primary{width:56%;left:7%;top:11px}
  .shot-secondary{width:49%;right:5%;top:114px}
  .shot-card{padding:5px;border-radius:19px}
  .shot-card .app-shot{border-radius:16px}
  .demo-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:5px}
  .demo-side{padding:22px 20px 12px}
  .demo-side h3{font-size:26px}
  .demo-window{margin:0 10px 12px}
  .demo-panel.image-panel{padding:8px}
  .demo-screenshot{max-height:405px!important;border-radius:16px}
  .shot-gallery{grid-template-columns:1fr;gap:17px}
  .gallery-shot{padding:15px 13px 20px}
  .gallery-device{height:420px;padding:15px}
  .gallery-shot figcaption{font-size:15px}
  .screenshot-gallery-section .section-title-row{margin-bottom:29px}
  .legal-hub-hero{padding:70px 0 48px}
}
@media(max-width:350px){
  .hero-visual.hero-screenshot-showcase{min-height:430px}
  .shot-primary{width:56%;left:5%;top:4px}
  .shot-secondary{width:48%;right:4%;top:104px}
  .gallery-device{height:390px}
}
@media(prefers-reduced-motion:reduce){.legal-card{transition:none}}

/* Small-phone navigation fits without horizontal overflow */
@media(max-width:520px){
  .header-inner{gap:8px;min-width:0}
  .brand{font-size:19px;gap:7px;min-width:0;white-space:nowrap}
  .brand-app-icon{width:32px;height:32px;border-radius:9px}
  .header-cta{margin-left:auto;padding:10px 12px;font-size:11px;white-space:nowrap}
  .menu-toggle{width:36px!important;min-width:36px;height:36px;flex:none}
}
@media(max-width:350px){.header-cta{display:none}}
/* Keep oversized decorative hero glow from affecting tablet page width. */
.hero{overflow:hidden}
/* Tablet navigation switches to compact menu before link labels crowd out. */
@media (min-width:761px) and (max-width:900px){
 .header-inner{gap:14px}
 .header-cta{margin-left:auto;padding:12px 17px}
 .menu-toggle{display:flex!important;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;background:transparent;cursor:pointer;flex:none}
 .menu-toggle span{display:block;width:21px;height:2px;border-radius:3px;background:#34294e}
 .nav{display:none;position:absolute;left:0;right:0;top:82px;background:white;border-bottom:1px solid #e8dff1;padding:21px 28px 25px;flex-direction:column;align-items:stretch;box-shadow:0 19px 25px #4d30731c;gap:19px}
 .nav.is-open{display:flex}
 .nav a{font-size:15px}
 .nav-mobile-download{display:block!important;color:#6444ba!important}
}


/* v7: Accent colors and app-icon fidelity — sampled from the VoiceFold recording CTA. */
.brand-app-icon {
  display:block;
  background:#501c9e; /* Fallback only: exact gradient is embedded in the supplied app icon. */
  border-radius:12px;
  object-fit:cover;
  box-shadow:0 4px 12px rgba(84,33,167,.16);
}
.header-cta,
.button.button-dark,
.button.button-white {
  color:#fff;
  background-color:#772fe7;
  background-image:linear-gradient(105deg,var(--vf-purple-light) 0%,var(--vf-purple-dark) 100%);
  border:1px solid transparent;
  box-shadow:0 10px 24px rgba(109,40,217,.19);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.header-cta:hover,
.button.button-dark:hover,
.button.button-white:hover {
  color:#fff;
  background-image:linear-gradient(105deg,#986eff 0%,#762ce2 100%);
  box-shadow:0 14px 28px rgba(109,40,217,.28);
  transform:translateY(-2px);
}
.header-cta:active,
.button.button-dark:active,
.button.button-white:active { transform:translateY(0); filter:brightness(.97); }
.button.button-outline {
  background:#fff;
  color:#6030be;
  border:1px solid #cfbafc;
  box-shadow:none;
}
.button.button-outline:hover {
  color:#5422ad;
  background:#f7f2ff;
  border-color:#b48ff7;
  box-shadow:0 10px 22px rgba(108,57,202,.10);
}
.button.button-ghost { border:1px solid #a782df; color:#fff; }
.button.button-ghost:hover { background:#ffffff18; border-color:#e2ceff; }
.header-cta:focus-visible,
.button:focus-visible { outline:3px solid #b895ff; outline-offset:3px; }
@media(prefers-reduced-motion:reduce){
  .header-cta,.button.button-dark,.button.button-white{transition:none;}
}