@font-face{font-family:Cairo;src:url('journey-fonts/Cairo-Regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url('journey-fonts/Cairo-Bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--ink:#17243d;--muted:#506079;--surface:#fff;--canvas:#f6f8fc;--line:#dce3ee;--tint:#edf3ff;--brand:#2563eb;--accent:#1d4ed8;--shadow:0 18px 55px #17346212;--header:80px;color-scheme:light}.dark{--ink:#ecf1f9;--muted:#b4c1d5;--surface:#142037;--canvas:#0c1525;--line:#32425b;--tint:#1c3157;--accent:#93c5fd;--shadow:0 18px 55px #0003;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 22px)}body{margin:0;font-family:Cairo,Arial,sans-serif;background:var(--surface);color:var(--ink);line-height:1.85}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.55;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}svg{width:22px;height:22px;flex:none}img{max-width:100%;display:block}button,a,input,summary{touch-action:manipulation}button,a,input,summary{outline-offset:5px}:focus-visible{outline:3px solid var(--accent)}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;right:20px;z-index:40;padding:12px;background:var(--surface)}.skip-link:focus{top:15px}
.site-header{height:var(--header);background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:36px}.brand{flex:none}.header-nav{display:flex;gap:26px;margin-inline:auto;font-size:14px}.header-nav [aria-current]{color:var(--accent);font-weight:700}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);height:44px;width:44px;display:grid;place-items:center;border-radius:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:10px 22px;font-weight:700;font-size:14px;border:1px solid transparent;border-radius:8px;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--brand);color:#fff}.button-primary:hover{background:#1d4ed8}.button-outline{border-color:var(--line);background:var(--surface);color:var(--ink)}.button-outline:hover{background:var(--tint)}
.hero{display:grid;grid-template-columns:1fr 1.23fr;align-items:center;gap:65px;padding-block:76px 90px}.page-name{color:var(--accent);font-size:16px;font-weight:700;margin-bottom:17px}.hero h1{font-size:clamp(36px,3.6vw,52px);line-height:1.5;font-weight:700}.hero h1 span{color:var(--accent)}.hero-lead{font-size:18px;color:var(--muted);margin-top:21px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.text-link{font-size:14px;font-weight:700;display:inline-flex;gap:14px;align-items:center}.text-link:hover{color:var(--accent)}.hero-note{font-size:12px;color:var(--muted);margin-top:17px}.hero-visual{min-width:0;position:relative;padding:25px 0 0 25px}.hero-visual:before{content:'';position:absolute;top:0;left:0;width:83%;height:85%;background:var(--brand);border-radius:12px;z-index:0}.hero-image{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.hero-image img{width:100%;height:auto;aspect-ratio:1.74;object-fit:contain;background:#fff}.image-label{position:absolute;bottom:12px;left:12px;padding:5px 13px;background:#142440;color:#fff;font-size:12px;border-radius:5px}.hero-visual figcaption{position:relative;display:flex;justify-content:space-between;gap:12px;margin-top:19px;font-size:13px;color:var(--muted)}.hero-visual figcaption strong{color:var(--ink)}
.explore-section{background:var(--canvas);padding-block:36px 38px;border-block:1px solid var(--line)}.explore-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.explore-heading h2{font-size:28px}.explore-heading p{font-size:14px;color:var(--muted);margin-top:5px}.search-field{width:280px}.search-field input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 16px;background:var(--surface);color:var(--ink);min-height:46px;font-size:14px}.search-field input::placeholder{color:var(--muted)}.category-filters{display:flex;gap:22px;flex-wrap:wrap;margin-top:23px;margin-bottom:16px}.category-filters button{font-size:12px;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;padding:5px 0;min-height:35px}.category-filters [aria-pressed=true]{border-color:var(--accent);color:var(--accent);font-weight:700}.journey-catalog{display:flex;flex-wrap:wrap;gap:9px}.journey-choice{display:flex;align-items:center;gap:12px;min-height:44px;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:8px 15px;font-size:13px;transition:background .16s,border-color .16s}.journey-choice svg{width:18px;height:18px;color:var(--muted)}.journey-choice:hover{background:var(--tint);border-color:var(--accent)}.journey-choice[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.journey-choice[aria-pressed=true] svg{color:#fff}.empty-state{padding-block:20px}.empty-state button{margin-top:14px}
.journey-section{padding-block:68px 55px;scroll-margin-top:15px}.journey-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}.journey-heading>div{max-width:900px}.journey-name{color:var(--accent);font-weight:700;font-size:15px;margin-bottom:10px}.journey-heading h2{font-size:clamp(26px,2.7vw,38px)}.journey-intro{font-size:15px;color:var(--muted);max-width:770px;margin-top:13px}.share-button{flex:none;margin-top:10px;border:none;background:none;color:var(--muted);font-size:12px;padding:7px;min-height:44px}.share-button:hover{color:var(--accent)}.share-status:empty{display:none}.share-status{font-size:12px;margin-top:15px;color:var(--accent)}#shareFallback input{width:100%;margin-top:8px;padding:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.phase-nav{margin-top:32px;border-block:1px solid var(--line)}.phase-nav ol{display:flex;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:4px;min-width:0}.phase-nav li{flex:none}.step-button{display:flex;align-items:center;gap:9px;min-height:63px;border:none;border-bottom:3px solid transparent;padding:12px 14px;background:none;color:var(--muted);white-space:nowrap;font-size:13px}.step-button[aria-current]{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.step-index{font-size:12px;opacity:.9}.step-button:hover{background:var(--canvas)}.showcase{display:grid;grid-template-columns:minmax(260px, .72fr) minmax(0,1.5fr);gap:48px;align-items:start;margin-top:37px}.step-detail{padding-top:14px}.phase-counter{color:var(--muted);font-size:12px;margin-bottom:17px}.step-detail h3{font-size:28px;line-height:1.7;scroll-margin-top:110px}.step-description{font-size:15px;color:var(--muted);line-height:2;margin-top:19px}.step-pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:23px;margin-top:32px;gap:15px}.step-pagination button{min-height:44px;padding:7px 14px;font-size:13px}.phase-next{color:var(--accent);font-weight:700;background:none;border:none;display:flex;align-items:center;gap:18px}.phase-prev{color:var(--muted);background:none;border:none}.step-cta{display:inline-flex;margin-top:26px;font-size:13px;color:var(--accent);font-weight:700;gap:20px}.product-visual{min-width:0}.screen-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--canvas);border:1px solid var(--line);border-bottom:0;padding:9px 13px;font-size:12px;border-radius:9px 9px 0 0}.screen-bar>span{font-weight:700}.screen-bar button{border:none;background:none;color:var(--accent);font-size:12px;padding:5px;min-height:34px}.screen-image-button{display:block;width:100%;padding:0;background:#fff;border:1px solid var(--line);border-radius:0 0 9px 9px;overflow:hidden;box-shadow:var(--shadow)}#currentScreen{width:100%;height:clamp(260px,29vw,410px);object-fit:contain;background:#fff}.product-visual figcaption{font-size:11px;color:var(--muted);margin-top:12px}.screen-gallery{display:flex;gap:8px;margin-top:14px;overflow-x:auto;padding:3px 1px 9px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.screen-thumb{min-width:95px;width:calc(25% - 6px);max-width:165px;flex:none;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:5px;text-align:right;color:var(--muted)}.screen-thumb img{height:53px;width:100%;object-fit:contain;background:#fff;border-radius:3px}.screen-thumb span{display:block;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-thumb[aria-pressed=true]{border:2px solid var(--accent);padding:4px;color:var(--accent)}.screen-thumb:hover{background:var(--tint)}
.journey-benefits{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;border-block:1px solid var(--line);margin-top:41px;padding:21px 0}.journey-benefits span{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:700}.journey-benefits svg{width:18px;height:18px;color:var(--accent)}.full-journey{margin-top:24px}.full-journey summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;list-style:none;min-height:48px}.full-journey summary::-webkit-details-marker{display:none}.full-journey summary span{font-size:25px;color:var(--muted)}.full-journey[open] summary span{transform:rotate(45deg)}.full-journey ol{list-style:none;margin:12px 0 25px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.full-journey li{padding:20px 0;border-bottom:1px solid var(--line)}.full-journey li h3{font-size:17px}.full-journey li p{font-size:13px;color:var(--muted);margin-top:9px}.full-journey li a{color:var(--accent)}.availability-note{color:var(--muted);font-size:11px;margin-top:24px}.closing-section{background:#153b83;color:#fff;padding-block:45px}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.closing-inner h2{font-size:30px}.closing-inner p{color:#d9e6ff;font-size:14px;margin-top:8px}.closing-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button-white{background:#fff;color:#153b83}.closing-contact{color:#fff;font-size:13px}.site-footer{padding-block:30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer p,.site-footer nav{color:var(--muted);font-size:12px}.site-footer nav{display:flex;gap:25px}
dialog{width:min(1400px,96vw);max-height:92vh;padding:20px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px}dialog::backdrop{background:#08152dd4}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.dialog-heading h2{font-size:18px}#closeScreen{font-size:28px}#largeScreen{max-height:calc(90vh - 135px);width:100%;object-fit:contain;background:#fff}dialog p{font-size:12px;color:var(--muted);margin-top:10px}
@media(min-width:1600px){.hero{padding-block:90px 100px}.hero h1{font-size:56px}}@media(max-width:1100px){.container{width:calc(100% - 56px)}.header-nav{gap:17px}.hero{gap:30px}.hero-actions{gap:18px}.showcase{gap:30px}.hero-visual figcaption{flex-direction:column;gap:0}.hero h1{font-size:42px}}
@media(max-width:800px){:root{--header:72px}.container{width:calc(100% - 36px)}.header-inner{gap:18px}.header-nav{display:none}.header-actions{margin-inline-start:auto}.hero{grid-template-columns:1fr;gap:32px;padding-block:42px 50px}.hero-copy{text-align:center}.hero h1{font-size:clamp(35px,7vw,48px)}.hero-lead{font-size:16px;margin-top:16px}.hero-actions{justify-content:center;margin-top:23px}.hero-note{margin-top:13px}.hero-visual{width:min(640px,100%);margin:auto;padding:17px 0 0 17px}.hero-image img{aspect-ratio:1.85}.hero-visual figcaption{flex-direction:row;font-size:12px}.explore-heading h2{font-size:25px}.explore-heading p{font-size:13px}.search-field{width:220px}.journey-section{padding-block:42px}.journey-heading h2{font-size:29px}.journey-intro{font-size:14px}.journey-heading{gap:14px}.share-button{font-size:11px}.showcase{grid-template-columns:1fr;gap:24px;margin-top:24px}.step-detail{padding-top:0;display:flex;flex-direction:column}.step-detail h3{font-size:25px}.phase-counter{margin-bottom:8px}.step-description{margin-top:11px;max-width:65ch}.step-pagination{margin-top:20px;padding-top:14px}.step-cta{display:none}#currentScreen{height:clamp(220px,49vw,410px)}.journey-benefits{margin-top:28px;gap:13px}.journey-benefits span{font-size:12px}.closing-inner{flex-direction:column;align-items:flex-start;gap:24px}.closing-inner h2{font-size:27px}.site-footer{flex-wrap:wrap}.site-footer p{display:none}}
@media(max-width:520px){.brand img{width:116px;height:auto}.header-actions{gap:8px}.header-actions .button{font-size:12px;padding:7px 12px;min-height:42px}.icon-button{height:42px;width:42px}.hero{padding-top:33px}.page-name{font-size:14px;margin-bottom:13px}.hero-lead{font-size:15px}.hero-actions{gap:20px}.hero-actions .button{font-size:13px;padding:10px 17px}.text-link{font-size:12px}.hero-visual figcaption{font-size:10px}.image-label{font-size:10px;padding:3px 8px;bottom:8px;left:8px}.explore-section{padding-block:28px}.explore-heading{align-items:stretch;flex-direction:column;gap:15px}.search-field{width:100%}.category-filters{gap:18px;margin-top:16px}.category-filters button{font-size:11px}.journey-choice{font-size:12px;padding:7px 11px;gap:8px;min-height:43px}.journey-choice svg{width:16px;height:16px}.journey-catalog{gap:7px}.journey-heading{display:block;position:relative}.journey-name{padding-inline-end:120px;font-size:13px}.share-button{position:absolute;top:-11px;left:0}.journey-heading h2{font-size:26px}.journey-intro{font-size:13px}.phase-nav{margin-top:22px}.step-button{font-size:12px;padding:10px;min-height:57px}.step-detail h3{font-size:23px}.step-description{font-size:14px}.screen-bar{font-size:11px;padding:7px 10px}.screen-bar button{font-size:11px}.screen-thumb{min-width:95px;width:105px}.journey-benefits{flex-direction:column}.journey-benefits span{font-size:13px}.full-journey ol{grid-template-columns:1fr}.closing-inner h2{font-size:24px}.closing-actions{gap:24px}.site-footer nav{gap:17px;width:100%;justify-content:space-between}dialog{padding:12px}.dialog-heading h2{font-size:14px}}
.mobile-activity{display:none}.dark .brand img,.dark .site-footer img{background:#fff;border-radius:5px;padding:4px}.screen-image-button.portrait{width:min(280px,100%);margin-inline:auto;border-radius:9px;margin-top:18px}.screen-image-button.portrait img{height:510px}.portrait+#currentScreen{object-fit:contain}
@media(max-width:520px){.journey-catalog{display:none}.mobile-activity{display:block;color:var(--muted);font-size:12px;margin-top:14px}.mobile-activity select{display:block;width:100%;min-height:49px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--ink);font:inherit;font-size:14px;margin-top:7px}.category-filters{gap:15px}.explore-heading{gap:12px}.hero-visual figcaption{font-size:11px}.hero-visual figcaption strong{max-width:60%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.has-tour .phase-nav,.has-tour .showcase{display:none}.journey-tour{margin-top:28px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.journey-tour iframe{display:block;width:100%;height:1150px;border:0;background:#fff}
@media print{.journey-tour,.site-header,.hero,.explore-section,.phase-nav,.showcase,.journey-benefits,.closing-section,.site-footer,.share-button,.share-status,#shareFallback,.full-journey summary,#printJourney,dialog{display:none!important}:root,.dark{--ink:#17243d;--muted:#506079;--surface:#fff;--line:#dce3ee}body{background:#fff;color:var(--ink);font-size:12px}.container{width:100%}.journey-section{padding:0}.journey-heading h2{font-size:26px}.full-journey{display:block!important}.full-journey ol{display:block!important;margin:0}.full-journey li{break-inside:avoid}.full-journey li h3{font-size:15px}.full-journey li p{font-size:12px}.availability-note{font-size:10px}@page{size:A4;margin:17mm}}
.screen-image-button.wide #currentScreen{height:auto;min-height:200px;object-fit:contain}
.dark .journey-tour,.dark .journey-tour iframe{background:#0c1525;border-color:var(--line)}