/* Product-led previews. The mock application chrome is illustrative, not embedded. */
.chrome-demo [hidden],.use-panel [hidden],.snippet[hidden]{display:none!important}
.chrome-demo{background:#fff;border-color:#fff;border-radius:15px;box-shadow:0 30px 80px #22576424}
.chrome-tabs{height:40px;display:flex;align-items:center;gap:24px;background:#dfe4ec;padding:0 18px}
.chrome-tab{align-self:end;display:flex;align-items:center;gap:9px;width:228px;height:33px;padding:0 14px;background:#f8fafd;border-radius:9px 9px 0 0;font-size:11px;color:#34414e}
.chrome-tab>span{margin-left:auto;font-size:15px;color:#6f7780}.new-tab{font-size:19px;color:#68727c}
.chrome-toolbar{height:47px;display:flex;align-items:center;gap:13px;padding:0 16px;background:#f8fafd;border-bottom:1px solid #e1e6eb}
.chrome-navigation{display:flex;gap:17px;font-size:18px;color:#73808a}.chrome-navigation>span:nth-child(2){color:#b7bec5}
.chrome-address{min-width:0;display:flex;align-items:center;gap:11px;border-radius:22px;background:#eaf0f5;padding:8px 13px;flex:1;color:#64717c;font-size:12px}
.chrome-address .icon{width:15px;height:15px}.chrome-address>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chrome-address>span:last-child{margin-left:auto;font-size:18px;line-height:1}
.extension-toggle{display:grid;place-items:center;border:1px solid transparent;background:transparent;padding:6px;border-radius:7px;min-width:34px;min-height:34px}
.extension-toggle[aria-expanded=true]{background:#dbe8f3;border-color:#bdcede}.extension-toggle:hover{background:#dae4ed}
.chrome-profile{display:grid;place-items:center;width:24px;height:24px;background:#ddb18d;border-radius:50%;font-size:11px;color:#563e2c}.chrome-more{font-size:22px;color:#66727c}
.chrome-page{position:relative;background:#fff;min-height:470px;padding:0 340px 0 0}
.playground-page{min-width:0}.playground-brand{height:55px;display:flex;align-items:center;gap:8px;padding:0 30px;border-bottom:1px solid #f0f1f0;font-size:11px;color:#556762}
.playground-brand .small-dot{background:#85a99a}.playground-brand>span:last-child{margin-left:auto;color:#92a09a;font-size:10px}
.chrome-demo .demo-main{padding:29px 30px 27px;background:transparent}.chrome-demo .demo-context{font-size:10px;letter-spacing:0;color:#7b8b83}
.chrome-demo .demo-main h2{font-size:28px;letter-spacing:-.9px;margin:9px 0}.playground-intro{font-size:12px;line-height:1.6;color:#849087;margin-bottom:22px}
.chrome-demo .message-card{border-color:#dce5e1;border-radius:10px;box-shadow:0 4px 12px #243a3203}
.editor-label{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 16px 0;font-size:11px;color:#5f7368}.editor-label>span{font-size:9px;color:#86938c}
.chrome-demo #demo-editor{height:161px;min-height:140px;padding:16px;font-size:15px;line-height:1.65;color:#384e41}.chrome-demo #demo-editor::placeholder{color:#98a49d}
.chrome-demo .message-footer{padding:9px 16px 13px}.chrome-demo .draft-note{font-size:9px;color:#8c9991}.chrome-demo .formatting{font-size:11px;color:#93a098}
.chrome-demo .demo-controls{gap:12px;margin-top:13px}.chrome-demo .demo-controls p{font-size:11px;line-height:1.8}.chrome-demo .demo-play,.chrome-demo .demo-reset{font-size:11px;white-space:nowrap}
.extension-popup{position:absolute;right:15px;top:10px;width:307px;background:#fff;border:1px solid #d9dee4;border-radius:13px;box-shadow:0 9px 17px #23303b17,0 28px 55px #34485614;padding:17px 14px 0;z-index:1}
.extension-popup:before{content:"";position:absolute;right:54px;top:-6px;width:11px;height:11px;background:white;border-left:1px solid #d9dee4;border-top:1px solid #d9dee4;transform:rotate(45deg)}
.extension-heading{display:flex;justify-content:space-between;align-items:center;padding:0 1px 16px}.extension-heading>span{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:600;letter-spacing:-.6px;color:#27292b}
.icon-button{border:0;background:transparent;font-size:22px;color:#7d858b;border-radius:5px;width:28px;height:28px;display:grid;place-items:center}.icon-button:hover{background:#edf0f3}
.extension-search{display:flex;align-items:center;gap:8px;border:1px solid #e1e5e9;background:#f7f8fa;padding:9px 10px;border-radius:7px;color:#9aa3ad}.extension-search .icon{width:14px;height:14px}
.extension-search input{font:12px Geist,sans-serif;min-width:0;width:100%;border:0;outline:none;color:#454c54;background:transparent}.extension-search:focus-within{outline:2px solid #8daec4;outline-offset:2px}.extension-search input::placeholder{color:#9aa3ad}
.extension-section{display:flex;justify-content:space-between;font-size:10px;color:#939ba2;margin:19px 1px 10px}.extension-section>span:first-child{color:#69727a;font-weight:500}
.extension-popup .snippet-list{display:grid;grid-template-columns:1fr;gap:7px}.extension-popup .snippet{flex-direction:row;gap:10px;align-items:flex-start;padding:12px 10px;margin:0;border:1px solid #e5e8eb;border-radius:8px;background:#fff}
.extension-popup .snippet:hover{background:#f5f8fb;border-color:#becddd}.extension-popup .snippet.active{background:#f6f8ff;border-color:#bfcbe9;box-shadow:0 0 0 1px #dce3f62e}
.extension-popup .snippet-icon{width:29px;height:29px;border-radius:6px;font-size:18px;margin-top:1px}.extension-popup .snippet strong{font-size:12px;color:#404752;font-weight:500}.extension-popup .snippet code{font-size:10px;color:#67718c;margin:5px 0 0}
.extension-popup .snippet small{display:block;font-size:9px;color:#8b929e;margin-top:6px;line-height:1.5}.extension-popup .snippet-arrow{display:block;font-size:12px;color:#98a4b5;margin-top:2px}
.extension-foot{font-size:9px;line-height:1.7;display:flex;align-items:center;gap:6px;color:#919aa1;border-top:1px solid #edf0f1;padding:13px 0;margin-top:15px}.extension-foot .small-dot{background:#8ab3a0;width:4px;height:4px}
.search-empty{font-size:12px;color:#7a8690;line-height:1.8;padding:18px 8px}
.chrome-page.extension-collapsed{padding-right:0}.extension-collapsed .playground-page{max-width:820px;margin:auto}

/* A quiet, categorized logo collection, with no implied integrations. */
.app-universe{padding:38px 0 0}.app-hub{margin-bottom:30px;padding:13px 18px;border-radius:12px;background:#f7faf9;gap:10px;box-shadow:none}
.app-hub .hub-caption{font-family:Geist,sans-serif;font-size:11px;color:#7b8b85;margin-left:12px;padding-left:17px;border-left:1px solid #dfe7e3}
.app-family{padding:23px 25px 26px;border:1px solid #e9eeec;border-radius:18px;background:linear-gradient(180deg,#fafcfb,#fff);margin-top:14px}
.app-family h3{font-size:11px;letter-spacing:0;font-weight:500;color:#88948e;text-align:center;margin-bottom:21px}
.app-family .app-grid{display:flex;justify-content:center;gap:18px}.app-family .app-logo{transform:none;flex:1;max-width:132px;min-width:0;min-height:75px;gap:12px;border:0;border-radius:0;background:transparent;box-shadow:none}
.app-family .app-logo img{width:34px;height:34px;object-fit:contain;transition:transform .25s}.app-family .app-logo:hover img{transform:translateY(-3px)}.app-family .app-logo span{font-size:11px;color:#59655f}
.creative-family{background:linear-gradient(180deg,#fcfbff,#fff)}
.aggregator-row{display:flex;align-items:center;justify-content:center;gap:25px;padding:27px 0 0;font-size:12px;color:#62726a;flex-wrap:wrap}
.aggregator-row>span{font-size:11px;color:#89958e}.aggregator-row>div{display:flex;align-items:center;gap:8px;color:#3d4b45}.aggregator-row img{object-fit:contain}.aggregator-row .more-apps{padding-left:22px;border-left:1px solid #e3e9e5}
.platform-notes{margin-top:32px}

/* Feature scenes: real text, restrained motion, and purposeful UI states. */
.motion-tools{display:flex;justify-content:center;margin-top:20px}.motion-toggle{font-size:10px;line-height:1.6;padding:7px 10px;border:1px solid #e3e8e5;border-radius:20px;background:#fff9;color:#7c8982;white-space:nowrap}
.motion-toggle:hover{color:#344c40;border-color:#b9c9c0}.motion-toggle:disabled{cursor:default;color:#8a958e}.feature-grid{gap:24px;margin-top:28px}
.feature-visual{height:286px;border:1px solid #e7ede9;border-radius:18px;margin-bottom:28px;padding:22px 20px;background:#f4f8f6}
.visual-caption{display:flex;align-items:center;gap:6px;font-size:9px;color:#879c91;margin-bottom:24px}.visual-caption .small-dot{width:4px;height:4px}
.mini-editor{border:1px solid #dfe8e2;background:#fff;border-radius:10px;box-shadow:0 9px 22px #314e4010;overflow:hidden;transform:translateY(0);transition:transform .6s}
.mini-editor-head{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eef2ef;font-size:10px;color:#7c9084}.mini-editor-head>span:last-child{font-size:9px;color:#a3b0a7}
.mini-editor-content{min-height:81px;padding:16px 14px;font-size:15px;line-height:1.55;letter-spacing:-.2px;color:#355443}
.mini-editor-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#91a297;padding:0 14px 12px}.scene-confirm{color:#66987c;opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s}
[data-phase=expanded] .scene-confirm{opacity:1;transform:none}.typing-caret{display:inline-block;height:1em;vertical-align:-.12em;border-left:1.5px solid #56866b;margin-left:2px}
[data-phase=expanded] .typing-caret{opacity:0}.keystroke-strip{display:flex;gap:5px;align-items:center;justify-content:center;margin-top:21px}
.keystroke-strip kbd{font-size:10px;display:grid;place-items:center;width:24px;height:26px;border:1px solid #dbe5de;border-radius:5px;background:#fff;box-shadow:0 2px 0 #dbe4dd;color:#778e7f;transition:transform .2s,background .2s}
.keystroke-strip>span{color:#8fa69a;font-size:14px;margin-left:7px}.motion-scene[data-phase=typing] .keystroke-strip kbd{background:#e0ede4;transform:translateY(2px);box-shadow:none}.motion-scene[data-phase=expanded] .mini-editor{transform:translateY(-3px)}
.collection-scene{background:#f5f3fa;border-color:#ebe7f2}.collection-scene .visual-caption{color:#9d93ad;margin-bottom:18px}
.mini-library{padding:13px;background:#fff;border:1px solid #e5e0ee;border-radius:10px;box-shadow:0 9px 22px #4432510b}
.mini-library-head{display:flex;align-items:center;gap:7px;font-size:10px;color:#72707d;margin-bottom:14px}.mini-library-head>span:last-child{margin-left:auto;font-size:16px;color:#b0aabc}
.mini-folder-list>div{display:flex;align-items:center;gap:9px;padding:9px 8px;font-size:10px;color:#767180;border-radius:6px}.mini-folder-list>div>span:last-child{margin-left:auto;font-size:9px;color:#ada6b9}
.mini-folder-list .folder-shape{width:15px;height:12px;flex-shrink:0}.mini-folder-list .selected-folder{background:#f3effa;transition:background .4s}.collection-scene[data-phase=expanded] .selected-folder{background:#e9e1f7;color:#675380}
.library-result{border:1px solid #e6e0ee;border-radius:8px;background:#fff;margin-top:8px;padding:10px;box-shadow:0 4px 8px #3e2e5608;transform:translateY(8px);opacity:.35;transition:transform .65s,opacity .65s}.collection-scene[data-phase=expanded] .library-result{transform:translateY(0);opacity:1}
.result-path{display:block;font-size:8px;color:#a198af;margin-bottom:7px}.library-result>div{display:flex;align-items:center;gap:5px;font-size:10px;color:#8d76b1}.library-result strong{font-size:10px;font-weight:500;color:#645771}.library-result code{font-size:8px;margin-left:auto;color:#9b8aac}.library-result p{font-size:8px;color:#9b93a6;margin-top:6px}
.library-saved{position:absolute;bottom:13px;right:25px;font-size:8px;color:#9b8eac;opacity:0;transition:opacity .4s}.collection-scene[data-phase=expanded] .library-saved{opacity:1}
.workflow-scene{background:#f7f6f2;border-color:#ece9e1}.workflow-scene .visual-caption{color:#a09981;margin-bottom:17px}
.workflow-switcher{display:flex;justify-content:center;gap:14px;margin-bottom:19px}.workflow-switcher>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid #e6e3da;background:#fff;box-shadow:0 3px 4px #53422b05;transition:transform .5s,box-shadow .5s}
.workflow-switcher img{object-fit:contain}.workflow-scene[data-phase=typing] .workflow-switcher>span:nth-child(1),.workflow-scene[data-phase=expanded] .workflow-switcher>span:nth-child(2){transform:translateY(-4px);box-shadow:0 0 0 3px #e7e2d4}
.workflow-composer{border:1px solid #e5e2d9;border-radius:11px;background:#fff;padding:13px;box-shadow:0 9px 22px #4e412d08}.workflow-composer-label{font-size:8px;color:#a39b87;display:flex;justify-content:space-between}.workflow-composer p{height:64px;margin:14px 0 9px;font-size:13px;line-height:1.55;color:#615e4b}.workflow-composer>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px;color:#a9a08d}.workflow-composer code{font-size:8px;padding:3px 5px;border-radius:4px;background:#f5f3ed}

/* Familiar application frames. Controls inside these three previews are decorative. */
.use-cases{gap:75px;grid-template-columns:1fr 1.2fr}.use-panel{padding:0;border:0;background:none;border-radius:0;min-width:0;min-height:0}
.use-preview-heading{display:flex;justify-content:space-between;align-items:center;margin:0 1px 13px;font-size:12px;color:#586a60}.use-preview-heading>span:last-child{font-size:10px;color:#a0aaa4}
.app-preview{height:450px;border:1px solid #e1e6e3;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px #263c3109;background:white}
.gmail-preview{background:#f0f4f9;padding:18px 20px 0}.gmail-brand{display:flex;align-items:center;gap:8px;color:#686f79;font-size:17px;margin-bottom:20px}.gmail-brand img{object-fit:contain}.mail-search{font-size:10px;color:#8a98a7;padding:10px 13px;background:#e4ebf5;border-radius:20px;margin-left:16px;flex:1}.mail-avatar{font-size:10px;color:#6d4d41;background:#e4c3ab;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}
.gmail-compose{background:white;border-radius:10px 10px 0 0;box-shadow:0 2px 12px #23334c17;overflow:hidden}.gmail-compose-head{display:flex;justify-content:space-between;padding:13px 16px;background:#f9fbff;font-size:11px;color:#465160}
.mail-line{display:flex;align-items:center;gap:12px;min-height:37px;border-bottom:1px solid #f0f1f2;margin:0 16px;color:#7e848b;font-size:10px}.mail-recipient{border:1px solid #e2e5e9;border-radius:20px;padding:4px 8px;color:#53606e;font-size:9px}.mail-recipient>span{margin-left:8px;color:#98a0a8}
.gmail-body{white-space:pre-line;min-height:209px;padding:16px;font-size:12px;line-height:1.65;color:#424b54}
.gmail-bottom{display:flex;align-items:center;gap:15px;padding:11px 16px;color:#9ba1a8;font-size:13px}.gmail-bottom>span:last-child{margin-left:auto;font-size:13px}.mock-send{display:flex;align-items:center;gap:21px;background:#0b57d0;color:white;border-radius:20px;padding:9px 14px;font-size:10px}.mock-send>span{padding-left:10px;border-left:1px solid #96b7eb88}
.mock-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.mock-trash{margin-left:auto}
.chatgpt-preview{background:#fff}.chatgpt-top{display:flex;align-items:center;gap:20px;padding:18px;color:#89908b;font-size:13px}.chatgpt-top strong{font-size:15px;color:#454d47;font-weight:500}.chatgpt-top strong>span{font-size:12px;color:#9da59f;margin-left:4px}.chat-avatar{margin-left:auto;display:grid;place-items:center;width:25px;height:25px;background:#e1ddd6;color:#675e50;border-radius:50%;font-size:11px}
.chatgpt-content{display:flex;flex-direction:column;align-items:center;padding:10px 25px 20px}.chatgpt-content>img{width:28px;height:28px;margin-bottom:13px}.chatgpt-content>h3{font-size:22px;letter-spacing:-.6px;margin-bottom:23px;font-weight:500}
.chatgpt-composer{width:100%;border:1px solid #e8eae7;border-radius:21px;padding:16px 16px 12px;background:#fafafa;box-shadow:0 3px 8px #1e261f05}.chatgpt-prompt{min-height:166px;font-size:12px;line-height:1.65;white-space:pre-line;color:#535b55}.chatgpt-tools{display:flex;gap:12px;align-items:center;color:#7c837e;font-size:10px}.chatgpt-tools>span:first-child{font-size:20px}.mock-chat-send{margin-left:auto;border-radius:50%;background:#202520;color:white;display:grid;place-items:center;width:28px;height:28px;font-size:20px}
.chatgpt-content>p{font-size:8px;color:#9aa39c;margin-top:13px}
.docs-preview{background:#f8fafd}.docs-header{display:flex;align-items:center;gap:10px;padding:15px 13px 12px;background:#fff}.docs-header>div{font-size:12px;color:#65717d;flex:1;min-width:0}.doc-saved{color:#96a1ab;font-size:13px;margin-left:9px}.docs-menu{font-size:8px;color:#88929e;margin-top:6px;white-space:nowrap}.docs-share{font-size:9px;border-radius:20px;background:#c3e7ff;padding:9px 14px;color:#405d76}
.docs-toolbar{display:flex;align-items:center;gap:13px;padding:11px 15px;margin:0 9px;border-radius:20px;background:#edf2fa;color:#758292;font-size:11px;white-space:nowrap}.docs-toolbar>span{font-size:9px;padding-inline:7px;border-left:1px solid #dbe2ee}.docs-toolbar b,.docs-toolbar em,.docs-toolbar u{font-size:10px}
.doc-canvas{padding:18px 26px}.doc-paper{background:#fff;border:1px solid #e5e8eb;padding:25px 30px;min-height:340px;box-shadow:0 3px 5px #43516704}.doc-overline{font-size:8px;color:#9ba4ae}.doc-paper h3{font-size:22px;color:#374553;letter-spacing:-.5px;margin:9px 0}.doc-intro{font-size:10px;color:#96a0ab;margin-bottom:22px}.doc-contact{font-size:11px;line-height:1.6;color:#586675;white-space:pre-line}
.use-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.use-preview-footer>div{display:flex;align-items:center;gap:6px;font-size:10px;color:#85998c}.use-preview-footer code{font-size:10px;color:#597565}.use-preview-footer .small-dot{width:4px;height:4px}

/* The main comparison has just two numbers. Secondary detail is opt-in. */
.calculator{padding:28px;background:#f9fbfa;border-radius:20px;border-color:#e1e8e3;align-self:center}.calculator-heading h3{font-size:16px;letter-spacing:-.3px}.calculator-heading>span{font-size:10px;white-space:nowrap}
.time-duel{display:grid;grid-template-columns:1fr 25px 1fr;align-items:center;gap:15px;margin:29px 0 0}
.time-duel>div{background:#eff2ef;border:1px solid #e8ece8;border-radius:13px;padding:20px 19px;min-width:0}.time-duel>div>span{font-size:11px;color:#929e94}.time-duel output{display:block;font-family:Geist,sans-serif;font-size:46px;line-height:1;letter-spacing:-2.3px;color:#9aa79d;margin-top:16px;white-space:nowrap}.time-duel output>span{font-size:12px;letter-spacing:0;margin-left:2px;font-weight:400}
.time-duel .shortcut-time{background:#eaf2ec;border-color:#d4e4d7}.shortcut-time>span{color:#678371!important}.shortcut-time output{color:#41634c}.duel-arrow{font-size:23px;color:#a9b8ac;text-align:center}
.calculator-summary{font-size:12px;line-height:1.7;color:#587b63;border:0;margin:17px 0 25px;padding:0;text-align:center}
.calculator-inputs{border-top:1px solid #e2e9e4;margin:0;padding-top:20px;gap:22px}.calculator-inputs label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#809187;line-height:1.5}.calculator-inputs label>span{display:block}.calculator-inputs input{width:64px;font-size:14px;padding:8px;border-color:#dce5df;text-align:center;color:#496452}
.methodology{margin-top:21px;padding-top:17px;border-top:1px solid #e2e9e4}.methodology summary{font-size:10px;color:#8b9b91}.methodology[open] summary{color:#5e7a68}.retrieval-comparison{display:grid;gap:12px;margin:24px 0}.retrieval-comparison>div{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#7b8e80}.retrieval-comparison output{font-family:"Geist Mono",monospace;white-space:nowrap}

@media(max-width:1050px){
 .chrome-page{padding-right:292px}.extension-popup{width:272px;right:10px}.chrome-demo .demo-main{padding-inline:24px}.playground-brand{padding-inline:24px}.chrome-demo .demo-main h2{font-size:25px}.playground-brand>span:last-child{display:none}
 .feature-visual{padding:18px 14px;height:286px}.visual-caption{font-size:8px}.mini-editor-content{font-size:13px;min-height:85px}.workflow-composer p{font-size:12px}.library-result strong{font-size:9px}.library-result code{font-size:7px}.use-cases{gap:38px}.gmail-preview{padding-inline:14px}.chatgpt-content{padding-inline:18px}.docs-toolbar{gap:7px}.doc-canvas{padding-inline:18px}.doc-paper{padding-inline:23px}
 .time-duel{gap:8px;grid-template-columns:1fr 20px 1fr}.time-duel>div{padding:18px 12px}.time-duel output{font-size:37px}.calculator{padding:22px}.calculator-inputs{gap:15px}.calculator-inputs label{display:grid;justify-content:start;gap:6px}.calculator-inputs input{width:80px}
}
@media(max-width:800px){
 .chrome-page{padding-right:264px}.extension-popup{width:250px;right:8px;padding:14px 11px 0}.extension-popup .snippet{gap:7px;padding:11px 8px}.extension-popup .snippet-icon{width:24px;height:24px;font-size:15px}.extension-popup .snippet strong{font-size:11px}.extension-popup .snippet small{font-size:8px}.extension-popup .snippet-arrow{display:none}.extension-foot{font-size:8px}
 .chrome-demo .demo-main{padding-inline:18px}.chrome-demo .demo-main h2{font-size:23px}.chrome-demo .demo-controls{flex-wrap:wrap}.chrome-demo .demo-controls p{font-size:10px}.editor-label>span{display:none}.chrome-demo #demo-editor{height:195px}.chrome-demo .draft-note{font-size:8px}
 .app-family .app-grid{gap:10px}.app-family .app-logo span{font-size:9px}.app-family .app-logo img{width:29px;height:29px}.app-family{padding-inline:16px}.aggregator-row{gap:16px}.aggregator-row .more-apps{padding-left:14px}
 .feature-grid{grid-template-columns:1fr;max-width:540px;margin-inline:auto;gap:35px}.feature-card{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.feature-visual{grid-row:span 4;height:262px;margin:0}.feature-index{align-self:end;margin-top:16px}.feature-card h3{font-size:24px}.feature-card h3 br{display:none}.feature-card>p{font-size:12px;line-height:1.7}.mini-editor-content{font-size:12px}.visual-caption{font-size:7px}.keystroke-strip{gap:3px}.keystroke-strip kbd{width:21px;height:24px}.library-result p{font-size:7px}.workflow-composer p{font-size:11px;height:64px}.collection-scene .visual-caption{margin-bottom:14px}.mini-library{padding:9px}.library-saved{right:17px;bottom:12px;font-size:7px}
 .use-cases{grid-template-columns:1fr;gap:30px}.use-case-copy>p{max-width:550px}.use-tabs{display:flex;gap:20px;margin-top:25px}.use-tabs button{font-size:12px;gap:6px}.use-tabs button>span{display:none}.use-panel{width:100%;max-width:570px;margin:auto}.gmail-body{min-height:209px}.app-preview{height:450px}
}
@media(max-width:650px){
 .chrome-tabs{height:34px;padding-inline:12px;gap:15px}.chrome-tab{width:175px;height:28px;font-size:9px;padding-inline:10px;gap:7px}.chrome-tab img{width:12px;height:12px}.new-tab{font-size:15px}.chrome-toolbar{height:44px;padding:0 9px;gap:8px}.chrome-navigation{gap:10px;font-size:15px}.chrome-navigation>span:nth-child(2){display:none}.chrome-address{font-size:9px;padding:7px 9px;gap:6px}.chrome-address>span:last-child,.chrome-profile,.chrome-more{display:none}.chrome-address .icon{width:12px;height:12px}.extension-toggle{min-width:31px;min-height:31px;padding:4px}.extension-toggle img{width:18px;height:18px}
 .chrome-page{display:flex;flex-direction:column;padding:0;min-height:0;background:#fbfcfb}.playground-brand{height:43px;font-size:9px;padding-inline:18px}.chrome-demo .demo-main{padding:19px 18px 20px}.chrome-demo .demo-main h2{font-size:23px}.chrome-demo .demo-context{font-size:9px}.playground-intro{font-size:10px;margin-bottom:15px}.chrome-demo #demo-editor{height:182px;min-height:160px;font-size:16px}.editor-label{font-size:10px;padding:11px 13px 0}.chrome-demo .message-footer{padding-inline:13px}.chrome-demo .draft-note{font-size:8px}.chrome-demo .demo-controls{margin-top:9px;gap:4px}.chrome-demo .demo-controls p{font-size:9px}.chrome-demo .demo-play,.chrome-demo .demo-reset{font-size:10px;min-height:35px}
 .extension-popup{position:relative;top:auto;right:auto;width:auto;max-width:none;margin:0 16px 20px;padding:14px 12px 0;box-shadow:0 6px 16px #263a3210;order:2}.extension-popup:before{display:none}.extension-heading{padding-bottom:12px}.extension-heading>span{font-size:17px}.extension-section{margin:14px 0 8px}.extension-search input{font-size:16px}.extension-search{padding:8px 10px}.extension-popup .snippet{padding:10px;gap:10px}.extension-popup .snippet strong{font-size:12px}.extension-popup .snippet code{font-size:10px}.extension-popup .snippet small{display:none}.extension-popup .snippet-icon{width:29px;height:29px;font-size:18px}.extension-popup .snippet-arrow{display:block}.extension-foot{font-size:9px;margin-top:12px}.extension-popup .snippet-list{gap:6px}.extension-collapsed .playground-page{width:100%}
 .app-universe{padding-top:28px}.app-hub{gap:8px;padding:11px 16px;margin-bottom:22px}.app-hub code{font-size:13px}.app-hub .hub-caption{display:none}.app-family{padding:18px 13px 21px;border-radius:14px}.app-family h3{font-size:10px;margin-bottom:20px}.app-family .app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 10px}.creative-family .app-grid{grid-template-columns:repeat(3,1fr)}.app-family .app-logo{min-height:60px;gap:10px}.app-family .app-logo img{width:29px;height:29px}.app-family .app-logo span{font-size:9px}.aggregator-row{gap:16px;font-size:11px;padding-top:22px}.aggregator-row>span:first-child{width:100%;text-align:center;font-size:10px}.aggregator-row .more-apps{width:100%;text-align:center;padding:0;border:0;font-size:10px}
 .motion-tools{margin-top:15px}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-card{display:block}.feature-visual{height:286px;padding:22px 20px;margin-bottom:23px}.visual-caption{font-size:9px;margin-bottom:24px}.mini-editor-content{font-size:16px;min-height:81px}.mini-editor-head{font-size:11px}.mini-editor-foot{font-size:10px}.keystroke-strip{gap:5px;margin-top:21px}.keystroke-strip kbd{width:26px;height:28px;font-size:11px}.mini-library{padding:13px}.mini-library-head{font-size:11px}.mini-folder-list>div{font-size:11px;padding:10px 8px}.collection-scene .visual-caption{margin-bottom:18px}.library-result strong{font-size:11px}.library-result code{font-size:9px}.library-result p{font-size:9px}.library-saved{font-size:8px;bottom:12px;right:24px}.workflow-composer p{font-size:14px;height:65px}.workflow-composer-label{font-size:9px}.feature-card h3{font-size:26px}.feature-card>p{font-size:13px;line-height:1.8;max-width:none}
 .use-tabs{gap:12px}.use-tabs button{font-size:11px;line-height:1.6;padding:14px 0}.use-preview-heading{font-size:11px}.use-preview-heading>span:last-child{font-size:9px}.app-preview{height:450px}.gmail-preview{padding:16px 12px 0}.gmail-brand{font-size:15px;gap:7px;margin-bottom:18px}.gmail-brand>img{width:24px;height:18px}.mail-search{font-size:9px;padding:9px 12px;margin-left:7px}.mail-avatar{display:none}.gmail-body{font-size:11px;min-height:209px;padding:14px}.mail-line{margin-inline:14px;font-size:10px}.gmail-bottom{padding:11px 14px;gap:12px}.chatgpt-content{padding:18px 16px}.chatgpt-content h3{font-size:22px}.chatgpt-prompt{font-size:11px;min-height:170px}.chatgpt-composer{padding:14px}.docs-header{padding:13px 10px;gap:8px}.docs-header>img{width:23px;height:29px}.docs-header>div{font-size:11px}.docs-menu{font-size:7px}.docs-share{font-size:8px;padding:8px 11px}.docs-toolbar{gap:7px;font-size:10px;padding:10px}.docs-toolbar>span{font-size:8px;padding-inline:4px}.doc-canvas{padding:17px 13px}.doc-paper{padding:23px}.doc-paper h3{font-size:21px}.doc-contact{font-size:11px}.doc-intro{font-size:9px}
 .use-preview-footer{gap:8px}.use-preview-footer>div{font-size:9px;gap:4px}.use-preview-footer code{font-size:9px}.use-preview-footer .motion-toggle{font-size:9px;padding:7px 8px}.use-preview-footer>div>span:last-child{display:none}
 .calculator{padding:23px 19px}.calculator-heading h3{font-size:14px}.calculator-heading>span{font-size:9px}.time-duel{gap:10px;margin-top:23px}.time-duel>div{padding:18px 12px}.time-duel output{font-size:38px;margin-top:14px}.time-duel output>span{font-size:11px}.time-duel>div>span{font-size:10px}.calculator-summary{font-size:11px;margin:17px 0 23px}.calculator-inputs{gap:18px;padding-top:18px}.calculator-inputs label{font-size:10px;display:flex;gap:7px}.calculator-inputs input{width:57px;font-size:16px;padding:8px 5px}.methodology summary{font-size:9px}.retrieval-comparison>div{font-size:10px}
}
@media(max-width:360px){.chrome-demo .demo-main{padding-inline:13px}.chrome-tab{width:155px}.chrome-navigation{display:none}.extension-popup{margin-inline:12px}.app-family .app-grid{grid-template-columns:repeat(3,1fr)}.time-duel{gap:5px;grid-template-columns:1fr 15px 1fr}.time-duel>div{padding:16px 9px}.time-duel output{font-size:33px}.time-duel>div>span{font-size:9px}.calculator-heading>span{display:none}.calculator-inputs label{display:grid}.docs-toolbar{gap:5px}.docs-toolbar>span{font-size:7px}.gmail-body{font-size:10px}.feature-visual{padding-inline:15px}.visual-caption{font-size:8px}.library-result code{font-size:8px}}
@media(prefers-reduced-motion:reduce){.showcase *, .motion-scene *, .app-logo img{transition:none!important;animation:none!important}}

/* Spacious Claude-style hero and the extension's original dark card language. */
.wordmark{font:550 25px/1 Geist,sans-serif;letter-spacing:-1.25px;white-space:nowrap}
.hero{max-width:none;margin:14px 14px 0;padding-bottom:0}
.header{height:64px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;padding-inline:30px;width:100%}
.header .desktop-nav{margin:0;gap:29px}.header .header-actions{justify-self:end}.header .wordmark{justify-self:start}
.hero-copy{padding-top:28px}.hero h1{font-size:57px}.hero-copy>p{font-size:15px}.hero-copy .hero-meta{font-size:10px}
.hero-browser-crop{height:585px;overflow:clip;padding:0 46px;margin-top:39px}
.hero .product-window{max-width:1300px;width:100%;margin:0 auto;border-radius:14px 14px 0 0;min-height:740px}
.chrome-page{min-height:665px;padding:0 354px 0 139px;background:#faf9f5}
.claude-sidebar{position:absolute;left:0;top:0;bottom:0;width:139px;background:#f0eee6;border-right:1px solid #e7e4da;padding:22px 17px;color:#77756d;font-size:10px;display:flex;flex-direction:column;gap:20px}
.claude-wordmark{font-size:21px;font-weight:550;letter-spacing:-.8px;color:#393932;margin-bottom:7px}.sidebar-new{border:1px solid #dcd9ce;background:#e9e6dc;padding:8px 10px;border-radius:6px;color:#595a50;font-size:10px;margin-bottom:5px}
.sidebar-recents{font-size:8px;color:#a09d91;margin-top:14px}.sidebar-recents i{display:block;width:85%;height:4px;border-radius:10px;background:#e0ddd3;margin-top:17px}.sidebar-recents i:nth-child(2){width:70%}
.chrome-demo .demo-main{padding:62px 24px 50px;background:transparent;text-align:center;max-width:680px;margin:auto}
.claude-spark{display:block;margin:0 auto 17px;object-fit:contain}.chrome-demo .demo-main h2{font:450 clamp(23px,2.1vw,31px)/1.18 Geist,sans-serif;letter-spacing:-.95px;margin:0 0 27px;color:#373730}
.chrome-demo .message-card{background:#fff;border:1px solid #dedbd2;border-radius:16px;box-shadow:0 5px 11px #544f3d08;text-align:left;overflow:hidden}
.chrome-demo #demo-editor{height:139px;min-height:118px;resize:none;padding:19px 18px 12px;font-size:14px;line-height:1.6;color:#514f45;max-height:205px}.chrome-demo #demo-editor::placeholder{color:#87867b}.chrome-demo #demo-editor:focus{outline:none;box-shadow:none}.chrome-demo #demo-editor:focus-visible{background:#fafafa}.chrome-demo #demo-editor{caret-color:#222}
.claude-composer-tools{display:flex;align-items:center;gap:12px;padding:7px 15px 12px;color:#77776e}.claude-composer-tools>span:first-child{font-size:22px}.claude-composer-tools .icon{width:15px;height:15px}.claude-model{margin-left:auto;font-size:10px;color:#77776e}.claude-send{display:grid;place-items:center;width:28px;height:28px;background:#d9a188;color:white;border-radius:8px;font-size:21px}
.chrome-demo .demo-controls{margin:12px 1px 0;min-height:30px}.chrome-demo .demo-controls p{font-size:10px}.chrome-demo .demo-controls kbd{background:#f0ede4;border-color:#e6e1d6;color:#726857}.chrome-demo .demo-play,.chrome-demo .demo-reset{font-size:11px;color:#746b58;min-height:30px}
.demo-disclaimer{font-size:9px;color:#89877a;text-align:center;margin-top:8px;line-height:1.6}
.claude-suggestions{display:flex;justify-content:center;gap:8px;margin-top:35px;color:#868276;font-size:10px}.claude-suggestions span{border:1px solid #e6e2d9;border-radius:8px;padding:8px 12px}
.chrome-page.extension-collapsed{padding-right:139px}.extension-collapsed .playground-page{max-width:800px}
.extension-popup.original-extension{top:8px;right:12px;width:330px;height:484px;padding:22px 24px 0;background:#242424;border:1px solid #3a3a3c;border-radius:12px;color:#fff;display:flex;flex-direction:column;box-shadow:0 16px 40px #2228;font-weight:300}
.original-extension:before{display:none}.original-extension .extension-heading{position:relative;padding:0 0 8px;gap:9px;align-items:start}.original-extension .extension-heading>span{font-size:20px;line-height:1.2;font-weight:400;letter-spacing:-.8px;color:#fff;gap:8px;padding-top:3px}
.extension-header-tools{display:flex;align-items:center;gap:2px;color:#9b9ba1}.extension-header-tools>span,.extension-header-tools>a,.extension-header-tools>button{display:grid;place-items:center;width:26px;height:28px;flex-shrink:0;font-size:20px}.extension-header-tools .icon{width:15px;height:15px}.extension-header-tools a{border-radius:50%}.extension-header-tools a:hover{color:white;background:#383838}
.original-extension .icon-button{color:#9b9ba1;padding:0;font-size:20px;border-radius:50%}.original-extension .icon-button:hover{background:#383838;color:#fff}
.extension-menu{position:absolute;top:33px;right:0;z-index:3;background:#353536;box-shadow:0 8px 24px #0006;border:1px solid #49494b;border-radius:10px;padding:5px;min-width:190px}.extension-menu a,.extension-menu button{display:block;text-align:left;width:100%;background:none;border:0;color:#ddd;font-size:11px;padding:10px;border-radius:6px}.extension-menu a:hover,.extension-menu button:hover{background:#444}
.original-extension .extension-search{height:46px;flex-shrink:0;border:0;background:#2e2e2e;border-radius:23px;padding:14px 18px;margin:10px 0 12px;gap:8px;color:#9b9ba1}.original-extension .extension-search input{font-size:12px;color:white;font-weight:300}.original-extension .extension-search input::placeholder{color:#9b9ba1}.original-extension .extension-search:focus-within{outline-color:#bcb8b0}
.extension-library{overflow-y:auto;min-height:0;flex:1;padding:3px 2px;scrollbar-width:thin;scrollbar-color:#555 transparent}
.demo-folder-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.demo-folder{display:flex;flex-direction:column;gap:6px;padding:14px 12px;border-radius:16px;background:#353536;text-align:left;min-width:0;color:#fff}
.demo-folder:first-child{background:linear-gradient(#413944,#353536)}.demo-folder:last-child{background:linear-gradient(#364047,#353536)}.demo-folder:hover{background:#444147}
.demo-folder svg{width:31px;height:31px;fill:none;stroke:#aaa;stroke-width:1.5;stroke-linejoin:round}.demo-folder strong{font-size:11px;line-height:1.4;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-folder small{font-size:9px;color:#9b9ba1}
.original-extension .snippet-list{display:block;columns:2;column-gap:6px;padding:2px 0}.original-extension .snippet{display:inline-block;width:100%;border:0;background:#353536;border-radius:16px;padding:12px;margin:0 0 6px;break-inside:avoid;color:#fff;text-align:left;box-shadow:none;vertical-align:top}
.original-extension .snippet:hover{background:#414143;border:0}.original-extension .snippet.active{background:#383838;outline:1px solid #aaa;outline-offset:-1px;border:0;box-shadow:none}
.original-extension .snippet code{display:block;font-size:11px;font-weight:500;color:#fff;margin:0 0 7px;line-height:1.4}.original-extension .snippet>span{font-size:11px;line-height:1.45;color:#aaa;display:block;font-weight:300}
.original-extension .search-empty{color:#aaa;font-size:12px;padding:24px 12px}.extension-demo-label{font-size:9px;color:#9b9ba1;text-align:center;padding:15px 0 16px;line-height:1.5;flex-shrink:0}
.original-extension :focus-visible{outline-color:#dbbca9!important}

/* A single perspective playground instead of categorized logo panels. */
.applications{padding-block:85px 62px}.applications .section-heading h2{font-size:46px;margin-bottom:0}.applications .section-label{color:#6c8175}
.logo-playground{--tilt:0deg;position:relative;isolation:isolate;margin:25px auto 0;perspective:1050px;max-width:1040px;height:360px;overflow:hidden}
.logo-playground:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:80px;background:linear-gradient(transparent,#fff);pointer-events:none;z-index:2}
.warp-grid{list-style:none;padding:18px 36px 28px;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 24px;transform:rotateX(35deg) rotateY(var(--tilt));transform-origin:50% 0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.warp-grid li{display:flex;justify-content:center;min-width:0;transform-style:preserve-3d}
.warp-tile{--lift:0px;display:grid;place-items:center;position:relative;width:100%;max-width:128px;aspect-ratio:1.15;border:1px solid #e8e8e6;border-radius:26px;background:linear-gradient(135deg,#fff,#f8f8f6);box-shadow:0 4px 0 #f0f0ed,0 12px 16px #2a403409;transform:translateZ(var(--lift));transition:transform .25s,box-shadow .25s,border-color .25s;outline-offset:6px}
.warp-tile img{width:45%;height:48%;object-fit:contain;pointer-events:none;user-select:none}.warp-tile:hover,.warp-tile:focus-visible{transform:translateZ(27px) rotate(-3deg);border-color:#c2d0c7;box-shadow:0 4px 0 #e1e7e2,0 20px 30px #203f4219;z-index:3}
.warp-tile.is-selected{border-color:#acbfb3}.tile-tooltip{position:absolute;bottom:8px;left:4px;right:4px;text-align:center;font-size:10px;color:#597363;opacity:0;transition:opacity .2s;pointer-events:none}.warp-tile:hover .tile-tooltip,.warp-tile:focus-visible .tile-tooltip{opacity:1}
.app-example{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 20px;min-height:40px;margin-top:4px;text-align:center}.app-example>div{display:flex;gap:12px;align-items:center}.app-example #app-name{font-size:13px;color:#354e40}.app-example code{font-size:11px;padding:6px 9px;background:#f2f6f3;border:1px solid #e5ece6;border-radius:6px;color:#6c8272}.app-example p{font-size:12px;color:#7b897f}.app-example a{font-size:12px;color:#536d5b;white-space:nowrap}.applications .compatibility-note{font-size:10px;max-width:610px;margin-top:20px;line-height:1.7}
.intro{padding-block:65px}.intro h2{font-size:33px}.intro p{margin:19px 0;max-width:530px}.how-steps{grid-template-columns:repeat(3,1fr);gap:28px;margin-block:26px}.how-steps strong{font-size:13px}.how-steps span{font-size:12px;line-height:1.65}.features{padding-block:75px}.feature-card>p{max-width:290px}.use-cases{padding-block:80px}.savings{padding-block:80px}.achievements{padding-bottom:80px}
@media(min-width:1500px){.hero-copy{padding-top:32px}.hero h1{font-size:62px}.hero-browser-crop{height:590px}.chrome-demo .demo-main{padding-top:66px}}
@media(max-width:1050px){
 .hero-browser-crop{padding-inline:28px;height:584px}.chrome-page{padding-left:83px;padding-right:308px}.claude-sidebar{width:83px;padding-inline:13px;font-size:0;align-items:center}.claude-sidebar>span:not(.claude-wordmark){font-size:0}.claude-sidebar .claude-wordmark{font-size:17px}.claude-sidebar .sidebar-new{font-size:0;padding:10px}.sidebar-new:before{content:"+";font-size:20px}.sidebar-recents{display:none}.chrome-demo .demo-main{padding:69px 18px 50px}.chrome-demo .demo-main h2{font-size:25px}.extension-popup.original-extension{width:289px;right:9px;padding-inline:17px}.original-extension .extension-heading>span{font-size:18px;gap:6px}.extension-header-tools{gap:0}.extension-header-tools>span,.extension-header-tools>a,.extension-header-tools>button{width:23px}.original-extension .extension-search{padding-inline:15px}.original-extension .extension-search input{font-size:11px}.demo-folder strong{font-size:10px}.original-extension .snippet>span{font-size:10px}.chrome-page.extension-collapsed{padding-right:83px}
 .logo-playground{height:320px}.warp-grid{gap:17px;padding-inline:23px}.warp-tile{border-radius:20px}.how-steps{gap:20px}
}
@media(max-width:800px){.header{gap:15px;padding-inline:22px}.header .desktop-nav{gap:19px;font-size:12px}.hero-browser-crop{padding-inline:22px;height:580px}.chrome-page{padding-left:0;padding-right:280px}.claude-sidebar{display:none}.chrome-demo .demo-main{padding-inline:18px}.chrome-demo .demo-main h2{font-size:22px}.extension-popup.original-extension{width:263px;padding-inline:14px}.original-extension .extension-heading>span{font-size:17px}.extension-header-tools>span:first-child{display:none}.chrome-demo #demo-editor{height:175px}.claude-suggestions{display:none}.chrome-page.extension-collapsed{padding:0}.logo-playground{height:286px}.warp-grid{gap:15px;padding-inline:12px}.warp-tile{border-radius:18px}.tile-tooltip{font-size:8px;bottom:6px}.app-example p{width:100%;order:3}.how-steps{grid-template-columns:1fr;gap:16px}}
@media(max-width:650px){
 .hero{margin:8px 8px 0}.header{display:flex;justify-content:space-between;height:58px;padding-inline:18px}.header .wordmark{font-size:24px}.header .desktop-nav{display:none}.header .mobile-nav{top:59px}.hero-copy{padding-top:25px}.hero h1{font-size:clamp(32px,8.8vw,47px)}.hero-copy>p{font-size:13px;max-width:290px}.hero-copy .hero-meta{font-size:9px;max-width:290px}.eyebrow-pill{font-size:9px}
 .hero-browser-crop{height:auto;max-height:none;padding:0 12px;margin-top:30px}.hero .product-window{min-height:0;border-radius:11px 11px 0 0}.chrome-page{min-height:0;padding:0 0 0;display:flex;background:#faf9f5}.chrome-demo .demo-main{padding:28px 17px 20px}.claude-spark{width:28px;height:28px;margin-bottom:13px}.chrome-demo .demo-main h2{font-size:24px;margin-bottom:21px}.chrome-demo #demo-editor{font-size:16px;height:149px;min-height:140px;max-height:220px;padding:15px}.claude-composer-tools{padding:4px 12px 11px;gap:10px}.claude-model{font-size:9px}.claude-send{width:25px;height:25px;font-size:18px}.chrome-demo .demo-controls p{font-size:10px}.demo-disclaimer{font-size:8px;margin-top:3px}
 .extension-popup.original-extension{position:relative;right:auto;top:auto;order:2;width:auto;height:456px;margin:0 12px 0;border-radius:12px 12px 0 0;padding:18px 18px 0;box-shadow:0 8px 22px #221f1d22}.original-extension .extension-heading>span{font-size:19px}.extension-header-tools>span:first-child{display:grid}.extension-header-tools>span,.extension-header-tools>a,.extension-header-tools>button{width:25px}.original-extension .extension-search input{font-size:16px}.original-extension .extension-search{padding-inline:14px;margin-block:9px 10px;height:42px}.original-extension .snippet>span{display:block;font-size:10px}.original-extension .snippet code{font-size:11px}.demo-folder strong{font-size:11px}.demo-folder svg{height:29px;width:29px}.extension-demo-label{font-size:8px;padding-block:12px}.original-extension .snippet{padding:12px;display:inline-block;margin-bottom:6px}
 .applications{padding-block:62px 45px}.applications .section-heading h2{font-size:35px}.logo-playground{height:298px;perspective:650px;margin:20px -9px 0;overflow:hidden}.warp-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 10px;padding:20px 6px;transform:rotateX(26deg);width:570px;position:relative;left:50%;margin-left:-285px}.warp-tile{max-width:none;border-radius:17px;aspect-ratio:1.1}.warp-tile img{width:45%;height:48%}.tile-tooltip{font-size:8px}.logo-playground{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#dfe7e0 transparent}.warp-grid{left:auto;margin:0;width:570px;padding-inline:12px}.logo-playground:after{display:none}.app-example{gap:12px;margin-top:6px}.app-example p{font-size:11px;line-height:1.6}.app-example #app-name{font-size:12px}.app-example code,.app-example a{font-size:10px}.applications .compatibility-note{font-size:9px;text-align:center}.intro{padding-block:48px}.intro h2{font-size:28px}.intro p{font-size:13px}.how-steps{margin-block:23px}.features{padding-block:55px}.use-cases,.savings{padding-block:58px}.achievements{padding-bottom:60px}
}
@media(max-width:360px){.header{padding-inline:14px}.extension-popup.original-extension{padding-inline:13px;margin-inline:10px}.extension-header-tools>span,.extension-header-tools>a,.extension-header-tools>button{width:23px}.original-extension .extension-heading>span{font-size:18px}.demo-folder strong{font-size:10px}.chrome-demo .demo-main h2{font-size:22px}.original-extension .extension-search input{font-size:14px}.hero-copy .hero-meta{max-width:240px}}
@media(prefers-reduced-motion:reduce){.warp-grid,.warp-tile,.warp-tile:hover,.warp-tile:focus-visible{transition:none;transform:none}.warp-grid{transform:rotateX(26deg)}.warp-tile:hover,.warp-tile:focus-visible{outline:2px solid #829a89}}

/* Minimal canvas and the extension's original light-theme palette. */
.chrome-page.minimal-claude{padding-left:28px;background:#fff}
.minimal-claude .demo-main{padding-top:100px;max-width:600px}
.minimal-claude .claude-spark{width:29px;height:29px;margin-bottom:18px}
.minimal-claude .demo-main h2{font-size:30px;font-weight:450;margin-bottom:28px}
.minimal-claude .claude-composer-tools{justify-content:space-between}
.minimal-claude.extension-collapsed{padding-right:28px}
.extension-popup.light-extension{background:#fff;border-color:#e5e5ea;color:#1d1d1f;box-shadow:0 14px 36px #2222221a}
.light-extension .extension-heading>span{color:#1d1d1f}
.light-extension .extension-header-tools,.light-extension .icon-button{color:#717179}
.light-extension .extension-header-tools a:hover,.light-extension .icon-button:hover{color:#1d1d1f;background:#f0f0f2}
.light-extension .extension-search{background:#e8e8ed;color:#717179}
.light-extension .extension-search input{color:#1d1d1f}
.light-extension .extension-search input::placeholder{color:#717179}
.light-extension .extension-library{scrollbar-color:#d1d1d6 transparent}
.light-extension .demo-folder{color:#1d1d1f;background:#f0f0f2}
.light-extension .demo-folder:first-child{background:linear-gradient(#f2edf7,#f0f0f2)}
.light-extension .demo-folder:last-child{background:linear-gradient(#ebf2f6,#f0f0f2)}
.light-extension .demo-folder:hover{background:#e8e8ed}
.light-extension .demo-folder svg{stroke:#717179}
.light-extension .demo-folder small,.light-extension .snippet>span,.light-extension .search-empty,.light-extension .extension-demo-label{color:#6e6e73}
.light-extension .snippet{background:#f0f0f2;color:#1d1d1f}
.light-extension .snippet:hover{background:#e8e8ed}
.light-extension .snippet.active{background:#f0f0f2;outline-color:#a2a2aa}
.light-extension .snippet code{color:#1d1d1f}
.light-extension .extension-menu{background:#fff;border-color:#e5e5ea;box-shadow:0 8px 24px #2222}
.light-extension .extension-menu a,.light-extension .extension-menu button{color:#1d1d1f}
.light-extension .extension-menu a:hover,.light-extension .extension-menu button:hover{background:#f0f0f2}
.light-extension :focus-visible{outline-color:#829a89!important}

/* Repeated equal-width sets make a seamless, slow leftward loop. */
.logo-marquee{max-width:1120px;height:auto;margin:24px auto 0;padding:28px 0 18px;perspective:1150px;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.logo-scene{transform:rotateX(30deg);transform-origin:50% 10%;transform-style:preserve-3d}
.logo-marquee:after{display:block;height:48px}.logo-lane{padding:10px 0;overflow:visible;transform-style:preserve-3d}
.logo-track{display:flex;width:max-content;transform-style:preserve-3d;animation:logo-drift var(--duration,60s) linear infinite;animation-play-state:paused}
.logo-marquee.is-running .logo-track{animation-play-state:running}
.logo-marquee:hover .logo-track,.logo-marquee:focus-within .logo-track{animation-play-state:paused}
.logo-set{display:flex;list-style:none;padding:0;margin:0;gap:16px;padding-right:16px;flex-shrink:0;justify-content:flex-start;transform-style:preserve-3d}
.logo-set li{display:flex;flex:0 0 124px;transform-style:preserve-3d}
.logo-marquee .warp-tile{width:124px;height:124px;max-width:none;aspect-ratio:1;border-radius:28px;background:linear-gradient(145deg,#fff,#f7f8f5);box-shadow:0 5px 0 #eef0ea,0 12px 20px #3046380c;transform:translateZ(0);transition:background .25s,border-color .25s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;backface-visibility:hidden}
.logo-marquee .warp-tile:hover,.logo-marquee .warp-tile:focus-visible{transform:translateZ(38px) translateY(-5px) rotate(-3deg);background:#fff;border-color:#bfcbbc;box-shadow:0 6px 0 #e5ebe0,0 25px 32px #30463824;z-index:3}
.logo-marquee .warp-tile img{width:43px;height:43px;object-fit:contain}
.logo-marquee .tile-tooltip{bottom:8px;font-size:10px}
.logo-motion-control{text-align:center;margin:10px 0 16px}
.logo-motion-control button{font:11px Geist,sans-serif;color:#6c7d69;background:transparent;border:1px solid #e7ebe3;border-radius:18px;padding:8px 14px;min-height:32px}
.logo-motion-control button:disabled{cursor:default;border-color:transparent}
.logo-marquee.is-static{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
.logo-marquee.is-static .logo-lane{overflow:visible}
.logo-marquee.is-static .logo-scene{transform:none}
.logo-marquee.is-static .logo-track{animation:none}
.logo-marquee.is-static .logo-duplicate{display:none}
@keyframes logo-drift{to{transform:translateX(calc(-100% / 3))}}
@media(max-width:1050px){.chrome-page.minimal-claude{padding-left:10px}.minimal-claude .demo-main{padding-top:105px}.minimal-claude .demo-main h2{font-size:27px}}
@media(max-width:800px){.minimal-claude .demo-main h2{font-size:24px}.logo-set li{flex-basis:108px}.logo-marquee .warp-tile{width:108px;height:108px;border-radius:25px}.logo-set{gap:13px;padding-right:13px}}
@media(max-width:650px){.chrome-page.minimal-claude{padding-left:0}.minimal-claude .demo-main{padding-top:38px;padding-bottom:25px}.minimal-claude .demo-main h2{font-size:26px}.minimal-claude.extension-collapsed{padding:0}.logo-marquee{margin:18px -9px 0;padding-block:24px 10px;overflow:hidden;perspective:720px}.logo-scene{transform:rotateX(24deg)}.logo-set li{flex-basis:94px}.logo-marquee .warp-tile{width:94px;height:94px;border-radius:22px}.logo-marquee .warp-tile img{width:36px;height:36px}.logo-set{gap:11px;padding-right:11px}.logo-lane{padding-block:8px}.logo-marquee .tile-tooltip{font-size:9px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.logo-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.logo-scene{transform:none}.logo-lane{overflow:visible}.logo-track{animation:none!important}.logo-duplicate{display:none}.logo-marquee .warp-tile:hover,.logo-marquee .warp-tile:focus-visible{transform:none}}
.footer-top nav{flex-wrap:wrap}.footer-top{align-items:start}
.light-extension .extension-search:focus-within{outline:none;background:#e7e7eb}
.calculator input:focus-visible{outline:none;background:#eef1f3}

/* Small transitions connect the toolbar, extension, and writing surface. */
.hero .product-window.chrome-demo{box-shadow:none}
.chrome-page.minimal-claude{transition:padding .3s cubic-bezier(.2,.75,.25,1)}
.extension-collapsed .playground-page{max-width:none}
.extension-popup.original-extension.light-extension{height:420px;box-shadow:0 3px 10px #22222209;transform-origin:calc(100% - 45px) 0;transition:opacity .24s ease,transform .3s cubic-bezier(.2,.75,.25,1)}
.extension-popup.is-closed{opacity:0;transform:translateY(-9px) scale(.96);pointer-events:none}
.original-extension .extension-library{padding-top:5px}
.original-extension .snippet>span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.minimal-claude .demo-main{transition:padding-top .3s cubic-bezier(.2,.75,.25,1)}
.minimal-claude.extension-collapsed .demo-main{padding-top:45px}
.original-extension .snippet{transition:background .2s,transform .2s}
.original-extension .snippet:hover{transform:translateY(-2px)}
.chrome-demo .message-card{box-shadow:none;border-color:#e6e6e8;transition:background .25s,transform .3s}
.chrome-demo .message-card:focus-within{background:#fafafa;transform:translateY(-2px)}
.demo-editor-stack{position:relative}
.chrome-demo #demo-editor,.demo-ghost{font:400 14px/1.6 Geist,sans-serif;letter-spacing:normal;padding:19px 18px 12px;white-space:pre-wrap;overflow-wrap:break-word;tab-size:8}
.chrome-demo #demo-editor{position:relative;z-index:1;background:transparent;transition:height .3s cubic-bezier(.2,.75,.25,1);max-height:none}
.chrome-demo #demo-editor:focus-visible{background:transparent}

.demo-ghost{position:absolute;inset:0;pointer-events:none;overflow:hidden;scrollbar-width:none}
#ghost-before,#ghost-after{color:transparent}
#ghost-text{color:#303038;opacity:.34}
.demo-ghost:not([hidden]) #ghost-text{animation:ghost-appear .24s ease both}
.chrome-demo .is-inserted{animation:insert-settle .35s ease both}
.accept-suggestion{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:9px;border:0;border-radius:6px;padding:5px 7px;background:#f0eef6;color:#625777;font:10px Geist,sans-serif;min-height:28px}
.accept-suggestion:hover{background:#e9e4f2}
.accept-suggestion kbd{font:10px "Geist Mono",monospace;background:#fff;padding:2px 4px;border:1px solid #ddd7e9;border-radius:4px}
.minimal-claude .claude-composer-tools{justify-content:initial}
.claude-send{margin-left:auto}
.accept-suggestion:not([hidden])+.claude-send{margin-left:0}
@keyframes ghost-appear{from{opacity:0;transform:translateY(3px)}to{opacity:.34;transform:translateY(0)}}
@keyframes insert-settle{0%{background:#f0ecfa}100%{background:#fafafa}}

/* Sky blue returns for the hero and closing CTA. */
:root{--wash-start:#bbf0f8;--wash-middle:#81dff1;--wash-end:#bcecf5;--wash-light:#edfafb}
.hero.sky,.download.sky{background:radial-gradient(ellipse at 55% 82%,var(--wash-light) 0,transparent 53%),linear-gradient(120deg,var(--wash-start),var(--wash-middle) 56%,var(--wash-end))}
.hero-browser-crop{margin-top:28px}

/* Local-first, without a lock metaphor or orbit decoration. */
.calm-panel{background:#faf9fc;border-color:#eeebf3}
.local-library-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-width:0;padding:26px 12px;background:radial-gradient(ellipse,#ece5f9,transparent 72%)}
.local-library-card{width:100%;max-width:330px;border:1px solid #e6e0ed;border-radius:16px;padding:21px;background:#fff;box-shadow:0 6px 0 #eee8f2;transform:rotate(-3deg);transition:transform .35s}
.local-library-art:hover .local-library-card{transform:rotate(0) translateY(-3px)}
.local-card-heading{display:flex;align-items:center;gap:9px;font-size:12px;color:#514e59;padding-bottom:20px}
.local-card-heading .icon{width:18px;height:18px}
.local-dot{width:6px;height:6px;background:#b6a5ce;border-radius:50%;margin-left:auto}
.local-preset{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;padding:16px 0;border-top:1px solid #f0edf4;color:#64606c}
.local-preset code{font:10px "Geist Mono",monospace;padding:6px 7px;background:#f4f0fa;color:#786589;border-radius:6px}
.local-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0edf4;padding-top:17px;font-size:10px;color:#88818f}
.optional-sync{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px dashed #d9d2e4;border-radius:24px;font-size:10px;color:#686070;background:#ffffffa6}
.optional-sync .icon{width:16px;height:16px}
.optional-sync>span{color:#8b8294;font-size:9px}
.download.sky{padding-top:54px}
.closing-shortcut{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 33px;font-size:13px;color:#4c4b54}
.closing-shortcut>span:first-child{padding:15px 20px;border:1px solid #ffffffb5;border-radius:12px;background:#ffffff91;transform:rotate(-3deg)}
.closing-shortcut kbd{font:15px "Geist Mono",monospace;padding:17px 22px;background:#fff;border:1px solid #e9e5ed;border-radius:12px;box-shadow:0 5px 0 #00000009;transform:rotate(4deg);transition:transform .25s}
.closing-shortcut:hover kbd{transform:rotate(0) translateY(-3px)}
.download h2{margin-top:18px}
@media(max-width:800px){.local-library-card{padding:17px}.local-preset{gap:7px;font-size:10px}.optional-sync{flex-wrap:wrap;justify-content:center}}
@media(max-width:650px){

 .chrome-demo #demo-editor,.demo-ghost{font-size:16px;padding:15px}

 .extension-popup.original-extension.light-extension{height:420px;max-height:420px;margin-bottom:16px;border-radius:12px;transition:opacity .24s,transform .3s,max-height .3s,padding .3s,margin .3s}
 .extension-popup.is-closed{max-height:0!important;padding-block:0;margin-bottom:0!important;border-color:transparent}
 .local-library-art{padding:17px 0 5px;gap:23px}.local-library-card{max-width:310px;padding:20px}.local-preset{font-size:11px}.local-card-heading{font-size:12px}
 .closing-shortcut{gap:12px;font-size:11px;margin-bottom:27px}.closing-shortcut>span:first-child{padding:13px 12px}.closing-shortcut kbd{font-size:13px;padding:15px 16px}
}
@media(prefers-reduced-motion:reduce){
 .minimal-claude .demo-main,.chrome-page.minimal-claude,.extension-popup.original-extension.light-extension,.chrome-demo .message-card,.chrome-demo #demo-editor,.original-extension .snippet,.local-library-card,.closing-shortcut kbd{transition:none!important}
 .demo-ghost #ghost-text,.chrome-demo .is-inserted{animation:none!important}
}

/* The hit area never lifts: only this pointer-transparent tile surface moves. */
.logo-marquee .warp-tile{transform:none!important;transform-style:preserve-3d;border:0!important;background:transparent!important;box-shadow:none!important;padding:0}
.logo-marquee .tile-surface{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;border:1px solid #e8e8e6;border-radius:inherit;background:linear-gradient(145deg,#fff,#f7f8f5);box-shadow:0 5px 0 #eef0ea,0 12px 20px #3046380c;transform:translateZ(0);backface-visibility:hidden;transition:background .25s,border-color .25s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.logo-marquee .warp-tile.is-hovered .tile-surface,.logo-marquee .warp-tile:focus-visible .tile-surface{transform:translateZ(38px) translateY(-5px) rotate(-3deg);background:#fff;border-color:#bfcbbc;box-shadow:0 6px 0 #e5ebe0,0 25px 32px #30463824}
.logo-marquee.is-hovering .logo-track{animation-play-state:paused}
.logo-marquee .warp-tile.is-hovered{z-index:3}
.logo-marquee .warp-tile.is-selected .tile-surface{border-color:#acbfb3}
.logo-marquee{touch-action:pan-y;cursor:grab}
.logo-marquee.is-dragging{cursor:grabbing}
.logo-marquee .warp-tile{cursor:pointer}
.logo-marquee.is-browsing .logo-track{animation:none;transform:translateX(var(--browse-offset,0px))}
.logo-motion-control{display:flex;align-items:center;justify-content:center;gap:8px}
#logo-previous,#logo-next{width:34px;height:34px;padding:0;font-size:17px;color:#6c7d69}
.logo-marquee:focus-visible{outline:2px solid #bcb7c7;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.logo-marquee .tile-surface,.logo-marquee .warp-tile.is-hovered .tile-surface,.logo-marquee .warp-tile:focus-visible .tile-surface{transform:none;transition:none}}

/* Calm blue hero accents and neutral gray product surfaces. */
.hero.sky,.download.sky{color:#202a30}
.hero-copy>p,.hero-copy .hero-meta,.hero-bottom,.download>p,.download .download-note{color:#52666e}
.hero .eyebrow-pill{border-color:#95cfd9;background:#e6f7fa;color:#476b77}
.hero .eyebrow-pill:hover{background:#d4eff5}
.hero .status-dot{background:#5d9cac}
.hero .button,.download .button{background:#252a2d;border-color:#252a2d;color:#fff}
.hero .button:hover,.download .button:hover{background:#414b50;border-color:#414b50}
.hero .text-link,.download .text-link{color:#426370}
.hero .button-outline,.download .button-outline{background:#f8fbfc;border-color:#a8cfdb;color:#426370}
.hero .button-outline:hover,.download .button-outline:hover{background:#e6f2f6;color:#426370}
.closing-shortcut{color:#607983}.closing-shortcut kbd{background:#f8fbfc;border-color:#b4d4df;color:#4c6c79;box-shadow:0 3px 0 #b4d4df}
.closing-shortcut span{color:#607983}
.download .install-help{color:#476b77}
.extension-popup.original-extension.light-extension{background:#f7f7f7;border-color:#dedede;color:#292929}
.light-extension .extension-heading>span{font-weight:600;letter-spacing:-1px;color:#292929}
.light-extension .extension-heading>span>svg{display:none}
.light-extension .extension-header-tools>*{color:#626262}
.light-extension .extension-search{background:#fff;border:1px solid #dedede;color:#747474}
.light-extension .extension-search:focus-within{background:#f1f1f1}
.light-extension .extension-search input{font-weight:400;color:#292929}
.light-extension .snippet-list{column-gap:10px}
.light-extension .snippet{background:#fff;border:1px solid #e9e9e9;margin-bottom:10px}
.light-extension .snippet:hover{background:#fff;border:1px solid #858585}
.light-extension .snippet.active{background:#ededed;border:1px solid #cccccc;outline:none}
.light-extension .snippet code{display:table;padding:4px 6px;border-radius:6px;background:#ededed;color:#555555;font-size:10px}
.light-extension .snippet>span{color:#626262;font-weight:400;line-height:1.6}
.light-extension .extension-menu{border-color:#dedede;box-shadow:0 6px 22px #22222210}
.light-extension :focus-visible{outline-color:#858585!important}
.logo-marquee .warp-tile.is-hovered .tile-tooltip{opacity:1}
.logo-scene,.logo-lane,.logo-track,.logo-set,.logo-set li{pointer-events:none}
.logo-marquee .warp-tile{pointer-events:auto}
.hero .chrome-tabs{background:#e5e9ed}
.hero .chrome-tab,.hero .chrome-toolbar{background:#f8fbfc;color:#626262;border-color:#e0e5e9}
.hero .chrome-address{background:#eef1f3;color:#747474}
.hero .chrome-navigation,.hero .chrome-more{color:#747474}
.hero .extension-toggle[aria-expanded=true]{background:#ededed;border-color:#bccdd8}
.hero .extension-toggle:hover{background:#e2ebf0}

/* A quieter extension preview with more room around the content. */
.extension-popup.original-extension.light-extension{top:18px;right:22px;padding:24px 26px 18px;height:452px}
.light-extension .extension-header-tools>span:first-child,.light-extension .extension-header-tools>a{display:none}
.light-extension .extension-heading{align-items:center;padding-bottom:10px}
.light-extension .extension-search{margin-bottom:18px;border-color:transparent;background:#eee}
.light-extension .snippet-list{columns:1}
.light-extension .snippet{padding:14px 16px;margin-bottom:12px;border-color:transparent;border-radius:12px}
.light-extension .snippet:hover{border-color:transparent;background:#f0f0f0}
.light-extension .snippet.active{background:#eaeaea;border-color:transparent}
.light-extension .snippet code{display:block;padding:0;border-radius:0;background:none;color:#333;font-size:11px}
.light-extension .snippet>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.6;color:#777}
.light-extension .extension-demo-label{display:none}
.accept-suggestion{background:#eee;color:#666}
.calm-panel{background:#f7f7f7;border-color:#e9e9e9}
.local-library-art{background:none}
.local-library-card{border-color:#e4e4e4;box-shadow:0 5px 0 #eee}
.local-card-heading,.local-preset{color:#626262}.local-dot{background:#999}
.local-preset,.local-card-foot{border-color:#eee}.local-preset code{background:#f1f1f1;color:#666}
.local-card-foot,.optional-sync>span{color:#858585}.optional-sync{border-color:#ddd;color:#666}
@media(max-width:650px){.extension-popup.original-extension.light-extension{top:auto;right:auto;margin:18px 24px 24px;padding:24px;max-height:452px;height:452px}.extension-popup.original-extension.light-extension.is-closed{max-height:0!important;padding-block:0;margin-block:0!important}}