:root{--moc-ink:#183a4a;--moc-blue:#1258a6;--moc-teal:#0e7c7b;--moc-saffron:#e6a11a;--moc-rose:#f6e9e2;--moc-paper:#fffdf8;--moc-text:#21343b;--moc-muted:#5b6d73;--moc-line:#d9d7cf;--moc-shadow:0 20px 55px rgba(24,58,74,.12)}
.moc{background:var(--moc-paper);color:var(--moc-text);font-size:17px;line-height:1.85;overflow:clip}
.moc *{box-sizing:border-box}
.moc a{color:var(--moc-blue);text-decoration-thickness:1.5px;text-underline-offset:.18em}
.moc a:hover{text-decoration-thickness:2.5px}
.moc :focus-visible{outline:3px solid var(--moc-saffron);outline-offset:4px}
.moc__wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.moc__narrow{width:min(800px,calc(100% - 40px))}
.moc__article h1,.moc__article h2,.moc__article h3{color:var(--moc-ink);font-family:Georgia,"Noto Naskh Arabic",serif;line-height:1.28;margin-block:0 .65em;letter-spacing:-.02em}
.moc__article h1{font-size:clamp(2.35rem,5.4vw,5.2rem);max-width:13ch}
.moc__article h2{font-size:clamp(1.85rem,3.6vw,3.15rem)}
.moc__article h3{font-size:clamp(1.22rem,2vw,1.55rem);margin-top:1.7em}
.moc__article p{margin:0 0 1.15em}
.moc__eyebrow,.moc__kicker{font-family:Arial,Tahoma,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.08em;color:var(--moc-teal);text-transform:uppercase}
.moc__hero{position:relative;background:linear-gradient(112deg,#e6f0f3 0 54%,#1258a6 54% 100%);padding:88px 0 76px;border-bottom:9px solid var(--moc-saffron)}
.moc__hero:before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(45deg,transparent 43%,#1258a6 43% 47%,transparent 47%),linear-gradient(-45deg,transparent 43%,#0e7c7b 43% 47%,transparent 47%);background-size:44px 44px;pointer-events:none}
.moc__hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);gap:clamp(40px,7vw,90px);align-items:center}
.moc__hero-copy{padding-inline-start:clamp(0px,4vw,48px)}
.moc__hero .moc__eyebrow{color:#0c6766}
.moc__lead{max-width:720px;font-size:clamp(1.08rem,1.8vw,1.32rem);color:#29454e}
.moc__lead strong{color:var(--moc-blue)}
.moc__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px}
.moc__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:2px solid var(--moc-ink);border-radius:3px;background:var(--moc-ink);color:#fff!important;font:800 .95rem/1.2 Arial,Tahoma,sans-serif;text-decoration:none!important;box-shadow:6px 6px 0 var(--moc-saffron);transition:transform .18s ease,box-shadow .18s ease}
.moc__button:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--moc-saffron)}
.moc__text-link{font-weight:800}
.moc__mosaic{background:#fff;border:8px solid #fff;box-shadow:var(--moc-shadow);transform:rotate(-1.5deg);padding:18px;color:var(--moc-ink)}
.moc__mosaic>p{font:800 .78rem/1.2 Arial,Tahoma,sans-serif;letter-spacing:.06em;margin:0 0 14px}
.moc__mosaic-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:110px 92px;gap:5px;direction:ltr}
.moc__mosaic-grid span{display:flex;flex-direction:column;justify-content:flex-end;padding:12px;color:#fff;font:700 .82rem/1.25 Arial,Tahoma,sans-serif;direction:rtl}
.moc__mosaic-grid b{font-size:1.45rem}.moc__mosaic-grid .is-flight{grid-row:span 2;background:var(--moc-blue)}.moc__mosaic-grid .is-stay{background:var(--moc-teal)}.moc__mosaic-grid .is-food{background:#b5553b}.moc__mosaic-grid .is-ground{background:#54757f}.moc__mosaic-grid .is-fun{background:var(--moc-saffron);color:#2b2a20}.moc__mosaic-grid .is-buffer{display:none;background:#6e5170}
.moc__mosaic small{display:block;margin-top:14px;color:#52666d;line-height:1.5}
.moc__toc{position:sticky;top:0;z-index:20;background:#fffdf8f2;border-bottom:1px solid var(--moc-line);backdrop-filter:blur(10px)}
.moc__toc .moc__wrap{display:flex;gap:4px;overflow-x:auto;padding-block:9px;scrollbar-width:thin}
.moc__toc a{flex:0 0 auto;padding:8px 13px;color:var(--moc-ink);font:700 .8rem/1.2 Arial,Tahoma,sans-serif;text-decoration:none;border-inline-end:1px solid var(--moc-line)}
.moc__section{padding:clamp(64px,8vw,108px) 0;scroll-margin-top:72px}
.moc__section--rose{background:var(--moc-rose)}
.moc__section--ink{background:var(--moc-ink);color:#edf5f5}
.moc__section--ink h2,.moc__section--ink h3,.moc__section--ink p,.moc__section--ink li{color:#edf5f5}
.moc__section--ink .moc__kicker{color:#ffd16b}
.moc__heading{max-width:780px;margin-bottom:38px}
.moc__answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:34px 0}
.moc__answer-grid>div{padding:22px;border-top:5px solid var(--moc-blue);background:#f2f7f8}
.moc__answer-grid span,.moc__answer-grid small{display:block;color:var(--moc-muted);font:700 .76rem/1.45 Arial,Tahoma,sans-serif}
.moc__answer-grid strong{display:block;color:var(--moc-ink);font-size:1.28rem;margin:6px 0}
.moc__notice{padding:20px 24px;border-right:6px solid var(--moc-saffron);background:#fff7d8}
.moc__assumptions{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cfbdb5;border:1px solid #cfbdb5}
.moc__assumptions>div{background:#fffaf5;padding:22px;min-height:164px}
.moc__assumptions strong{display:block;color:var(--moc-blue);font:800 .82rem/1.2 Arial,Tahoma,sans-serif;margin-bottom:10px}
.moc__assumptions p{font-size:.94rem;margin:0}
.moc__calculator{background:#eef5f5;border:1px solid #c5d7d8;padding:clamp(22px,4vw,46px);box-shadow:var(--moc-shadow)}
.moc__preset-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}
.moc__preset-row button{min-height:44px;border:1px solid var(--moc-ink);background:#fff;color:var(--moc-ink);padding:9px 14px;font-weight:800;cursor:pointer}
.moc__preset-row button:hover{background:var(--moc-ink);color:#fff}
.moc__calculator fieldset{border:0;border-top:1px solid #aac4c6;padding:20px 0 4px;margin:0 0 16px}
.moc__calculator legend{padding-inline:0 15px;color:var(--moc-blue);font:800 .92rem/1.2 Arial,Tahoma,sans-serif}
.moc__calc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.moc__calc-grid label{display:grid;gap:7px;color:#324e57;font:700 .77rem/1.4 Arial,Tahoma,sans-serif}
.moc__calc-grid input{width:100%;min-height:46px;border:1px solid #829fa4;background:#fff;color:#142d36;border-radius:2px;padding:8px 10px;font:700 1rem/1 Arial,Tahoma,sans-serif}
.moc__result{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:26px;background:var(--moc-ink);border:1px solid var(--moc-ink)}
.moc__result>div{padding:20px;background:#fff}
.moc__result .is-total{background:var(--moc-saffron)}
.moc__result span{display:block;color:#53656b;font:700 .75rem/1.2 Arial,Tahoma,sans-serif}
.moc__result output{display:block;color:var(--moc-ink);font:800 clamp(1.5rem,3vw,2.3rem)/1.2 Georgia,serif;margin-top:5px;outline:0}
.moc__result p{grid-column:1/-1;background:var(--moc-ink);color:#fff;margin:0;padding:12px 18px;font-size:.88rem}
.moc__allocation{display:flex;min-height:62px;margin-top:14px;overflow:hidden;border:4px solid #fff;background:#fff;direction:ltr}
.moc__allocation span{flex:var(--share,16) 1 0;display:grid;place-items:center;min-width:64px;padding:8px 5px;text-align:center;color:#fff;font:800 .7rem/1.2 Arial,Tahoma,sans-serif;direction:rtl;transition:flex .3s ease}
.moc__allocation span:nth-child(1){background:var(--moc-blue)}.moc__allocation span:nth-child(2){background:var(--moc-teal)}.moc__allocation span:nth-child(3){background:#b5553b}.moc__allocation span:nth-child(4){background:#54757f}.moc__allocation span:nth-child(5){background:#b97a05}.moc__allocation span:nth-child(6){background:#6e5170}
.moc__scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.moc__scenario-grid article{border:1px solid #53717c;padding:28px;background:#224956}
.moc__scenario-grid article.is-featured{background:#fff;color:var(--moc-text);transform:translateY(-12px);box-shadow:10px 10px 0 var(--moc-saffron)}
.moc__scenario-grid article.is-featured h3,.moc__scenario-grid article.is-featured p{color:var(--moc-ink)}
.moc__scenario-grid span{display:inline-block;color:#ffd16b;font:800 .75rem/1.2 Arial,Tahoma,sans-serif;margin-bottom:14px}
.moc__scenario-grid .is-featured span{color:var(--moc-blue)}
.moc__scenario-grid h3{font-size:1.3rem;margin-top:0}
.moc__scenario-note{max-width:820px;margin:34px auto 0!important;padding:18px;border:1px dashed #78929a;text-align:center}
.moc__table-wrap{overflow:auto;background:#fff;border:1px solid #ccb9b0}
.moc table{width:100%;border-collapse:collapse;min-width:720px;color:var(--moc-text)}
.moc caption{text-align:right;padding:16px 18px;background:var(--moc-ink);color:#fff;font-weight:800}
.moc th,.moc td{text-align:right;vertical-align:top;padding:16px;border-bottom:1px solid #dfd4cf}
.moc thead th{background:#e2efef;color:var(--moc-ink)}
.moc tbody th{color:var(--moc-blue);width:16%}
.moc tbody tr:nth-child(even){background:#fff9f5}
.moc__stress{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0}
.moc__stress article{padding:24px;border:1px solid var(--moc-line)}
.moc__stress span{display:block;color:var(--moc-blue);font:800 1.7rem/1 Arial,Tahoma,sans-serif}
.moc__stress h3{margin-top:12px}.moc__stress p{font-size:.94rem;margin:0}
.moc__steps{padding:0;list-style:none;counter-reset:moc-step}
.moc__steps li{counter-increment:moc-step;position:relative;padding:16px 64px 16px 0;border-bottom:1px solid var(--moc-line)}
.moc__steps li:before{content:counter(moc-step,decimal-leading-zero);position:absolute;right:0;top:16px;color:var(--moc-saffron);font:800 1.15rem/1 Arial,Tahoma,sans-serif}
.moc__steps--light li{border-color:#4b6974}.moc__steps--light li:before{color:#ffd16b}
.moc__expert{margin:36px 0;padding:28px;border:2px solid var(--moc-teal);box-shadow:8px 8px 0 #d2ece9;background:#fff}
.moc__expert h3{margin-top:0}.moc__expert p{margin-bottom:0}
.moc__faq details{border-bottom:1px solid #cdbbb3;background:#fff}
.moc__faq summary{cursor:pointer;padding:18px 50px 18px 18px;position:relative;color:var(--moc-ink);font-weight:800;list-style:none}
.moc__faq summary::-webkit-details-marker{display:none}
.moc__faq summary:before{content:"+";position:absolute;right:18px;top:15px;color:var(--moc-blue);font:800 1.5rem/1 Arial,sans-serif}
.moc__faq details[open] summary:before{content:"−"}
.moc__faq details p{padding:0 50px 20px 20px;color:#465d65}
.moc__sources{padding:0;list-style:none;columns:2;column-gap:36px}
.moc__sources li{break-inside:avoid;margin-bottom:10px;padding-right:18px;position:relative}
.moc__sources li:before{content:"↗";position:absolute;right:0;color:var(--moc-teal)}
.moc__small{color:var(--moc-muted);font-size:.9rem}
.moc__cta{padding:clamp(62px,8vw,96px) 0;background:var(--moc-blue);border-top:10px solid var(--moc-saffron);color:#fff}
.moc__cta-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:center}
.moc__cta h2,.moc__cta p,.moc__cta a{color:#fff}.moc__cta .moc__kicker{color:#ffe092}
.moc__cta-actions{display:grid;gap:14px}.moc__cta-actions>a:not(.moc__button){font-weight:800;text-align:center}
.moc__button--light{background:#fff;border-color:#fff;color:var(--moc-blue)!important}
.moc__review{min-height:65vh;display:grid;align-items:center;padding:100px 0;background:#eaf2f3}.moc--review .moc__article h1{max-width:16ch}
@media(max-width:980px){.moc__hero{background:linear-gradient(155deg,#e6f0f3 0 67%,#1258a6 67%)}.moc__hero-grid{grid-template-columns:1fr}.moc__mosaic{max-width:600px}.moc__assumptions{grid-template-columns:repeat(2,1fr)}.moc__calc-grid{grid-template-columns:repeat(3,1fr)}.moc__cta-grid{grid-template-columns:1fr}.moc__cta-actions{max-width:420px}}
@media(max-width:720px){.moc{font-size:16px}.moc__wrap,.moc__narrow{width:min(100% - 28px,1160px)}.moc__hero{padding:60px 0 52px}.moc__hero-copy{padding:0}.moc__article h1{font-size:clamp(2.15rem,11vw,3.5rem)}.moc__mosaic{transform:none;padding:12px}.moc__mosaic-grid{grid-template-rows:88px 76px}.moc__section{padding:58px 0}.moc__answer-grid,.moc__scenario-grid,.moc__stress{grid-template-columns:1fr}.moc__scenario-grid article.is-featured{transform:none}.moc__assumptions{grid-template-columns:1fr}.moc__assumptions>div{min-height:auto}.moc__calc-grid{grid-template-columns:repeat(2,1fr)}.moc__result{grid-template-columns:1fr}.moc__result p{grid-column:auto}.moc__allocation{overflow-x:auto}.moc__allocation span{flex-basis:92px}.moc__sources{columns:1}}
@media(max-width:430px){.moc__calc-grid{grid-template-columns:1fr}.moc__mosaic-grid{grid-template-columns:1fr 1fr}.moc__mosaic-grid .is-flight{grid-row:span 1}.moc__mosaic-grid .is-buffer{display:flex}.moc__mosaic-grid{grid-template-rows:repeat(3,70px)}.moc__actions{align-items:stretch;flex-direction:column}.moc__button{width:100%}.moc__preset-row button{flex:1 1 45%}.moc__answer-grid>div{padding:18px}.moc th,.moc td{padding:13px}}
@media(prefers-reduced-motion:reduce){.moc *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.moc__button,.moc__preset-row button,.moc__notice,.moc__expert,.moc__scenario-grid article,.moc__allocation span{forced-color-adjust:auto;border:2px solid CanvasText}.moc__mosaic-grid span{border:1px solid CanvasText}}