:root{--nzi-ink:#173b36;--nzi-asphalt:#102f2c;--nzi-paper:#edf2e4;--nzi-fog:#dce7df;--nzi-white:#fbfdf8;--nzi-lake:#277b98;--nzi-road:#f4cd52;--nzi-volcano:#b94b36;--nzi-line:rgba(23,59,54,.2)}
.nzi{background:var(--nzi-white);color:var(--nzi-ink);font:18px/1.85 "Tajawal",sans-serif;overflow:hidden}.nzi *{box-sizing:border-box}.nzi a{color:inherit;text-underline-offset:4px}.nzi h1,.nzi h2,.nzi h3,.nzi h4,.nzi p{margin-top:0}.nzi h1,.nzi h2,.nzi h3,.nzi h4{font-family:"Reem Kufi",sans-serif;line-height:1.3}.nzi h1{font-size:clamp(2.8rem,6.7vw,6.9rem);line-height:1.08;letter-spacing:-.055em;max-width:12ch;margin:.3em 0}.nzi h2{font-size:clamp(2rem,4.3vw,4.2rem);letter-spacing:-.04em;max-width:17ch;margin:.15em 0 .45em}.nzi h3{font-size:1.4rem}.nzi-shell{width:min(1180px,calc(100% - 40px));margin:auto}.nzi-section{padding:96px 0}.nzi-section--map{background-color:var(--nzi-paper);background-image:linear-gradient(rgba(23,59,54,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,59,54,.05) 1px,transparent 1px);background-size:35px 35px}.nzi-section--paper{background:var(--nzi-paper)}.nzi-kicker,.nzi-eyebrow,.nzi-pass-head,.nzi-logic-grid span,.nzi-compare article>span,.nzi-variants b,.nzi-source-grid span,.nzi-route-summary>span,.nzi-road-card>span{font:600 .72rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.07em}.nzi-eyebrow{color:var(--nzi-volcano);margin:0 0 10px}.nzi-wide{max-width:850px}
.nzi-hero{position:relative;background:linear-gradient(122deg,#dce8d8 0 59%,#c7dedb 59%);padding:44px 0 85px}.nzi-fold{position:absolute;inset:0;background:linear-gradient(63deg,transparent 49.8%,rgba(255,255,255,.55) 50%,transparent 50.2%),linear-gradient(116deg,transparent 69.8%,rgba(23,59,54,.08) 70%,transparent 70.2%);pointer-events:none}.nzi-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:65px;align-items:center;position:relative}.nzi-crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:.82rem}.nzi-lead{font-size:clamp(1.15rem,2vw,1.45rem);max-width:760px}.nzi-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 15px}.nzi-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 22px;border:2px solid var(--nzi-ink);border-radius:4px;text-decoration:none;font-weight:800;transition:.2s}.nzi-btn:hover{transform:translateY(-2px)}.nzi-btn--road{background:var(--nzi-road);box-shadow:5px 5px 0 var(--nzi-ink)}.nzi-btn--outline{background:transparent}.nzi-hero small{display:block;max-width:720px}.nzi-pass{background:var(--nzi-white);border:2px solid var(--nzi-ink);box-shadow:13px 15px 0 var(--nzi-lake);padding:25px;transform:rotate(-1.5deg);position:relative}.nzi-pass:before,.nzi-pass:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--nzi-ink);border-radius:50%;background:#c7dedb;top:53%}.nzi-pass:before{right:-12px}.nzi-pass:after{left:-12px}.nzi-pass-head{display:flex;justify-content:space-between;border-bottom:2px dashed var(--nzi-line);padding-bottom:15px}.nzi-pass-head b{font-size:1.05rem}.nzi-pass-route{position:relative;padding:25px 0}.nzi-pass-route i{position:absolute;right:7px;top:32px;bottom:32px;width:3px;background:var(--nzi-road)}.nzi-pass-route ol{list-style:none;margin:0;padding:0 25px 0 0}.nzi-pass-route li{position:relative;padding:6px 0;font-weight:700}.nzi-pass-route li:before{content:"";position:absolute;right:-24px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--nzi-ink);border:2px solid var(--nzi-white)}.nzi-pass-route em{font:500 .6rem "IBM Plex Mono",monospace;background:var(--nzi-road);padding:2px 5px}.nzi-pass dl{display:grid;gap:4px}.nzi-pass dl div{display:flex;justify-content:space-between;border-top:1px solid var(--nzi-line);padding:7px 0}.nzi-pass dd{margin:0;font-weight:700}.nzi-pass-cut{border-top:2px dashed var(--nzi-line);padding-top:15px;text-align:center;font:600 .62rem "IBM Plex Mono",monospace}
.nzi-jump{background:var(--nzi-asphalt);color:white;position:sticky;top:0;z-index:20}.nzi-jump .nzi-shell{display:flex;overflow:auto}.nzi-jump a{padding:15px 18px;text-decoration:none;white-space:nowrap;border-inline-end:1px solid rgba(255,255,255,.15);font-weight:700}.nzi-jump a:hover{background:var(--nzi-lake)}.nzi-answer{display:grid;grid-template-columns:1.5fr .5fr;gap:70px}.nzi-answer p{max-width:800px}.nzi-no-list{background:var(--nzi-road);border:2px solid var(--nzi-ink);padding:28px;box-shadow:8px 8px 0 var(--nzi-ink);align-self:start}.nzi-no-list>span{font:600 .72rem "IBM Plex Mono",monospace}.nzi-no-list ul{padding-right:22px}.nzi-no-list p{border-top:1px solid;padding-top:15px;margin:0;font-weight:700}
.nzi-builder-head{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.nzi-route-toggle{display:flex;gap:12px}.nzi-route-toggle button{min-width:160px;background:var(--nzi-white);color:var(--nzi-ink);border:2px solid var(--nzi-ink);padding:12px;cursor:pointer;font-family:"Tajawal",sans-serif}.nzi-route-toggle b,.nzi-route-toggle span{display:block}.nzi-route-toggle b{font:600 2.2rem "IBM Plex Mono",monospace}.nzi-route-toggle button.is-active{background:var(--nzi-road);box-shadow:5px 5px 0 var(--nzi-ink)}.nzi-route-summary{display:grid;grid-template-columns:.35fr .8fr 1fr;gap:20px;align-items:center;background:var(--nzi-asphalt);color:white;padding:25px;margin:38px 0;border-radius:4px}.nzi-route-summary>span{color:var(--nzi-road)}.nzi-route-summary h3,.nzi-route-summary p{margin:0}.nzi-timeline{list-style:none;margin:0;padding:0;position:relative}.nzi-timeline:before{content:"";position:absolute;right:49px;top:0;bottom:0;width:5px;background:repeating-linear-gradient(to bottom,var(--nzi-road) 0 18px,transparent 18px 28px)}.nzi-timeline li{display:grid;grid-template-columns:100px 1fr;gap:25px;position:relative;margin-bottom:18px}.nzi-timeline li[hidden]{display:none}.nzi-day-mark{position:relative;z-index:1;background:var(--nzi-paper);border:2px solid var(--nzi-ink);width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nzi-day-mark span{font:600 .55rem "IBM Plex Mono",monospace}.nzi-day-mark b{font:600 1.6rem "IBM Plex Mono",monospace}.nzi-timeline article{background:var(--nzi-white);border:1px solid var(--nzi-line);padding:25px 28px;box-shadow:5px 5px 0 rgba(23,59,54,.11)}.nzi-timeline article header{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border-bottom:1px solid var(--nzi-line);padding-bottom:12px}.nzi-timeline article header>span{font:600 .65rem "IBM Plex Mono",monospace;background:var(--nzi-lake);color:white;padding:5px 8px}.nzi-timeline article header h3,.nzi-timeline article h4,.nzi-timeline article p{margin:0}.nzi-timeline article header>b{font-size:.78rem}.nzi-timeline article h4{font-size:1.15rem;color:var(--nzi-volcano);margin:15px 0 5px}
.nzi-logic-grid,.nzi-variants,.nzi-boundaries{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:35px}.nzi-logic-grid article,.nzi-variants article,.nzi-boundaries article{padding:28px;border:1px solid var(--nzi-line);background:white}.nzi-logic-grid article:nth-child(2),.nzi-logic-grid article:nth-child(3){background:var(--nzi-paper)}.nzi-logic-grid span,.nzi-variants b{color:var(--nzi-lake)}.nzi-route-rule{display:flex;align-items:center;justify-content:center;gap:20px;background:var(--nzi-road);padding:20px;margin-top:25px;border:2px solid var(--nzi-ink)}.nzi-route-rule i{font-style:normal;font-size:1.5rem}.nzi-stays{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.nzi-stays article{background:var(--nzi-white);border:1px solid var(--nzi-line);padding:25px}.nzi-stays article:nth-child(5){border:2px dashed var(--nzi-lake)}.nzi-stays span{font:600 .67rem "IBM Plex Mono",monospace;color:var(--nzi-volcano)}
.nzi-section--asphalt{background:var(--nzi-asphalt);color:white}.nzi-section--asphalt .nzi-eyebrow{color:var(--nzi-road)}.nzi-driving{display:grid;grid-template-columns:1.3fr .7fr;gap:60px}.nzi-road-card{background:var(--nzi-white);color:var(--nzi-ink);padding:30px;border:2px solid var(--nzi-road);box-shadow:10px 10px 0 var(--nzi-lake);align-self:center}.nzi-road-card>span{color:var(--nzi-volcano)}.nzi-road-card dl div{border-top:1px solid var(--nzi-line);padding:10px 0}.nzi-road-card dd{margin:0;font-weight:700}.nzi-road-card a{font-weight:800}.nzi-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.nzi-compare article{border:2px solid var(--nzi-ink);padding:30px}.nzi-compare .is-route{background:var(--nzi-road);box-shadow:8px 8px 0 var(--nzi-ink)}.nzi-compare article>span{color:var(--nzi-volcano)}.nzi-compare ul{padding-right:22px}.nzi-note{margin-top:25px;border-inline-start:5px solid var(--nzi-lake);padding:15px 20px;background:var(--nzi-paper)}.nzi-variants{grid-template-columns:repeat(4,1fr)}.nzi-variants article{border-top:5px solid var(--nzi-lake)}
.nzi-booking{list-style:none;margin:35px 0 0;padding:0;counter-reset:none}.nzi-booking li{display:grid;grid-template-columns:100px 1fr;gap:28px;border-top:1px solid var(--nzi-line);padding:25px 0}.nzi-booking li>span{font:600 2.2rem "IBM Plex Mono",monospace;color:var(--nzi-lake)}.nzi-booking h3,.nzi-booking p{margin:0}.nzi-section--mistakes{background:var(--nzi-fog)}.nzi-mistakes{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.nzi-mistakes article{background:var(--nzi-white);padding:25px;border-top:5px solid var(--nzi-volcano)}.nzi-mistakes article>b{font:600 1.6rem "IBM Plex Mono",monospace;color:var(--nzi-lake)}.nzi-section--volcano{background:var(--nzi-volcano);color:white}.nzi-section--volcano .nzi-eyebrow{color:var(--nzi-road)}.nzi-failure{display:grid;grid-template-columns:1.25fr .75fr;gap:60px}.nzi-failure ul{list-style:none;margin:0;padding:0}.nzi-failure li{border-top:1px solid rgba(255,255,255,.35);padding:14px 0}.nzi-failure b{color:var(--nzi-road)}.nzi-boundaries article{background:var(--nzi-paper)}
.nzi-section--faq{background:var(--nzi-fog)}.nzi-faq-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:70px}.nzi-faqs details{border-top:1px solid var(--nzi-line);padding:18px 0}.nzi-faqs summary{font:700 1.05rem "Reem Kufi",sans-serif;cursor:pointer}.nzi-faqs p{margin:14px 0 0}.nzi-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.nzi-source-grid a{display:flex;flex-direction:column;gap:8px;background:var(--nzi-paper);border:1px solid var(--nzi-line);padding:20px;text-decoration:none}.nzi-source-grid span{color:var(--nzi-volcano)}.nzi-source-grid a:hover{background:var(--nzi-fog)}.nzi-final{background:var(--nzi-asphalt);color:white;padding:78px 0}.nzi-final-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:center}.nzi-final h2,.nzi-final .nzi-kicker{color:var(--nzi-road)}.nzi-final .nzi-actions{justify-content:flex-end}.nzi-final .nzi-btn--outline{border-color:white}.nzi-review{min-height:65vh;background:#edf2e4;color:#173b36;padding:100px 25px;font:18px/1.7 system-ui}.nzi-review>div{max-width:780px;margin:auto}.nzi-review h1{font-size:3rem}.nzi-review a{display:inline-block;background:#f4cd52;border:2px solid #173b36;padding:12px 20px;color:#173b36;font-weight:700}
.nzi :where(a,button,summary):focus-visible{outline:4px solid var(--nzi-volcano)!important;outline-offset:4px!important}
@media(max-width:900px){.nzi-hero-grid,.nzi-answer,.nzi-driving,.nzi-failure,.nzi-faq-grid,.nzi-final-grid{grid-template-columns:1fr}.nzi-pass{max-width:430px;margin:auto}.nzi-builder-head{grid-template-columns:1fr}.nzi-route-summary{grid-template-columns:1fr}.nzi-variants,.nzi-mistakes{grid-template-columns:repeat(2,1fr)}.nzi-stays{grid-template-columns:repeat(2,1fr)}.nzi-source-grid{grid-template-columns:1fr}.nzi-final .nzi-actions{justify-content:flex-start}}
@media(max-width:600px){.nzi{font-size:16px}.nzi-shell{width:min(100% - 28px,1180px)}.nzi-section{padding:68px 0}.nzi-hero{padding-top:25px}.nzi-hero-grid{gap:40px}.nzi h1{font-size:2.45rem}.nzi h2{font-size:2rem}.nzi-pass{transform:none;box-shadow:8px 8px 0 var(--nzi-lake)}.nzi-route-toggle{display:grid;grid-template-columns:1fr 1fr}.nzi-route-toggle button{min-width:0}.nzi-timeline:before{right:27px}.nzi-timeline li{grid-template-columns:58px 1fr;gap:12px}.nzi-day-mark{width:56px;height:56px}.nzi-day-mark b{font-size:1rem}.nzi-timeline article{padding:18px}.nzi-timeline article header{grid-template-columns:1fr}.nzi-logic-grid,.nzi-variants,.nzi-boundaries,.nzi-compare,.nzi-stays,.nzi-mistakes{grid-template-columns:1fr}.nzi-route-rule{flex-direction:column;gap:7px;text-align:center}.nzi-route-rule i{transform:rotate(90deg)}.nzi-booking li{grid-template-columns:55px 1fr;gap:12px}.nzi-booking li>span{font-size:1.4rem}.nzi-source-grid{grid-template-columns:1fr}.nzi-final .nzi-actions{flex-direction:column}.nzi-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.nzi *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.nzi-btn,.nzi-route-toggle button,.nzi-timeline article,.nzi-logic-grid article,.nzi-variants article,.nzi-boundaries article,.nzi-compare article,.nzi-source-grid a{border:2px solid CanvasText}.nzi-route-toggle button.is-active{outline:4px solid Highlight}.nzi :where(a,button,summary):focus-visible{outline-color:Highlight!important}}