@import url("https://fonts.googleapis.com/css2?family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");

/* XOV - a unified product website. One type scale, one layout system. */
:root{color-scheme:light;--bg:#fff;--bg-alt:#f6f7f9;--surface:#fff;--surface-2:#f4f5f7;--surface-3:#e8ebef;--text-primary:#181b21;--text-secondary:#626976;--text-muted:#727987;--border:#e5e7eb;--border-strong:#ccd1da;--brand:#235deb;--brand-strong:#235deb;--brand-text:#2057da;--brand-hover:#1748c8;--brand-soft:#edf2ff;--success:#268466;--success-soft:#edf7f1;--success-text:#267451;--accent-soft:#fff6e8;--accent-text:#8a6027;--nav-bg:rgba(255,255,255,.94);--shadow:0 18px 60px #10192e0a;--font-sans:"Quattrocento Sans",Arial,sans-serif;--font-display:"Quattrocento Sans",Arial,sans-serif;--font-mono:"SFMono-Regular",Consolas,monospace;--container:1180px;--gutter:40px}
[data-theme="dark"]{color-scheme:dark;--bg:#111319;--bg-alt:#191c24;--surface:#1b1f28;--surface-2:#222733;--surface-3:#303744;--text-primary:#f0f2f7;--text-secondary:#b1b8c6;--text-muted:#a0aaba;--border:#303643;--border-strong:#475162;--brand:#7d9fff;--brand-strong:#3d70e8;--brand-text:#9bb6ff;--brand-hover:#2e61d8;--brand-soft:#253759;--success:#75caa3;--success-soft:#243f34;--success-text:#83d0ad;--accent-soft:#3a3024;--accent-text:#edc38e;--nav-bg:rgba(17,19,25,.94);--shadow:0 18px 60px #0003}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}h1,h2,h3,h4,p,ul,ol,dl{margin:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.12;font-weight:600;letter-spacing:-.035em}h1{font-size:72px}h2{font-size:48px}h3{font-size:24px;line-height:1.3;letter-spacing:-.025em}h4{font-size:20px}p{color:var(--text-secondary)}p+p{margin-top:16px}a{color:inherit;text-decoration:none}a:hover{color:var(--brand-text)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}ul{list-style:none;padding:0}code,kbd,pre{font-family:var(--font-mono)}code{font-size:14px;overflow-wrap:anywhere}kbd{font-size:13px;line-height:1.4;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;background:var(--surface);padding:4px 7px;white-space:nowrap;color:var(--text-secondary)}::selection{background:#dbe5ff;color:#142e63}.container{width:min(var(--container),calc(100% - var(--gutter)*2));margin-inline:auto}.section{padding:108px 0}.section-alt{background:var(--bg-alt)}.eyebrow{font-size:13px;line-height:1.5;font-weight:600;letter-spacing:.08em;color:var(--brand-text);margin-bottom:20px}.eyebrow .dot{display:none}.lead{font-size:18px;line-height:1.7;color:var(--text-secondary)}.text-link,.card-link{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:500;line-height:1.5;color:var(--brand-text)}.text-link svg,.card-link svg{width:17px;height:17px;transition:transform .2s}.text-link:hover svg,.card-link:hover svg{transform:translateX(3px)}.card-link{margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 20px;border:1px solid transparent;border-radius:8px;line-height:1.4;font-size:15px;font-weight:500;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}.btn svg{width:19px;height:19px}.btn-primary{background:var(--brand-strong);color:#fff;box-shadow:0 2px 4px #164fc416}.btn-primary:hover{background:var(--brand-hover);color:#fff;transform:translateY(-1px)}.btn-secondary{background:var(--surface);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2)}.btn-lg{min-height:54px;padding:15px 23px;font-size:16px}.btn-sm{min-height:40px;padding:10px 16px;font-size:14px}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary)}.icon-btn:hover{background:var(--surface-2)}.icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.skip-link{position:fixed;top:10px;left:15px;padding:12px 20px;z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:6px;transform:translateY(-160%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono)}.text-brand{color:var(--brand-text)}
/* Global navigation */
.navbar{height:76px;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:var(--nav-bg);backdrop-filter:blur(18px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand:hover{color:var(--text-primary)}.brand img{width:32px;height:32px;border-radius:8px}.brand-name{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.035em}.nav-links{display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:34px}.nav-links a{font-size:14px;color:var(--text-secondary)}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--text-primary)}.nav-links a[aria-current="page"]{font-weight:600}.nav-actions{display:flex;align-items:center;gap:12px}.nav-cta svg{width:16px;height:16px}.mobile-menu-btn,.mobile-drawer{display:none}
/* Opening: a single, deliberate product statement. */
.product-hero{padding:64px 0 0;background:var(--bg);overflow:hidden}.hero-intro{text-align:center}.release-pill{display:inline-flex;align-items:center;gap:9px;font-size:13px;padding:6px 11px;border:1px solid var(--border);border-radius:30px;background:var(--surface);color:var(--text-secondary);margin-bottom:27px}.release-pill svg{width:14px;height:14px;color:var(--text-muted)}.release-dot{width:6px;height:6px;background:var(--brand);border-radius:50%}.hero-intro h1{font-size:clamp(54px,6.25vw,84px);line-height:1.045;letter-spacing:-.047em;font-weight:600;max-width:980px;margin:auto}.hero-intro h1 span{color:var(--text-secondary)}.hero-description{max-width:700px;margin:27px auto 0;font-size:19px;line-height:1.7;letter-spacing:-.012em}.hero-actions{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:28px}.hero-platform{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:17px;font-size:13px;color:var(--text-muted)}.hero-platform>span{color:var(--border-strong)}.product-showcase{padding:0 34px;margin-top:52px;position:relative}.product-showcase:before{content:"";position:absolute;inset:42px -70px -1px;border:1px solid var(--border);border-bottom:0;background:var(--bg-alt);border-radius:24px 24px 0 0;z-index:0}.browser-frame{position:relative;z-index:1;overflow:hidden;border:1px solid #bfc7d2;border-radius:12px 12px 0 0;background:#fff;color:#293342;box-shadow:0 25px 70px #1b2c4d12;min-width:0;font-family:var(--font-sans)}.frame-titlebar{height:47px;display:flex;align-items:center;gap:20px;background:#e8ecf2;padding:8px 14px 0;border-bottom:1px solid #dfe5ed}.preview-wordmark{display:flex;align-items:center;gap:6px;align-self:center;margin-bottom:8px;font-size:12px;font-weight:600;color:#46566f}.preview-wordmark img{width:20px;height:20px;border-radius:5px}.frame-tabs{display:flex;align-items:end;gap:4px;height:100%;min-width:0}.frame-tab{display:flex;align-items:center;gap:8px;background:transparent;border:0;border-radius:7px 7px 0 0;padding:10px 16px;font-size:12px;color:#6c7788;height:100%;min-width:145px;text-align:left}.frame-tab svg{width:14px;height:14px}.frame-tab.active{background:#f8fafd;color:#2f405c}.frame-tab:hover{background:#f2f5fa}.preview-new-tab{align-self:center;display:flex;margin:0 8px;color:#8995a6}.preview-new-tab svg{width:15px;height:15px}.frame-controls{display:flex;gap:18px;align-items:center;margin-left:auto;align-self:start;color:#8a95a4;padding-top:4px;font-size:16px}.frame-toolbar{display:flex;align-items:center;gap:18px;padding:10px 15px;background:#f8fafd;border-bottom:1px solid #e0e6ee;height:47px}.frame-nav{display:flex;gap:13px;font-size:17px;color:#8b96a6}.frame-omnibox{display:flex;align-items:center;gap:8px;padding:6px 13px;flex:1;min-width:0;background:#edf0f5;border:1px solid #e4e8ef;border-radius:6px;color:#7a8698;font-size:12px;height:29px}.frame-omnibox svg{width:12px;height:12px;color:#8c9aaf}.frame-omnibox span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame-split{display:flex;align-items:center;gap:3px}.mock-split-btn{height:27px;width:28px;border:0;border-radius:4px;background:transparent;padding:5px;display:grid;place-items:center;color:#8794a9}.mock-split-btn:hover{background:#e6ecf8}.mock-split-btn.active{background:#e1e9ff;color:#285bdc}.layout-symbol{width:16px;height:13px;border:1px solid currentColor;border-radius:2px;display:grid;gap:1px;padding:1px}.layout-symbol i{background:currentColor;opacity:.5}.layout-symbol-2{grid-template-columns:1fr 1fr}.layout-symbol-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.layout-symbol-3 i:first-child{grid-row:span 2}.layout-symbol-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.preview-body{display:flex;min-height:385px}.preview-sidebar{display:flex;flex-direction:column;flex-shrink:0;width:190px;background:#f2f5f9;border-right:1px solid #e0e6ef;padding:25px 15px 20px}.preview-label{display:block;font-size:10px;line-height:1.5;letter-spacing:.08em;color:#8b95a5;font-weight:500;margin-bottom:13px}.sidebar-demo-item{display:flex;align-items:center;gap:9px;padding:10px;border-radius:5px;font-size:12px;color:#748197;margin-bottom:4px}.sidebar-demo-item svg{width:15px;height:15px}.sidebar-demo-item.selected{background:#e3ebff;color:#315bd0}.sidebar-demo-divider{display:block;height:1px;background:#e0e5ec;margin:16px 8px 22px}.site-dot{width:8px;height:8px;border-radius:3px}.site-dot.blue{background:#8da6db}.site-dot.green{background:#9bbbaf}.sidebar-demo-bottom{display:flex;gap:7px;align-items:center;margin-top:auto;padding-top:40px;font-size:10px;color:#8594aa}.sidebar-demo-bottom svg{width:13px;height:13px}.frame-viewport{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:5px;background:#e9eef6;flex:1;min-width:0;height:385px}.split-pane{background:#fff;min-width:0;min-height:0;border:1px solid #e2e7ef;border-radius:5px;overflow:hidden}.frame-viewport[data-split-mode="1"] .p2,.frame-viewport[data-split-mode="1"] .p3,.frame-viewport[data-split-mode="1"] .p4,.frame-viewport[data-split-mode="2"] .p3,.frame-viewport[data-split-mode="2"] .p4,.frame-viewport[data-split-mode="3"] .p4{display:none}.frame-viewport[data-split-mode="2"]{grid-template-columns:1fr 1fr}.frame-viewport[data-split-mode="3"]{grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr}.frame-viewport[data-split-mode="3"] .split-main{grid-row:span 2}.frame-viewport[data-split-mode="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.mock-view{display:none;height:100%;padding:28px;overflow:auto}.mock-view.active{display:block}.mv-newtab{background:#fff}.mv-newtab.active{display:flex;align-items:center;justify-content:center}.start-page{text-align:center;width:100%;padding:12px}.start-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:500;color:#8392aa}.start-page h3{color:#33445d;font-size:32px;letter-spacing:-.04em;margin:16px 0 9px;font-weight:500}.start-page>p{font-size:13px;color:#8d98a8}.mv-search{height:43px;max-width:420px;margin:24px auto;display:flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #dde4ee;border-radius:8px;box-shadow:0 3px 8px #2b3c5704;color:#96a1b1;font-size:12px;background:#fff;text-align:left}.mv-search svg{width:16px;height:16px}.search-shortcut{margin-left:auto;color:#bec7d5}.mv-tiles{display:flex;justify-content:center;gap:26px;margin-top:24px}.mv-tile{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px;color:#7a879a}.mv-tile b{display:grid;place-items:center;width:39px;height:39px;border:1px solid #e3e8ef;border-radius:9px;background:#f7f9fc;color:#7c8faa;font-weight:400}.mv-tile svg{width:18px;height:18px}.preview-bottom-note{font-size:11px;color:#a6b0be;margin-top:27px}.mv-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.mv-head h3{color:#34435a;font-size:26px;font-weight:500}.mv-head .preview-label{margin-bottom:8px}.mv-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#6e8990;background:#eef6f4;padding:6px 9px;border-radius:4px}.mv-badge svg{width:13px;height:13px}.mv-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #edf0f5;font-size:12px}.mv-ico{display:grid;place-items:center;width:33px;height:33px;border-radius:7px;background:#edf1f8;color:#8092af;font-size:14px}.mv-row>div{flex:1;min-width:0}.mv-row strong{display:block;font-size:13px;font-weight:500;color:#465770;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv-row small{display:block;color:#8d98aa;font-size:11px;margin-top:3px}.mv-status{color:#8594aa;white-space:nowrap;font-size:12px}.preview-disclaimer{font-size:11px;color:#9ba6b5;margin-top:24px}.preview-statusbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 17px;border-top:1px solid #e3e7ed;background:#f8fafd;color:#8c98aa;font-size:10px}.preview-statusbar>span{display:flex;align-items:center;gap:7px}.preview-statusbar i{width:5px;height:5px;border-radius:50%;background:#83ae9c}.preview-statusbar svg{width:12px;height:12px}.skeleton{padding:25px;overflow:hidden;height:100%}.skeleton h4{font-size:23px;color:#66778e;margin-bottom:20px;font-weight:500}.sk-art{height:95px;background:#e9efe9;position:relative;overflow:hidden;margin-bottom:24px}.sk-art span{position:absolute;right:20%;top:10px;width:65px;height:65px;border-radius:50%;background:#b6c3b2}.sk-art i{position:absolute;left:30%;width:30px;height:110px;background:#8eaa98;transform:rotate(35deg)}.sk-bar{height:5px;border-radius:3px;background:#e4e9f0;margin:10px 0}.sk-bar.w75{width:75%}.sk-bar.w60{width:60%}.frame-viewport[data-split-mode="4"] .start-page{padding:0}.frame-viewport[data-split-mode="4"] .start-page h3{font-size:19px;margin:8px 0}.frame-viewport[data-split-mode="4"] .start-page>p,.frame-viewport[data-split-mode="4"] .preview-bottom-note,.frame-viewport[data-split-mode="4"] .mv-tiles{display:none}.frame-viewport[data-split-mode="4"] .mv-search{margin:14px auto;height:34px;font-size:10px}.frame-viewport[data-split-mode="4"] .skeleton{padding:15px}.frame-viewport[data-split-mode="4"] .sk-art,.frame-viewport[data-split-mode="3"] .p3 .sk-art{display:none}
/* Home page editorial sections */
.product-principles{padding:54px 0 70px;border-bottom:1px solid var(--border);background:var(--bg)}.principles-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--text-muted);font-size:14px;padding-bottom:35px}.principles-heading .text-link{font-size:14px}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:62px}.principles-grid article>svg{color:var(--text-secondary);margin-bottom:18px;width:24px;height:24px}.principles-grid h3{font-size:19px;letter-spacing:-.02em;font-weight:500;margin-bottom:10px}.principles-grid p{font-size:15px;line-height:1.75}.workflow-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.section-copy h2{font-size:50px;line-height:1.13;margin-bottom:24px}.section-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:400px}.section-copy>.text-link{margin-top:26px}.workflow-shortcut{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:36px}.workflow-shortcut>span{font-size:13px;color:var(--text-muted);margin-top:9px;flex-basis:100%}.workflow-visual{background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:23px;min-width:0}.workflow-visual-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--text-muted);margin-bottom:21px}.workflow-visual-head>span:first-child{display:flex;gap:8px;align-items:center}.workflow-visual-head svg{width:16px;height:16px}.workflow-visual-head>span:last-child{font-size:11px;font-family:var(--font-mono)}.workflow-panels{display:grid;grid-template-columns:1fr 1fr;gap:5px;border:1px solid #d1d8e2;border-radius:8px;overflow:hidden;background:#c8d9fa;box-shadow:0 8px 20px #14264808;min-height:310px}.reference-panel{padding:23px 20px;background:#f8f8f4;color:#465246}.reference-panel .preview-label{font-size:9px;color:#899284}.reference-art{height:100px;position:relative;background:#e1e8dd;margin-bottom:22px;overflow:hidden}.reference-circle{position:absolute;right:12px;top:15px;width:70px;height:70px;border-radius:50%;background:#b9c9b0}.reference-block{position:absolute;left:30px;bottom:-30px;background:#849b82;width:55px;height:110px;transform:rotate(28deg)}.reference-slice{position:absolute;right:40px;bottom:-45px;background:#c8d3c0;width:65px;height:100px;transform:rotate(-35deg)}.reference-panel h3{font-size:20px;line-height:1.25;font-weight:500;color:#465246}.reference-panel p{font-size:12px;color:#8b9587;line-height:1.6;margin-top:10px}.document-lines{margin-top:18px}.document-lines span{display:block;height:4px;background:#e0e4dc;width:95%;margin-top:6px}.document-lines span:last-child{width:65%}.writing-panel{background:#fff;padding:23px 19px;color:#465872}.writing-panel .preview-label{font-size:9px}.writing-panel h3{font-size:36px;font-weight:400;line-height:1.15;letter-spacing:-.055em;margin:30px 0 22px;color:#465872}.writing-line{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.6;margin:13px 0;color:#8a97aa}.writing-line svg{width:11px;height:11px;color:#7da594}.writing-line.empty{color:#a0aabc}.writing-line.empty svg{color:#b2bece}.writing-caret{width:1px;height:17px;display:block;background:#5a83d4;margin-top:25px}.visual-caption{font-size:12px;color:var(--text-muted);margin-top:17px;text-align:center}.controls-section{background:var(--bg-alt);border-block:1px solid var(--border)}.section-heading{text-align:center;max-width:760px;margin:0 auto 48px}.section-heading h2{font-size:50px;line-height:1.13;margin-bottom:22px}.section-heading>p:not(.eyebrow){font-size:18px}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.control-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:30px;display:flex;flex-direction:column;min-width:0}.card-icon{color:var(--text-primary);margin-bottom:24px}.card-icon svg{width:26px;height:26px}.control-card h3{font-size:23px;font-weight:500;line-height:1.25;margin-bottom:15px}.control-card>p{font-size:15px;line-height:1.8}.control-card>.text-link{font-size:14px;margin-top:auto;padding-top:30px}.privacy-checks{display:grid;gap:13px;margin:28px 0 10px}.privacy-checks>span{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-secondary)}.privacy-checks svg{width:15px;height:15px;color:var(--success)}.credential-visual{display:flex;align-items:center;gap:10px;padding:17px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);margin-top:31px;min-width:0}.credential-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:var(--surface);border:1px solid var(--border);flex-shrink:0;color:var(--text-secondary)}.credential-icon svg{width:16px;height:16px}.credential-visual>div{flex:1;min-width:0}.credential-visual strong{display:block;font-size:12px;font-weight:500}.credential-visual>div>span{display:block;color:var(--text-muted);letter-spacing:2px;font-size:13px;margin-top:4px}.credential-visual>svg{width:15px;height:15px;color:var(--success)}.tab-visual{background:var(--surface-2);padding:7px;border:1px solid var(--border);border-radius:8px;margin-top:26px}.tab-visual>div{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-muted);padding:8px 7px}.tab-visual svg{width:13px;height:13px}.tab-visual span{margin-left:auto}.tab-visual .active{color:var(--text-primary);background:var(--surface);border-radius:4px;box-shadow:0 1px 4px #00000005}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:40px}.section-heading-row h2{font-size:50px}.section-heading-row>p{font-size:17px;line-height:1.8;max-width:420px}.essential-links{border-top:1px solid var(--border)}.essential-links>a{display:flex;align-items:center;gap:27px;padding:30px 8px;border-bottom:1px solid var(--border)}.essential-links>a:hover{color:var(--text-primary);background:var(--bg-alt)}.essential-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:10px;background:var(--surface-2);flex-shrink:0;color:var(--text-secondary)}.essential-links h3{font-size:21px;font-weight:500;margin-bottom:6px}.essential-links p{font-size:16px}.essential-links>a>svg{width:20px;height:20px;margin-left:auto;color:var(--text-muted)}.closing-section{background:#151b28;color:#f3f6fc;text-align:center;padding:76px 0 82px}.closing-inner{max-width:900px}.closing-mark{display:block;margin:0 auto 24px;width:52px}.closing-mark img{width:52px;height:52px;border-radius:13px}.closing-section .eyebrow{color:#9aaac6}.closing-section h2{font-size:55px;font-weight:500;line-height:1.12}.closing-section p:not(.eyebrow){font-size:17px;color:#9caac0;margin:24px auto 28px;max-width:600px}.closing-section .btn{background:#fff;color:#253a62}.closing-section .btn:hover{background:#e7efff;color:#253a62}.closing-meta{display:block;font-size:13px;color:#8494ae;margin-top:18px}
/* Information pages */
.page-hero{text-align:center;padding:30px 0 62px;border-bottom:1px solid var(--border);background:var(--bg)}.breadcrumb{display:flex;justify-content:start;align-items:center;gap:10px;font-size:13px;color:var(--text-muted);margin-bottom:44px}.breadcrumb a:hover{color:var(--brand-text)}.page-hero .eyebrow{margin-bottom:20px}.page-hero h1{font-size:65px;line-height:1.08;letter-spacing:-.04em;max-width:900px;margin:auto}.page-hero .lead{margin:23px auto 0;max-width:740px;font-size:18px}.toc{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:30px}.toc a{display:inline-flex;padding:8px 13px;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:13px;background:var(--surface)}.toc a:hover{border-color:var(--border-strong);color:var(--text-primary)}.section-head{max-width:800px;text-align:center;margin:0 auto 43px}.section-head.left{margin-left:0;text-align:left}.section-head h2{margin-bottom:20px;font-size:43px}.section-head .lead{font-size:17px}.feature-group+.feature-group{margin-top:85px}.group-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding-bottom:30px;margin-bottom:26px;border-bottom:1px solid var(--border)}.group-head h2{font-size:34px;line-height:1.18}.group-head p{font-size:16px;line-height:1.8}.feature-grid,.deep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.deep-grid.cols-3,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-deep-card,.feature-card,.info-card{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:30px;min-width:0}.feature-deep-card.wide{grid-column:1/-1}.wide-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:23px;color:var(--text-secondary)}.feature-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6}.feature-deep-card h3,.feature-card h3,.info-card h3{font-size:24px;font-weight:500;margin-bottom:14px}.feature-deep-card p,.feature-card p,.info-card p{font-size:16px;line-height:1.8}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}.card-head h3{margin:0}.card-keys{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:var(--text-muted)}.card-keys li{display:flex;align-items:center;gap:4px}.tag{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;line-height:1.5;padding:3px 7px;border-radius:4px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.tag.on{background:var(--success-soft);color:var(--success-text);border-color:transparent}.tag.brand{background:var(--brand-soft);color:var(--brand-text);border-color:transparent}.tag.off{color:var(--text-muted)}.tag.part{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}.check-list,.dash-list{margin-top:20px}.check-list li,.dash-list li{position:relative;padding-left:24px;margin-top:13px;font-size:15px;line-height:1.75;color:var(--text-secondary)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--success)}.dash-list li:before{content:"-";position:absolute;left:0;color:var(--text-muted)}.check-list strong{color:var(--text-primary);font-weight:500}.check-list.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split.top{align-items:start}.split-copy h2{font-size:42px}.split-copy .lead{font-size:17px;margin-top:24px}.stack>*+*{margin-top:22px}.layout-diagrams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.layout-diagram{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px 13px;min-width:0}.ld-grid{height:100px;display:grid;gap:4px;padding:5px;border:1px solid var(--border);border-radius:5px;background:var(--surface-2);margin-bottom:17px}.ld-grid span{background:var(--surface-3);border-radius:2px}.ld-grid span:first-child{background:var(--brand-soft);border:1px solid var(--brand)}.ld-2{grid-template-columns:1fr 1fr}.ld-3{grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr}.ld-3 span:first-child{grid-row:span 2}.ld-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.layout-diagram strong{display:block;font-size:14px;font-weight:500}.layout-diagram small{display:block;font-size:13px;color:var(--text-muted);margin-top:4px}.key-list{margin-top:24px}.key-list li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--border);font-size:15px;color:var(--text-secondary)}.keys{display:inline-flex;gap:4px;flex-wrap:wrap}.panel{padding:0 25px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.panel-head{display:flex;align-items:center;gap:9px;font-weight:500;font-size:16px;border-bottom:1px solid var(--border);padding:23px 0}.panel-head svg{width:19px;height:19px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0}.toggle-row+.toggle-row{border-top:1px solid var(--border)}.toggle-row strong{display:block;font-size:15px;font-weight:500}.toggle-row small{display:block;font-size:13px;line-height:1.7;color:var(--text-muted);margin-top:4px}.toggle{display:block;width:32px;height:19px;background:var(--surface-3);border-radius:14px;padding:3px;flex-shrink:0}.toggle:after{content:"";display:block;width:13px;height:13px;border-radius:50%;background:#fff}.toggle.on{background:#63a88c}.toggle.on:after{transform:translateX(13px)}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.page-chip{display:flex;flex-direction:column;gap:12px;padding:25px;border:1px solid var(--border);border-radius:8px;background:var(--surface);min-width:0}.page-chip code{color:var(--brand-text);font-size:14px}.page-chip span{font-size:14px;color:var(--text-secondary)}
/* Tables, guides, and downloads */
.table-wrap{border:1px solid var(--border);border-radius:9px;background:var(--surface);overflow-x:auto;max-width:100%}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.7}.data-table caption{text-align:left;padding:20px 22px;font-size:14px;color:var(--text-muted);border-bottom:1px solid var(--border)}.data-table th,.data-table td{padding:19px 21px;border-bottom:1px solid var(--border);vertical-align:top}.data-table thead th{font-size:13px;color:var(--text-secondary);font-weight:500;background:var(--surface-2)}.data-table tbody th{font-weight:500;color:var(--text-primary)}.data-table td{color:var(--text-secondary)}.data-table tr:last-child>*{border-bottom:0}.data-table .keys{font-size:13px}.table-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.table-hint{font-size:13px;color:var(--text-muted);margin-bottom:13px}.compare-table{min-width:1030px}.compare-table tbody th[scope="row"]{position:sticky;left:0;z-index:1;background:var(--surface);min-width:170px}.compare-table thead th:nth-child(2),.compare-table tbody tr:not(.group-row)>:nth-child(2){background:var(--brand-soft)}.compare-table .group-row th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding-block:14px;background:var(--surface-2);font-weight:500}.cell-note{display:block;font-size:13px;line-height:1.6;margin-top:9px;color:var(--text-muted)}.table-notes{max-width:900px;margin-top:22px}.table-notes p{font-size:14px}.cta-band{display:flex;align-items:center;gap:25px;padding:37px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.cta-band img{width:50px;height:50px;border-radius:12px;flex-shrink:0}.cta-band h2{font-size:29px}.cta-band p{font-size:16px;margin-top:12px;max-width:580px}.cta-actions{display:flex;align-items:center;flex-direction:column;gap:10px;flex-shrink:0;margin-left:auto}.cta-actions small{font-size:13px;color:var(--text-muted)}.steps{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:0}.steps li{border-top:1px solid var(--border);padding-top:26px;min-width:0}.steps li:before{counter-increment:steps;content:"0" counter(steps);display:block;font-size:14px;font-family:var(--font-mono);color:var(--brand-text);margin-bottom:24px}.steps h3{font-size:23px;font-weight:500;margin-bottom:15px}.steps p{font-size:16px;line-height:1.8}.code-block{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);min-width:0}.code-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;font-size:14px;color:var(--text-secondary);background:var(--surface-2);border-bottom:1px solid var(--border)}.code-block pre{margin:0;padding:23px 20px;font-size:14px;line-height:1.8;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-secondary)}.copy-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;background:transparent;border:0;border-radius:4px;padding:5px;color:var(--text-secondary)}.copy-btn:hover{background:var(--surface-3)}.copy-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}.download-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}.download-card{padding:34px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);min-width:0}.download-card-head{display:flex;align-items:center;gap:17px;margin-bottom:28px}.download-card-head img{width:54px;height:54px;border-radius:13px;flex-shrink:0}.download-card-head h2{font-size:27px;line-height:1.25}.download-card-head p{font-size:15px;margin-top:9px}.spec-list>div{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-top:1px solid var(--border);font-size:14px}.spec-list dt{color:var(--text-muted)}.spec-list dd{margin:0;text-align:right;color:var(--text-primary);overflow-wrap:anywhere;min-width:0}.hash-row{margin:24px 0}.hash-row .label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-muted);margin-bottom:10px}.hash-value{display:block;padding:14px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);font-size:13px;line-height:1.9;word-break:break-all;color:var(--text-secondary)}.download-card>.btn-lg{width:100%}.side-stack{display:grid;gap:20px}.download-note{display:flex;gap:13px;padding:22px;border-radius:8px;background:var(--accent-soft)}.download-note p{font-size:14px;line-height:1.8;color:var(--accent-text)}.download-note a{text-decoration:underline;text-underline-offset:3px}.download-note svg{width:20px;height:20px;fill:none;stroke:var(--accent-text);stroke-width:1.6;margin-top:3px}.download-toast{position:fixed;right:24px;bottom:24px;z-index:100;padding:18px 23px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);transform:translateY(150%);opacity:0;transition:transform .2s,opacity .2s;max-width:calc(100% - 48px)}.download-toast.show{transform:none;opacity:1}.download-toast strong{display:block;font-size:15px;font-weight:500}.download-toast small{display:block;font-size:13px;color:var(--text-muted);margin-top:5px}
/* Questions and answers */
.faq-layout{max-width:810px;margin:auto}.faq-search{position:relative;display:flex;align-items:center}.faq-search>svg{position:absolute;left:18px;width:19px;height:19px;fill:none;stroke:var(--text-muted);stroke-width:1.6}.faq-search input{width:100%;height:56px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text-primary);padding:16px 18px 16px 49px;font-size:16px}.faq-search input::placeholder{color:var(--text-muted)}.faq-count{min-height:22px;margin-top:10px;font-size:13px}.faq-group-title{font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:.025em;color:var(--text-muted);margin:40px 0 15px}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;padding:24px 0;font-size:18px;font-weight:500;letter-spacing:-.015em;line-height:1.6;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:24px;line-height:1;color:var(--text-muted);font-weight:400}.faq-item[open] summary{color:var(--brand-text)}.faq-item[open] summary:after{content:"-"}.faq-answer{padding:0 35px 25px 0;font-size:16px;line-height:1.9;color:var(--text-secondary)}.faq-answer>*+*{margin-top:15px}.faq-answer ul{padding-left:20px;list-style:disc}.faq-answer a{color:var(--brand-text);text-decoration:underline;text-underline-offset:3px}.help-card{padding:30px;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;margin-top:45px}.help-card h2{font-size:30px}.help-card p{font-size:16px;margin-top:15px}.help-card .btn{margin-top:23px}
/* Footer */
.site-footer{padding:57px 0 0;border-top:1px solid var(--border);background:var(--bg)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px;padding-bottom:50px}.footer-brand p{font-size:16px;line-height:1.7;margin-top:22px}.footer-credit{display:block;font-size:13px;color:var(--text-muted);margin-top:18px;max-width:210px}.footer-col h3{font-size:14px;font-family:var(--font-sans);font-weight:500;letter-spacing:0;margin:6px 0 24px}.footer-col ul{display:flex;flex-direction:column;gap:13px}.footer-col a{font-size:14px;color:var(--text-secondary)}.footer-col a:hover{color:var(--brand-text)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;border-top:1px solid var(--border);font-size:13px;line-height:1.7;color:var(--text-muted)}.footer-bottom p{font-size:13px;color:var(--text-muted)}
/* Responsive composition */
@media(max-width:1100px){:root{--gutter:30px}.nav-links{gap:23px;margin-right:10px}.product-showcase{padding:0 10px}.preview-sidebar{width:165px;padding-inline:10px}.frame-tab{min-width:125px;padding-inline:13px}.workflow-grid{gap:45px}.control-card{padding:25px}.control-card h3{font-size:22px}.control-card>p{font-size:15px}.credential-visual{flex-wrap:wrap}.workflow-visual{padding:18px}.reference-panel,.writing-panel{padding:20px 15px}.writing-panel h3{font-size:32px}.footer-grid{gap:30px}.download-layout{gap:25px}.deep-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){:root{--gutter:25px}.nav-links{gap:18px;margin-right:0}.nav-inner{gap:20px}.brand-name{font-size:17px}.brand img{width:30px;height:30px}.nav-actions{gap:6px}.nav-links a{font-size:13px}.nav-cta{font-size:13px;padding:9px 13px}.product-hero{padding-top:50px}.hero-intro h1{font-size:66px}.hero-description{font-size:18px;max-width:620px}.product-showcase{margin-top:43px;padding:0}.frame-tab{min-width:110px;font-size:11px;padding:10px}.preview-wordmark span{display:none}.frame-controls{gap:12px}.frame-titlebar{gap:12px}.preview-sidebar{width:140px}.sidebar-demo-item{font-size:11px;padding:9px 6px;gap:6px}.sidebar-demo-bottom{font-size:9px}.start-page h3{font-size:27px}.start-page{padding:0}.mv-search{font-size:11px}.preview-statusbar{font-size:9px}.principles-grid{gap:30px}.principles-grid h3{font-size:18px}.principles-grid p{font-size:15px}.section{padding:78px 0}.workflow-grid{grid-template-columns:1fr;gap:38px}.section-copy{max-width:630px}.section-copy h2 br{display:none}.section-copy h2{font-size:44px}.section-copy>p:not(.eyebrow){max-width:600px}.workflow-shortcut{margin-top:24px}.workflow-shortcut>span{flex-basis:auto;margin:0 0 0 10px}.workflow-visual{max-width:640px;padding:23px}.workflow-panels{min-height:330px}.reference-panel,.writing-panel{padding:25px}.reference-art{height:125px}.writing-panel h3{font-size:40px}.writing-line{font-size:12px;margin-block:17px}.reference-panel h3{font-size:24px}.reference-panel p{font-size:14px}.section-heading h2,.section-heading-row h2{font-size:43px}.control-grid{grid-template-columns:1fr}.control-card{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:30px}.card-icon{grid-column:1/-1;margin-bottom:18px}.control-card h3{font-size:25px}.control-card>p{grid-column:1;grid-row:3;font-size:16px}.control-card>.text-link{grid-column:1;padding-top:23px}.privacy-checks,.credential-visual,.tab-visual{grid-column:2;grid-row:2/5;align-self:center;margin:0}.privacy-checks>span{font-size:14px}.credential-visual{flex-wrap:nowrap}.tab-visual>div{font-size:12px}.section-heading-row{gap:35px}.section-heading-row>p{font-size:16px}.essential-links h3{font-size:20px}.closing-section h2{font-size:48px}.page-hero h1{font-size:57px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-head{gap:35px}.group-head h2{font-size:30px}.split{gap:35px}.split-copy h2{font-size:36px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-layout{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.side-stack>.download-note{grid-column:1/-1}.cta-band{flex-wrap:wrap;padding:30px}.cta-actions{margin-left:0;align-items:start}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footer-col:last-child{grid-column:2}.footer-brand{grid-row:span 2}.table-grid{gap:18px}.steps{gap:25px}.steps h3{font-size:21px}}
@media(max-width:680px){:root{--gutter:21px}.navbar{height:68px}.nav-links{display:none}.mobile-menu-btn{display:inline-flex}.nav-actions{gap:5px}.nav-cta{padding:9px 13px;font-size:13px}.nav-cta svg{display:none}.brand-name{font-size:18px}.mobile-drawer.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;padding:12px var(--gutter) 24px;border-bottom:1px solid var(--border);background:var(--bg);box-shadow:0 16px 30px #17213b0a}.mobile-drawer a{padding:13px 4px;font-size:16px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.mobile-drawer a[aria-current="page"]{color:var(--brand-text)}.product-hero{padding-top:37px}.release-pill{font-size:12px;padding:6px 10px;gap:7px;margin-bottom:24px}.release-pill svg{width:12px}.hero-intro h1{font-size:clamp(38px,9.9vw,60px);line-height:1.08;letter-spacing:-.042em}.hero-description{font-size:17px;line-height:1.7;margin-top:23px}.desktop-break{display:none}.hero-actions{gap:19px;margin-top:25px;flex-direction:column}.hero-actions .btn-lg{font-size:15px;min-height:53px;padding:14px 20px}.hero-actions .text-link{font-size:15px}.hero-platform{font-size:12px;gap:8px;margin-top:19px}.product-showcase{margin-top:34px;width:calc(100% - 24px)}.product-showcase:before{inset:25px -15px -1px;border-radius:15px 15px 0 0}.browser-frame{border-radius:8px 8px 0 0}.frame-titlebar{height:38px;padding:6px 8px 0;gap:8px}.preview-wordmark{margin-bottom:6px}.preview-wordmark img{width:16px;height:16px;border-radius:4px}.frame-tab{min-width:0;font-size:10px;gap:5px;padding:9px 7px}.frame-tab svg{width:11px;height:11px}.frame-controls{display:none}.preview-new-tab{display:none}.frame-tabs{gap:1px}.frame-toolbar{height:40px;gap:8px;padding:7px 8px}.frame-nav{gap:7px;font-size:13px}.frame-nav span:nth-child(2){display:none}.frame-omnibox{height:25px;gap:4px;padding:5px 8px;font-size:10px}.frame-omnibox svg{width:10px;height:10px}.frame-split{gap:0}.mock-split-btn{width:22px;height:24px;padding:3px}.layout-symbol{width:13px;height:12px}.preview-sidebar{display:none}.preview-body{min-height:320px}.frame-viewport{height:320px;gap:3px;padding:3px}.mock-view{padding:19px}.mv-newtab.active{padding:16px}.start-page h3{font-size:25px;margin-top:14px}.start-eyebrow{font-size:9px;letter-spacing:.1em}.start-page>p{font-size:12px}.mv-search{height:39px;margin:21px auto;font-size:10px;padding:8px 10px;gap:7px}.mv-search svg{width:13px;height:13px}.mv-tiles{gap:22px;margin-top:20px}.mv-tile{font-size:10px;gap:7px}.mv-tile b{width:34px;height:34px;border-radius:8px}.mv-tile svg{width:16px;height:16px}.preview-bottom-note{font-size:10px;margin-top:24px}.preview-statusbar{font-size:9px;padding:10px 11px}.preview-statusbar>span:last-child{display:none}.mv-head{margin-bottom:16px;gap:10px}.mv-head h3{font-size:23px}.mv-badge{font-size:10px}.mv-row{gap:9px;padding:15px 0}.mv-row strong{font-size:12px}.mv-row small{font-size:10px}.mv-status{font-size:11px}.preview-disclaimer{font-size:10px}.frame-viewport:not([data-split-mode="1"]) .start-page h3{font-size:19px;line-height:1.2}.frame-viewport:not([data-split-mode="1"]) .start-page>p{font-size:10px}.frame-viewport:not([data-split-mode="1"]) .mv-newtab.active{padding:9px}.frame-viewport:not([data-split-mode="1"]) .mv-search{font-size:9px;gap:4px;padding:7px;line-height:1.5;height:auto;min-height:34px}.frame-viewport:not([data-split-mode="1"]) .mv-tiles{display:none}.frame-viewport:not([data-split-mode="1"]) .preview-bottom-note{font-size:9px;line-height:1.6}.frame-viewport:not([data-split-mode="1"]) .search-shortcut{display:none}.skeleton{padding:16px}.skeleton h4{font-size:18px}.skeleton .preview-label{font-size:9px}.sk-art{height:80px}.frame-viewport[data-split-mode="4"] .start-eyebrow{font-size:8px}.frame-viewport[data-split-mode="4"] .start-page h3{font-size:17px}.frame-viewport[data-split-mode="4"] .skeleton h4{font-size:16px}.product-principles{padding:31px 0 45px}.principles-heading{display:block;font-size:14px;padding-bottom:27px}.principles-heading .text-link{margin-top:10px;font-size:14px}.principles-grid{grid-template-columns:1fr;gap:27px}.principles-grid article{position:relative;padding-left:42px}.principles-grid article>svg{position:absolute;left:0;top:2px;width:23px;height:23px}.principles-grid h3{font-size:20px;margin-bottom:9px}.principles-grid p{font-size:16px;line-height:1.75}.section{padding:60px 0}.eyebrow{font-size:13px;margin-bottom:16px}.section-copy h2{font-size:38px;line-height:1.15;margin-bottom:20px}.section-copy h2 br{display:block}.section-copy>p:not(.eyebrow){font-size:17px;line-height:1.8}.workflow-grid{gap:30px}.workflow-shortcut>span{flex-basis:100%;margin:8px 0 0}.workflow-visual{padding:15px}.workflow-visual-head{font-size:10px;gap:10px;margin-bottom:16px}.workflow-visual-head>span:last-child{display:none}.workflow-panels{min-height:295px;gap:3px}.reference-panel,.writing-panel{padding:17px 12px}.reference-panel .preview-label,.writing-panel .preview-label{font-size:8px;margin-bottom:15px}.reference-art{height:80px;margin-bottom:17px}.reference-panel h3{font-size:19px;line-height:1.25}.reference-panel p{font-size:11px}.writing-panel h3{font-size:28px;line-height:1.2;margin:28px 0 22px}.writing-line{font-size:9px;margin:14px 0;gap:5px}.writing-line svg{width:10px;height:10px}.visual-caption{font-size:11px;line-height:1.6;margin-top:14px}.section-heading{margin-bottom:30px;text-align:left}.section-heading h2{font-size:37px;margin-bottom:19px}.section-heading>p:not(.eyebrow){font-size:17px;line-height:1.75}.control-grid{gap:17px}.control-card{display:flex;padding:26px}.card-icon{margin-bottom:22px}.control-card h3{font-size:25px;margin-bottom:15px}.control-card>p{font-size:16px;line-height:1.8}.control-card>.text-link{font-size:15px;padding-top:26px}.privacy-checks{margin-top:26px;gap:14px}.privacy-checks>span{font-size:14px}.credential-visual{margin-top:26px;padding:18px 13px;align-self:stretch}.credential-visual strong{font-size:13px}.tab-visual{margin-top:23px;align-self:stretch}.tab-visual>div{font-size:12px;padding:10px 8px}.section-heading-row{display:block;margin-bottom:30px}.section-heading-row h2{font-size:38px}.section-heading-row>p{margin-top:21px;font-size:17px;line-height:1.75}.section-heading-row>p br{display:none}.essential-links>a{align-items:start;padding:25px 0;gap:17px}.essential-icon{width:36px;height:36px;border-radius:8px}.essential-icon svg{width:19px;height:19px}.essential-links h3{font-size:20px;line-height:1.35;margin-bottom:9px}.essential-links p{font-size:16px;line-height:1.75}.essential-links>a>svg{display:none}.closing-section{padding:57px 0 60px}.closing-section h2{font-size:38px;line-height:1.15}.closing-section p:not(.eyebrow){font-size:16px;line-height:1.8;margin:22px auto 26px}.closing-section .btn-lg{font-size:15px;padding:14px 19px}.closing-meta{font-size:12px;line-height:1.8}.closing-mark{width:45px;margin-bottom:23px}.closing-mark img{width:45px;height:45px;border-radius:11px}.page-hero{padding:23px 0 37px;text-align:left}.breadcrumb{font-size:12px;margin-bottom:31px}.page-hero h1{font-size:42px;line-height:1.12;letter-spacing:-.035em}.page-hero .lead{font-size:17px;line-height:1.8;margin-top:22px}.toc{justify-content:start;gap:8px;margin-top:24px}.toc a{font-size:12px;line-height:1.5;padding:7px 10px}.group-head{grid-template-columns:1fr;gap:17px;padding-bottom:24px;margin-bottom:20px}.group-head h2{font-size:30px}.group-head p{font-size:16px}.feature-group+.feature-group{margin-top:55px}.deep-grid,.deep-grid.cols-3,.feature-grid{grid-template-columns:1fr;gap:17px}.feature-deep-card,.feature-card,.info-card{padding:25px}.feature-deep-card h3,.feature-card h3,.info-card h3{font-size:24px}.feature-deep-card p,.feature-card p,.info-card p{font-size:16px}.wide-inner{grid-template-columns:1fr;gap:28px}.card-head{gap:11px}.tag{font-size:12px}.card-keys{font-size:13px;gap:12px}.check-list li,.dash-list li{font-size:15px;line-height:1.8}.check-list.cols-2{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:35px}.split-copy h2{font-size:35px}.split-copy .lead{font-size:17px}.layout-diagrams{grid-template-columns:1fr;gap:12px}.layout-diagram{display:grid;grid-template-columns:100px 1fr;gap:5px 20px;text-align:left;align-items:center;padding:17px}.layout-diagram .ld-grid{grid-row:span 2;margin:0;height:78px}.layout-diagram small{align-self:start;font-size:14px}.layout-diagram strong{font-size:16px}.key-list li{flex-wrap:wrap;gap:12px;font-size:15px}.keys kbd{font-size:12px}.panel{padding:0 21px}.panel-head{font-size:15px}.toggle-row strong{font-size:15px}.toggle-row small{font-size:14px}.page-grid{grid-template-columns:1fr;gap:13px}.page-chip{padding:22px;gap:10px}.page-chip code{font-size:15px}.page-chip span{font-size:15px}.section-head{margin-bottom:30px;text-align:left}.section-head h2{font-size:35px}.section-head .lead{font-size:17px}.table-grid{grid-template-columns:1fr;gap:18px}.data-table th,.data-table td{padding:15px;font-size:14px}.data-table thead th{font-size:13px}.compare-table tbody th[scope="row"]{min-width:140px;max-width:140px}.table-hint{font-size:13px}.table-notes p{font-size:14px}.cta-band{padding:26px;gap:21px;display:block}.cta-band img{width:44px;height:44px;border-radius:10px;margin-bottom:23px}.cta-band h2{font-size:29px}.cta-band p{font-size:16px;line-height:1.8}.cta-actions{align-items:start;margin:24px 0 0}.cta-actions small{font-size:12px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{font-size:24px}.steps p{font-size:16px}.steps li:before{margin-bottom:19px}.download-card{padding:24px}.download-card-head{gap:13px;align-items:start}.download-card-head img{width:42px;height:42px;border-radius:10px}.download-card-head h2{font-size:24px;line-height:1.25}.download-card-head p{font-size:15px;line-height:1.7}.spec-list>div{font-size:14px;gap:18px}.hash-value{font-size:13px}.side-stack{grid-template-columns:1fr}.download-card>.btn-lg{font-size:14px;padding:14px 12px;gap:8px}.download-card>.btn-lg svg{width:17px;height:17px}.download-note{padding:21px}.download-note p{font-size:14px}.faq-search input{font-size:16px}.faq-group-title{font-size:13px}.faq-item summary{font-size:17px;line-height:1.6;padding:22px 0;gap:20px}.faq-answer{font-size:16px;padding-right:10px;line-height:1.85}.help-card{padding:26px}.help-card h2{font-size:29px}.help-card p{font-size:16px}.site-footer{padding-top:38px}.footer-grid{grid-template-columns:1fr 1fr;gap:33px 25px;padding-bottom:35px}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-credit{max-width:none;font-size:13px}.footer-brand p{font-size:16px;margin-top:19px}.footer-col:last-child{grid-column:auto}.footer-col h3{font-size:14px;margin-bottom:20px}.footer-col a{font-size:14px;line-height:1.6}.footer-col ul{gap:11px}.footer-bottom{flex-wrap:wrap;font-size:12px;gap:12px 20px;padding-block:21px}.footer-bottom p{font-size:12px;flex-basis:100%}.footer-bottom>a{margin-left:auto}}
@media(max-width:480px){
 .nav-cta{display:none}
 .nav-inner{gap:12px}
 .nav-actions{gap:4px}
 .brand-name{font-size:17px}
 .brand img{width:28px;height:28px}
 .icon-btn{width:34px;height:34px}
}
@media(max-width:360px){
 .brand-name{font-size:16px}
 .brand{gap:8px}
 .hero-actions .btn-lg,.closing-section .btn-lg{font-size:14px;padding:14px 15px;gap:8px;max-width:100%}
 .frame-tab{font-size:9px;padding-inline:5px;gap:4px}
 .frame-tab svg{width:10px;height:10px}
 .download-card{padding:20px}
 .download-card>.btn-lg{white-space:normal;font-size:14px}
 .download-card-head{flex-wrap:wrap}
}

/* XOV / clear blue. A bright, product-focused visual system. */
:root{--bg:#fff;--bg-alt:#f7f9fc;--surface:#fff;--surface-2:#f5f8fc;--surface-3:#e8eef8;--text-primary:#20252e;--text-secondary:#5c6573;--text-muted:#7a8392;--border:#e7ebf2;--border-strong:#d3dbe7;--brand:#2368de;--brand-strong:#2266dc;--brand-hover:#1755c0;--brand-text:#2364d2;--brand-soft:#edf4ff;--container:1200px;--hero-halo:#b9cbff80;--hero-sky:#c6e8ff80;--hero-fade:#fff}
[data-theme="dark"]{--bg:#111722;--bg-alt:#151e2c;--surface:#192435;--surface-2:#1d2b3e;--surface-3:#2a3d56;--text-primary:#f1f5fc;--text-secondary:#b4c1d3;--text-muted:#94a5bd;--border:#2c3c53;--border-strong:#3e536f;--brand:#76a9ff;--brand-strong:#2869e9;--brand-hover:#3b7bf4;--brand-text:#8ebaff;--brand-soft:#203b5c;--hero-halo:#25457970;--hero-sky:#12497150;--hero-fade:#111722}
body{letter-spacing:-.01em}.navbar{height:72px;box-shadow:none;border-bottom-color:transparent;background:var(--nav-bg)}.navbar.scrolled{border-bottom-color:var(--border);box-shadow:0 2px 12px #142a4b05}.navbar .container{width:min(1440px,calc(100% - 48px))}.brand-name{font-size:20px;font-weight:600}.brand img{width:32px;height:32px}.nav-links{gap:29px;margin-right:27px}.nav-links a{font-size:14px}.nav-cta{border-radius:24px;padding-inline:23px;min-height:40px}.btn-primary{box-shadow:none;background:var(--brand-strong)}.btn-primary:hover{background:var(--brand-hover);box-shadow:0 6px 20px #2368de20}.btn-secondary{border-color:var(--border-strong);border-radius:8px}.eyebrow{color:var(--brand-text);font-size:12px;letter-spacing:.12em}.text-link{color:var(--brand-text);font-size:16px;font-weight:500}.suite-hero{position:relative;padding:48px 0 0;text-align:center;background:radial-gradient(ellipse at 0% -35%,var(--hero-halo),transparent 60%),radial-gradient(ellipse at 100% -20%,var(--hero-sky),transparent 54%),linear-gradient(#f7faff00,var(--hero-fade) 80%);overflow:hidden}.suite-hero-content{position:relative}.suite-release{display:flex;justify-content:center;align-items:center;gap:7px;color:var(--text-muted);font-size:13px;margin-bottom:22px}.suite-release>span{height:5px;width:5px;background:#4b88e5;border-radius:50%}.suite-hero h1{font-size:clamp(40px,4.15vw,60px);line-height:1.18;letter-spacing:-.038em;font-weight:650;margin:0 auto;max-width:1200px}.suite-hero h1>span{color:var(--brand-text);position:relative;white-space:nowrap}.heading-spark{position:absolute;right:-19px;top:-13px;width:24px;height:24px}.suite-hero h2{font-size:30px;letter-spacing:-.02em;font-weight:600;line-height:1.35;color:var(--brand-text);margin:25px 0 22px}.suite-summary{font-size:16px;line-height:1.85;max-width:930px;margin:0 auto;color:var(--text-secondary)}.suite-download{min-width:280px;min-height:64px;border-radius:11px;font-size:21px;font-weight:600;gap:15px;padding:17px 25px;margin-top:30px}.suite-download svg{width:23px;height:23px}.suite-download svg:last-child{width:20px;height:20px;opacity:.85}.suite-download-note{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:var(--text-muted);margin-top:16px}.suite-download-note i{display:block;width:5px;height:5px;border-radius:50%;background:#a6cf8d}.suite-download-note>span{color:#ccd3dc}.tool-strip{display:flex;align-items:center;justify-content:center;gap:45px;margin:64px auto 0;padding:0 0 42px;max-width:1000px}.tool-item{display:flex;flex-direction:column;align-items:center;gap:13px;min-width:65px;color:var(--text-secondary);transition:transform .2s}.tool-item:hover{transform:translateY(-4px);color:var(--brand-text)}.tool-item>span{width:34px;height:37px;display:grid;place-items:center;background:var(--tool-color);color:#fff;border-radius:7px;box-shadow:0 4px 9px var(--tool-shadow);position:relative}.tool-item>span:before{content:"";position:absolute;right:3px;top:3px;width:10px;height:10px;background:#ffffff28;border-radius:0 4px 0 5px}.tool-item svg{width:22px;height:22px}.tool-item strong{font-size:12px;font-weight:400;white-space:nowrap}.tool-blue{--tool-color:#3b88ef;--tool-shadow:#3684ed21;--tool-bg:#eaf2ff;--tool-ink:#2972cc}.tool-purple{--tool-color:#9b69e9;--tool-shadow:#9b69e921;--tool-bg:#f2ebff;--tool-ink:#9165d0}.tool-green{--tool-color:#25ad80;--tool-shadow:#25ad8021;--tool-bg:#e9f8f0;--tool-ink:#249b75}.tool-red{--tool-color:#ee626c;--tool-shadow:#ee626c21;--tool-bg:#fff0f1;--tool-ink:#d34c59}.tool-orange{--tool-color:#f29140;--tool-shadow:#f2914021;--tool-bg:#fff2e7;--tool-ink:#d07932}.tool-teal{--tool-color:#1ea6b6;--tool-shadow:#1ea6b621;--tool-bg:#e7f8fa;--tool-ink:#1b8c9c}.tool-system{--tool-color:#36a8ed;--tool-shadow:#36a8ed21;--tool-bg:#eaf4ff;--tool-ink:#2b8cc4}.tool-strip-divider{height:37px;width:1px;background:var(--border-strong);margin-inline:3px}
.intro-benefits-section{padding:28px 0 60px}.intro-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.intro-benefit{display:flex;align-items:flex-start;gap:17px;min-width:0}.benefit-icon{display:grid;place-items:center;flex-shrink:0;width:51px;height:51px;background:var(--tool-bg);color:var(--tool-ink);border-radius:50%;box-shadow:inset 0 0 0 5px #ffffff44}.benefit-icon svg{width:25px;height:25px}.intro-benefit h3{font-size:20px;font-weight:600;letter-spacing:-.025em;line-height:1.4;margin:0 0 8px}.intro-benefit p{font-size:14px;line-height:1.8;color:var(--text-secondary)}.section{padding:90px 0}.suite-section-heading{text-align:center;max-width:900px;margin:0 auto 44px}.suite-section-heading h2{font-size:43px;font-weight:600;line-height:1.2;letter-spacing:-.035em}.suite-section-heading p:not(.eyebrow){font-size:17px;line-height:1.8;margin:18px auto 0;color:var(--text-secondary)}.suite-section-heading .eyebrow{margin-bottom:17px}.suite-product-section{background:var(--bg-alt);border-block:1px solid var(--border)}.suite-product-stage{max-width:1100px;margin:auto;padding:25px 28px 0;background:linear-gradient(135deg,#dceaff,#e8e9fc 45%,#d9edfb);border:1px solid #dce7f6;border-radius:17px;overflow:hidden;box-shadow:0 15px 50px #315b9b0b}.product-stage-label{display:flex;align-items:center;gap:8px;color:#647d9d;font-size:12px;margin:0 2px 17px}.product-stage-label>span{width:5px;height:5px;background:#7ea6d4;border-radius:50%}.product-stage-label small{margin-left:auto;font-size:11px}.browser-frame{border-radius:10px 10px 0 0;border-color:#c0d0e6;box-shadow:0 10px 40px #35507712;background:#fff;color:#2e4059;transform:none}.frame-titlebar{background:#edf2fa}.frame-tab.active{background:#fbfcff}.frame-toolbar{background:#fbfcff}.frame-omnibox{background:#f0f4fa}.preview-body{min-height:400px}.frame-viewport{height:400px}.preview-sidebar{background:#f4f7fc;width:175px}.sidebar-demo-item.selected{background:#e4edff;color:#2869d0}.mv-newtab{overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#eaf2ff99,transparent 65%),#fff}.start-page{padding:20px}.start-page h3{font-size:35px;color:#344c71}.start-page>p{font-size:14px;color:#8899b0}.start-eyebrow{color:#7a9bc7;font-size:10px}.mv-search{border-color:#e1e8f4;max-width:410px;box-shadow:0 4px 15px #2a5b9b05;border-radius:8px}.mv-tile b{background:#f0f6ff;border-color:#e1eafa;color:#5c8dd0}.mv-tile{font-size:12px}.preview-feature-row{display:flex;justify-content:center;gap:44px;flex-wrap:wrap;margin-top:26px;color:var(--text-secondary);font-size:13px}.preview-feature-row>span{display:inline-flex;gap:9px;align-items:center}.preview-feature-row svg{color:var(--brand-text);width:18px;height:18px}
.suite-workflow-section{background:var(--bg)}.suite-workflow{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:65px}.feature-label{display:inline-flex;align-items:center;gap:9px;color:var(--tool-ink);font-size:14px;font-weight:500;margin-bottom:20px}.feature-label svg{width:22px;height:22px}.suite-feature-copy h2{font-size:39px;line-height:1.25;letter-spacing:-.035em;font-weight:600}.suite-feature-copy>p{font-size:17px;line-height:1.85;margin:24px 0}.suite-feature-copy .text-link{margin-top:3px}.workflow-shortcut{margin-top:30px}.workflow-shortcut>span{font-size:12px}.workflow-visual{background:#f3f6fc;border:1px solid #e4eaf4;border-radius:14px;padding:20px;box-shadow:none}.workflow-visual-head{color:#8394ad;font-size:11px}.workflow-panels{gap:7px}.reference-panel{background:#e8f5f2;border-color:#d8e9e3}.reference-art{background:#d4ebe4}.reference-circle{background:#7fb7ad}.reference-block{background:#a7bddf}.reference-slice{background:#9cc6b8}.writing-panel{background:#fff;border-color:#dce6f4}.writing-panel h3{color:#49658c}.writing-line{color:#91a0b5}.writing-caret{background:#467dd7}.visual-caption{font-size:11px}.suite-essentials-section{background:var(--bg-alt);border-block:1px solid var(--border)}.suite-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.suite-feature-card{border:1px solid var(--border);border-radius:17px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}.suite-card-copy{padding:36px 38px 0}.suite-card-copy h3{font-size:33px;font-weight:600;line-height:1.2;letter-spacing:-.035em}.suite-card-copy>p{font-size:16px;line-height:1.8;margin:21px 0 22px;max-width:440px}.suite-card-copy .text-link{font-size:15px}.suite-card-copy .feature-label{margin-bottom:17px}.password-illustration{margin:37px 37px 0;padding:22px 26px 25px;border:1px solid #dce9e2;border-radius:13px 13px 0 0;background:linear-gradient(130deg,#f2fbf5,#f9fffb);box-shadow:0 6px 25px #29563c08;color:#3c6252}.illustration-title{display:flex;align-items:center;gap:7px;font-size:12px;color:#779b87;margin-bottom:15px}.illustration-title svg{width:15px;height:15px}.password-example{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #e5eee7;font-size:13px}.example-site{display:grid;place-items:center;height:34px;width:34px;border-radius:8px;font-weight:600;color:#fff}.blue-site{background:#6996dd}.green-site{background:#62b89b}.password-example small{display:block;font-size:12px;color:#98b3a4;margin-top:5px;letter-spacing:2px}.password-example em{margin-left:auto;font-style:normal;font-size:10px;color:#6c9e83}.import-hint{display:flex;align-items:center;gap:7px;font-size:11px;color:#87a694;margin-top:20px}.import-hint svg{width:14px;height:14px}.file-illustration{display:flex;align-items:end;justify-content:center;gap:24px;margin:28px 25px 0;min-height:250px;position:relative;background:radial-gradient(ellipse at 50% 110%,#fee6e980,transparent 70%);padding-top:20px}.document-tile{position:relative;background:#fff;border:1px solid #e7e9ef;border-radius:10px 10px 0 0;width:155px;height:220px;box-shadow:0 8px 25px #213c5b0b;padding:23px 18px;transform:rotate(-7deg);color:#e9707b}.document-tile>span{font-size:30px;font-weight:600;letter-spacing:-.04em;display:block;margin-bottom:24px}.document-tile i{display:block;height:5px;border-radius:4px;background:#edf0f5;margin-bottom:11px}.document-tile i:nth-of-type(2){width:72%}.document-tile b{position:absolute;bottom:28px;font-size:10px;color:#929cae;font-weight:400}.html-document{transform:rotate(7deg) translateY(11px);color:#5f95dd}.suite-tools-section{background:var(--bg);text-align:center}.everyday-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;text-align:left;margin-top:50px}.everyday-tools .intro-benefit{display:block}.everyday-tools .benefit-icon{margin-bottom:21px;width:49px;height:49px}.everyday-tools h3{font-size:21px}.everyday-tools p{font-size:15px}.suite-explore{margin-top:45px;min-width:220px;padding:13px 22px}.suite-final{text-align:center;padding:70px 0 76px;background:radial-gradient(ellipse at 50% 180%,var(--hero-halo),transparent 75%),var(--bg-alt);border-block:1px solid var(--border)}.suite-final img{width:57px;height:57px;margin:0 auto 25px;border-radius:14px}.suite-final h2{font-size:42px;font-weight:600;letter-spacing:-.035em}.suite-final p{font-size:17px;margin-top:18px}.suite-final .suite-download{margin-top:27px}.suite-final-note{display:block;font-size:13px;color:var(--text-muted);margin-top:18px}.site-footer{padding-top:60px;background:var(--bg)}.footer-col h3{font-size:14px}.footer-col a{font-size:14px}.footer-bottom{font-size:12px}.page-hero{background:radial-gradient(ellipse at 0% -110%,var(--hero-halo),transparent 75%),radial-gradient(ellipse at 100% -90%,var(--hero-sky),transparent 70%),var(--bg);padding-bottom:55px}.page-hero h1{font-size:59px;font-weight:600;letter-spacing:-.04em}.page-hero .eyebrow{color:var(--brand-text)}.page-hero .lead{font-size:18px}.toc a{border-radius:7px;background:var(--surface);font-size:14px}.feature-deep-card,.info-card,.feature-card,.download-card{border-radius:13px;background:var(--surface);box-shadow:0 6px 22px #20375b03}.feature-icon{color:#5a8edb}.group-head h2{font-weight:600}.faq-item{border-radius:9px}.faq-item[open]{border-color:#abc6ee}.faq-search{background:var(--surface)}
[data-theme="dark"] .benefit-icon{background:var(--surface-2);color:var(--brand-text);box-shadow:none}[data-theme="dark"] .suite-product-stage{background:linear-gradient(120deg,#254165,#273955);border-color:#3b5273}[data-theme="dark"] .workflow-visual{background:#1b2a3e;border-color:#2f4461}[data-theme="dark"] .suite-release{color:var(--text-secondary)}
@media(max-width:1100px){:root{--gutter:30px}.suite-hero h1{font-size:48px;max-width:900px}.suite-hero h2{font-size:28px}.tool-strip{gap:34px}.intro-benefits{gap:24px}.intro-benefit{gap:13px}.intro-benefit h3{font-size:18px}.suite-workflow{gap:40px}.suite-feature-copy h2{font-size:35px}.suite-card-copy{padding:30px 30px 0}.suite-card-copy h3{font-size:30px}.password-illustration{margin-inline:30px;padding-inline:20px}.everyday-tools{gap:25px}.everyday-tools h3{font-size:20px}.nav-links{gap:24px;margin-right:15px}}
@media(max-width:850px){.suite-hero{padding-top:40px}.suite-hero h1{font-size:43px;max-width:720px}.suite-hero h2{font-size:25px;margin-top:22px}.suite-summary{font-size:16px}.suite-download{min-width:250px;min-height:59px;font-size:19px}.tool-strip{gap:25px;margin-top:50px}.tool-item{min-width:58px}.tool-item strong{font-size:11px}.intro-benefits{gap:25px}.intro-benefit{display:block}.benefit-icon{margin-bottom:16px}.intro-benefit h3{font-size:19px}.intro-benefit p{font-size:14px}.suite-section-heading h2{font-size:38px}.suite-workflow{gap:30px;grid-template-columns:1fr 1.1fr}.suite-feature-copy h2{font-size:30px}.suite-feature-copy>p{font-size:16px}.suite-card-copy{padding:26px 24px 0}.suite-card-copy h3{font-size:28px}.suite-card-copy>p{font-size:15px}.password-illustration{margin-inline:24px;padding-inline:15px}.password-example{font-size:11px;gap:9px}.example-site{width:29px;height:29px}.file-illustration{gap:15px;margin-inline:14px}.document-tile{width:125px;height:205px;padding-inline:15px}.everyday-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.everyday-tools .intro-benefit{display:flex}.everyday-tools .benefit-icon{margin-bottom:0}.everyday-tools h3{font-size:20px}.nav-links{gap:20px;margin-right:5px}.nav-actions{gap:6px}.brand-name{font-size:18px}.nav-cta{padding-inline:16px}.nav-links a{font-size:13px}.navbar .container{width:calc(100% - 40px)}.suite-product-stage{padding:20px 19px 0}.frame-tab{min-width:0}.preview-sidebar{width:145px}.preview-feature-row{gap:24px;font-size:12px}.suite-final h2{font-size:36px}}
@media(max-width:680px){:root{--gutter:23px}.navbar{height:66px}.suite-hero{padding-top:32px}.suite-release{font-size:12px;margin-bottom:21px}.suite-hero h1{font-size:39px;line-height:1.2;max-width:500px;letter-spacing:-.04em}.suite-hero h1>span{white-space:normal}.heading-spark{display:none}.suite-hero h2{font-size:24px;line-height:1.4;max-width:430px;margin:23px auto 19px}.suite-summary{font-size:16px;line-height:1.8;max-width:460px}.suite-summary .desktop-break{display:none}.suite-download{margin-top:26px;font-size:19px;min-width:260px;min-height:61px;border-radius:10px}.suite-download-note{font-size:11px;gap:7px;flex-wrap:wrap;margin-top:16px}.tool-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 12px;margin-top:42px;padding-bottom:28px;max-width:430px}.tool-item{min-width:0;gap:10px}.tool-item>span{width:32px;height:34px}.tool-item strong{font-size:11px}.tool-strip-divider{display:none}.intro-benefits-section{padding:24px 0 39px}.intro-benefits{grid-template-columns:1fr;gap:25px}.intro-benefit{display:flex;gap:17px}.benefit-icon{margin-bottom:0;width:48px;height:48px}.intro-benefit h3{font-size:21px;margin-bottom:7px}.intro-benefit p{font-size:16px}.section{padding:64px 0}.suite-section-heading{margin-bottom:33px}.suite-section-heading h2{font-size:34px;line-height:1.25}.suite-section-heading p:not(.eyebrow){font-size:16px;margin-top:17px}.suite-product-stage{padding:14px 13px 0;border-radius:12px}.product-stage-label{font-size:10px;margin-bottom:14px}.product-stage-label small{display:none}.preview-sidebar{display:none}.preview-body{min-height:350px}.frame-viewport{height:350px}.start-page{padding:5px}.start-page h3{font-size:28px}.start-page>p{font-size:12px}.start-eyebrow{font-size:9px}.mv-search{font-size:11px;padding:9px 12px;height:40px}.mv-tiles{gap:23px}.mv-tile{font-size:10px}.mv-tile b{width:34px;height:34px}.preview-feature-row{gap:12px 20px;font-size:11px;margin-top:20px}.preview-feature-row svg{width:15px;height:15px}.suite-workflow{grid-template-columns:1fr;gap:35px}.suite-feature-copy{max-width:500px}.suite-feature-copy h2{font-size:34px}.suite-feature-copy>p{font-size:17px;line-height:1.8}.suite-feature-grid{grid-template-columns:1fr;gap:23px}.suite-card-copy{padding:30px 28px 0}.suite-card-copy h3{font-size:31px}.suite-card-copy>p{font-size:16px}.password-illustration{max-width:440px;margin:30px 28px 0;padding:22px}.password-example{font-size:13px}.example-site{width:32px;height:32px}.file-illustration{min-height:240px}.document-tile{width:145px}.everyday-tools{grid-template-columns:1fr;gap:28px;margin-top:35px}.everyday-tools .intro-benefit{display:flex}.everyday-tools h3{font-size:21px}.everyday-tools p{font-size:16px}.suite-explore{margin-top:33px}.suite-final{padding:55px 0 58px}.suite-final h2{font-size:35px;line-height:1.2}.suite-final p{font-size:16px;line-height:1.8}.suite-final-note{font-size:12px}.suite-final img{width:50px;height:50px}.page-hero h1{font-size:44px}.page-hero .lead{font-size:17px}.page-hero{padding-bottom:43px}.toc a{font-size:13px}.footer-grid{gap:30px}.workflow-visual{padding:14px}.workflow-panels{min-height:300px}.workflow-visual-head{font-size:10px}.writing-line{font-size:11px}.nav-cta{display:none}.mobile-menu-btn{display:inline-flex}}
@media(max-width:360px){:root{--gutter:18px}.suite-hero h1{font-size:35px}.suite-hero h2{font-size:22px}.suite-summary{font-size:16px}.suite-release{font-size:11px}.suite-download{min-width:240px;padding-inline:20px}.suite-download-note{font-size:10px}.tool-strip{gap:24px 6px}.tool-item strong{font-size:10px}.intro-benefit h3{font-size:20px}.intro-benefit p{font-size:15px}.suite-section-heading h2,.suite-feature-copy h2{font-size:31px}.suite-product-stage{padding:12px 9px 0}.frame-tab{font-size:8px;padding-inline:5px;gap:4px}.frame-tab svg{width:9px;height:9px}.frame-nav{display:none}.frame-toolbar{gap:7px;padding-inline:7px}.mock-split-btn{width:24px}.start-page h3{font-size:25px}.mv-search{font-size:10px}.mv-tiles{gap:19px}.suite-card-copy{padding-inline:24px}.password-illustration{margin-inline:23px;padding-inline:17px}.password-example{font-size:11px}.document-tile{width:120px}.suite-final h2{font-size:31px}.page-hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* The interactive product preview follows the selected website theme. */
[data-theme=dark] .browser-frame{background:var(--surface);color:var(--text-primary);border-color:var(--border-strong)}
[data-theme=dark] .browser-frame .frame-titlebar,[data-theme=dark] .browser-frame .frame-viewport{background:#142236;border-color:var(--border)}
[data-theme=dark] .browser-frame .frame-toolbar,[data-theme=dark] .browser-frame .frame-tab.active,[data-theme=dark] .browser-frame .preview-statusbar{background:#1b3048;border-color:var(--border);color:var(--text-secondary)}
[data-theme=dark] .browser-frame .frame-tab{color:var(--text-secondary)}
[data-theme=dark] .browser-frame .frame-tab:hover{background:#29415c}
[data-theme=dark] .browser-frame .frame-omnibox,[data-theme=dark] .browser-frame .preview-sidebar{background:#16273c;border-color:var(--border);color:var(--text-secondary)}
[data-theme=dark] .browser-frame .sidebar-demo-item{color:var(--text-secondary)}
[data-theme=dark] .browser-frame .sidebar-demo-item.selected,[data-theme=dark] .browser-frame .mock-split-btn.active{background:var(--brand-soft);color:var(--brand-text)}
[data-theme=dark] .browser-frame .split-pane,[data-theme=dark] .browser-frame .mv-newtab{background:#192a3f;border-color:var(--border)}
[data-theme=dark] .browser-frame .start-page h3,[data-theme=dark] .browser-frame .mv-head h3,[data-theme=dark] .browser-frame .mv-row strong,[data-theme=dark] .browser-frame .skeleton h4{color:var(--text-primary)}
[data-theme=dark] .browser-frame .start-page>p,[data-theme=dark] .browser-frame .start-eyebrow,[data-theme=dark] .browser-frame .preview-label,[data-theme=dark] .browser-frame .preview-bottom-note,[data-theme=dark] .browser-frame .mv-row small,[data-theme=dark] .browser-frame .mv-status,[data-theme=dark] .browser-frame .preview-disclaimer,[data-theme=dark] .browser-frame .preview-wordmark{color:var(--text-secondary)}
[data-theme=dark] .browser-frame .mv-search,[data-theme=dark] .browser-frame .mv-tile b,[data-theme=dark] .browser-frame .mv-ico{background:#223c58;border-color:var(--border-strong);color:var(--text-secondary)}
[data-theme=dark] .browser-frame .mv-tile{color:var(--text-secondary)}
[data-theme=dark] .browser-frame .mv-row{border-color:var(--border)}
[data-theme=dark] .browser-frame .mv-badge{background:#174052;color:#9bdcef}
[data-theme=dark] .browser-frame .sk-bar,[data-theme=dark] .browser-frame .sidebar-demo-divider{background:var(--border-strong)}
[data-theme=dark] .browser-frame .sk-art{background:#214655}

/* Platform availability and Android product facts. */
.platform-scope{margin-block:28px;padding:18px 22px;border:1px solid var(--border-strong);border-radius:10px;background:var(--brand-soft)}
.platform-scope p,p.platform-scope{font-size:15px;line-height:1.8;color:var(--text-secondary)}
.platform-scope a{color:var(--brand-text);text-decoration:underline;text-underline-offset:3px}
.android-download-link{display:inline-flex;align-items:center;gap:9px}
.suite-final .android-download-link{margin:24px 0 0 24px}
.android-overview{background:var(--bg-alt);border-block:1px solid var(--border)}
.android-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.android-overview h2{font-size:42px;line-height:1.15;letter-spacing:-.04em;margin-bottom:24px}
.android-overview h3{font-size:24px;margin-bottom:18px}
.android-overview p{font-size:16px;line-height:1.85}
.android-overview .btn{margin-top:25px}
.android-facts{border:1px solid var(--border-strong);border-radius:14px;background:var(--surface);padding:30px}
.android-facts p{font-size:14px;margin-top:23px}
.android-overview .spec-list{margin-bottom:22px}
.android-overview .spec-list dd{overflow-wrap:anywhere}
.android-overview .download-card h2{font-size:30px;margin-bottom:9px}
.android-install .check-list{margin:22px 0}
.android-install .check-list li{font-size:15px;line-height:1.8}
.android-install h3{margin-top:27px}
@media(max-width:850px){.android-grid{grid-template-columns:1fr;gap:30px}.android-overview h2{font-size:36px}.android-facts{padding:26px}.android-overview .download-card h2{font-size:29px}}
@media(max-width:680px){.android-overview h2{font-size:32px}.android-overview p{font-size:16px}.android-overview .download-card{padding:25px 21px}.android-facts{padding:24px 21px}.suite-final .android-download-link{margin:23px 0 0}.android-overview .download-card-head{align-items:flex-start}.android-overview .download-card-head img{width:45px;height:45px}.android-overview .download-card h2{font-size:25px}.platform-scope{padding:16px 19px}}

/* Keep the publisher attribution with the product name at every screen size. */
.navbar .brand-name{display:inline-flex;flex-direction:column;gap:3px;line-height:1.15}
.navbar .brand-name strong{font:inherit;font-weight:700}
.navbar .brand-byline{font-family:var(--font-sans);font-size:12px;font-weight:400;letter-spacing:0;color:var(--text-secondary);line-height:1.25}
.footer-theme-system{padding:0;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:14px;line-height:1.65;text-align:left}.footer-theme-system:hover,.footer-theme-system[aria-pressed=true]{color:var(--brand-text)}