@font-face{font-family:Outfit;src:url('assets/outfit-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--red:#b8323e;--red-hover:#9a232e;--rose:#faf1f2;--ink:#171719;--muted:#5d5b61;--line:#e8e5e7;--paper:#fff;--radius:16px;--gap:24px;color-scheme:light;font-family:Outfit,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:17px;line-height:1.6;scroll-behavior:smooth;scroll-padding-top:130px}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}::selection{background:#f7b5bc;color:#171719}:focus-visible{outline:3px solid var(--red);outline-offset:4px}button:focus-visible,.button:focus-visible{outline-offset:5px}textarea{caret-color:var(--red)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#bbb4b8;border:3px solid white;border-radius:6px}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;display:block}button{border:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.03em;text-wrap:balance}h1{font-size:clamp(3rem,4.8vw,4.2rem);font-weight:650;margin-bottom:28px}h2{font-size:clamp(2rem,3.7vw,3rem);font-weight:600;margin-bottom:24px}h3{font-size:1.6rem;font-weight:550;margin-bottom:18px}p{margin-bottom:20px}em{font-style:normal;color:var(--red)}.wrap{max-width:1168px;margin-inline:auto;padding-inline:24px}.narrow{max-width:850px}.fine{font-size:.79rem;line-height:1.6;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:white;min-height:48px;padding:12px 24px;border-radius:8px;font-weight:550;line-height:1.3;text-align:center;transition:background .18s ease}.button:hover{background:var(--red-hover);text-decoration:none}.button.small{font-size:.88rem;min-height:44px;padding:10px 18px}.button.dark{background:var(--ink)}.button.dark:hover{background:#38353b}.button.white{background:white;color:var(--red)}.button.white:hover{background:#ffe4e7}.text-link,.text-button{color:var(--red);font-weight:550;background:transparent;padding:0;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}.text-link:hover,.text-button:hover{color:var(--red-hover)}.skip{position:fixed;top:-100px;left:16px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:8px}.preview-ribbon{background:var(--rose);color:#7e1925;display:flex;align-items:center;justify-content:center;gap:32px;min-height:40px;padding:4px 20px;font-size:.74rem;border-bottom:1px solid #f4d9dd}.ribbon-button{background:transparent;color:#7e1925;font-size:.74rem;min-height:32px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.header{display:flex;justify-content:space-between;align-items:center;height:92px;gap:24px;background:white;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:4px;font-size:1.45rem;font-weight:650;letter-spacing:-.03em;white-space:nowrap}.brand>span:first-of-type,.brand>.brand-num{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--red);border:1.5px solid var(--red);width:28px;height:28px;border-radius:50%;font-size:.82em;font-weight:650;letter-spacing:-.02em;margin-left:5px;line-height:1;box-shadow:none;transition:transform .2s ease,border-color .2s ease;flex-shrink:0}.brand:hover>span:first-of-type,.brand:hover>.brand-num{transform:scale(1.06);border-color:var(--red-hover);color:var(--red-hover);box-shadow:none}.brand img{margin-right:6px;border-radius:8px}.demo-side .brand>span{width:24px;height:24px;font-size:.76em;margin-left:4px}.phone>.brand>span{width:22px;height:22px;font-size:.72em;margin-left:4px}.header nav{display:flex;align-items:center;gap:28px;font-size:.88rem}.nav-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:56px;align-items:center;padding-block:78px 90px}.hero-copy>p{max-width:40ch;color:var(--muted);font-size:1.12rem}.hero-copy .fine{font-size:.78rem;margin-top:18px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}.hero-stage{background:var(--red);border-radius:20px;padding:46px 30px 25px;min-width:0}.mini-app{background:white;border-radius:12px;box-shadow:0 22px 48px #68101c44;transform:rotate(-2deg);transform-origin:center}.window-bar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.7rem}.window-bar strong{color:var(--ink);font-weight:550}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;background:#d7d1d4;border-radius:50%}.mini-content{padding:22px}.record-state{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--red);font-weight:550}.record-state svg{width:16px;height:20px}.spoken{font-size:1.05rem;line-height:1.5;margin-block:18px 22px}.draft{background:var(--rose);padding:16px;border-radius:8px}.draft>span{font-size:.65rem;color:var(--red);font-weight:600}.draft p{font-size:.94rem;line-height:1.5;margin:8px 0 0}.app-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.local-dot{font-size:.65rem;color:var(--muted)}.local-dot:before{content:'';display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:5px}.tiny-button{background:var(--red);color:white;min-height:32px;padding:5px 12px;border-radius:5px;font-size:.7rem}.shortcut-note{color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:26px;font-size:.7rem}.shortcut-note>span{margin-left:8px}kbd{font:inherit;border:1px solid #ffffff88;border-bottom-width:2px;border-radius:4px;min-width:26px;padding:1px 6px;text-align:center}.apps{text-align:center;padding-block:28px 78px}.apps h2{font-size:1.35rem;font-weight:500;letter-spacing:-.02em}.app-names{display:flex;justify-content:center;flex-wrap:wrap;gap:22px 40px;margin:28px 0;color:#39363c;font-size:1.12rem;font-weight:550}.apps .fine{max-width:70ch;margin-inline:auto}.walkthrough{padding-block:44px 95px;text-align:center}.section-intro{max-width:54ch;margin:0 auto 30px;color:var(--muted);text-align:center}.demo-shell{display:grid;grid-template-columns:170px minmax(0,1fr);max-width:900px;margin:44px auto 0;background:white;border-radius:16px;box-shadow:0 18px 65px #63101c19;text-align:left}.demo-side{background:var(--rose);padding:28px 16px;border-radius:16px 0 0 16px;display:flex;flex-direction:column;gap:12px;font-size:.82rem;color:#6d4f54}.demo-side .brand{font-size:1.14rem;margin-bottom:24px;color:var(--ink)}.demo-side>span{padding:8px;border-radius:6px}.demo-side .selected{background:#f7d7dc;color:var(--red);font-weight:550}.demo-main{padding:30px;min-width:0}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.demo-top strong{font-size:1.05rem;font-weight:550}.sample-label,.concept-label{font-size:.7rem;font-weight:550;color:#8e1926;background:#ffe7eb;padding:4px 9px;border-radius:5px;display:inline-block}.sample-label{white-space:nowrap}.sample-tabs,.billing-switch{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:#f4f2f3;border-radius:8px;margin-bottom:22px;max-width:100%}.sample-tabs button,.billing-switch button{min-height:40px;background:transparent;color:var(--muted);border-radius:5px;padding:8px 16px;font-size:.85rem}.sample-tabs button.active,.billing-switch button.active{background:white;color:var(--red);box-shadow:0 2px 5px #3018200c}.demo-label{font-size:.76rem;font-weight:550;display:block;margin-bottom:10px}.demo-main textarea{display:block;width:100%;resize:vertical;min-height:105px;padding:15px;border:1px solid #d9d2d6;border-radius:8px;color:var(--ink);background:#fdfcfc;font-size:.94rem;line-height:1.6;margin-bottom:22px}.demo-instruction{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;font-size:.82rem}.demo-instruction span{color:var(--muted)}.demo-instruction strong{font-weight:450}.demo-result{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.demo-result p{font-size:1.08rem;white-space:pre-line}.demo-result-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.demo-main .fine{margin:18px 0 0}.feature-section{padding-block:60px 85px}.feature-section>h2,.comparison>h2,.social>h2,.use-cases>h2,.benefits>h2,.pricing>h2,.teams>h2,.faq>h2,.release>h2,.privacy-faq>h2{text-align:center}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}.feature{background:#faf9f9;border-radius:16px;padding:32px;min-width:0}.feature h3{font-size:1.45rem}.feature p{color:var(--muted);max-width:48ch;font-size:.95rem}.feature.rose,.rose{background:var(--rose)}.feature-symbol{display:block;color:var(--red);font-size:2rem;font-weight:450;line-height:1;margin-bottom:24px}.feature-wide{display:flex;gap:24px}.feature-wide>div{min-width:0}.floating-lines{display:none}.large-icon{width:64px;height:64px;stroke-width:2;color:var(--red);margin-bottom:16px}.language-sample{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px;color:var(--red);font-size:.85rem}.language-sample span{background:white;padding:5px 12px;border-radius:6px}.comparison{padding-block:40px 80px}.table-wrap{max-width:900px;margin:auto;border:1px solid var(--line);border-radius:12px}.table-wrap table{border-collapse:collapse;width:100%;font-size:.85rem;table-layout:fixed}.table-wrap caption{position:absolute;width:1px;height:1px;clip-path:inset(50%)}th,td{padding:15px 20px;text-align:left;overflow-wrap:anywhere}thead th{background:#f7f5f6;color:#555057;font-weight:500;font-size:.8rem}thead th:first-child{width:44%;border-radius:12px 0 0 0}thead th:last-child{border-radius:0 12px 0 0}tbody th{font-weight:400}tbody tr+tr{border-top:1px solid var(--line)}tbody td:nth-child(2){background:var(--rose);color:var(--red);font-weight:500}.comparison>.fine{text-align:center;max-width:75ch;margin:20px auto 0}.privacy-faq{padding-block:35px 80px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{list-style:none;cursor:pointer;position:relative;padding-right:28px;font-size:1rem;font-weight:450;min-height:32px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.2rem;color:var(--red);position:absolute;right:2px;top:-2px}details[open]>summary:after{content:'−'}details p{color:var(--muted);margin:14px 26px 0 0;font-size:.94rem}.offline{padding-block:30px 70px}.split-stage{padding:52px;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.section-copy p{color:var(--muted)}.section-copy h2{font-size:2.65rem}.check-list{list-style:none;padding:0;margin:24px 0}.check-list li{position:relative;padding-left:23px;margin:10px 0;font-size:.9rem}.check-list li:before{content:'';position:absolute;left:2px;top:8px;width:7px;height:12px;border:solid var(--red);border-width:0 2px 2px 0;transform:rotate(45deg)}.offline-window{background:white;box-shadow:0 18px 45px #5d0b1920;border-radius:12px;transform:rotate(2deg);min-width:0}.model-row{display:grid;padding:20px 24px;gap:4px;border-bottom:1px solid var(--line)}.model-row strong{font-weight:550}.model-row>span{font-size:.85rem;color:var(--muted)}.model-row .ready,.ready{font-size:.7rem;color:#8e1926;background:var(--rose);padding:4px 10px;border-radius:4px;width:fit-content;margin-top:8px}.offline-window>.fine{padding:15px 24px;margin:0}.social{padding-block:50px 70px;text-align:center}.proof-number{font-size:clamp(2.8rem,5vw,4.1rem);font-weight:600;letter-spacing:-.04em;color:var(--red);line-height:1.2}.social>p{margin-top:10px;color:var(--muted)}.story-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:left;gap:24px;margin-top:36px}.story-row blockquote{padding:24px;margin:0;background:#faf8f9;border-radius:12px;font-size:.95rem}.story-row blockquote footer{font-size:.72rem;color:var(--muted)}.cta-band{background:var(--red);color:white;border-radius:16px;text-align:center;padding:58px 30px;margin-block:30px 60px}.cta-band h2{font-size:clamp(2rem,3.3vw,2.8rem)}.cta-band p{color:#ffe0e4}.cta-band .fine{display:block;color:#ffe0e4;margin-top:16px}.mobile{padding-block:20px 70px}.mobile .split-stage{background:#faf8f9}.concept-label{margin-bottom:18px}.store-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 12px}.store-buttons button{min-height:48px;padding:10px 18px;background:var(--ink);color:white;border-radius:6px;font-size:.85rem}.phone-stage{display:flex;align-items:center;justify-content:center;min-width:0}.phone{background:white;border:7px solid #231f23;border-radius:38px;width:260px;max-width:100%;padding:22px 17px 28px;box-shadow:0 22px 40px #25131c15;text-align:center;position:relative;transform:rotate(5deg)}.phone:before{content:'';display:block;background:#231f23;border-radius:20px;width:65px;height:14px;margin:-12px auto 12px}.phone-time{display:block;font-size:.65rem;text-align:left;margin:-23px 0 28px}.phone>.brand{font-size:1rem;margin-bottom:20px}.phone h3{font-size:1.45rem}.phone-note{background:#f5f3f4;text-align:left;padding:12px;margin-block:12px;border-radius:9px;font-size:.78rem;line-height:1.4}.phone-note.pink-note{background:var(--rose);color:#8e1926}.phone>button{background:var(--red);color:white;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:24px auto 10px}.phone>.fine{font-size:.65rem}.use-cases{padding-block:40px 40px}.use-row{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;padding-block:50px;border-bottom:1px solid var(--line)}.use-row.reverse .section-copy{order:2}.use-row.reverse .use-visual{order:1}.section-copy>ul{padding-left:22px;color:var(--muted);font-size:.9rem}.section-copy>ul li{margin-block:9px}.use-visual{border-radius:12px;background:var(--rose);min-width:0;box-shadow:0 10px 30px #36131c0b}.use-visual>.window-bar{background:#f5f2f3;border-radius:12px 12px 0 0}.use-visual>div:not(.window-bar){padding:28px}.use-visual p{font-size:.95rem;line-height:1.6}.use-visual hr{border:0;border-top:1px solid #e7d7db;margin:16px 0}.mail>div>span:first-child{font-size:.78rem;color:var(--muted)}.document{background:#fffaf8;border:1px solid #f2e9e7;box-shadow:none}.document h4{font-size:1.4rem;line-height:1.2;font-weight:500}.text-lines{display:grid;gap:10px;margin-block:24px}.text-lines i{height:6px;background:#e8deda;border-radius:3px}.text-lines i:last-child{width:75%}.small-record{display:block;width:fit-content;margin-top:25px;padding:9px 14px;border-radius:6px;background:var(--red);color:white;font-size:.72rem}.chat{background:#f8f7f8}.chat-question{background:#ffe0e5;padding:18px;border-radius:14px 14px 2px 14px;max-width:88%;margin-left:auto}.chat-answer{max-width:80%;padding:15px 0}.code{background:#242128;color:#fff}.code>.window-bar{background:#302c34;border-color:#44404a;color:#d7cdd9}.code .window-bar strong{color:white}.code pre{font:400 .86rem/1.9 Outfit,Arial,sans-serif;padding:32px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#f2e3e8}.code code{font:inherit}.benefits{padding-block:75px 50px}.benefit-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:44px}.benefit-columns article{padding:26px 0;border-top:3px solid var(--red)}.benefit-columns h3{font-size:1.35rem}.benefit-columns p{font-size:.95rem;color:var(--muted)}.pricing{text-align:center;padding-block:75px 20px}.concept-notice{max-width:65ch;margin:0 auto 26px;font-size:.82rem;color:#8e1926}.billing-switch{margin-bottom:28px}.trial-strip{max-width:550px;margin:0 auto 35px;padding:24px 16px;border-block:1px solid var(--line)}.trial-strip strong{font-size:1.2rem;font-weight:550}.trial-strip p{font-size:.82rem;color:var(--muted);margin:6px 0}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:auto;text-align:left}.price-card{border:1px solid var(--line);border-radius:16px;padding:32px}.price-card>p{color:var(--muted);font-size:.9rem}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;margin:24px 0 6px}.price>span{font-size:2.8rem;line-height:1.2;letter-spacing:-.035em;font-weight:550}.price>small{font-size:.85rem;color:var(--muted)}.price-card>.button{width:100%;margin-top:12px}.teams{text-align:center;padding-block:60px}.teams>p{max-width:48ch;margin-inline:auto;color:var(--muted)}.team-plan{text-align:left;max-width:550px;margin:30px auto 0;padding:30px;border:1px solid var(--line);border-radius:16px}.team-plan h3{margin-bottom:10px}.team-plan p{font-size:.9rem;color:var(--muted)}.team-plan .button{width:100%}.release{padding-block:35px 65px}.release>p{max-width:65ch;color:var(--muted)}.release-list{margin:30px 0}.release-list>div{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:.88rem}.release-list dt{font-weight:550}.release-list dd{margin:0;color:var(--muted)}.faq{padding-block:20px 90px}.footer{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;padding-block:50px 35px;border-top:1px solid var(--line);font-size:.84rem}.footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.footer h2{font-size:.9rem;line-height:1.5;letter-spacing:0;margin:0 0 8px;font-weight:550}.footer p{color:var(--muted);margin:8px 0}.footer a:not(.brand){min-height:28px}.footer .attribution{color:var(--red);font-weight:550}.footer .text-button{font-size:.84rem;min-height:28px}.footer-note{grid-column:1/-1;color:var(--muted);font-size:.72rem;margin:20px 0 0!important}.nav-toggle{background:transparent;min-height:44px;font-size:.9rem;align-items:center;gap:12px}.nav-toggle span{font-size:1.5rem;color:var(--red)}dialog{border:0;max-width:min(600px,calc(100vw - 32px));width:100%;max-height:calc(100dvh - 48px);padding:36px;border-radius:16px;color:var(--ink);background:white;box-shadow:0 24px 80px #27121e44}dialog::backdrop{background:#20101870}dialog h2{font-size:2rem;margin-right:20px}dialog p{color:var(--muted);font-size:.95rem}.close-dialog{position:absolute;right:12px;top:10px;min-width:44px;min-height:44px;color:var(--muted);background:transparent;font-size:1.5rem}.editor-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:24px}#section-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}#section-options label{display:flex;align-items:flex-start;gap:9px;font-size:.82rem;min-height:36px}#section-options input{accent-color:var(--red);margin-top:6px;width:17px;height:17px;flex-shrink:0}[hidden]{display:none!important}.legal{max-width:850px;padding-block:65px 100px}.legal h1{font-size:3rem}.legal h2{font-size:1.65rem;margin-top:36px}.legal p,.legal li{color:var(--muted)}.legal li{margin:12px 0}.legal a{color:var(--red);text-decoration:underline}.legal .notice{background:var(--rose);color:#8e1926;padding:20px;border-radius:10px}.legal nav{margin-top:35px;display:flex;gap:25px;flex-wrap:wrap}
@media(min-width:1300px){.hero{gap:75px}.feature-wide{grid-column:auto}.floating-lines{display:flex;flex-direction:column;align-self:center;gap:14px;max-width:40%}.floating-lines span{background:white;padding:12px;font-size:.72rem;box-shadow:0 7px 24px #35101c0a;transform:rotate(-5deg);border-radius:6px}.floating-lines .red-line{background:#ffe0e5;transform:rotate(5deg);color:#8e1926}.feature-wide>div:first-child{flex:1}}
@media(max-width:1050px){.header nav{gap:18px}.hero{gap:32px;padding-top:50px}.hero-stage{padding:35px 20px 22px}.hero-copy>p{font-size:1rem}.split-stage{padding:35px;gap:35px}.section-copy h2{font-size:2.2rem}.use-row{gap:38px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero h1{font-size:3.4rem}.hero-stage .window-bar>span:last-child{display:none}.footer{gap:25px}}
@media(max-width:850px){.header{height:78px}.nav-toggle{display:inline-flex}.header nav{display:none;position:absolute;top:78px;left:24px;right:24px;background:white;box-shadow:0 18px 40px #24121d18;padding:20px;border-radius:12px;align-items:stretch;flex-direction:column;gap:4px}.header nav.open{display:flex}.header nav>a{min-height:44px;display:flex;align-items:center;padding:8px 12px}.header nav .button{justify-content:center;margin-top:8px}.hero{gap:28px}.hero h1{font-size:2.8rem}.hero-stage{padding:30px 16px 22px}.mini-content{padding:18px}.spoken{font-size:.95rem}.draft p{font-size:.84rem}.shortcut-note{flex-wrap:wrap}.shortcut-note>span{flex-basis:100%;text-align:center;margin-top:6px}.demo-shell{grid-template-columns:145px 1fr}.demo-main{padding:24px}.demo-side{padding:24px 12px}.demo-top{flex-wrap:wrap;gap:8px}.feature{padding:25px}.split-stage{gap:28px;padding:30px}.phone{width:235px}.use-row{gap:30px}.use-visual>div:not(.window-bar){padding:22px}.benefit-columns{gap:25px}.footer{grid-template-columns:1.5fr 1fr 1fr}.footer>div:first-child{grid-column:1/-1}.footer-note{margin-top:0!important}}
@media(max-width:680px){:root{scroll-padding-top:70px}.wrap{padding-inline:22px}.preview-ribbon{justify-content:space-between;gap:12px;font-size:.68rem}.ribbon-detail{display:none}.hero{grid-template-columns:1fr;padding-block:38px 45px;gap:32px}.hero h1{font-size:clamp(2.9rem,9vw,3.7rem);max-width:15ch}.hero-copy>p{max-width:45ch;font-size:1.06rem}.hero-actions{flex-direction:row;align-items:center;gap:14px 20px}.hero-stage{padding:35px 26px 24px}.hero-stage .window-bar>span:last-child{display:block}.shortcut-note>span{flex-basis:auto;margin-top:0}.spoken{font-size:1.1rem}.draft p{font-size:1rem}.mini-content{padding:24px}.apps{padding-block:24px 45px}.app-names{gap:18px 25px}.apps h2{font-size:1.25rem}.walkthrough{padding-block:40px 55px}.demo-shell{display:block;margin-top:30px}.demo-side{display:none}.demo-main{padding:24px}.demo-top{gap:10px}.sample-tabs{width:100%}.sample-tabs button{flex:1;padding-inline:10px}.feature-section{padding-block:45px}.feature-grid{grid-template-columns:1fr;margin-top:30px;gap:18px}.feature{padding:28px}.comparison{padding-block:35px 45px}th,td{padding:14px 10px;font-size:.77rem;vertical-align:top}thead th{font-size:.72rem}thead th:first-child{width:42%}.privacy-faq{padding-block:30px 45px}.split-stage{grid-template-columns:1fr;padding:30px;gap:30px}.section-copy h2{font-size:2.35rem}.offline{padding-block:25px 40px}.offline-window{max-width:410px;width:100%;margin:0 auto}.social{padding-block:35px 40px}.story-row{grid-template-columns:1fr;gap:15px}.story-row blockquote{padding:24px}.story-row blockquote p{margin-bottom:12px}.cta-band{padding:40px 22px;margin-block:20px 40px}.cta-band h2{font-size:2.2rem}.mobile{padding-block:15px 40px}.phone{width:250px;transform:rotate(3deg)}.phone-stage{padding-block:10px}.use-cases{padding-block:30px 20px}.use-row{grid-template-columns:1fr;gap:28px;padding-block:35px}.use-row.reverse .section-copy,.use-row.reverse .use-visual{order:initial}.use-row .section-copy{max-width:50ch}.use-visual{max-width:480px;width:100%;margin-inline:auto}.benefits{padding-block:45px 25px}.benefit-columns{grid-template-columns:1fr;gap:0;margin-top:25px}.benefit-columns article{padding:23px 0;border-top-width:2px}.benefit-columns p{margin-bottom:0}.pricing{padding-block:50px 20px}.price-grid{grid-template-columns:1fr;max-width:440px}.price-card{padding:30px}.teams{padding-block:40px}.team-plan{padding:26px}.release{padding-block:25px 45px}.release-list>div{grid-template-columns:1fr;gap:4px;padding-block:14px}.faq{padding-block:20px 55px}.footer{grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:35px}.footer>div:first-child{grid-column:1/-1}.footer>div:last-of-type{grid-column:1/-1}.footer-note{max-width:44ch}.legal{padding-block:40px 70px}.legal h1{font-size:2.6rem}.header nav{left:22px;right:22px}.demo-main .button{max-width:100%}}
@media(max-width:370px){.wrap{padding-inline:18px}.header nav{left:18px;right:18px}.hero-stage{padding:24px 14px 20px}.mini-content{padding:18px}.mini-app .window-bar{padding-inline:13px}.hero-stage .window-bar>span:last-child{display:none}.hero h1{font-size:2.8rem}.hero-actions{align-items:flex-start;flex-direction:column}.shortcut-note{gap:4px}.shortcut-note>span{font-size:.65rem}.split-stage{padding:25px 20px}.phone{width:225px}.phone-time{margin-top:-21px}.demo-main{padding:20px}.sample-tabs button{padding-inline:9px}.price-card{padding:25px}#section-options{grid-template-columns:1fr}dialog{padding:30px 22px}.preview-ribbon{padding-inline:18px}.ribbon-button{font-size:.68rem}.benefit-columns h3{font-size:1.3rem}.footer{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important;animation:none!important}.mini-app,.phone,.offline-window{transform:none}}
@media print{.preview-ribbon,.header,.hero-actions,.nav-toggle,.button,.text-button,.tiny-button,.store-buttons,dialog,.demo-result-actions{display:none!important}:root{font-size:10pt;line-height:1.5;color:black;background:white}.wrap{max-width:none;padding-inline:0}.hero{grid-template-columns:1fr 1fr;gap:25pt;padding-block:15pt 25pt}h1{font-size:32pt}h2{font-size:24pt}h3{font-size:17pt}.hero-stage{padding:15pt;background:#fff2f3}.mini-app,.phone,.offline-window{box-shadow:none;transform:none}.shortcut-note{color:black}.editable-section{padding-block:18pt;break-inside:avoid}.use-row{padding-block:20pt;gap:25pt}.feature-grid,.price-grid{grid-template-columns:1fr 1fr}.story-row,.benefit-columns{grid-template-columns:repeat(3,1fr)}.feature,.split-stage{padding:18pt}.phone{width:140pt}.demo-shell{box-shadow:none;border:1px solid #ddd}.demo-result[hidden]{display:block!important}.fine{color:#444}.cta-band{background:#fff2f3;color:black;margin:0;padding:20pt}.cta-band p,.cta-band .fine{color:#444}.footer{padding-block:20pt}a[href^="https"]:after{content:' (' attr(href) ')';font-size:8pt}}

/* Touch targets apply to the full local concept, including editor controls. */
.tiny-button,.ribbon-button,.sample-tabs button,.billing-switch button{min-height:44px}#section-options label,summary{min-height:44px}.footer a:not(.brand),.footer .text-button{min-height:44px}
/* Final legibility pass: robust text enlargement and explicit small-label floors. */
h1,h2,h3{overflow-wrap:anywhere}.hero{grid-template-columns:repeat(2,minmax(0,1fr))}.button{max-width:100%;min-width:0;white-space:normal}.price>span{min-width:0;max-width:100%;overflow-wrap:anywhere}.demo-side .selected{color:var(--red-hover)}.ribbon-button,.preview-ribbon,.draft>span,.local-dot,.phone-time,.phone>.fine,.shortcut-note>span{font-size:12px}.header{height:auto;min-height:92px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}.header nav{flex-wrap:wrap}
@media(max-width:850px){.header{height:auto;min-height:78px}.header nav{top:100%}}
@media(max-width:680px){.hero{grid-template-columns:1fr}}
@media(min-width:681px){@supports(width: min(100%,25rem)){.hero{grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr))}}}

/* Soundwave indicator */
.soundwave{display:inline-flex;align-items:center;gap:3px;height:16px;margin-left:6px;vertical-align:middle}
.soundwave span{display:block;width:3px;height:6px;background:var(--red);border-radius:2px;animation:wavePulse 1.1s ease-in-out infinite alternate}
.soundwave span:nth-child(1){animation-delay:.1s;height:6px}
.soundwave span:nth-child(2){animation-delay:.35s;height:14px}
.soundwave span:nth-child(3){animation-delay:.15s;height:18px}
.soundwave span:nth-child(4){animation-delay:.45s;height:10px}
.soundwave span:nth-child(5){animation-delay:.25s;height:15px}
@keyframes wavePulse{0%{transform:scaleY(.35);opacity:.6}100%{transform:scaleY(1.15);opacity:1}}

/* Speed badge */
.speed-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff22;border:1px solid #ffffff44;backdrop-filter:blur(8px);color:white;padding:6px 14px;border-radius:20px;font-size:.76rem;font-weight:550;margin-top:14px}

/* Self-correction showcase */
.correction-stage{max-width:920px;margin:36px auto 0;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:34px;box-shadow:0 14px 45px #3210190a;text-align:left}
.correction-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.correction-card{padding:22px;border-radius:12px;background:#faf8f9;border:1px solid var(--line)}
.correction-card.highlight{background:var(--rose);border:1.5px solid var(--red);box-shadow:0 8px 24px #cc1a2912}
.strikethrough-tag{color:var(--muted);text-decoration:line-through;background:#cc1a2914;padding:2px 6px;border-radius:4px}
.corrected-tag{color:var(--red);font-weight:600;background:#cc1a2918;padding:2px 6px;border-radius:4px}
@media(max-width:680px){.correction-grid{grid-template-columns:1fr}.correction-stage{padding:24px}}

/* Section scroll reveal animations */
.reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}
.reveal-on-scroll.in-view{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}}

/* Interactive Card Transitions */
.feature,.price-card,.team-plan,.correction-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.feature:hover,.price-card:hover,.team-plan:hover,.correction-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}

/* Mobile Screen Animated Concept */
.phone-live-card{background:#f7f5f6;border-radius:12px;padding:12px 14px;text-align:left;margin-block:10px;border:1px solid #ebdada;min-height:72px;position:relative}
.phone-live-header{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:600;color:var(--red);margin-bottom:6px}
.phone-rec-dot{width:7px;height:7px;background:var(--red);border-radius:50%;animation:pulse-dot 1.2s infinite ease-in-out}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.phone-live-text{font-size:.78rem;line-height:1.45;margin:0;color:var(--ink);font-style:italic;min-height:2.9em}
.phone-live-text .cursor{display:inline-block;color:var(--red);font-style:normal;font-weight:300;animation:blink .8s infinite;margin-left:2px}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.phone-result-label{display:block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--red);margin-bottom:4px}
#phone-result-card{min-height:56px;text-align:left;transition:opacity .3s ease,transform .3s ease}
#phone-result-text{font-size:.82rem;font-weight:550;line-height:1.35;margin:0;color:#7a1522}
.phone-mic-btn{background:var(--red);color:white;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:18px auto 8px;position:relative;border:0;cursor:pointer}
.phone-mic-btn .mic-wave{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--red);opacity:.6;animation:pulse-mic-ring 2s infinite cubic-bezier(.2,.8,.4,1);pointer-events:none}
@keyframes pulse-mic-ring{0%{transform:scale(.9);opacity:.8}70%{transform:scale(1.35);opacity:0}100%{transform:scale(1.35);opacity:0}}

/* App Badges */
.app-names{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 18px;margin:32px 0 24px}
.app-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;background:white;border:1px solid var(--line);border-radius:12px;font-size:.95rem;font-weight:550;color:var(--ink);box-shadow:0 3px 12px rgba(0,0,0,.03);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.app-badge:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08);border-color:#d8c2c5}
.app-badge svg{width:24px;height:24px;flex-shrink:0}

/* Hero simulation */
#hero-spoken-text{min-height:3.2em}
#hero-action-btn.inserted{background:#1f883d!important;color:white}

/* Modern Dark Mode */
@media(prefers-color-scheme:dark){
:root{--paper:#0c0b0f;--ink:#f4f2f6;--muted:#a39ca9;--line:#24202b;--rose:#1a1114;--red:#d64a58;--red-hover:#e85d6b;color-scheme:dark}
.header,.mini-app,.demo-shell,.offline-window,.correction-stage{background:#141218;border-color:#272330}
.feature,.price-card,.team-plan,.use-visual,.demo-main textarea,blockquote,.correction-card,.app-badge,.access-card{background:#17141d!important;border-color:#272330!important;color:var(--ink)}
.app-badge:hover{border-color:rgba(214,74,88,.4)!important;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.table-wrap table thead th{background:#1a1722;color:var(--muted)}
.demo-side{background:#1f181d}
.preview-ribbon{background:#1a1114;color:#f7aab5;border-bottom-color:#2d171d}
.ribbon-button{color:#f7aab5}
.phone{background:#141218;border-color:#322d3b}
.phone-note{background:#1e1b24;color:var(--ink)}
.phone-note.pink-note{background:#2c1520;color:#ff8597}
.sample-tabs,.billing-switch{background:#1e1a26}
.sample-tabs button.active,.billing-switch button.active{background:#2c2636;color:var(--red)}
dialog{background:#15131a;border:1px solid #302b3a;color:var(--ink)}
.correction-card.highlight{background:#23141b!important;border-color:var(--red)!important}
.brand>span:first-of-type,.brand>.brand-num{background:transparent!important;color:var(--red);border:1.5px solid var(--red);box-shadow:none}
.brand:hover>span:first-of-type,.brand:hover>.brand-num{box-shadow:none;border-color:var(--red-hover);color:var(--red-hover)}
.phone-live-card{background:#1b1722;border-color:#322b3d}
.phone-live-text{color:var(--ink)}
#phone-result-card{background:#2a1420;border:1px solid #4a2233}
#phone-result-text{color:#ff99aa}
.feature:hover,.price-card:hover,.team-plan:hover,.correction-card:hover,.access-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.45);border-color:rgba(214,74,88,.35)!important}
.access-icon{background:#231219;color:var(--red)}
}

/* British Made & Union Jack Brand Elements */
.union-jack {
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.18);
  flex-shrink: 0;
}
.gb-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f7f4f6;
  border: 1px solid var(--line);
  padding: 3px 9px;
  border-radius: 20px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.01em;
  margin-left: 8px;
  vertical-align: middle;
}
.heritage-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--rose);
  border: 1px solid rgba(204, 26, 41, 0.15);
  color: #7e1925;
  padding: 6px 14px;
  border-radius: 24px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: -0.01em;
  box-shadow: 0 2px 8px rgba(204, 26, 41, 0.06);
}
.british-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 550;
}
.gb-footer-note {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  color: var(--muted);
  margin-block: 8px;
}
@media (prefers-color-scheme: dark) {
  .gb-pill {
    background: #1e1925;
    border-color: #352b40;
    color: var(--ink);
  }
  .heritage-badge {
    background: #231219;
    border-color: rgba(255, 51, 78, 0.25);
    color: #ff99aa;
  }
}
@media (max-width: 680px) {
  .header .gb-pill {
    display: none;
  }
}

/* Accessibility & Inclusive Design Section */
.accessibility-section {
  padding-block: 60px 80px;
}
.accessibility-section h2 {
  text-align: center;
}
.access-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 40px;
}
.access-card {
  background: #faf8f9;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 30px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.access-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
  border-color: var(--red);
}
.access-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--rose);
  color: var(--red);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.access-icon svg {
  width: 26px;
  height: 26px;
}
.access-card h3 {
  font-size: 1.35rem;
  margin-bottom: 12px;
}
.access-card p {
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.6;
  margin-bottom: 0;
}
@media (max-width: 680px) {
  .access-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

/* Video Showcase Theater */
.promo-theater {
  padding-block: 28px 48px;
  text-align: center;
}
.promo-theater h1 {
  font-size: clamp(1.85rem, 5.5vw, 3.6rem);
  letter-spacing: -0.035em;
  line-height: 1.1;
  margin-bottom: 16px;
  word-break: normal;
  overflow-wrap: break-word;
}
.promo-theater .section-intro {
  max-width: 680px;
  margin: 0 auto 24px;
  font-size: 1.12rem;
  color: var(--muted);
  line-height: 1.55;
}
.video-wrapper {
  position: relative;
  max-width: 1040px;
  margin: 24px auto 20px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4), 0 0 40px rgba(184, 50, 62, 0.2);
  border: 1px solid var(--line);
  background: #000;
  aspect-ratio: 16 / 9;
}
.video-wrapper video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.chapter-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 20px auto 26px;
  max-width: 980px;
}
.chapter-btn {
  background: #faf8f9;
  border: 1px solid var(--line);
  color: var(--ink);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 0.82rem;
  font-weight: 550;
  cursor: pointer;
  transition: all 0.2s ease;
}
.chapter-btn:hover {
  border-color: var(--red);
  color: var(--red);
  transform: translateY(-2px);
}
.chapter-btn.active {
  background: var(--rose);
  border-color: var(--red);
  color: var(--red);
}
.video-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
@media (prefers-color-scheme: dark) {
  .video-wrapper {
    border-color: #2e2838;
  }
  .chapter-btn {
    background: #18151f;
    border-color: #2d2638;
    color: var(--ink);
  }
  .chapter-btn:hover, .chapter-btn.active {
    background: #24141c;
    border-color: var(--red);
    color: #ff99aa;
  }
}

@media (max-width: 640px) {
  .promo-theater {
    padding-block: 16px 28px;
  }
  .chapter-bar {
    gap: 6px;
  }
  .chapter-btn {
    padding: 6px 12px;
    font-size: 0.76rem;
  }
}