1import{j as e,L as t}from"./chunk-KS7C4IRE-CbKV5SBs.js";const a=4;function p({current:r,total:o=a}){return e.jsx("div",{className:"ob-steps",role:"progressbar","aria-valuenow":r,"aria-valuemin":1,"aria-valuemax":o,children:Array.from({length:o}).map((i,n)=>e.jsx("div",{className:`ob-step${n+1===r?" is-on":n+1<r?" is-done":""}`},n))})}function f({children:r,cta:o}){const i=o?.status??"anonymous";return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:s}),e.jsxs("div",{className:"ob-shell",children:[e.jsxs("header",{className:"ob-header",children:[e.jsx(t,{to:"/",className:"ob-wordmark","aria-label":"OptAEO home",children:"OptAEO"}),e.jsxs("nav",{className:"ob-nav",children:[e.jsx(t,{to:"/pricing",children:"Pricing"}),e.jsx(t,{to:"/help",children:"Docs"})]}),i==="anonymous"?e.jsx(t,{to:"/signin",className:"ob-signin",children:"Sign in"}):i==="logged-in-merchant"?e.jsx(t,{to:o?.href??"/dashboard",className:"ob-signin",children:o?.headerLabel??"Open dashboard"}):e.jsx("span",{"aria-hidden":"true"})]}),e.jsx("main",{className:"ob-main",children:r})]})]})}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 24.ob-shell{display:flex;flex-direction:column;min-height:100vh;} 25 26/* Header */ 27.ob-header{ 28 position:sticky;top:0;z-index:20; 29 display:flex;align-items:center;justify-content:space-between;gap:24px; 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.ob-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.ob-nav{display:flex;align-items:center;gap:32px;} 41.ob-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.ob-nav a:hover{color:var(--ink);} 47.ob-signin{ 48 display:inline-flex;align-items:center; 49 font-family:var(--ff-chrome);font-size:12px;font-weight:500; 50 letter-spacing:0.02em;color:var(--ink); 51 border:1px solid var(--rule);border-radius:2px; 52 padding:7px 14px;text-decoration:none;background:transparent; 53 transition:border-color 0.15s,color 0.15s; 54} 55.ob-signin:hover{border-color:var(--ink-2);} 56 57/* Main */ 58.ob-main{ 59 flex:1;display:flex;align-items:center;justify-content:center; 60 padding:48px 24px; 61} 62.ob-card{ 63 width:100%;max-width:420px; 64} 65 66.ob-eyebrow{ 67 font-family:var(--ff-mono);font-size:10px;letter-spacing:0.22em; 68 text-transform:uppercase;color:var(--ink-3);margin-bottom:16px; 69} 70 71/* Step dots */ 72.ob-steps{ 73 display:flex;align-items:center;gap:6px;margin-bottom:28px; 74} 75.ob-step{ 76 width:32px;height:2px;background:var(--rule); 77 transition:background 0.18s; 78} 79.ob-step.is-on{background:var(--accent);} 80.ob-step.is-done{background:var(--ink-3);} 81 82.ob-title{ 83 font-family:var(--ff-display);font-size:38px;font-weight:300; 84 letter-spacing:-0.03em;line-height:1.05;color:var(--ink); 85 margin-bottom:14px; 86} 87.ob-title em{font-style:normal;color:var(--accent);} 88 89.ob-sub{ 90 font-size:15px;color:var(--ink-2);line-height:1.5; 91 letter-spacing:-0.005em;margin-bottom:32px; 92} 93 94.ob-error{ 95 font-family:var(--ff-mono);font-size:11px;letter-spacing:0.04em; 96 color:var(--red);margin-bottom:16px; 97 padding:10px 14px;border:1px solid rgba(194,82,61,0.45); 98 background:rgba(194,82,61,0.06);border-radius:2px; 99} 100 101/* OAuth button (white, branded â Google guidelines) */ 102.ob-oauth{ 103 display:inline-flex;align-items:center;justify-content:center;gap:10px; 104 width:100%;height:44px;padding:0 20px; 105 background:#fff;color:#1A1A1A; 106 border:1px solid var(--rule);border-radius:2px; 107 font-family:var(--ff-chrome);font-size:14px;font-weight:500; 108 letter-spacing:-0.005em;cursor:pointer; 109 transition:filter 0.15s,border-color 0.15s; 110} 111.ob-oauth:hover{filter:brightness(0.94);} 112 113/* Divider */ 114.ob-divider{ 115 display:flex;align-items:center;gap:14px;margin:24px 0; 116} 117.ob-divider-rule{flex:1;height:1px;background:var(--rule);} 118.ob-divider-text{ 119 font-family:var(--ff-mono);font-size:10px;letter-spacing:0.22em; 120 text-transform:uppercase;color:var(--ink-3); 121} 122 123/* Form */ 124.ob-form{display:flex;flex-direction:column;gap:14px;}
125.ob-field{display:flex;flex-direction:column;} 126.ob-label{ 127 font-family:var(--ff-mono);font-size:10px;letter-spacing:0.18em; 128 text-transform:uppercase;color:var(--ink-3);margin-bottom:6px; 129} 130.ob-input{ 131 width:100%;height:44px;padding:0 14px; 132 background:transparent;border:1px solid var(--rule);border-radius:2px; 133 color:var(--ink);font-family:var(--ff-body);font-size:14px; 134 letter-spacing:-0.005em; 135 transition:border-color 0.15s; 136} 137.ob-input::placeholder{color:var(--ink-4);} 138.ob-input:focus{outline:none;border-color:var(--accent);} 139.ob-field.is-error .ob-input{border-color:var(--red);} 140.ob-field-error{ 141 font-family:var(--ff-mono);font-size:10px;letter-spacing:0.04em; 142 color:var(--red);margin-top:6px; 143} 144 145/* Primary CTA */ 146.ob-submit{ 147 display:inline-flex;align-items:center;justify-content:center;gap:8px; 148 width:100%;height:46px; 149 background:var(--accent);color:#fff; 150 border:1px solid var(--accent);border-radius:2px; 151 font-family:var(--ff-chrome);font-size:14px;font-weight:500; 152 letter-spacing:0.02em;cursor:pointer;margin-top:8px; 153 transition:filter 0.15s; 154} 155.ob-submit:hover{filter:brightness(1.12);} 156 157/* Secondary / ghost CTA (used by retry, back-to-prev) */ 158.ob-ghost{ 159 display:inline-flex;align-items:center;justify-content:center;gap:8px; 160 height:42px;padding:0 22px; 161 background:transparent;color:var(--ink); 162 border:1px solid var(--rule);border-radius:2px; 163 font-family:var(--ff-chrome);font-size:13px;font-weight:500; 164 letter-spacing:0.02em;cursor:pointer;text-decoration:none; 165 transition:border-color 0.15s,color 0.15s; 166} 167.ob-ghost:hover{border-color:var(--ink-2);} 168 169/* Links + meta */ 170.ob-meta{ 171 margin-top:24px;text-align:center; 172 font-size:13px;color:var(--ink-3); 173} 174.ob-link{ 175 color:var(--accent);text-decoration:none; 176 border-bottom:1px solid rgba(37,65,178,0.4); 177 transition:border-color 0.15s; 178} 179.ob-link:hover{border-bottom-color:var(--accent);} 180 181.ob-fineprint{ 182 margin-top:20px;text-align:center; 183 font-size:11px;color:var(--ink-3);line-height:1.55; 184 letter-spacing:-0.005em; 185} 186 187.ob-actions{margin-top:28px;display:flex;justify-content:center;gap:12px;} 188 189/* Hairline progress (used by sync + scan) */ 190.ob-progress{margin:0 0 24px;} 191.ob-progress-track{ 192 position:relative;height:1px;background:var(--rule);overflow:hidden; 193} 194.ob-progress-fill{ 195 position:absolute;left:0;top:-1px;height:3px;background:var(--accent); 196 transition:width 0.6s cubic-bezier(.16,1,.3,1); 197} 198.ob-progress-meta{ 199 display:flex;align-items:baseline;justify-content:space-between; 200 margin-top:10px; 201 font-family:var(--ff-mono);font-size:10px;letter-spacing:0.22em; 202 text-transform:uppercase;color:var(--ink-3); 203} 204.ob-progress-meta strong{ 205 color:var(--accent);font-weight:500;letter-spacing:0; 206} 207 208/* Status mast â large display numeral above a status line */ 209.ob-mast{ 210 display:flex;flex-direction:column;align-items:flex-start;gap:8px; 211 margin-bottom:28px;padding-bottom:20px; 212 border-bottom:1px solid var(--rule-hair); 213} 214.ob-mast-numeral{ 215 font-family:var(--ff-display);font-size:64px;font-weight:200; 216 letter-spacing:-0.04em;line-height:0.95;color:var(--ink); 217 font-variant-numeric:tabular-nums; 218} 219.ob-mast-numeral em{font-style:normal;color:var(--accent);} 220.ob-mast-line{ 221 font-size:14px;color:var(--ink-2);line-height:1.5;letter-spacing:-0.005em; 222} 223.ob-mast-line em{font-style:normal;color:var(--ink);font-weight:500;} 224 225/* First-scan score pair â leads with the ceiling (full_potential_score), the 226 number the merchant can actually reach, with today's score beside it. 227 Hierarchy mirrors the first-scan email (app/lib/email/merchant-emails.ts:376-377: 228 ceiling 76px hero vs current 52px), so in-app and email tell one story. */ 229.ob-pair{display:flex;align-items:flex-end;gap:30px;flex-wrap:wrap;} 230.ob-pair-col{display:flex;flex-direction:column;gap:6px;} 231.ob-pair-k{ 232 font-family:var(--ff-mono);font-size:10px;letter-spacing:0.18em; 233 text-transform:uppercase;color:var(--ink-3); 234} 235.ob-pair-now{ 236 font-family:var(--ff-display);font-size:52px;font-weight:200; 237 letter-spacing:-0.04em;line-height:0.95;color:var(--ink); 238 font-variant-numeric:tabular-nums; 239} 240.ob-pair-arrow{ 241 font-family:var(--ff-display);font-size:34px;font-weight:200; 242 color:var(--ink-3);padding-bottom:8px; 243} 244.ob-pair-ceiling{ 245 font-family:var(--ff-display);font-size:76px;font-weight:200; 246 letter-spacing:-0.045em;line-height:0.92;color:var(--green); 247 font-variant-numeric:tabular-nums; 248} 249.ob-pair-foot{ 250 font-family:var(--ff-mono);font-size:10px;letter-spacing:0.16em; 251 text-transform:uppercase;color:var(--ink-3);margin-top:16px; 252} 253 254/* Spinner â minimal hairline pulse, replaces Loader2 */ 255.ob-spinner{ 256 display:inline-flex;align-items:center;gap:8px; 257 font-family:var(--ff-mono);font-size:10px;letter-spacing:0.22em; 258 text-transform:uppercase;color:var(--ink-3); 259} 260.ob-spinner-dot{ 261 width:6px;height:6px;border-radius:50%;background:var(--accent); 262 animation:ob-pulse 1.4s ease-in-out infinite; 263} 264@keyframes ob-pulse{0%,100%{opacity:0.35;transform:scale(0.85);}50%{opacity:1;transform:scale(1);}} 265 266@media (max-width:640px){ 267 .ob-header{padding:0 24px;} 268 .ob-nav{display:none;} 269 .ob-main{padding:32px 20px;} 270 .ob-title{font-size:30px;} 271 .ob-mast-numeral{font-size:52px;} 272} 273`;export{f as O,p as S,a as T};
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.