/* Gasta2 marketing homepage (expenses/login.html). Light-only, like the app shell. */
.marketing{--ink:#123f32;--ink-2:#1d5a45;--lime:#dcf775;--lime-soft:#f1fbc9;--paper:#f7f6f0;--card:#fff;--muted:#5a6b62;--line:#dfe3d8;--radius:18px;--shadow:0 18px 50px -24px #123f3240;
  margin:0;background:var(--paper);color:var(--ink);font-family:"Inter Tight",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
.marketing *{box-sizing:border-box}
.marketing a{color:inherit}
.marketing [hidden]{display:none!important}
.marketing :focus-visible{outline:3px solid #be510f;outline-offset:3px;border-radius:6px}
.marketing section{scroll-margin-top:84px}
:where(.marketing) :is(h1,h2,h3){margin:0;letter-spacing:-.025em;line-height:1.1;font-weight:800}
:where(.marketing) h2{font-size:clamp(30px,4vw,46px)}
:where(.marketing) h3{font-size:20px;letter-spacing:-.015em}
:where(.marketing) p{margin:0}

/* Nav */
.m-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(20px,calc((100% - 1180px)/2));background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent}
.m-nav img{display:block}
.m-nav nav{display:flex;gap:6px;align-items:center}
.m-nav-link{padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;color:var(--muted)!important}
.m-nav-link:hover{color:var(--ink)!important;background:#123f320d}
.m-login{margin-left:6px;padding:10px 18px;border-radius:999px;background:var(--ink);color:#fff!important;font-size:14px;font-weight:700;text-decoration:none}
.m-login:hover{background:var(--ink-2)}
.m-lang{display:inline-flex}
.m-lang select{font:inherit;font-size:13px;font-weight:600;color:inherit;background:transparent;border:1px solid var(--line);border-radius:8px;padding:7px 8px;cursor:pointer}
.m-lang select:hover{border-color:var(--ink)}
.m-lang noscript button{font:inherit;margin-left:6px}

/* Buttons */
.m-button,.m-button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s,border-color .15s}
.m-button{background:var(--ink);color:#fff!important;box-shadow:0 10px 24px -12px #123f32aa}
.m-button:hover{background:var(--ink-2);transform:translateY(-1px)}
.m-button-ghost{border:1.5px solid var(--ink);color:var(--ink)!important;background:transparent}
.m-button-ghost:hover{background:var(--lime)}

/* Hero */
.m-hero{max-width:1180px;margin:auto;padding:56px 20px 88px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.m-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:999px;background:var(--lime-soft);border:1px solid #cfe58a;font-size:13px;font-weight:600}
.m-pill span{width:8px;height:8px;border-radius:50%;background:#3d9a58}
.m-copy h1{font-size:clamp(40px,5.6vw,68px);letter-spacing:-.03em;line-height:1.04;margin:22px 0 22px;max-width:14ch}
.m-intro{max-width:520px;font-size:18px;line-height:1.65;color:var(--muted)}
.m-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.m-checks{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;font-size:14px;font-weight:600;color:var(--muted)}
.m-checks li,.m-plan-includes li{display:flex;align-items:center;gap:8px}
.m-checks li:before,.m-plan-includes li:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;background:var(--lime);color:var(--ink);font-size:11px;font-weight:800}

/* Hero scene */
.m-scene{position:relative;padding:32px 28px 26px;background:var(--ink);border-radius:28px;color:#fff;box-shadow:var(--shadow);isolation:isolate;overflow:hidden}
.m-scene:before{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:-120px;top:-140px;border-radius:50%;background:radial-gradient(circle,#dcf77533,transparent 70%)}
.m-scene-label{text-align:center;font-size:13px;font-weight:600;color:#cfe3d6;margin-bottom:34px}
@keyframes m-pop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
/* How-it-works motion graphic. marketing.js cycles data-step; each step's
   animations restart when its selectors start matching. Base styles are the
   end state, so with reduced motion (animation:none) every frame still reads. */
.mg{padding:24px 24px 22px}
.mg-top{position:relative;display:flex;align-items:center;justify-content:center;min-height:34px;margin-bottom:18px}
.mg .m-scene-label{margin:0}
.mg-toggle{position:absolute;inset-inline-end:0;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ffffff2e;border-radius:50%;background:transparent;color:#cfe3d6;cursor:pointer}
.mg-toggle:hover{background:#ffffff14;color:#fff}
.mg-toggle svg{width:13px;height:13px;fill:currentColor}
.mg-toggle .mg-play,.mg.is-paused .mg-toggle .mg-pause{display:none}
.mg.is-paused .mg-toggle .mg-play{display:block}
.mg-phone{position:relative;width:250px;height:410px;margin:auto;padding:9px;border-radius:40px;background:#0b2a21;box-shadow:0 0 0 1px #ffffff1f,0 30px 50px -20px #000a}
.mg-phone:before{content:"";position:absolute;z-index:3;top:17px;left:50%;width:68px;height:18px;margin-left:-34px;border-radius:10px;background:#0b2a21}
.mg-screen{position:relative;height:100%;overflow:hidden;border-radius:31px;background:var(--paper);color:var(--ink)}
.mg-frame{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.mg[data-step="1"] .mg-f1,.mg[data-step="2"] .mg-f2,.mg[data-step="3"] .mg-f3,.mg[data-step="4"] .mg-f4{opacity:1;visibility:visible}

/* 1 · camera */
.mg-f1{background:radial-gradient(circle at 50% 38%,#2d4c40,#0d1f19 75%)}
.mg-viewfinder{position:absolute;inset:56px 24px 96px}
.mg-viewfinder i{position:absolute;width:22px;height:22px;border:3px solid var(--lime)}
.mg-viewfinder i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:9px}
.mg-viewfinder i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:9px}
.mg-viewfinder i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:9px}
.mg-viewfinder i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:9px}
.mg-receipt{position:absolute;top:84px;left:50%;width:156px;margin-left:-78px;padding:15px 12px 13px;background:#fffdf6;color:#23362a;font:600 9px/1.25 "Courier New",monospace;transform:rotate(-4deg);box-shadow:0 14px 26px -8px #000b}
.mg-receipt b{display:block;margin-bottom:9px;text-align:center;font-size:13px;font-weight:900;letter-spacing:-.5px}
.mg-receipt p{display:flex;justify-content:space-between;gap:6px;margin:5px 0}.mg-receipt p span:last-child{flex:none;white-space:nowrap}
.mg-receipt .mg-total{margin-top:9px;padding-top:7px;border-top:1px dashed #9aa093;font-size:11px;font-weight:800}
.mg-scanline{position:absolute;top:70px;left:30px;right:30px;height:3px;border-radius:3px;background:var(--lime);box-shadow:0 0 18px 5px #dcf77588;opacity:0}
.mg-reading{position:absolute;bottom:110px;left:0;right:0;width:max-content;margin:auto;padding:6px 12px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:700}
.mg-shutter{position:absolute;bottom:24px;left:50%;width:50px;height:50px;margin-left:-25px;border:4px solid #fff;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px #0d1f19}
.mg-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.mg[data-step="1"] .mg-receipt{animation:mg-receipt-in .7s cubic-bezier(.2,.8,.2,1) both}
.mg[data-step="1"] .mg-scanline{animation:mg-scan 1.4s .8s ease-in-out both}
.mg[data-step="1"] .mg-shutter{animation:mg-press .3s 2.3s both}
.mg[data-step="1"] .mg-flash{animation:mg-flash .55s 2.4s both}
.mg[data-step="1"] .mg-reading{animation:mg-rise .35s 2.8s both}

/* 2-4 · app screens */
.mg-app{display:flex;flex-direction:column;gap:8px;padding:46px 16px 18px}
.mg-bar{display:flex;align-items:center;gap:7px;margin:0 0 4px!important;font-size:13px;font-weight:800}
.mg-bar img{display:block;width:22px;height:22px}
.mg-field{padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.mg-field small,.mg-month small{display:block;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mg-field strong{display:block;margin-top:1px;font-size:14px}
.mg-chip{display:inline-block;padding:1px 9px;border-radius:999px;background:var(--lime);font-size:12px;font-style:normal}
.mg-save{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin-top:auto;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:700}
.mg-tick{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:11px}
.mg[data-step="2"] .mg-field{animation:mg-rise .4s both}
.mg[data-step="2"] .mg-field strong{animation:mg-type .55s both;animation-delay:calc(var(--d) + .2s)}
.mg[data-step="2"] .mg-save{animation:mg-press .35s 2.2s both}
.mg[data-step="2"] .mg-tick{animation:mg-pop .35s 2.5s both}

.mg-expense,.mg-person{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px}
.mg-expense>div{flex:1;min-width:0}
.mg-expense strong,.mg-expense small{display:block}
.mg-expense small{font-size:11px;color:var(--muted)}
.mg-split{display:flex;gap:4px;height:10px;margin:4px 2px}
.mg-split i{flex:1;border-radius:5px;background:var(--ink);transform-origin:left}
.mg-split i+i{background:#3d9a58;transform-origin:right}
.mg-person b{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--ink);color:var(--lime);font-size:12px}
.mg-person b.mg-other{background:#3d9a58;color:#fff}
.mg-person span{flex:1}
.mg-balance{margin-top:auto!important;padding:10px 12px;border:1.5px dashed #9fb49a;border-radius:12px;background:var(--lime-soft);text-align:center;font-size:13px;font-weight:800}
.mg[data-step="3"] .mg-expense,.mg[data-step="3"] .mg-person{animation:mg-rise .4s both}
.mg[data-step="3"] .mg-split i{animation:mg-grow .5s cubic-bezier(.2,.8,.2,1) both}
.mg[data-step="3"] .mg-balance{animation:mg-pop .4s both}

.mg-month{padding:14px;border-radius:14px;background:var(--ink);color:#fff}
.mg-month small{color:#b9cfc1}
.mg-month strong{display:block;margin-top:2px;color:var(--lime);font-size:30px;letter-spacing:-.03em;line-height:1.1}
.mg-cat{padding:4px 2px 2px}
.mg-cat p{display:flex;justify-content:space-between;margin-bottom:5px!important;font-size:12px;font-weight:700}
.mg-cat p span:last-child{color:var(--muted);font-weight:600}
.mg-cat i{display:block;width:var(--w);height:9px;border-radius:5px;background:#3d9a58;transform-origin:left}
.mg-cat:first-of-type i{background:var(--ink)}
.mg[data-step="4"] .mg-month{animation:mg-rise .4s both}
.mg[data-step="4"] .mg-cat{animation:mg-rise .35s both}
.mg[data-step="4"] .mg-cat i{animation:mg-grow .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d) + .15s)}
/* After the step rules: the animation shorthands above reset the delay. */
.mg .mg-frame [style]{animation-delay:var(--d)}
[dir="rtl"] .mg-split i,[dir="rtl"] .mg-cat i{transform-origin:right}
[dir="rtl"] .mg-split i+i,[dir="rtl"] .mg-steps i:after{transform-origin:left}

/* Step tabs; the active one's bar doubles as the timer (animationend advances). */
.mg-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 0;padding:0;list-style:none}
.mg-steps button{position:relative;display:flex;width:100%;height:100%;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 14px;overflow:hidden;border:0;border-radius:12px;background:transparent;color:#b9cfc1;font:inherit;font-size:12px;font-weight:600;line-height:1.25;cursor:pointer;transition:background .2s,color .2s}
.mg-steps button:hover{background:#ffffff0d;color:#fff}
.mg-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#ffffff1a;font-size:12px}
.mg-steps i{position:absolute;bottom:0;left:12px;right:12px;height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden}
.mg-steps i:after{content:"";position:absolute;inset:0;background:var(--lime);transform:scaleX(0);transform-origin:left}
.mg-steps [aria-current="step"]{background:#ffffff12;color:#fff}
.mg-steps [aria-current="step"] b{background:var(--lime);color:var(--ink)}
.mg-steps [aria-current="step"] i:after{transform:scaleX(1);animation:mg-progress 4.6s linear both}
.mg.is-paused *,.mg.is-offscreen *{animation-play-state:paused!important}

@keyframes mg-receipt-in{from{opacity:0;transform:translateY(60px) rotate(6deg)}to{opacity:1;transform:rotate(-4deg)}}
@keyframes mg-scan{0%{top:70px;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:300px;opacity:0}}
@keyframes mg-press{50%{transform:scale(.9)}}
@keyframes mg-flash{0%{opacity:0}25%{opacity:.85}100%{opacity:0}}
@keyframes mg-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes mg-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}100%{opacity:1;transform:none}}
@keyframes mg-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes mg-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mg-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:680px){.mg{padding:20px 12px 16px}.mg-steps{gap:4px}.mg-steps button{font-size:11px;padding-inline:2px}}

/* Section scaffolding */
.m-steps,.m-features-wrap,.m-pricing,.m-faq{max-width:1180px;margin:auto;padding:88px 20px}
.m-heading{max-width:640px;margin-bottom:44px}
.m-heading>p:last-child:not(.m-eyebrow){margin-top:14px;font-size:17px;color:var(--muted)}
.m-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3d8a5a;margin-bottom:12px}

/* Steps */
.m-steps{border-top:1px solid var(--line)}
.m-step-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:none}
.m-step-list li{padding:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.m-step-num{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ink);color:var(--lime);font-weight:800;margin-bottom:20px}
.m-step-list h3{margin-bottom:8px}
.m-step-list p,.m-mini p,.m-card>p:not(.m-tag){color:var(--muted);font-size:15px;line-height:1.6}

/* Features */
.m-features-wrap{padding-top:40px}
.m-features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.m-card{grid-column:span 2;padding:32px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column}
.m-card h3{font-size:clamp(22px,2.4vw,28px);margin:10px 0 12px}
.m-tag{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#3d8a5a}
.m-card-sharing{background:#eef1e7}
.m-card-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.m-card-dark .m-tag{color:var(--lime)}
.m-card-dark>p:not(.m-tag){color:#c5d6cc}
.m-split-example{margin-top:auto;padding-top:26px}
.m-split-example>div{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;background:#fff;border-radius:12px;font-size:14px}
.m-split-example b{display:grid;place-items:center;width:32px;height:32px;flex:none;background:var(--lime);border-radius:50%;font-size:13px}
.m-split-example strong{margin-left:auto}
.m-balance{margin-top:12px!important;padding:10px 14px;border-radius:12px;border:1.5px dashed #9fb49a;font-size:14px;font-weight:700}
.m-payment{margin-top:auto;padding:20px;background:#ffffff12;border:1px solid #ffffff22;border-radius:14px}
.m-card-dark .m-payment{margin-top:26px}
.m-payment>span{font-size:11px;letter-spacing:.1em;color:#c5d6cc}
.m-payment>strong{display:block;font-size:48px;letter-spacing:-2px;line-height:1.1;margin:4px 0 10px}
.m-payment strong small{font-size:22px;color:#9fb8aa}
.m-payment>div{display:flex;gap:6px}
.m-payment i{height:8px;flex:1;background:var(--lime);border-radius:4px}
.m-payment i:nth-last-child(-n+2){background:#ffffff2e}
.m-payment>small{display:block;font-size:13px;margin-top:12px;color:#c5d6cc}
.m-mini{padding:26px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line)}
.m-mini h3{font-size:17px;margin:18px 0 8px}
.m-mini p{font-size:14px}
.m-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--lime-soft)}
.m-icon svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Pricing */
.m-pricing{border-top:1px solid var(--line)}
.m-plans{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:stretch}
.m-plan{position:relative;display:flex;flex-direction:column;gap:18px;padding:30px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line)}
.m-plan h3{font-size:18px}
.m-plan-price strong{font-size:42px;letter-spacing:-.03em}
.m-plan-price span{display:block;font-size:14px;color:var(--muted)}
.m-plan .m-button,.m-plan .m-button-ghost{margin-top:auto}
.m-plan-featured{border:2px solid var(--ink);box-shadow:var(--shadow)}
.m-plan-badge{position:absolute;top:-13px;inset-inline-start:30px;padding:4px 12px;border-radius:999px;background:var(--lime);font-size:12px;font-weight:800}
.m-plan-includes{list-style:none;margin:0;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:14px;font-size:15px;font-weight:600;border-radius:var(--radius);background:var(--lime-soft);border:1px solid #d9eb9c}

/* FAQ */
.m-faq{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;border-top:1px solid var(--line)}
.m-faq-list{border-top:1px solid var(--line)}
.m-faq details{border-bottom:1px solid var(--line)}
.m-faq summary{display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-size:17px;font-weight:700;cursor:pointer;list-style:none}
.m-faq summary::-webkit-details-marker{display:none}
.m-faq summary:after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#123f320d;font-weight:500;transition:transform .2s}
.m-faq details[open] summary:after{transform:rotate(45deg)}
.m-faq details p{padding:0 0 22px;padding-inline-end:44px;color:var(--muted);line-height:1.65}

/* Final CTA */
.m-start{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center;max-width:1140px;margin:40px auto 88px;padding:56px;border-radius:32px;background:var(--lime)}
.m-start h2{margin-bottom:14px}
.m-start>div>p:last-child{font-size:17px;max-width:420px}
.m-start .auth-actions{margin-top:0}
.m-start .landing-auth-actions{width:100%;max-width:380px;justify-self:end;border-radius:20px;padding:26px;box-shadow:0 20px 40px -20px #123f3266}
/* Google leads: it carries the weight, the email link is the alternative. */
.m-start .google-button{min-height:54px;font-size:15px;border-radius:999px}
.m-start .auth-email-link.primary-button{min-height:48px;color:var(--ink);background:transparent;border:1.5px solid var(--ink);border-radius:999px}
.m-start .auth-email-link.primary-button:hover{background:var(--lime-soft)}

/* Footer */
.m-footer{max-width:1180px;margin:auto;padding:28px 20px 40px;display:flex;gap:20px 28px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.m-footer img{display:block}
.m-footer nav{display:flex;gap:20px;margin-left:auto}
.m-footer nav a{text-decoration:none;font-weight:600}
.m-footer nav a:hover{color:var(--ink);text-decoration:underline}

@media(max-width:1000px){
  .m-nav-link{display:none}
  .m-hero{grid-template-columns:1fr;gap:44px;padding-top:32px}
  .m-scene{max-width:520px;width:100%;justify-self:center}
  .m-features{grid-template-columns:1fr 1fr}
  .m-plans{grid-template-columns:1fr 1fr}.m-plan-includes{grid-column:1/-1}
  .m-faq{grid-template-columns:1fr;gap:0}
  .m-start{grid-template-columns:1fr;margin-inline:20px;padding:40px}
  .m-start .landing-auth-actions{justify-self:stretch;max-width:none}
}
@media(max-width:680px){
  .m-nav{padding:12px 16px}
  .m-nav img{width:112px;height:auto}
  .m-login{padding:9px 14px;font-size:13px}
  .m-hero{padding:24px 16px 56px}
  .m-copy h1{font-size:clamp(36px,10.5vw,48px)}
  .m-intro{font-size:16px}
  .m-cta-row .m-button,.m-cta-row .m-button-ghost{flex:1 1 100%}
  .m-scene{padding:26px 16px 22px;border-radius:22px}
  .m-steps,.m-features-wrap,.m-pricing,.m-faq{padding:56px 16px}
  .m-features-wrap{padding-top:24px}
  .m-heading{margin-bottom:28px}
  .m-step-list,.m-features,.m-plans{grid-template-columns:1fr}
  .m-card{grid-column:auto;padding:24px}
  .m-plan-includes{padding:24px}
  .m-faq details p{padding-inline-end:0}
  .m-start{margin:16px 16px 56px;padding:32px 20px;border-radius:24px;gap:28px}
  .m-start .landing-auth-actions{padding:20px}
  .m-footer{padding:24px 16px 32px}
  .m-footer nav{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){.mg-toggle{display:none!important}.marketing *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
html:has(body.marketing){scroll-behavior:smooth}