1import{j as e}from"./chunk-KS7C4IRE-CbKV5SBs.js";const r={headerLabel:"Get started",href:"/onboarding",status:"anonymous"};function p({current:a,cta:n,children:i}){const t=n??r,o=t.status!=="anonymous";return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:s}),e.jsxs("div",{className:"mk-shell",children:[e.jsxs("header",{className:"mk-header",children:[e.jsx("a",{href:"/",className:"mk-wordmark","aria-label":"OptAEO home",children:"OptAEO"}),e.jsxs("nav",{className:"mk-nav",children:[e.jsx("a",{href:"/",className:a==="product"?"is-on":"",children:"Product"}),e.jsx("a",{href:"/platforms",className:a==="platforms"?"is-on":"",children:"Platforms"}),e.jsx("a",{href:"/pricing",className:a==="pricing"?"is-on":"",children:"Pricing"}),e.jsx("a",{href:"/resources",className:a==="resources"?"is-on":"",children:"Resources"}),e.jsx("a",{href:"/blog",children:"Blog"}),e.jsx("a",{href:"/help",className:a==="docs"?"is-on":"",children:"Docs"}),e.jsx("a",{href:"/changelog",className:a==="changelog"?"is-on":"",children:"Changelog"})]}),e.jsxs("div",{className:"mk-cta-row",children:[!o&&e.jsx("a",{href:"/signin",className:"mk-link",children:"Sign in"}),e.jsx("a",{href:t.href,className:"mk-btn",children:t.headerLabel})]})]}),e.jsx("main",{className:"mk-main",children:i}),e.jsxs("footer",{className:"mk-footer",children:[e.jsxs("div",{className:"mk-footer-l",children:[e.jsx("a",{href:"/",children:"Product"}),e.jsx("a",{href:"/platforms",children:"Platforms"}),e.jsx("a",{href:"/pricing",children:"Pricing"}),e.jsx("a",{href:"/resources",children:"Resources"}),e.jsx("a",{href:"/blog",children:"Blog"}),e.jsx("a",{href:"/help",children:"Help"}),e.jsx("a",{href:"/privacy",children:"Privacy"}),e.jsx("a",{href:"/terms",children:"Terms"})]}),e.jsx("div",{className:"mk-footer-r",children:"MMXXVI · OptAEO"})]})]})]})}const s=` 2@font-face{font-family:'Geist Sans';font-style:normal;font-weight:900;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/[email protected]/dist/fonts/geist-sans/Geist-Black.woff2') format('woff2');} 3@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/[email protected]/dist/fonts/geist-mono/GeistMono-Regular.woff2') format('woff2');} 4@font-face{font-family:'Geist Mono';font-style:normal;font-weight:500;font-display:swap;src:url('https://cdn.jsdelivr.net/npm/[email protected]/dist/fonts/geist-mono/GeistMono-Medium.woff2') format('woff2');} 5 6*{margin:0;padding:0;box-sizing:border-box;} 7:root{ 8 --bg:#0A0A0A; 9 --ink:#ECE8E0;--ink-2:#B9B4A8;--ink-3:#6F6A60;--ink-4:#3A362F; 10 --rule:rgba(236,232,224,0.12);--rule-hair:rgba(236,232,224,0.07); 11 --accent:#2541B2; 12 --green:#7C4DFF;--amber:#C98A3E;--red:#C2523D; 13 --ff-chrome:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif; 14 --ff-body:'Helvetica Neue','Helvetica','Arial',sans-serif; 15 --ff-display:'Helvetica Neue','Helvetica','Arial',sans-serif; 16 --ff-mono:'Geist Mono',ui-monospace,monospace; 17} 18body{ 19 background:var(--bg);color:var(--ink); 20 font-family:var(--ff-body);font-size:14px;line-height:1.4; 21 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; 22} 23.tnum{font-variant-numeric:tabular-nums;} 24
25/* Marketing chrome */ 26.mk-shell{display:flex;flex-direction:column;min-height:100vh;} 27.mk-header{ 28 position:sticky;top:0;z-index:20; 29 display:flex;align-items:center;justify-content:space-between; 30 padding:0 56px;height:60px; 31 border-bottom:1px solid var(--rule-hair); 32 background:rgba(10,10,10,0.92);backdrop-filter:blur(8px); 33 font-family:var(--ff-chrome); 34} 35.mk-wordmark{ 36 font-family:'Geist Sans',sans-serif; 37 font-size:18px;font-weight:900;letter-spacing:-0.03em; 38 color:var(--ink);text-decoration:none; 39} 40.mk-nav{display:flex;align-items:center;gap:32px;} 41.mk-nav a{ 42 font-size:13px;font-weight:500;color:var(--ink-2); 43 text-decoration:none;letter-spacing:-0.005em; 44 transition:color 0.15s; 45} 46.mk-nav a:hover,.mk-nav a.is-on{color:var(--ink);} 47.mk-nav a.is-on{color:var(--accent);} 48.mk-cta-row{display:flex;align-items:center;gap:14px;} 49.mk-cta-row .mk-link{ 50 font-size:13px;color:var(--ink-2);text-decoration:none; 51 font-family:var(--ff-chrome);font-weight:500; 52} 53.mk-cta-row .mk-link:hover{color:var(--ink);} 54.mk-btn{ 55 display:inline-flex;align-items:center;gap:6px; 56 padding:8px 14px;border:1px solid var(--accent); 57 background:var(--accent);color:#fff;border-radius:2px; 58 font-family:var(--ff-chrome);font-size:12px;font-weight:500; 59 letter-spacing:0.02em;text-decoration:none;cursor:pointer; 60 transition:filter 0.15s; 61} 62.mk-btn:hover{filter:brightness(1.12);} 63.mk-btn.is-ghost{ 64 background:transparent;color:var(--ink);border-color:var(--rule); 65} 66.mk-btn.is-ghost:hover{border-color:var(--ink-2);filter:none;} 67 68.mk-main{flex:1;} 69 70.mk-footer{ 71 border-top:1px solid var(--rule); 72 padding:32px 56px 28px; 73 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px; 74 font-family:var(--ff-mono);font-size:10px; 75 letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3); 76 margin-top:48px; 77} 78/* flex-wrap: eight mono uppercase links + 24px gaps â 560px of min-content â 79 without wrapping the row overflowed the viewport at â¤~600px on every 80 marketing page (/help at 390px, 2026-08-15 walk LOW). */ 81.mk-footer-l{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;} 82.mk-footer-l a{color:var(--ink-3);text-decoration:none;transition:color 0.15s;} 83.mk-footer-l a:hover{color:var(--ink-2);} 84.mk-footer-r{font-family:var(--ff-display);font-style:italic;font-weight:400; 85 font-size:11px;color:var(--ink-3);letter-spacing:0.04em;text-transform:none;} 86 87/* Editorial v1-head masthead pattern (re-used by many marketing pages) */ 88.v1-head{ 89 padding:80px 56px 60px; 90 border-bottom:1px solid var(--rule); 91 display:grid;grid-template-columns:1fr auto;align-items:end;gap:48px; 92} 93.v1-head-l{max-width:880px;} 94.v1-head-eyebrow{ 95 font-family:var(--ff-mono);font-size:10px;letter-spacing:0.22em; 96 text-transform:uppercase;color:var(--ink-3);margin-bottom:18px; 97} 98.v1-head-title{ 99 font-family:var(--ff-display);font-size:64px;font-weight:400; 100 letter-spacing:-0.03em;line-height:1.03;color:var(--ink); 101 margin-bottom:22px; 102} 103.v1-head-title em{font-style:normal;color:var(--accent);} 104.v1-head-sub{ 105 font-size:16px;color:var(--ink-2);line-height:1.5; 106 letter-spacing:-0.005em;margin-bottom:28px;max-width:620px; 107} 108.v1-head-r{ 109 text-align:right;font-family:var(--ff-mono);font-size:10px; 110 letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3); 111 padding-bottom:8px;line-height:1.8; 112} 113.v1-head-cta{ 114 display:inline-flex;align-items:center;gap:8px; 115 padding:14px 24px;border:1px solid var(--accent); 116 background:var(--accent);color:#fff;border-radius:2px; 117 font-family:var(--ff-chrome);font-size:14px;font-weight:500; 118 letter-spacing:0.02em;text-decoration:none;cursor:pointer; 119 transition:filter 0.15s;margin-top:20px; 120} 121.v1-head-cta:hover{filter:brightness(1.12);} 122 123/* Section header */ 124.v1-sh{ 125 display:grid;grid-template-columns:40px 1fr auto;align-items:baseline;gap:16px; 126 padding:36px 56px 14px; 127} 128.v1-sh-n{font-family:var(--ff-mono);font-size:11px;color:var(--ink-3);letter-spacing:0.04em;} 129.v1-sh-t{font-size:11px;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink);} 130.v1-sh-a{ 131 font-family:var(--ff-mono);font-size:10px;letter-spacing:0.12em; 132 text-transform:uppercase;color:var(--ink-3); 133} 134 135/* Final CTA strip */ 136.v1-final{ 137 padding:80px 56px 60px; 138 display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px; 139} 140.v1-final-l h3{ 141 font-family:var(--ff-display);font-size:36px;font-weight:400; 142 letter-spacing:-0.02em;color:var(--ink);line-height:1.1;margin-bottom:12px; 143} 144.v1-final-l h3 em{font-style:normal;color:var(--accent);} 145.v1-final-l p{font-size:14px;color:var(--ink-2);line-height:1.5;} 146 147/* Responsive */ 148@media (max-width:980px){ 149 .v1-head{padding:48px 40px 36px;} 150 .v1-head-title{font-size:52px;} 151} 152@media (max-width:640px){ 153 .mk-header{padding:0 24px;} 154 .mk-nav{display:none;} 155 .v1-head{padding:48px 32px 36px;grid-template-columns:1fr;} 156 .v1-head-r{display:none;} 157 .v1-head-title{font-size:42px;} 158 .v1-sh{padding:28px 32px 12px;} 159 .v1-final{padding:48px 32px 36px;grid-template-columns:1fr;} 160 .v1-final-l h3{font-size:28px;} 161 .mk-footer{padding:24px 24px;flex-direction:column;align-items:flex-start;} 162} 163/* Nothing on a marketing page may push the document wider than the viewport â 164 the in-app op-shell clips at the shell; the marketing shell had no equivalent. */ 165.mk-shell{overflow-x:clip;} 166`;export{p as M,s as a};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.