@import url("tokens.css");
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { max-width:1160px; margin:auto; padding:22px 28px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:9px; font-size:18px; font-weight:900; letter-spacing:-.4px; }
.brand span { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:var(--lime); }
.site-header nav { display:flex; align-items:center; gap:18px; color:var(--muted); font-size:12px; font-weight:800; }
.site-header nav a:hover { color:var(--ink); }
.site-header .header-cta { padding:11px 16px; border-radius:12px; background:var(--ink); color:white; }
main { max-width:1160px; margin:auto; padding:0 28px; }
.breadcrumb { display:flex; flex-wrap:wrap; gap:8px; padding-top:30px; color:var(--muted); font-size:11px; }
.breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.eyebrow,.section-number { margin:0 0 13px; color:#6f7d51; font-size:10px; font-weight:900; letter-spacing:1.7px; }
.article-header { max-width:900px; padding:72px 0 58px; }
.article-header h1 { margin:0 0 25px; font-size:clamp(48px,7vw,80px); line-height:.98; letter-spacing:-4.5px; }
.article-header .lead { max-width:820px; margin:0; color:var(--muted); font-size:19px; line-height:1.65; }
.article-meta { display:flex; flex-wrap:wrap; gap:11px 20px; margin-top:27px; color:#818a7b; font-size:10px; font-weight:700; }
.article-meta span:not(:last-child)::after { content:"•"; margin-left:20px; color:#b1b7ac; }
.quick-answer { padding:48px; display:grid; grid-template-columns:1fr .9fr; gap:65px; align-items:center; border-radius:30px; background:#e9eddf; }
.quick-answer h2 { margin:0 0 13px; font-size:36px; letter-spacing:-1.5px; }.quick-answer div>p:not(.eyebrow) { margin:0; color:var(--muted); font-size:13px; line-height:1.65; }
.formula { padding:25px; border-radius:20px; background:white; box-shadow:0 18px 42px rgba(17,24,39,.08); text-align:center; }
.formula>* { display:block; }.formula span { color:var(--muted); font-size:13px; font-weight:800; }.formula b { margin:5px 0; color:#879475; }.formula strong { margin-top:12px; padding-top:14px; border-top:1px solid var(--line); color:var(--green); font-size:25px; }
.cost-summary { padding:25px; border-radius:20px; background:white; box-shadow:0 18px 42px rgba(17,24,39,.08); }
.cost-summary>span { display:block; padding:13px 0; }.cost-summary>span+span { border-top:1px solid var(--line); }.cost-summary b,.cost-summary small { display:block; }.cost-summary b { margin-bottom:4px; font-size:13px; }.cost-summary small { color:var(--muted); font-size:10px; }
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:70px; align-items:start; padding-top:85px; }
.article-body { min-width:0; }
.contents { margin-bottom:70px; padding:26px 30px; border:1px solid var(--line); border-radius:20px; background:white; }
.contents>b { font-size:13px; }.contents ol { margin:15px 0 0; padding-left:21px; }.contents li { margin:9px 0; padding-left:6px; color:var(--muted); font-size:12px; }.contents a { text-decoration:underline; text-underline-offset:3px; }.contents a:hover { color:var(--green); }
.article-body>section:not(.article-conclusion) { padding:0 0 72px; }
.section-number { width:34px; height:34px; display:grid; place-items:center; margin-bottom:18px; border-radius:10px; background:var(--lime); color:var(--ink); font-size:9px; letter-spacing:0; }
.article-body h2 { margin:0 0 20px; font-size:clamp(30px,4vw,44px); line-height:1.08; letter-spacing:-1.8px; }
.article-body h3 { margin:32px 0 10px; font-size:20px; letter-spacing:-.5px; }
.article-body p,.article-body li { color:#505b6b; font-size:15px; line-height:1.8; }
.article-body strong { color:var(--ink); }
.article-body ul { padding-left:23px; }.article-body li { margin:8px 0; }
.note { margin:30px 0 0; padding:21px 23px; border-left:4px solid var(--lime); border-radius:0 14px 14px 0; background:white; }
.note b { font-size:12px; }.note p { margin:5px 0 0; font-size:12px; }
.table-wrap { margin:27px 0; overflow-x:auto; border:1px solid var(--line); border-radius:18px; background:white; }
table { width:100%; border-collapse:collapse; font-size:13px; } th,td { padding:15px 18px; border-bottom:1px solid var(--line); text-align:left; } th:last-child,td:last-child { text-align:right; } th { background:#f0f2eb; color:#6e7768; font-size:9px; letter-spacing:1px; text-transform:uppercase; } tr:last-child td { border:0; }.table-total td { background:#f7fbeF; color:var(--ink); font-weight:900; }
.inline-cta { display:flex; justify-content:space-between; gap:30px; margin-top:25px; padding:17px 19px; border-radius:14px; background:var(--ink); color:white; font-size:12px; font-weight:900; }
.expense-list { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:26px 0; }
.expense-list div { padding:20px; border:1px solid var(--line); border-radius:16px; background:white; }.expense-list b { font-size:12px; }.expense-list p { margin:7px 0 0; font-size:11px; line-height:1.6; }
.mini-formula,.simple-formula { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; margin:26px 0; padding:22px; border-radius:17px; background:#e9eddf; color:#596351; font-size:12px; font-weight:850; text-align:center; }
.mini-formula b,.simple-formula b { color:var(--green); font-size:17px; }.simple-formula strong { color:var(--green); }
.mistakes { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.mistakes article { padding:20px; border:1px solid var(--line); border-radius:16px; background:white; }.mistakes b { font-size:12px; }.mistakes p { margin:7px 0 0; font-size:11px; line-height:1.6; }
.steps-list { margin:27px 0; padding:0; list-style:none; counter-reset:steps; }.steps-list li { position:relative; margin:0; padding:18px 0 18px 47px; border-top:1px solid var(--line); counter-increment:steps; }.steps-list li:last-child { border-bottom:1px solid var(--line); }.steps-list li::before { content:counter(steps); position:absolute; top:17px; left:0; width:31px; height:31px; display:grid; place-items:center; border-radius:9px; background:var(--lime); color:var(--ink); font-size:9px; font-weight:900; }.steps-list b,.steps-list span { display:block; }.steps-list b { color:var(--ink); font-size:12px; }.steps-list span { margin-top:4px; color:var(--muted); font-size:11px; line-height:1.55; }
.article-conclusion { padding:40px; border-radius:25px; background:var(--ink); color:white; }
.article-conclusion .eyebrow { color:var(--lime); }.article-conclusion h2 { color:white; }.article-conclusion>p:not(.eyebrow) { color:#b3bcc8; font-size:13px; }.primary-button { display:flex; justify-content:space-between; gap:30px; margin-top:25px; padding:16px 18px; border-radius:13px; background:var(--lime); color:var(--ink); font-size:12px; font-weight:900; }
.article-aside { position:sticky; top:20px; display:grid; gap:14px; }
.aside-card { padding:26px; border-radius:22px; background:var(--ink); color:white; box-shadow:0 20px 50px rgba(17,24,39,.18); }
.aside-card .eyebrow { color:var(--lime); }.aside-card h2 { margin:0 0 12px; font-size:25px; line-height:1.05; letter-spacing:-1px; }.aside-card p { margin:0; color:#aeb7c3; font-size:11px; line-height:1.65; }.aside-card a { display:flex; justify-content:space-between; margin-top:20px; padding:14px; border-radius:12px; background:var(--lime); color:var(--ink); font-size:10px; font-weight:900; }
.aside-tip { padding:22px; border:1px solid var(--line); border-radius:18px; background:white; }.aside-tip b { font-size:12px; }.aside-tip p { margin:7px 0 13px; color:var(--muted); font-size:10px; line-height:1.6; }.aside-tip a { color:var(--green); font-size:10px; font-weight:900; text-decoration:underline; text-underline-offset:3px; }
.related { margin:100px 0; padding:60px; border-radius:30px; background:#e9eddf; text-align:center; }.related h2 { margin:0 0 15px; font-size:clamp(38px,5vw,58px); letter-spacing:-2.5px; }.related>p:not(.eyebrow) { max-width:650px; margin:0 auto; color:var(--muted); font-size:13px; line-height:1.7; }.related>a { width:max-content; display:flex; gap:40px; margin:28px auto 0; padding:16px 19px; border-radius:14px; background:var(--ink); color:white; font-size:12px; font-weight:900; }
.hub-hero { max-width:900px; padding:72px 0 65px; }.hub-hero h1 { margin:0 0 24px; font-size:clamp(55px,8vw,92px); line-height:.95; letter-spacing:-5px; }.hub-hero>p:not(.eyebrow) { max-width:760px; margin:0; color:var(--muted); font-size:19px; line-height:1.65; }
.hub-featured { padding:52px; display:grid; grid-template-columns:1fr 340px; gap:65px; align-items:center; border-radius:31px; background:var(--ink); color:white; }.hub-featured h2 { margin:0 0 15px; font-size:clamp(36px,5vw,57px); line-height:1.04; letter-spacing:-2.5px; }.hub-featured>div>p:not(.eyebrow) { max-width:610px; margin:0; color:#adb6c2; font-size:13px; line-height:1.7; }.hub-featured .eyebrow { color:var(--lime); }.hub-featured>div>a { width:max-content; display:flex; gap:35px; margin-top:26px; padding:15px 18px; border-radius:13px; background:var(--lime); color:var(--ink); font-size:11px; font-weight:900; }
.hub-result { padding:27px; border-radius:23px; background:white; color:var(--ink); transform:rotate(1deg); }.hub-result small,.hub-result>span,.hub-result>strong { display:block; }.hub-result small { margin-bottom:22px; color:#798371; font-size:8px; font-weight:900; letter-spacing:1px; }.hub-result>span { color:var(--muted); font-size:10px; }.hub-result>strong { margin:5px 0 22px; color:var(--green); font-size:47px; letter-spacing:-2px; }.hub-result>div { display:flex; justify-content:space-between; padding-top:15px; border-top:1px solid var(--line); font-size:10px; }
.hub-library { padding:105px 0 90px; }.hub-section-heading { display:grid; grid-template-columns:1fr 440px; gap:60px; align-items:end; margin-bottom:42px; }.hub-section-heading h2 { margin:0; font-size:clamp(38px,5vw,58px); letter-spacing:-2.5px; }.hub-section-heading>p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.hub-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.hub-card { min-height:330px; padding:29px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:23px; background:white; }.hub-card-number { width:37px; height:37px; display:grid; place-items:center; margin-bottom:38px; border-radius:11px; background:var(--lime); font-size:9px; font-weight:900; }.hub-card small { color:#75805f; font-size:8px; font-weight:900; letter-spacing:1.2px; }.hub-card h3 { margin:10px 0 11px; font-size:27px; line-height:1.08; letter-spacing:-1px; }.hub-card p { margin:0; color:var(--muted); font-size:11px; line-height:1.7; }.hub-card>a { display:flex; justify-content:space-between; margin-top:auto; padding-top:25px; border-top:1px solid var(--line); color:var(--green); font-size:11px; font-weight:900; }
.hub-principles { margin-bottom:100px; padding:55px; border-radius:30px; background:#e9eddf; }.hub-principles>h2 { max-width:760px; margin:0 0 38px; font-size:clamp(38px,5vw,58px); letter-spacing:-2.5px; }.hub-principles>div { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }.hub-principles article>span { width:28px; height:28px; display:grid; place-items:center; margin-bottom:15px; border-radius:8px; background:var(--lime); font-size:11px; font-weight:900; }.hub-principles b { font-size:13px; }.hub-principles p { margin:7px 0 0; color:var(--muted); font-size:10px; line-height:1.65; }
footer { max-width:1104px; margin:0 auto; padding:32px 0; display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:15px; } footer nav a { text-decoration:underline; text-underline-offset:3px; }
.comparison-header { max-width:1030px; }
.platform-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.platform-metrics span { padding:18px 8px; border-radius:15px; background:white; text-align:center; }
.platform-metrics b,.platform-metrics small { display:block; }
.platform-metrics b { color:var(--green); font-size:24px; }
.platform-metrics small { margin-top:4px; color:var(--muted); font-size:8px; font-weight:800; }
.comparison-tool { margin:75px 0 0; padding:38px; border:1px solid var(--line); border-radius:29px; background:white; }
.comparison-tool-heading { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:30px; }
.comparison-tool-heading h2 { margin:0 0 9px; font-size:37px; letter-spacing:-1.5px; }
.comparison-tool-heading div>p:not(.eyebrow) { max-width:650px; margin:0; color:var(--muted); font-size:11px; line-height:1.6; }
.comparison-tool-heading>button { padding:0 0 3px; border:0; background:transparent; color:var(--muted); font-size:10px; font-weight:850; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.platform-inputs { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.platform-panel { min-width:0; margin:0; padding:22px; border:1px solid var(--line); border-radius:19px; transition:border-color .2s,box-shadow .2s; }
.platform-panel.winner { border-color:#8fb84f; box-shadow:0 0 0 4px rgba(199,243,107,.28); }
.platform-panel legend { padding:0 7px; display:flex; align-items:center; gap:8px; font-size:13px; font-weight:900; }
.platform-dot { width:11px; height:11px; display:inline-block; flex:0 0 auto; border-radius:50%; }
.dot-glovo { background:#f3c92f; }
.dot-uber { background:#111827; }
.dot-bolt { background:#34c788; }
.platform-panel label { display:grid; gap:6px; margin-top:14px; color:#596475; font-size:9px; font-weight:800; }
.comparison-input { min-height:43px; display:flex; align-items:center; gap:7px; padding:0 11px; border:1px solid var(--line); border-radius:11px; background:#fafbf8; }
.comparison-input:focus-within { border-color:#8fb84f; box-shadow:0 0 0 3px rgba(199,243,107,.25); }
.comparison-input b { color:#818a7b; font-size:9px; }
.comparison-input input { width:100%; min-width:0; padding:12px 0; border:0; outline:0; background:transparent; color:var(--ink); font-size:11px; font-weight:850; }
.comparison-input.unit-after b { order:2; }
.platform-output { margin-top:18px; padding:17px; border-radius:13px; background:#eef1e9; }
.platform-output span,.platform-output strong,.platform-output small { display:block; }
.platform-output span { color:#77806f; font-size:8px; font-weight:800; }
.platform-output strong { margin:3px 0; color:var(--green); font-size:25px; letter-spacing:-1px; }
.platform-output small { color:var(--muted); font-size:8px; }
.platform-panel.negative .platform-output strong { color:#c83e31; }
.comparison-result { margin-top:17px; padding:22px; display:flex; align-items:center; gap:18px; border-radius:17px; background:var(--ink); color:white; }
.result-symbol { width:43px; height:43px; display:grid; place-items:center; flex:0 0 auto; border-radius:13px; background:#303948; color:var(--lime); font-size:20px; font-weight:900; }
.comparison-result small,.comparison-result strong { display:block; }
.comparison-result small { margin-bottom:4px; color:#8f99a7; font-size:7px; font-weight:900; letter-spacing:1px; }
.comparison-result strong { font-size:15px; }
.comparison-result p { margin:4px 0 0; color:#aeb6c2; font-size:9px; line-height:1.5; }
.comparison-result.has-winner .result-symbol { background:var(--lime); color:var(--ink); font-size:0; }
.comparison-result.has-winner .result-symbol::before { content:"✓"; font-size:18px; }
.official-platforms { display:grid; gap:12px; margin:28px 0; }
.official-platforms article { display:flex; gap:16px; padding:21px; border:1px solid var(--line); border-radius:17px; background:white; }
.official-platforms .platform-dot { margin-top:5px; }
.official-platforms h3 { margin:0 0 7px; font-size:16px; }
.official-platforms p { margin:0 0 10px; font-size:11px; line-height:1.65; }
.official-platforms a { color:var(--green); font-size:9px; font-weight:900; text-decoration:underline; text-underline-offset:3px; }
.source-note,.trademark-note { color:#7f8879!important; font-size:9px!important; line-height:1.65!important; }
.trademark-note { max-width:900px; margin:-60px auto 75px; text-align:center; }
.metric-list,.decision-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:25px 0; }
.metric-list article,.decision-grid div { padding:20px; border:1px solid var(--line); border-radius:16px; background:white; }
.metric-list b,.decision-grid b { font-size:12px; }
.metric-list p,.decision-grid p { margin:7px 0 0; font-size:11px; line-height:1.6; }
.earnings-header { max-width:1000px; }
.earnings-equation { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:10px; align-items:center; }
.earnings-equation>span { min-width:95px; padding:17px 10px; border-radius:15px; background:white; text-align:center; }
.earnings-equation small,.earnings-equation b { display:block; }
.earnings-equation small { margin-bottom:5px; color:var(--muted); font-size:8px; font-weight:800; }
.earnings-equation b { color:var(--green); font-size:22px; }
.earnings-equation i { color:#9aa392; font-size:20px; font-style:normal; font-weight:900; }
.earnings-equation .equation-result { background:var(--lime); }
.earnings-equation .equation-result b { color:var(--ink); }
.earnings-estimator { margin:75px 0 0; padding:38px; border:1px solid var(--line); border-radius:29px; background:white; }
.estimator-heading { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:25px; }
.estimator-heading h2 { margin:0 0 9px; font-size:37px; letter-spacing:-1.5px; }
.estimator-heading div>p:not(.eyebrow) { max-width:680px; margin:0; color:var(--muted); font-size:11px; line-height:1.6; }
.estimator-heading>button { padding:0 0 3px; border:0; background:transparent; color:var(--muted); font-size:10px; font-weight:850; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.estimator-presets { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:20px; }
.estimator-presets>span { margin-right:3px; color:var(--muted); font-size:9px; font-weight:800; }
.estimator-presets button { padding:8px 12px; border:1px solid var(--line); border-radius:10px; background:#f7f8f4; color:var(--ink); font-size:9px; font-weight:900; cursor:pointer; }
.estimator-presets button.active { border-color:var(--ink); background:var(--ink); color:white; }
.estimator-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.estimator-grid>label { min-width:0; display:grid; align-content:start; gap:7px; color:#596475; font-size:9px; font-weight:800; }
.estimator-grid>label>small { color:#92998d; font-size:8px; font-weight:650; line-height:1.4; }
.monthly-results { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:24px; }
.monthly-results>div { min-width:0; padding:22px; border-radius:17px; background:#eef1e9; }
.monthly-results small,.monthly-results strong,.monthly-results span { display:block; }
.monthly-results small { color:#727b6b; font-size:7px; font-weight:900; letter-spacing:.8px; }
.monthly-results strong { margin:8px 0 4px; color:var(--ink); font-size:25px; letter-spacing:-1px; }
.monthly-results span { color:var(--muted); font-size:8px; }
.monthly-results .primary-result { background:var(--ink); }
.monthly-results .primary-result small { color:#929cac; }
.monthly-results .primary-result strong { color:var(--lime); }
.monthly-results .primary-result span { color:#b0b8c4; }
.monthly-results .primary-result.negative strong { color:#ff8d82; }
.estimator-disclaimer { margin:17px 0 0; color:#7f8879; font-size:8px; line-height:1.65; }
.scenario-table-wrap { margin:25px 0; overflow-x:auto; border:1px solid var(--line); border-radius:17px; background:white; }
.scenario-table { width:100%; min-width:670px; border-collapse:collapse; }
.scenario-table th,.scenario-table td { padding:17px 16px; border-bottom:1px solid var(--line); text-align:right; font-size:10px; }
.scenario-table th:first-child,.scenario-table td:first-child { text-align:left; }
.scenario-table th { color:#717a6c; background:#f1f3ec; font-size:8px; letter-spacing:.5px; }
.scenario-table tbody tr:last-child td { border-bottom:0; }
.scenario-table td strong { color:var(--green); font-size:12px; }
.earnings-factors { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:25px 0; }
.earnings-factors article { display:flex; gap:15px; padding:20px; border:1px solid var(--line); border-radius:16px; background:white; }
.earnings-factors article>span { width:29px; height:29px; display:grid; place-items:center; flex:0 0 auto; border-radius:9px; background:var(--lime); font-size:8px; font-weight:900; }
.earnings-factors b { font-size:12px; }
.earnings-factors p { margin:6px 0 0; font-size:10px; line-height:1.6; }
.official-links { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; margin:23px 0; }
.official-links a { display:flex; flex-direction:column; gap:7px; padding:20px; border:1px solid var(--line); border-radius:15px; background:white; }
.official-links b { font-size:11px; }
.official-links span { color:var(--green); font-size:9px; font-weight:900; text-decoration:underline; text-underline-offset:3px; }
.faq-list { display:grid; gap:10px; margin:25px 0; }
.faq-list details { border:1px solid var(--line); border-radius:15px; background:white; }
.faq-list summary { padding:18px 48px 18px 19px; position:relative; list-style:none; font-size:11px; font-weight:900; cursor:pointer; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; position:absolute; top:50%; right:19px; transform:translateY(-50%); color:var(--green); font-size:18px; }
.faq-list details[open] summary::after { content:"−"; }
.faq-list details p { margin:0; padding:0 19px 19px; color:var(--muted); font-size:10px; line-height:1.7; }
.starter-header { max-width:980px; }
.starter-path { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:9px; align-items:center; }
.starter-path>span { min-width:85px; padding:16px 8px; border-radius:15px; background:white; text-align:center; }
.starter-path b,.starter-path small { display:block; }
.starter-path b { width:28px; height:28px; display:grid; place-items:center; margin:0 auto 7px; border-radius:9px; background:var(--lime); font-size:11px; }
.starter-path small { color:var(--muted); font-size:8px; font-weight:850; }
.starter-path i { color:#98a090; font-size:15px; font-style:normal; font-weight:900; }
.starter-checklist { margin:75px 0 0; padding:38px; border:1px solid var(--line); border-radius:29px; background:white; }
.checklist-heading { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:25px; }
.checklist-heading h2 { margin:0 0 9px; font-size:37px; letter-spacing:-1.5px; }
.checklist-heading div>p:not(.eyebrow) { max-width:680px; margin:0; color:var(--muted); font-size:11px; line-height:1.6; }
.checklist-heading>button { padding:0 0 3px; border:0; background:transparent; color:var(--muted); font-size:10px; font-weight:850; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.checklist-progress { display:grid; grid-template-columns:1fr auto; gap:15px; align-items:center; margin-bottom:20px; }
.checklist-progress>div { height:8px; overflow:hidden; border-radius:99px; background:#e6e9df; }
.checklist-progress>div>span { width:0; height:100%; display:block; border-radius:inherit; background:var(--lime); transition:width .25s ease; }
.checklist-progress p { margin:0; color:var(--muted); font-size:9px; white-space:nowrap; }
.checklist-progress strong { color:var(--ink); }
.starter-items { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.starter-items label { min-width:0; min-height:92px; display:flex; gap:11px; padding:16px; border:1px solid var(--line); border-radius:14px; background:#fafbf8; cursor:pointer; }
.starter-items label:has(input:checked) { border-color:#9abd61; background:#f2f9e6; }
.starter-items input { width:17px; height:17px; margin:1px 0 0; flex:0 0 auto; accent-color:#6f9930; }
.starter-items b,.starter-items small { display:block; }
.starter-items b { font-size:10px; line-height:1.35; }
.starter-items small { margin-top:6px; color:var(--muted); font-size:8px; line-height:1.45; }
.checklist-result { margin-top:15px; padding:20px; display:flex; align-items:center; gap:16px; border-radius:16px; background:var(--ink); color:white; }
.checklist-result>span { width:42px; height:42px; display:grid; place-items:center; flex:0 0 auto; border-radius:13px; background:#303948; color:var(--lime); font-size:18px; font-weight:900; }
.checklist-result small,.checklist-result strong { display:block; }
.checklist-result small { margin-bottom:4px; color:#909aa8; font-size:7px; font-weight:900; letter-spacing:1px; }
.checklist-result strong { font-size:14px; }
.checklist-result p { margin:4px 0 0; color:#afb7c3; font-size:9px; line-height:1.5; }
.checklist-result.complete>span { background:var(--lime); color:var(--ink); font-size:0; }
.checklist-result.complete>span::before { content:"✓"; font-size:18px; }
.work-models { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:25px 0; }
.work-models article { padding:22px; border:1px solid var(--line); border-radius:17px; background:white; }
.work-models article>span { width:30px; height:30px; display:grid; place-items:center; margin-bottom:18px; border-radius:9px; background:var(--lime); font-size:8px; font-weight:900; }
.work-models h3 { margin:0 0 8px; font-size:16px; }
.work-models p { margin:0; font-size:10px; line-height:1.65; }
.requirements-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:25px 0; }
.requirements-grid article { padding:19px; border:1px solid var(--line); border-radius:15px; background:white; }
.requirements-grid b { font-size:11px; }
.requirements-grid p { margin:6px 0 0; font-size:10px; line-height:1.55; }
.platform-registration { display:grid; gap:12px; margin:25px 0; }
.platform-registration>article { padding:24px; border:1px solid var(--line); border-radius:18px; background:white; }
.platform-registration-heading { display:flex; align-items:center; gap:10px; margin-bottom:11px; }
.platform-registration-heading h3 { margin:0; font-size:17px; }
.platform-registration>article>p { margin:8px 0; font-size:10px; line-height:1.7; }
.platform-registration>article>a { display:inline-block; margin-top:8px; color:var(--green); font-size:9px; font-weight:900; text-decoration:underline; text-underline-offset:3px; }
.vehicle-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; margin:25px 0; }
.vehicle-grid article { display:flex; gap:14px; padding:19px; border:1px solid var(--line); border-radius:16px; background:white; }
.vehicle-grid article>span { width:31px; height:31px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; background:var(--lime); font-size:10px; font-weight:900; }
.vehicle-grid b { font-size:11px; }
.vehicle-grid p { margin:6px 0 0; font-size:10px; line-height:1.55; }
.check-list { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin:22px 0; padding:0; list-style:none; }
.check-list li { position:relative; padding:13px 13px 13px 38px; border:1px solid var(--line); border-radius:13px; background:white; font-size:9px; line-height:1.5; }
.check-list li::before { content:"✓"; width:20px; height:20px; display:grid; place-items:center; position:absolute; top:11px; left:11px; border-radius:7px; background:var(--lime); font-size:9px; font-weight:900; }
.starter-budget { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:10px; align-items:center; margin:25px 0; }
.starter-budget>div { padding:18px; border:1px solid var(--line); border-radius:15px; background:white; }
.starter-budget small,.starter-budget b { display:block; }
.starter-budget small { margin-bottom:7px; color:var(--muted); font-size:7px; font-weight:900; letter-spacing:.6px; }
.starter-budget b { font-size:10px; line-height:1.45; }
.starter-budget>span { color:#929b8d; font-size:14px; font-weight:900; }
.starter-budget .starter-budget-result { border-color:var(--ink); background:var(--ink); color:white; }
.starter-budget .starter-budget-result small { color:#9aa4b2; }
.starter-budget .starter-budget-result b { color:var(--lime); }
.platform-guide-header { max-width:1030px; }
.platform-guide-label { display:flex; align-items:center; gap:10px; }
.platform-guide-label .eyebrow { margin:0; }
.glovo-answer { background:#f3efd1; }
.glovo-order-card { min-width:280px; padding:24px; border-radius:20px; background:white; transform:rotate(1deg); }
.glovo-order-card>small { display:block; margin-bottom:16px; color:#818875; font-size:7px; font-weight:900; letter-spacing:1px; }
.glovo-order-card>div { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:13px 0; border-top:1px solid var(--line); }
.glovo-order-card span { color:var(--muted); font-size:9px; }
.glovo-order-card b { font-size:14px; }
.glovo-order-card strong { color:var(--green); font-size:22px; letter-spacing:-.5px; }
.order-evaluator { margin:75px 0 0; padding:38px; border:1px solid var(--line); border-radius:29px; background:white; }
.order-evaluator-heading { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:26px; }
.order-evaluator-heading h2 { margin:0 0 9px; font-size:37px; letter-spacing:-1.5px; }
.order-evaluator-heading div>p:not(.eyebrow) { max-width:700px; margin:0; color:var(--muted); font-size:11px; line-height:1.6; }
.order-evaluator-heading>button { padding:0 0 3px; border:0; background:transparent; color:var(--muted); font-size:10px; font-weight:850; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.order-inputs { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.order-inputs>label { min-width:0; display:grid; align-content:start; gap:7px; color:#596475; font-size:9px; font-weight:800; }
.order-inputs>label>small { color:#92998d; font-size:8px; font-weight:650; line-height:1.4; }
.order-results { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:24px; }
.order-results>div { min-width:0; padding:22px; border-radius:17px; background:#eef1e9; }
.order-results small,.order-results strong,.order-results span { display:block; }
.order-results small { color:#727b6b; font-size:7px; font-weight:900; letter-spacing:.8px; }
.order-results strong { margin:8px 0 4px; color:var(--ink); font-size:25px; letter-spacing:-1px; }
.order-results span { color:var(--muted); font-size:8px; }
.order-results .primary-order-result { background:var(--ink); }
.order-results .primary-order-result small { color:#929cac; }
.order-results .primary-order-result strong { color:var(--lime); }
.order-results .primary-order-result span { color:#b0b8c4; }
.order-results .primary-order-result.negative strong { color:#ff8d82; }
.glovo-requirements { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:25px 0; }
.glovo-requirements article { display:flex; gap:13px; padding:19px; border:1px solid var(--line); border-radius:15px; background:white; }
.glovo-requirements article>span { width:28px; height:28px; display:grid; place-items:center; flex:0 0 auto; border-radius:9px; background:#f3c92f; font-size:8px; font-weight:900; }
.glovo-requirements b { font-size:11px; }
.glovo-requirements p { margin:6px 0 0; font-size:10px; line-height:1.55; }
.earning-components { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:25px 0; }
.earning-components article { padding:19px; border:1px solid var(--line); border-radius:15px; background:white; }
.earning-components b { font-size:11px; }
.earning-components p { margin:6px 0 0; font-size:10px; line-height:1.55; }
.payment-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:10px; align-items:center; margin:25px 0; }
.payment-flow>div { padding:18px; border:1px solid var(--line); border-radius:15px; background:white; }
.payment-flow small,.payment-flow b { display:block; }
.payment-flow small { margin-bottom:7px; color:var(--muted); font-size:7px; font-weight:900; letter-spacing:.6px; }
.payment-flow b { font-size:10px; line-height:1.4; }
.payment-flow>span { color:#929b8d; font-size:14px; font-weight:900; }
.app-cycle { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:25px 0; }
.app-cycle article { padding:19px; border:1px solid var(--line); border-radius:15px; background:white; }
.app-cycle article>span { width:28px; height:28px; display:grid; place-items:center; margin-bottom:13px; border-radius:9px; background:#f3c92f; font-size:9px; font-weight:900; }
.app-cycle b { font-size:11px; }
.app-cycle p { margin:6px 0 0; font-size:10px; line-height:1.55; }
.uber-answer { background:#e8ecef; }
.uber-week-card { min-width:280px; padding:24px; border-radius:20px; background:white; transform:rotate(-1deg); }
.uber-week-card>small { display:block; margin-bottom:16px; color:#7a8390; font-size:7px; font-weight:900; letter-spacing:1px; }
.uber-week-card>div { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:13px 0; border-top:1px solid var(--line); }
.uber-week-card span { color:var(--muted); font-size:9px; }
.uber-week-card b { font-size:14px; }
.uber-week-card strong { color:var(--green); font-size:22px; letter-spacing:-.5px; }
.uber-models { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:25px 0; }
.uber-models article { padding:20px; border:1px solid var(--line); border-radius:16px; background:white; }
.uber-models article>span { width:29px; height:29px; display:grid; place-items:center; margin-bottom:16px; border-radius:9px; background:var(--ink); color:white; font-size:8px; font-weight:900; }
.uber-models h3 { margin:0 0 8px; font-size:14px; }
.uber-models p { margin:0; font-size:9px; line-height:1.6; }
.uber-docs { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:25px 0; }
.uber-docs article { padding:19px; border:1px solid var(--line); border-radius:15px; background:white; }
.uber-docs b { font-size:11px; }
.uber-docs p { margin:6px 0 0; font-size:10px; line-height:1.55; }
.weekly-tracking { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:25px 0; }
.weekly-tracking article { display:flex; gap:13px; padding:19px; border:1px solid var(--line); border-radius:15px; background:white; }
.weekly-tracking article>span { width:28px; height:28px; display:grid; place-items:center; flex:0 0 auto; border-radius:9px; background:var(--ink); color:white; font-size:9px; font-weight:900; }
.weekly-tracking b { font-size:11px; }
.weekly-tracking p { margin:6px 0 0; font-size:10px; line-height:1.55; }
.bolt-answer { background:#dff5eb; }
.bolt-earnings-card { min-width:290px; padding:24px; border-radius:20px; background:white; transform:rotate(1deg); }
.bolt-earnings-card>small { display:block; margin-bottom:16px; color:#6c8277; font-size:7px; font-weight:900; letter-spacing:1px; }
.bolt-earnings-card>div { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:12px 0; border-top:1px solid var(--line); }
.bolt-earnings-card span { color:var(--muted); font-size:9px; }
.bolt-earnings-card b { font-size:14px; }
.bolt-earnings-card strong { color:#16855a; font-size:22px; letter-spacing:-.5px; }
.bolt-earnings-card>p { margin:11px 0 0; color:#61756a; font-size:8px; text-align:right; }
.bolt-inputs { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.bolt-inputs>label { min-width:0; display:grid; align-content:start; gap:7px; color:#596475; font-size:9px; font-weight:800; }
.bolt-inputs>label>small { color:#92998d; font-size:8px; font-weight:650; line-height:1.4; }
.bolt-requirements { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:25px 0; }
.bolt-requirements article { display:flex; gap:14px; align-items:flex-start; padding:19px; border:1px solid var(--line); border-radius:15px; background:white; }
.bolt-requirements article>span { flex:0 0 37px; height:37px; display:grid; place-items:center; border-radius:11px; background:#dff5eb; color:#16855a; font-size:9px; font-weight:900; }
.bolt-requirements b,.bolt-vehicle-grid b,.bolt-demand b,.bolt-profit-steps b { font-size:11px; }
.bolt-requirements p,.bolt-vehicle-grid p,.bolt-demand p,.bolt-profit-steps p { margin:6px 0 0; font-size:9px; line-height:1.55; }
.bolt-vehicle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:25px 0; }
.bolt-vehicle-grid article { padding:20px; border:1px solid var(--line); border-radius:16px; background:white; }
.bolt-formula { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:stretch; gap:9px; margin:25px 0; }
.bolt-formula>article { padding:19px; border-radius:15px; background:#edf6f0; }
.bolt-formula>article small { display:block; margin-bottom:10px; color:#16855a; font-size:8px; font-weight:900; }
.bolt-formula>article b { font-size:12px; }
.bolt-formula>article p { margin:7px 0 0; font-size:9px; line-height:1.55; }
.bolt-formula>span { align-self:center; color:#829087; font-size:18px; font-weight:900; }
.bolt-demand { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:25px 0; }
.bolt-demand article { padding:21px; border-left:4px solid #34c788; border-radius:0 15px 15px 0; background:#f1f6f2; }
.bolt-demand small { display:block; margin-bottom:8px; color:#16855a; font-size:7px; font-weight:900; letter-spacing:1px; }
.bolt-profit-steps { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:25px 0; }
.bolt-profit-steps article { display:flex; gap:14px; padding:18px; border:1px solid var(--line); border-radius:15px; background:white; }
.bolt-profit-steps article>span { flex:0 0 29px; height:29px; display:grid; place-items:center; border-radius:9px; background:var(--ink); color:white; font-size:8px; font-weight:900; }
@media(max-width:900px) {
  .site-header { padding:18px; }.site-header nav>a:not(.header-cta) { display:none; }
  main { padding:0 20px; }.breadcrumb { padding-top:18px; }.article-header { padding:52px 0 42px; }.article-header h1 { letter-spacing:-3px; }.article-header .lead { font-size:17px; }
  .quick-answer { padding:34px 24px; grid-template-columns:1fr; gap:30px; }.article-layout { grid-template-columns:1fr; gap:45px; padding-top:60px; }.article-aside { position:static; grid-template-columns:1fr 1fr; order:-1; }
  .related { margin:75px 0; padding:45px 24px; }.related h2 { letter-spacing:-1.5px; }.hub-hero { padding:52px 0; }.hub-hero h1 { letter-spacing:-3px; }.hub-featured { padding:38px 25px; grid-template-columns:1fr; gap:35px; }.hub-featured h2 { letter-spacing:-1.5px; }.hub-result { max-width:430px; width:100%; margin:auto; }.hub-section-heading { grid-template-columns:1fr; gap:15px; }.hub-grid { grid-template-columns:1fr; }.hub-principles { padding:38px 25px; }.hub-principles>h2 { letter-spacing:-1.5px; }.hub-principles>div { grid-template-columns:1fr; } footer { margin:0 20px; flex-direction:column; align-items:flex-start; gap:18px; }
}
@media(max-width:560px) {
  .site-header .header-cta { padding:10px 12px; }.article-header h1 { font-size:45px; letter-spacing:-2.5px; }.article-meta { display:grid; }.article-meta span::after { display:none; }
  .article-aside,.expense-list,.mistakes { grid-template-columns:1fr; }.contents { padding:22px; }.article-body h2 { letter-spacing:-1px; }.hub-hero h1 { font-size:51px; letter-spacing:-2.5px; }.hub-featured>div>a { width:100%; justify-content:space-between; }.hub-card { min-height:310px; }
  .article-conclusion { padding:27px 22px; }.mini-formula,.simple-formula { display:grid; }.related>a { width:100%; justify-content:space-between; }
}
@media(max-width:900px) {
  .comparison-tool { padding:27px 20px; }
  .platform-inputs { grid-template-columns:1fr; }
  .platform-panel { display:grid; grid-template-columns:repeat(2,1fr); gap:0 13px; }
  .platform-panel legend,.platform-output { grid-column:1/-1; }
  .metric-list,.decision-grid { grid-template-columns:1fr; }
  .earnings-estimator { padding:27px 20px; }
  .estimator-grid,.monthly-results { grid-template-columns:repeat(2,1fr); }
  .earnings-factors,.official-links { grid-template-columns:1fr; }
  .starter-checklist { padding:27px 20px; }
  .starter-items { grid-template-columns:repeat(2,1fr); }
  .order-evaluator { padding:27px 20px; }
  .order-inputs,.order-results { grid-template-columns:repeat(2,1fr); }
  .uber-models { grid-template-columns:1fr; }
  .bolt-inputs { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:560px) {
  .comparison-tool-heading { align-items:start; flex-wrap:wrap; }
  .comparison-tool-heading h2 { font-size:31px; }
  .platform-panel { grid-template-columns:1fr; }
  .platform-panel legend,.platform-output { grid-column:auto; }
  .platform-metrics { grid-template-columns:1fr; }
  .comparison-result { align-items:flex-start; }
  .estimator-heading { align-items:start; flex-wrap:wrap; }
  .estimator-heading h2 { font-size:31px; }
  .estimator-grid,.monthly-results { grid-template-columns:1fr; }
  .earnings-equation { grid-template-columns:1fr; }
  .earnings-equation i { line-height:1; text-align:center; }
  .checklist-heading { align-items:start; flex-wrap:wrap; }
  .checklist-heading h2 { font-size:31px; }
  .starter-items,.work-models,.requirements-grid,.vehicle-grid,.check-list { grid-template-columns:1fr; }
  .starter-path,.starter-budget { grid-template-columns:1fr; }
  .starter-path i,.starter-budget>span { text-align:center; }
  .checklist-progress { grid-template-columns:1fr; gap:8px; }
  .glovo-order-card { min-width:0; width:100%; }
  .order-evaluator-heading { align-items:start; flex-wrap:wrap; }
  .order-evaluator-heading h2 { font-size:31px; }
  .order-inputs,.order-results,.glovo-requirements,.earning-components,.app-cycle { grid-template-columns:1fr; }
  .payment-flow { grid-template-columns:1fr; }
  .payment-flow>span { text-align:center; }
  .uber-week-card { min-width:0; width:100%; }
  .uber-docs,.weekly-tracking { grid-template-columns:1fr; }
  .bolt-earnings-card { min-width:0; width:100%; }
  .bolt-inputs,.bolt-requirements,.bolt-vehicle-grid,.bolt-demand,.bolt-profit-steps { grid-template-columns:1fr; }
  .bolt-formula { grid-template-columns:1fr; }
  .bolt-formula>span { text-align:center; }
}