/* Mondigo brand-story layer — Design & Brand System v4.0
   One transformation, two surfaces: warm source material becomes an exact,
   checked quote. Clay marks provenance only; green marks progress/action. */
:root {
  --mgo-ink:#102038;
  --mgo-cream:#FFFCF4;
  --mgo-paper:#FBF7EA;
  --mgo-clay:#D8896E;
  --mgo-clay-soft:#F6DDD4;
  --mgo-green:#0B7A49;
  --mgo-green-light:#7DDAA7;
  --mgo-line:#D8E0DD;
  --mgo-yellow:#EAA31A;
}

body { background:var(--mgo-cream); color:var(--mgo-ink); }
.site-nav { background:rgba(255,252,244,.9); border-bottom-color:rgba(16,32,56,.1); }
.site-logo { font-size:1.35rem; font-weight:850; letter-spacing:-.045em; }
.lang-bar { background:var(--mgo-cream); border:0; padding:.45rem 0; }
.lang-btn { border-radius:999px; }

/* The hero must NOT clip its own children: .mgo-device-bridge is translated
   half-way out of the bottom edge on purpose. Clipping lives on the decor
   layer instead, which is the only thing that bleeds outside (the blob is
   inset -120px on the right and would otherwise scroll the page sideways). */
.mgo-hero { position:relative; padding:clamp(3rem,7vw,6.5rem) 0 0; background:var(--mgo-ink); color:#fff; }
.mgo-hero-decor { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.mgo-hero-decor::before {
  content:""; position:absolute; inset:-180px -120px auto auto; width:520px; height:520px;
  border:1px solid rgba(125,218,167,.13); border-radius:49% 51% 61% 39%; transform:rotate(18deg);
  box-shadow:0 0 0 62px rgba(125,218,167,.035),0 0 0 124px rgba(125,218,167,.025);
}
.mgo-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr); gap:clamp(2.5rem,6vw,6rem); align-items:center; }
.mgo-hero-copy { padding-bottom:3rem; }
.mgo-kicker,.mgo-section-kicker { display:flex; align-items:center; gap:.65rem; margin:0 0 1.3rem; color:var(--mgo-green-light); font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.mgo-kicker-dot { width:9px; height:9px; border:2px solid currentColor; border-radius:50%; box-shadow:14px 0 0 -2px currentColor,28px 0 0 -3px currentColor; margin-right:25px; }
.mgo-hero h1 { max-width:660px; margin:0; color:#fff; font-size:clamp(3rem,6vw,5.7rem); line-height:.94; letter-spacing:-.065em; text-wrap:balance; }
.mgo-lead { max-width:600px; margin:1.7rem 0 1.15rem; color:#DDE3EA; font-size:clamp(1.05rem,1.5vw,1.25rem); line-height:1.6; }
.mgo-promise { margin:0 0 1.7rem; color:#fff; }
.mgo-promise strong { color:var(--mgo-green-light); }
.mgo-actions { display:flex; align-items:center; gap:1.4rem; flex-wrap:wrap; }
.mgo-actions .lum-btn--qq { background:var(--mgo-green-light); color:var(--mgo-ink); min-height:56px; border-radius:14px; box-shadow:0 12px 28px rgba(0,0,0,.22); }
.mgo-actions .lum-btn--qq:hover { background:#98E6B9; }
.mgo-text-link { color:#fff; font-weight:700; text-underline-offset:5px; text-decoration-color:var(--mgo-green-light); }
.mgo-trust { display:flex; gap:.7rem; align-items:flex-start; margin-top:1.7rem; color:#EEF2F5; }
.mgo-trust > span { display:grid; place-items:center; width:24px; height:24px; flex:0 0 24px; border-radius:50%; background:rgba(125,218,167,.16); color:var(--mgo-green-light); font-weight:900; }
.mgo-trust p { margin:0; line-height:1.4; }
.mgo-trust small { color:#AEBBCB; }

.mgo-studio { position:relative; padding:1rem; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:26px 26px 0 0; background:#F5F0E4; color:var(--mgo-ink); box-shadow:0 30px 80px rgba(0,0,0,.32); }
.mgo-studio::before { content:""; position:absolute; inset:0; opacity:.2; pointer-events:none; background-image:linear-gradient(rgba(16,32,56,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,56,.12) 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(to bottom,#000,transparent 70%); }
.mgo-studio-head { position:relative; display:flex; justify-content:space-between; gap:1rem; padding:.3rem .35rem 1rem; color:#64748B; font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.mgo-live { display:flex; align-items:center; gap:.4rem; color:var(--mgo-green); }
.mgo-live i { width:7px; height:7px; border-radius:50%; background:currentColor; }
.mgo-transform { position:relative; display:grid; grid-template-columns:minmax(150px,.8fr) 76px minmax(250px,1.2fr); align-items:center; min-height:440px; }
.mgo-source-stack { position:relative; height:345px; z-index:2; }
.mgo-source-note { position:absolute; width:94%; padding:1rem; border:1px solid rgba(145,69,47,.25); border-radius:15px; background:var(--mgo-clay-soft); box-shadow:0 13px 30px rgba(80,49,37,.14); }
.mgo-source-note p { margin:.65rem 0 .4rem; font-size:.86rem; line-height:1.45; }
.mgo-source-note small { display:block; color:#7A5A50; font-size:.68rem; }
.mgo-source-note--voice { top:15px; left:2%; transform:rotate(-2.2deg); }
.mgo-source-note--measure { top:147px; left:8%; width:72%; transform:rotate(1.8deg); background:#F8E9E3; }
.mgo-source-note--measure strong { display:block; margin:.5rem 0 0; font-size:1.8rem; font-variant-numeric:tabular-nums; }
.mgo-source-note--photo { top:238px; left:1%; width:88%; transform:rotate(-1deg); background:#E9C1B3; }
.mgo-source-type { display:flex; gap:.45rem; align-items:center; color:#91452F; font-size:.67rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.mgo-source-type i { display:grid; place-items:center; width:25px; height:25px; border-radius:7px; background:rgba(255,255,255,.55); font-style:normal; font-size:.9rem; }
.mgo-photo-detail { display:flex; gap:5px; height:27px; margin:.6rem 0 .35rem; align-items:end; }
.mgo-photo-detail span { width:31%; border-radius:3px 3px 0 0; background:#A75C43; }
.mgo-photo-detail span:nth-child(1){height:45%}.mgo-photo-detail span:nth-child(2){height:100%}.mgo-photo-detail span:nth-child(3){height:66%}
.mgo-organizer { width:76px; height:270px; overflow:visible; }
.mgo-organizer path { fill:none; stroke-linecap:round; stroke-linejoin:round; }
.mgo-organizer-raw { stroke:var(--mgo-clay); stroke-width:3; stroke-dasharray:4 8; }
.mgo-organizer-mid { stroke:var(--mgo-green); stroke-width:2; }
.mgo-organizer-order { stroke:var(--mgo-green); stroke-width:3; }
.mgo-quote-sheet { position:relative; z-index:2; padding:1.2rem; border:1px solid var(--mgo-line); border-radius:17px; background:#fff; box-shadow:0 20px 50px rgba(16,32,56,.16); }
.mgo-sheet-top { display:flex; justify-content:space-between; gap:1rem; padding-bottom:.9rem; border-bottom:2px solid var(--mgo-ink); }
.mgo-sheet-top span { display:block; color:#64748B; font-size:.62rem; font-weight:800; letter-spacing:.12em; }
.mgo-sheet-top strong { display:block; margin-top:.2rem; font-size:1.15rem; }
.mgo-sheet-number { font-variant-numeric:tabular-nums; }
.mgo-sheet-row { display:grid; grid-template-columns:1fr auto; gap:.65rem; align-items:center; padding:.82rem 0; border-bottom:1px solid var(--mgo-line); }
.mgo-sheet-row strong,.mgo-sheet-row small { display:block; }
.mgo-sheet-row strong { font-size:.78rem; }.mgo-sheet-row small { margin-top:.15rem; color:#64748B; font-size:.66rem; }.mgo-sheet-row b { white-space:nowrap; font-size:.78rem; font-variant-numeric:tabular-nums; }
.mgo-review-question { display:flex; gap:.55rem; align-items:center; margin:.75rem 0; padding:.65rem; border:1px solid #F1C36A; border-radius:10px; background:#FFF6DA; }
.mgo-review-question > span { display:grid; place-items:center; width:24px; height:24px; flex:0 0 24px; border-radius:50%; background:var(--mgo-yellow); color:#fff; font-weight:900; }
.mgo-review-question p,.mgo-readiness div { margin:0; }.mgo-review-question strong,.mgo-review-question small,.mgo-readiness strong,.mgo-readiness small { display:block; font-size:.68rem; }.mgo-review-question small,.mgo-readiness small { color:#64748B; }
.mgo-total { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; padding:.8rem 0; }.mgo-total span{color:#64748B;font-size:.7rem}.mgo-total strong{font-size:1rem;font-variant-numeric:tabular-nums}
.mgo-readiness { display:flex; gap:.6rem; align-items:center; padding:.65rem; border-radius:10px; background:#EFF9F3; color:var(--mgo-green); }
.mgo-readiness-dot { width:9px; height:9px; border-radius:50%; background:var(--mgo-yellow); box-shadow:0 0 0 4px #FFF0C7; }

.mgo-device-bridge { position:relative; z-index:2; display:grid; grid-template-columns:1fr minmax(120px,.75fr) 1fr; align-items:center; max-width:900px; margin:0 auto; transform:translateY(50%); padding:1rem 1.2rem; border:1px solid var(--mgo-line); border-radius:18px; background:#fff; color:var(--mgo-ink); box-shadow:0 16px 40px rgba(16,32,56,.14); }
.mgo-device { display:flex; gap:.8rem; align-items:center; }.mgo-device--ordered { justify-self:end; }.mgo-device-icon { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border-radius:11px; background:var(--mgo-clay-soft); color:#91452F; font-size:1.1rem; }.mgo-device--ordered .mgo-device-icon{background:#EFF9F3;color:var(--mgo-green)}
.mgo-device p { margin:0; }.mgo-device strong,.mgo-device small { display:block; }.mgo-device strong{font-size:.82rem}.mgo-device small{color:#64748B;font-size:.67rem}
.mgo-bridge-line { display:flex; align-items:center; justify-content:center; gap:6px; }.mgo-bridge-line::before,.mgo-bridge-line::after{content:"";height:1px;flex:1;background:var(--mgo-line)}.mgo-bridge-line i{width:5px;height:5px;border-radius:50%;background:var(--mgo-green)}

.mgo-story { padding:7rem 0 4rem; background:var(--mgo-cream); }
.mgo-section-kicker { justify-content:center; margin-bottom:.8rem; color:var(--mgo-green); }
.mgo-story-title { max-width:760px; margin:0 auto; text-align:center; font-size:clamp(2.15rem,5vw,4rem); line-height:1.02; letter-spacing:-.05em; text-wrap:balance; }
.mgo-story-intro { max-width:650px; margin:1rem auto 2.8rem; text-align:center; color:#64748B; font-size:1.05rem; line-height:1.65; }
.mgo-tension-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.mgo-tension-card { position:relative; min-height:360px; overflow:hidden; padding:1.7rem; border:1px solid var(--mgo-line); border-radius:20px; background:#fff; }
.mgo-tension-card--source { background:var(--mgo-clay-soft); border-color:#E9B6A4; }
.mgo-tension-card--result { background:var(--mgo-ink); color:#fff; border-color:var(--mgo-ink); }
.mgo-card-no { position:absolute; top:1.4rem; right:1.4rem; color:#94A3B8; font-size:.65rem; font-weight:900; letter-spacing:.12em; }
.mgo-before { margin:0 0 3.2rem; color:#91452F; font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.mgo-tension-card:not(.mgo-tension-card--source):not(.mgo-tension-card--result) .mgo-before { color:var(--mgo-green); }
.mgo-tension-card--result .mgo-before { color:var(--mgo-green-light); }
.mgo-tension-card h3 { margin:0 0 .75rem; color:inherit; font-size:1.5rem; line-height:1.1; letter-spacing:-.03em; text-transform:none; }
.mgo-tension-card p:not(.mgo-before) { color:#64748B; line-height:1.55; }.mgo-tension-card--result p:not(.mgo-before){color:#C8D2DE}
.mgo-mini-organizer { position:absolute; left:1.7rem; right:1.7rem; bottom:1.5rem; height:55px; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; align-items:end; }
.mgo-mini-organizer i { height:3px; border-radius:9px; background:#A75C43; transform-origin:left; }.mgo-mini-organizer i:nth-child(1){transform:rotate(-5deg)}.mgo-mini-organizer i:nth-child(2){transform:rotate(4deg)}.mgo-mini-organizer i:nth-child(3){transform:rotate(-2deg)}.mgo-mini-organizer b{position:absolute;right:0;width:43%;height:2px;background:var(--mgo-green)}.mgo-mini-organizer b:nth-of-type(1){bottom:25px}.mgo-mini-organizer b:nth-of-type(2){bottom:13px}.mgo-mini-organizer b:nth-of-type(3){bottom:1px}
.mgo-understood { position:absolute; left:1.7rem; right:1.7rem; bottom:1.5rem; display:grid; grid-template-columns:1fr auto 1.4fr; gap:.5rem; align-items:center; font-size:.7rem; }.mgo-understood span{padding:.55rem;border-radius:9px;background:var(--mgo-clay-soft);color:#91452F}.mgo-understood i{color:var(--mgo-green)}.mgo-understood strong{padding:.55rem;border:1px solid var(--mgo-line);border-radius:9px}
.mgo-send-state { position:absolute; left:1.7rem; right:1.7rem; bottom:1.5rem; display:flex; align-items:center; gap:.7rem; padding:.8rem; border:1px solid rgba(125,218,167,.25); border-radius:12px; background:rgba(125,218,167,.1); }.mgo-send-state>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mgo-green-light);color:var(--mgo-ink);font-weight:900}.mgo-send-state p{margin:0!important}.mgo-send-state strong,.mgo-send-state small{display:block}.mgo-send-state small{color:#AEBBCB!important;font-size:.67rem}
.mgo-proof-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:1rem; border:1px solid var(--mgo-line); border-radius:17px; background:var(--mgo-paper); }
.mgo-proof-strip p { margin:0; padding:1.2rem 1.4rem; border-right:1px solid var(--mgo-line); }.mgo-proof-strip p:last-child{border:0}.mgo-proof-strip strong,.mgo-proof-strip span{display:block}.mgo-proof-strip strong{font-size:.82rem}.mgo-proof-strip span{margin-top:.2rem;color:#64748B;font-size:.72rem;line-height:1.45}
html:not([data-lang="en"]) .mgo-proof-strip .lang-en-inline { display:none; }
[data-lang="en"] .mgo-proof-strip .lang-hu-inline { display:none; }

/* Carry the identity through the rest of the established information page. */
.section-title,.value-header h2,.waitlist-cta-inner h2 { letter-spacing:-.04em; }
.steps-grid { position:relative; }.step-item { padding:1.35rem; border-top:2px solid var(--mgo-line); text-align:left; }.step-num { border-radius:10px; }.trade-card { border-radius:18px; box-shadow:none; }.trade-card:hover { transform:translateY(-3px); border-color:#B7C4BF; transition:transform 200ms,border-color 200ms; }.waitlist-cta-inner { background:var(--mgo-ink); color:#fff; border:0; }.waitlist-cta-body { color:#C8D2DE; }

@keyframes mgoSettle { from{transform:translateY(10px)} to{transform:translateY(0)} }
@keyframes mgoTrace { from{stroke-dashoffset:170} to{stroke-dashoffset:0} }
.mgo-source-note { animation:mgoSettle 420ms ease-out both; }.mgo-source-note--measure{animation-delay:90ms}.mgo-source-note--photo{animation-delay:160ms}.mgo-quote-sheet{animation:mgoSettle 520ms 180ms ease-out both}.mgo-organizer path{stroke-dasharray:170;animation:mgoTrace 560ms 80ms ease-out both}.mgo-organizer-raw{stroke-dasharray:4 8;animation:none}

@media (max-width:1050px) {
  .mgo-hero-grid { grid-template-columns:1fr; }.mgo-hero-copy { max-width:780px; padding-bottom:0; }.mgo-studio{border-radius:26px 26px 0 0}.mgo-hero h1{max-width:800px}.mgo-transform{grid-template-columns:minmax(180px,.8fr) 92px minmax(290px,1.2fr)}
}
@media (max-width:760px) {
  .mgo-hero{padding-top:2.6rem}.mgo-hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}.mgo-lead{font-size:1rem}.mgo-studio{margin-inline:-.5rem;padding:.75rem;border-radius:20px 20px 0 0}.mgo-transform{grid-template-columns:1fr;gap:.7rem;min-height:0}.mgo-source-stack{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.mgo-source-note{position:relative!important;inset:auto!important;width:auto!important;transform:none!important;padding:.8rem}.mgo-source-note--voice{grid-column:1/-1}.mgo-source-note--photo{display:none}.mgo-source-note--measure strong{font-size:1.3rem}.mgo-organizer{width:100%;height:48px;transform:rotate(90deg)}.mgo-quote-sheet{padding:1rem}.mgo-device-bridge{grid-template-columns:1fr;gap:.8rem;transform:translateY(38%)}.mgo-device--ordered{justify-self:start}.mgo-bridge-line{width:100%}.mgo-tension-grid,.mgo-proof-strip{grid-template-columns:1fr}.mgo-tension-card{min-height:310px}.mgo-proof-strip p{border-right:0;border-bottom:1px solid var(--mgo-line)}.mgo-story{padding-top:7.5rem}
}
@media (max-width:480px){.mgo-actions{align-items:stretch;flex-direction:column}.mgo-actions .lum-btn--qq{width:100%}.mgo-text-link{text-align:center}.mgo-studio-head{font-size:.6rem}.mgo-sheet-row b{font-size:.7rem}.mgo-device strong{font-size:.76rem}}
@media (prefers-reduced-motion:reduce){.mgo-source-note,.mgo-quote-sheet,.mgo-organizer path,.trade-card{animation:none!important;transition:none!important}}