:root{--nzs-ink:#102f3b;--nzs-ocean:#0c5064;--nzs-deep:#073746;--nzs-ice:#dff3f3;--nzs-mist:#eef7f5;--nzs-snow:#f8fcfb;--nzs-moss:#2d6f5a;--nzs-sun:#f3c64f;--nzs-coral:#e96d55;--nzs-line:rgba(16,47,59,.18)}
.nzs{background:var(--nzs-snow);color:var(--nzs-ink);font-family:"Tajawal",sans-serif;font-size:18px;line-height:1.85;overflow:hidden}.nzs *{box-sizing:border-box}.nzs a{color:inherit;text-underline-offset:4px}.nzs h1,.nzs h2,.nzs h3,.nzs p{margin-top:0}.nzs h1,.nzs h2,.nzs h3{font-family:"Changa",sans-serif;line-height:1.28}.nzs h1{font-size:clamp(2.8rem,6.4vw,6.6rem);letter-spacing:-.055em;margin:.35em 0 .25em;max-width:12ch}.nzs h2{font-size:clamp(2rem,4.4vw,4rem);letter-spacing:-.035em;margin:.1em 0 .45em;max-width:18ch}.nzs h3{font-size:1.35rem}.nzs-shell{width:min(1180px,calc(100% - 40px));margin:auto}.nzs-kicker,.nzs-eyebrow,.nzs-region-grid span,.nzs-purpose b,.nzs-pack span,.nzs-demand-grid span,.nzs-source-grid span,.nzs-observatory>p,.nzs-fit-ticket>span,.nzs-story aside>span{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.08em;font-weight:600}.nzs-eyebrow{color:var(--nzs-coral);margin:0 0 10px}.nzs-section{padding:96px 0}.nzs-wide{max-width:850px}.nzs-section--ice{background:linear-gradient(145deg,#d9f2f3,#eef9f7)}.nzs-section--mist{background:var(--nzs-mist)}
.nzs-hero{position:relative;background:radial-gradient(circle at 15% 20%,rgba(243,198,79,.23),transparent 24%),linear-gradient(135deg,#e8f6f3,#cce9e9 66%,#b9dcdf);padding:44px 0 70px}.nzs-hero:after{content:"";position:absolute;inset:auto -5% -80px; height:150px;background:var(--nzs-snow);clip-path:polygon(0 55%,20% 20%,38% 58%,53% 12%,69% 60%,82% 28%,100% 52%,100% 100%,0 100%)}.nzs-hero__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:70px;align-items:center;position:relative;z-index:1}.nzs-crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:.82rem}.nzs-lead{font-size:clamp(1.15rem,2vw,1.45rem);max-width:760px}.nzs-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.nzs-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:10px 22px;border:2px solid var(--nzs-ink);border-radius:999px;text-decoration:none;font-weight:800;transition:.2s}.nzs-btn:hover{transform:translateY(-2px)}.nzs-btn--sun{background:var(--nzs-sun);box-shadow:5px 5px 0 var(--nzs-ink)}.nzs-btn--line{background:transparent}.nzs-micro{font-size:.82rem;max-width:700px}.nzs-observatory{position:relative;background:var(--nzs-deep);color:white;border-radius:50% 50% 44% 44%/38% 38% 60% 60%;padding:62px 38px 48px;text-align:center;box-shadow:18px 22px 0 rgba(12,80,100,.15);min-height:520px;display:flex;flex-direction:column;justify-content:center}.nzs-observatory strong{font-family:"IBM Plex Mono",monospace;font-size:3.9rem;line-height:.8;color:var(--nzs-sun)}.nzs-observatory strong span{font-size:1.5rem}.nzs-observatory dl{margin:30px 0 18px;display:grid;gap:5px}.nzs-observatory dl div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22);padding:7px}.nzs-observatory dt{color:#bcdadd}.nzs-observatory dd{margin:0}.nzs-orbit{position:absolute;inset:17px;border:1px solid rgba(255,255,255,.25);border-radius:50%}.nzs-orbit i{position:absolute;width:10px;height:10px;background:var(--nzs-sun);border-radius:50%}.nzs-orbit i:nth-child(1){top:8%;left:25%}.nzs-orbit i:nth-child(2){top:50%;right:-5px}.nzs-orbit i:nth-child(3){bottom:5%;left:38%}
.nzs-jump{background:var(--nzs-deep);color:white;position:sticky;top:0;z-index:20}.nzs-jump .nzs-shell{display:flex;overflow:auto}.nzs-jump a{padding:15px 18px;text-decoration:none;white-space:nowrap;border-inline-end:1px solid rgba(255,255,255,.14);font-weight:700}.nzs-jump a:hover{background:var(--nzs-ocean)}.nzs-answer{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.55fr);gap:70px}.nzs-answer p{max-width:780px}.nzs-rule{background:var(--nzs-sun);padding:30px;border:2px solid var(--nzs-ink);box-shadow:10px 10px 0 var(--nzs-ink);align-self:start}.nzs-rule>span{font-family:"IBM Plex Mono",monospace;font-size:.75rem}.nzs-rule ol{padding-right:24px}.nzs-rule p{font-size:.9rem;border-top:1px solid;padding-top:15px}
.nzs-month-ui{display:grid;grid-template-columns:1.35fr .65fr;gap:25px;margin-top:42px}.nzs-month-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nzs-month-buttons button,.nzs-fit-buttons button{font:700 1rem "Tajawal",sans-serif;color:var(--nzs-ink);background:rgba(255,255,255,.68);border:1px solid var(--nzs-line);border-radius:14px;padding:15px;cursor:pointer;min-height:68px}.nzs-month-buttons button span{display:block;font:600 .65rem "IBM Plex Mono",monospace;color:var(--nzs-ocean)}.nzs-month-buttons button.is-active{background:var(--nzs-sun);border-color:var(--nzs-ink);box-shadow:4px 4px 0 var(--nzs-ink)}.nzs-month-output{background:var(--nzs-deep);color:white;border-radius:24px;padding:32px;display:block;min-height:390px}.nzs-month-output>div>span{font:600 .72rem "IBM Plex Mono",monospace;color:var(--nzs-sun)}.nzs-month-output h3{font-size:2.5rem;margin:.15em 0}.nzs-month-output dl div,.nzs-fit-ticket dl div{border-top:1px solid rgba(255,255,255,.2);padding:10px 0}.nzs-month-output dt,.nzs-fit-ticket dt{color:#b9d9dc;font-size:.8rem}.nzs-month-output dd,.nzs-fit-ticket dd{margin:0;font-weight:700}.nzs-month-output>p{border-top:1px dashed rgba(255,255,255,.35);padding-top:18px;margin-bottom:0}.nzs-scale{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;margin-top:25px;font-size:.83rem}.nzs-scale i{height:8px;background:linear-gradient(90deg,var(--nzs-coral),var(--nzs-sun),var(--nzs-ocean));border-radius:5px}.nzs-scale b{grid-column:1/-1;text-align:center}
.nzs-region-grid,.nzs-purpose,.nzs-pack,.nzs-demand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px}.nzs-region-grid article,.nzs-purpose article,.nzs-pack article,.nzs-demand-grid article{border:1px solid var(--nzs-line);padding:28px;border-radius:20px;background:white}.nzs-region-grid article:nth-child(2),.nzs-region-grid article:nth-child(3){background:var(--nzs-mist)}.nzs-region-grid span,.nzs-purpose b,.nzs-pack span,.nzs-demand-grid span{color:var(--nzs-ocean)}.nzs-weather-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;background:var(--nzs-deep);color:white;border-radius:18px;overflow:hidden}.nzs-weather-line div{padding:22px;border-inline-end:1px solid rgba(255,255,255,.16)}.nzs-weather-line b,.nzs-weather-line span{display:block}.nzs-weather-line span{font-size:.83rem;color:#c6e1e1}
.nzs-section--ocean{background:linear-gradient(135deg,var(--nzs-ocean),var(--nzs-deep));color:white}.nzs-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.nzs-fit-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.nzs-fit-buttons button{background:rgba(255,255,255,.06);color:white;border-color:rgba(255,255,255,.28)}.nzs-fit-buttons button.is-active{background:var(--nzs-sun);color:var(--nzs-ink);border-color:var(--nzs-sun)}.nzs-fit-ticket{display:block;background:white;color:var(--nzs-ink);padding:38px;border-radius:12px 50px 12px 50px;box-shadow:14px 14px 0 var(--nzs-sun)}.nzs-fit-ticket>span{color:var(--nzs-coral)}.nzs-fit-ticket h3{font-size:2.7rem;margin:.3em 0}.nzs-fit-ticket dl div{border-color:var(--nzs-line)}.nzs-fit-ticket dt{color:var(--nzs-ocean)}
.nzs-story{display:grid;grid-template-columns:1.4fr .6fr;gap:60px}.nzs-story aside{background:var(--nzs-ice);padding:30px;border-radius:30px 8px}.nzs-story aside ul{padding-right:20px}.nzs-story aside a{font-weight:800}.nzs-demand-grid{grid-template-columns:repeat(3,1fr)}.nzs-demand-grid .is-pick{background:var(--nzs-sun);border:2px solid var(--nzs-ink);transform:translateY(-10px);box-shadow:7px 7px 0 var(--nzs-ink)}.nzs-compare{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--nzs-line);margin-top:38px;border-radius:18px;overflow:hidden}.nzs-compare h3{grid-column:1/-1;background:var(--nzs-deep);color:white;padding:18px 24px;margin:0}.nzs-compare div{padding:20px;border-inline-end:1px solid var(--nzs-line)}.nzs-compare b,.nzs-compare span{display:block}.nzs-compare span{font-size:.82rem}.nzs-boundary{margin:28px 0 0;border-inline-start:5px solid var(--nzs-coral);padding:10px 20px;background:white}.nzs-purpose{grid-template-columns:repeat(4,1fr)}.nzs-purpose article{border-top:5px solid var(--nzs-ocean)}
.nzs-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.nzs-scenarios article{padding:30px;background:var(--nzs-mist);border-radius:8px 30px;border:1px solid var(--nzs-line)}.nzs-scenarios span{font:600 .72rem "IBM Plex Mono",monospace;color:var(--nzs-coral)}.nzs-myths{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.nzs-myths article{background:white;padding:25px;border-top:5px solid var(--nzs-coral)}.nzs-myths b{font-family:"Changa",sans-serif;font-size:1.15rem}.nzs-myths p{font-size:.9rem;margin:.6em 0 0}
.nzs-section--dark{background:#092c37;color:white}.nzs-risk{display:grid;grid-template-columns:1.2fr .8fr;gap:60px}.nzs-risk ul{list-style:none;margin:0;padding:0}.nzs-risk li{border-top:1px solid rgba(255,255,255,.2);padding:14px 0}.nzs-risk li b{color:var(--nzs-sun)}.nzs-pack{grid-template-columns:repeat(4,1fr)}.nzs-section--faq{background:var(--nzs-ice)}.nzs-faq-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:70px}.nzs-faqs details{border-top:1px solid var(--nzs-line);padding:18px 0}.nzs-faqs summary{font-family:"Changa",sans-serif;font-weight:700;cursor:pointer}.nzs-faqs details p{padding:15px 0 0;margin:0}.nzs-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.nzs-source-grid a{display:flex;flex-direction:column;gap:8px;background:var(--nzs-mist);border:1px solid var(--nzs-line);border-radius:14px;padding:20px;text-decoration:none}.nzs-source-grid a:hover{background:var(--nzs-ice)}.nzs-source-grid span{color:var(--nzs-coral)}.nzs-final{background:var(--nzs-deep);color:white;padding:75px 0}.nzs-final-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:center}.nzs-final h2{color:var(--nzs-sun)}.nzs-final .nzs-actions{justify-content:flex-end}.nzs-final .nzs-btn--line{border-color:white}.nzs-review{min-height:65vh;background:#e8f6f3;padding:100px 25px;color:#102f3b;font:18px/1.7 system-ui}.nzs-review>div{max-width:780px;margin:auto}.nzs-review h1{font-size:3rem}.nzs-review a{display:inline-block;background:#f3c64f;border:2px solid #102f3b;padding:12px 20px;color:#102f3b;font-weight:700}
.nzs :where(a,button,summary):focus-visible{outline:4px solid var(--nzs-coral);outline-offset:4px}
@media(max-width:900px){.nzs-hero__grid,.nzs-answer,.nzs-fit-grid,.nzs-story,.nzs-risk,.nzs-faq-grid,.nzs-final-grid{grid-template-columns:1fr}.nzs-observatory{max-width:430px;margin:auto}.nzs-month-ui{grid-template-columns:1fr}.nzs-purpose,.nzs-pack,.nzs-myths{grid-template-columns:repeat(2,1fr)}.nzs-demand-grid,.nzs-source-grid,.nzs-scenarios{grid-template-columns:1fr}.nzs-demand-grid .is-pick{transform:none}.nzs-compare{grid-template-columns:repeat(2,1fr)}.nzs-weather-line{grid-template-columns:repeat(2,1fr)}.nzs-final .nzs-actions{justify-content:flex-start}}
@media(max-width:600px){.nzs{font-size:16px}.nzs-shell{width:min(100% - 28px,1180px)}.nzs-section{padding:68px 0}.nzs-hero{padding-top:25px}.nzs-hero__grid{gap:38px}.nzs h1{font-size:2.55rem}.nzs h2{font-size:2rem}.nzs-observatory{min-height:430px;padding:55px 25px}.nzs-observatory strong{font-size:3.2rem}.nzs-month-buttons{grid-template-columns:repeat(3,1fr)}.nzs-month-buttons button{padding:10px 4px}.nzs-region-grid,.nzs-purpose,.nzs-pack,.nzs-myths{grid-template-columns:1fr}.nzs-weather-line,.nzs-compare{grid-template-columns:1fr}.nzs-fit-buttons{grid-template-columns:1fr 1fr}.nzs-fit-ticket{padding:28px;box-shadow:8px 8px 0 var(--nzs-sun)}.nzs-source-grid{grid-template-columns:1fr}.nzs-final .nzs-actions{flex-direction:column}.nzs-btn{width:100%}.nzs-scale{grid-template-columns:1fr}.nzs-scale i,.nzs-scale b{grid-column:1}}
@media(prefers-reduced-motion:reduce){.nzs *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.nzs-btn,.nzs-month-buttons button,.nzs-fit-buttons button,.nzs-region-grid article,.nzs-purpose article,.nzs-pack article,.nzs-demand-grid article,.nzs-source-grid a{border:2px solid CanvasText}.nzs-month-buttons button.is-active,.nzs-fit-buttons button.is-active{outline:4px solid Highlight}.nzs :where(a,button,summary):focus-visible{outline:4px solid Highlight}}
