*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6fbfa;color:#12474c;font:16px/1.6 Arial,sans-serif}a{color:inherit}header{background:white;position:sticky;top:0;z-index:2;border-bottom:1px solid #dbeae8}.bar,.wrap,.hero-inner,.foot{max-width:1200px;margin:auto;padding:0 24px}.bar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{text-decoration:none;font-size:23px;font-weight:900;line-height:1}.logo b{color:#caa13c}.logo small{display:block;font-size:11px;letter-spacing:2px;margin-top:6px;color:#688b8a}nav{display:flex;gap:24px}nav a{text-decoration:none;font-weight:700;font-size:14px}nav a:hover,.card a:hover{color:#0b9d9d}.hero{background:linear-gradient(110deg,#086b73,#079c9d);color:white}.hero-inner{padding-top:74px;padding-bottom:78px;display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#b99131}.hero .eyebrow{color:#f3d684}h1{font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-.05em;margin:16px 0 24px}h2{font-size:clamp(30px,3vw,44px);line-height:1.18;letter-spacing:-.035em;margin:10px 0 20px}h3{font-size:21px;line-height:1.25;margin:10px 0}.lead{font-size:19px;max-width:590px;color:#e2f5f3}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;background:#07898a;color:white;text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:800}.hero .btn{background:white;color:#076e72}.btn.outline{background:transparent;border:1px solid #a6d9d6;color:inherit}.hero img{width:100%;aspect-ratio:1.16;object-fit:cover;border-radius:12px;box-shadow:20px 20px #f1c968}.wrap{padding-top:72px;padding-bottom:72px}.intro{max-width:680px;color:#5a777a}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:30px}.card{background:white;border:1px solid #d8e9e6;border-radius:11px;padding:25px;display:flex;flex-direction:column;min-height:230px}.card span{color:#b78d31;font-weight:900;font-size:13px;margin-bottom:18px}.card p,.muted{color:#567579}.card a{color:#078888;font-weight:800;text-decoration:none;margin-top:auto}.soft{background:#eaf5f3}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:12px}.note{background:white;border-left:4px solid #c8a34d;padding:17px 20px;margin:24px 0}.faq details{background:white;padding:16px 20px;border:1px solid #d8e9e6;border-radius:8px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.service-top{background:#eaf5f3}.service-top h1{color:#08636b}.service-top .lead{color:#527477}.crumb{font-size:14px;margin-bottom:24px;color:#5e8183}.related{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.related a{padding:10px 14px;background:white;border:1px solid #cde5e2;border-radius:8px;text-decoration:none;font-weight:700}footer{background:#083f48;color:#d4e8e8;padding:42px 0}.foot{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.foot p{max-width:530px;color:#b7d2d2;font-size:14px}.foot a{color:white}.mobile{display:none}@media(max-width:850px){.bar{flex-wrap:wrap;padding:15px 20px}nav{width:100%;overflow:auto;gap:17px;white-space:nowrap}.hero-inner,.split{grid-template-columns:1fr}.hero-inner{padding-top:48px;gap:40px}.hero img{aspect-ratio:1.5;box-shadow:10px 10px #f1c968}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.bar,.wrap,.hero-inner,.foot{padding-left:20px;padding-right:20px}.wrap{padding-top:55px;padding-bottom:55px}.cards{grid-template-columns:1fr}.card{min-height:0}.mobile{display:block;position:fixed;bottom:0;background:white;padding:10px 16px;width:100%;box-shadow:0 -4px 20px #12474c22;z-index:3}.mobile .btn{width:100%}footer{padding-bottom:100px}}/* Spatial presentation and interaction */
:root{--teal:#087f85;--ink:#0b3d45;--gold:#c6a04d}body{overflow-x:hidden}nav{align-items:center}nav .lang{border:1px solid #b9d7d4;padding:7px 12px;border-radius:99px;color:var(--teal)}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:42vw;height:42vw;border:1px solid #ffffff21;border-radius:50%;right:-18vw;top:-18vw;box-shadow:0 0 0 75px #ffffff07,0 0 0 150px #ffffff05;pointer-events:none}.hero-inner{position:relative}.hero img{transform:perspective(1000px) rotateY(-4deg);transition:transform .8s}.hero img:hover{transform:perspective(1000px) rotateY(0deg) scale(1.015)}.eyebrow{display:inline-block}.card{transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover{transform:translateY(-8px);box-shadow:0 24px 48px #09565f16;border-color:#9bceca}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-head .muted{max-width:620px}.subtle-button,.fee-details{border:0;background:transparent;color:var(--teal);font:700 15px Arial,sans-serif;text-decoration:underline;text-underline-offset:5px;cursor:pointer;white-space:nowrap}.room-scene{position:relative;max-width:1060px;margin:auto;perspective:1100px}.room-scene img{display:block;width:100%;border-radius:24px;box-shadow:0 35px 65px #0d4e5130;transition:transform .35s ease;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.hotspot{position:absolute;width:43px;height:43px;border-radius:50%;border:2px solid white;background:#078e90;color:white;font-weight:900;font-size:16px;box-shadow:0 0 0 9px #06989835,0 9px 20px #053a4388;cursor:pointer;animation:pulse 2.6s infinite}.hotspot:hover{background:#c29b43;transform:scale(1.15)}.h1{left:31%;top:42%}.h2{left:63%;top:38%}.h3{left:75%;top:68%}.scene-legend{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:35px;color:#58777a;font-weight:700}.scene-legend b{color:#b38a32;margin-right:7px}.tariff-band{background:#063e48;color:#fff;position:relative;overflow:hidden}.tariff-band:before{content:"";position:absolute;right:-100px;bottom:-260px;width:550px;height:550px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 70px #ffffff07,0 0 0 140px #ffffff05}.tariff-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative}.tariff-copy .eyebrow{color:#d9b65d}.tariff-copy p{font-size:18px;max-width:480px;color:#c4dddd}.text-underline{color:#e8c875;text-underline-offset:5px}.calculator{background:white;border-radius:20px;padding:30px;color:#104a50;box-shadow:0 25px 70px #001f2940}.calculator label{display:flex;justify-content:space-between;font-weight:800;margin-bottom:10px}.calculator input{width:100%;border:1px solid #c6dcd9;border-radius:11px;font-size:36px;color:#075a60;padding:12px 16px;background:#f6fbfa;outline-color:#078e90}.quick-values{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.quick-values button{border:1px solid #cde2df;border-radius:99px;background:#f5faf9;padding:8px 13px;color:#477075;cursor:pointer;font-weight:700}.quick-values button:hover{background:#dbf2ee}.fee-result{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #d7e8e5;padding-top:22px}.fee-result small{display:block;color:#648183;font-size:13px}.fee-result strong{display:block;font-size:clamp(23px,3vw,34px);color:#087d82;line-height:1.3}.calculator p{font-size:13px;color:#667f81;margin:20px 0 12px}.fee-details{padding:0}.map-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.map-cloud{height:430px;border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dcecea,#f8f7ef);box-shadow:0 25px 55px #125a591b;border:1px solid #d5e7e3}.map-grid{position:absolute;inset:-25%;background:repeating-linear-gradient(28deg,transparent 0 74px,#fff 76px 90px,transparent 93px 145px),repeating-linear-gradient(112deg,transparent 0 95px,#fff 98px 110px,transparent 113px 170px);transform:rotate(-8deg);opacity:.85}.map-cloud:before,.map-cloud:after{content:"";position:absolute;width:150px;height:100px;border-radius:60px;background:#bbd9cc88;filter:blur(12px)}.map-cloud:before{top:25px;right:35px}.map-cloud:after{bottom:30px;left:35px}.route-line{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 430'%3E%3Cpath d='M110 320 C150 285 175 330 205 285 S260 210 310 225 S380 105 455 110' fill='none' stroke='%23f7fbfa' stroke-width='20' stroke-linecap='round'/%3E%3Cpath d='M110 320 C150 285 175 330 205 285 S260 210 310 225 S380 105 455 110' fill='none' stroke='%23068789' stroke-width='5' stroke-linecap='round' stroke-dasharray='8 12'/%3E%3C/svg%3E") center/100% 100% no-repeat;animation:routeflow 18s linear infinite}.map-point{position:absolute;width:21px;height:21px;background:#078c8c;border:5px solid white;border-radius:50%;box-shadow:0 4px 18px #02474b77}.map-point.start{left:16%;bottom:23%}.map-point.end{right:22%;top:23%;background:#d4aa52}.map-label{position:absolute;left:11%;top:30%;background:#fff;padding:7px 14px;border-radius:99px;box-shadow:0 8px 25px #125a5920;font-weight:800;color:#497174}.map-place{position:absolute;right:5%;top:7%;background:white;padding:16px 20px;border-radius:15px;box-shadow:0 12px 30px #0d4e5130;display:flex;flex-direction:column;z-index:1}.map-place small{color:#8a9e9c}.map-place strong{font-size:19px}.map-place a{font-size:13px;font-weight:800;color:#078b8c}.detail-dialog{border:0;border-radius:18px;max-width:min(650px,calc(100vw - 32px));width:100%;padding:38px;color:#17474d;box-shadow:0 30px 90px #082a3066}.detail-dialog::backdrop{background:#042c35ac;backdrop-filter:blur(8px)}.detail-dialog h2{padding-right:35px}.detail-dialog img{width:100%;border-radius:9px;max-height:330px;object-fit:cover}.detail-dialog table{width:100%;border-collapse:collapse}.detail-dialog td{padding:8px;border-bottom:1px solid #e1eeeb}.detail-dialog td:last-child{text-align:right;font-weight:800;color:#087f85}.dialog-close{position:absolute;top:15px;right:15px;border:0;background:#e9f4f1;border-radius:50%;width:38px;height:38px;font-size:25px;cursor:pointer;color:#0a5961}.related-band{border-top:1px solid #dcebe8}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes pulse{50%{box-shadow:0 0 0 16px #06989812,0 9px 20px #053a4388}}@keyframes routeflow{to{background-position:600px 0}}[dir=rtl] .bar,[dir=rtl] .section-head{direction:rtl}[dir=rtl] .logo{direction:ltr;text-align:right}[dir=rtl] .hero img{transform:perspective(1000px) rotateY(4deg)}[dir=rtl] .scene-legend b{margin-right:0;margin-left:7px}[dir=rtl] .detail-dialog td:last-child{text-align:left}[dir=rtl] .dialog-close{right:auto;left:15px}[dir=rtl] .calculator input{direction:ltr;text-align:right}@media(max-width:900px){.tariff-layout,.map-layout{grid-template-columns:1fr;gap:30px}.bar nav{gap:12px}.room-scene img{border-radius:12px}}@media(max-width:650px){.section-head{align-items:start;flex-direction:column}.hotspot{width:31px;height:31px;font-size:13px;box-shadow:0 0 0 5px #06989835}.calculator{padding:22px}.fee-result{gap:8px}.map-cloud{height:340px}.map-place{top:8%;right:5%;padding:10px 13px}.map-place strong{font-size:15px}.scene-legend{gap:12px;font-size:13px}.detail-dialog{padding:28px 20px}nav a{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Full-screen narrative */
.story-page{background:#073f49;color:#fff;overflow-x:hidden}.story-page header.story-header{position:fixed;inset:0 0 auto;height:72px;z-index:30;background:linear-gradient(#052f39e8,#052f3988);border:0;backdrop-filter:blur(16px);display:flex;align-items:center;padding:0 clamp(18px,3vw,55px);gap:36px}.story-logo{font-weight:900;letter-spacing:-.05em;text-decoration:none;font-size:22px;white-space:nowrap;line-height:1;color:white}.story-logo span,.final-brand span{color:#ebc96e}.story-logo small{display:block;letter-spacing:.28em;font-size:9px;color:#b7d9d9}.story-header nav{display:flex;justify-content:center;flex:1;gap:clamp(12px,2vw,35px)}.story-header nav a{color:#cbe3e3;font-size:13px;font-weight:700;opacity:.75;transition:opacity .3s,color .3s}.story-header nav a.active,.story-header nav a:hover{opacity:1;color:white}.story-header .lang{border:1px solid #78b6b7;color:white;text-decoration:none;border-radius:99px;padding:7px 13px;font-size:13px}.story-track{height:600svh;position:relative}.story-stage{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;isolation:isolate}.story-scene{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,7%,0) scale(.965);filter:blur(14px);transition:opacity .68s ease,transform .85s cubic-bezier(.2,.7,.18,1),filter .68s ease,visibility 0s .75s;overflow:hidden}.story-scene.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;filter:none;transition-delay:0s}.story-scene.was-active{transform:translate3d(0,-7%,0) scale(1.03)}.scene-inner{width:min(1390px,100%);height:100%;margin:auto;padding:90px clamp(22px,5.2vw,80px) 48px;display:flex;position:relative}.scene-kicker{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.19em;color:#eac66a}.story-scene h1{font-size:clamp(3.4rem,6.4vw,7.3rem);line-height:.96;margin:22px 0 28px;letter-spacing:-.065em}.story-scene h2{font-size:clamp(2.5rem,4.7vw,5.5rem);line-height:1.02;margin:17px 0 22px;letter-spacing:-.055em}.story-scene p{font-size:clamp(16px,1.3vw,19px);line-height:1.55}.scene-hero{background:radial-gradient(circle at 68% 40%,#149797 0%,#075c69 46%,#053b47 100%)}.scene-hero .scene-inner{align-items:center;gap:5vw}.hero-copy{max-width:640px;flex:1;z-index:1}.hero-copy p{max-width:540px;color:#c9e9e6}.hero-visual{width:42%;height:min(72vh,680px);position:relative;transform:perspective(1100px) rotateY(-7deg);transition:transform .8s}.is-active .hero-visual{animation:visualIn 1.1s both}.hero-visual:after{content:"";position:absolute;inset:14px -15px -15px 14px;border:1px solid #ebc96e88;border-radius:8px;z-index:-1}.hero-visual img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 30px 80px #002f3d7a}.hero-visual span{position:absolute;bottom:18px;left:-25px;background:#f1f6ee;color:#164d52;padding:10px 16px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.scene-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:35px}.action-main{display:inline-flex;align-items:center;justify-content:center;min-height:50px;background:#e8c56c;color:#143d43;padding:12px 23px;border-radius:4px;text-decoration:none;font-weight:800;transition:transform .3s,background .3s}.action-main:hover{transform:translateY(-4px);background:#f4d989}.action-line{color:white;text-underline-offset:6px;font-weight:700}.scene-cue{position:absolute;bottom:31px;left:5.2vw;color:#aacdcb;font-size:12px;text-transform:uppercase;letter-spacing:.18em;display:flex;gap:12px;align-items:center}.scene-cue i{height:1px;width:46px;background:#eac66a;animation:cue 2s infinite}.scene-services{background:#e8f4f2;color:#0c4950}.scene-services .scene-inner{flex-direction:column;justify-content:center}.scene-services .scene-kicker{color:#a68232}.section-title{max-width:900px}.section-title p{color:#527578;max-width:680px}.service-runway{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;width:calc(100vw - clamp(22px,5.2vw,80px));padding:20px 12vw 30px 0;margin-top:18px;touch-action:pan-x pan-y}.service-runway::-webkit-scrollbar{display:none}.service-panel{scroll-snap-align:start;flex:0 0 clamp(260px,27vw,390px);height:clamp(240px,32vh,310px);padding:28px;border-top:2px solid #087d82;background:linear-gradient(145deg,#fff,#e9f7f5);display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s,background .35s}.service-panel:hover{background:#d5f0eb;transform:translateY(-8px)}.service-no{font-size:15px;color:#ba9440;letter-spacing:.15em}.service-panel h3{font-size:clamp(22px,2.1vw,29px);letter-spacing:-.035em;line-height:1.15}.service-panel p{font-size:15px;color:#557579}.service-panel a{display:flex;justify-content:space-between;text-decoration:none;border-top:1px solid #cce3df;padding-top:12px;font-weight:800;color:#076f75;font-size:14px}.runway-hint{display:flex;justify-content:space-between;color:#668d8e;letter-spacing:.12em;text-transform:uppercase;font-size:11px;margin-top:15px;max-width:300px}.scene-agency{background:#073e48}.scene-agency .scene-inner{align-items:center;gap:4vw}.agency-copy{width:35%;position:relative;z-index:2}.agency-copy p{color:#bfd8d9}.agency-note{font-size:12px!important;color:#8fb4b6!important;margin-top:20px}.agency-switch,.map-controls{display:flex;gap:0;margin-top:28px;width:max-content;border:1px solid #92b9b8;border-radius:99px;padding:4px}.agency-switch button,.map-controls button{border:0;background:transparent;color:#c6e1e1;border-radius:99px;padding:10px 17px;cursor:pointer;font-weight:800}.agency-switch button.active,.map-controls button.active{background:#e9c768;color:#143d43}.agency-stage{width:64%;height:min(69vh,680px);position:relative;perspective:1200px}.agency-image{position:absolute;inset:0;opacity:0;pointer-events:none;transform:rotateY(7deg) scale(.92);transition:transform .75s,opacity .75s}.agency-image.is-active{opacity:1;pointer-events:auto;transform:rotateY(-4deg) scale(1)}.agency-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 35px #001d2888)}.agency-image[data-view-panel="photo"] img{object-fit:cover;border-radius:8px}.agency-image .hotspot{z-index:2}.scene-tariff{background:radial-gradient(circle at 70% 90%,#0f8790,#07535e 45%,#04343f)}.scene-tariff .scene-inner{align-items:center;gap:6vw}.tariff-copy{width:48%}.tariff-copy p{max-width:500px;color:#cae4e4}.source-link{color:#efd27e;text-underline-offset:5px}.tariff-tool{width:48%;background:#f6fbf8;color:#0b535b;padding:clamp(24px,3vw,48px);box-shadow:20px 20px 0 #e1bd6855}.tariff-tool label{display:flex;justify-content:space-between;font-size:14px;font-weight:800}.amount-row{display:flex;align-items:center;border-bottom:2px solid #145b62;margin:16px 0 18px}.amount-row input{border:0;background:transparent;padding:10px 0;width:100%;font-size:clamp(40px,5vw,75px);font-weight:800;color:#0a7378;outline-offset:4px}.amount-row strong{font-size:18px}.tariff-tool .quick-values button{border-radius:3px}.totals{display:flex;border-top:1px solid #c9dfda;border-bottom:1px solid #c9dfda;padding:18px 0;gap:18px}.totals>div{flex:1}.totals small{display:block;color:#678481;font-size:12px}.totals strong{display:block;font-size:clamp(22px,2.5vw,35px);color:#087e84;white-space:nowrap}.tariff-open{border:0;background:transparent;color:#087e84;text-decoration:underline;text-underline-offset:5px;font-weight:800;cursor:pointer;margin:18px 0 0;padding:0}.tariff-tool #fee-note{font-size:12px;color:#78908d;margin:8px 0 0}.scene-map{background:#e6f0ee;color:#0b464d}.scene-map .scene-kicker{color:#a68232}.scene-map .scene-inner{align-items:center;gap:5vw}.map-intro{width:34%;z-index:2}.map-intro p{color:#58787a}.map-intro small{display:block;color:#70908e;font-size:12px;margin-top:19px}.map-controls{border-color:#9ebcb8;margin:25px 0}.map-controls button{color:#27656b}.map-intro .action-main{background:#087f85;color:white}.live-map{width:65%;height:min(70vh,680px);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 25px 70px #0b565b33;background:#c9dad5}.live-map iframe{width:100%;height:100%;border:0;position:relative;z-index:1}.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:#537577}.map-overlay{position:absolute;bottom:18px;left:18px;z-index:2;background:#ffffffed;padding:12px 16px;border-left:4px solid #b99543;box-shadow:0 8px 22px #173f4933;display:flex;flex-direction:column;font-size:13px}.map-overlay strong{font-size:17px}.scene-end{background:radial-gradient(circle at 80% 15%,#0d7881,#063f49 50%,#032e39)}.scene-end .scene-inner{align-items:center}.end-copy{width:min(800px,100%)}.end-links{margin-top:40px;border-top:1px solid #7fa8a899}.end-links a{display:flex;justify-content:space-between;padding:15px 0;color:white;text-decoration:none;border-bottom:1px solid #7fa8a899;font-size:clamp(18px,2vw,26px);font-weight:700}.end-links a:hover{color:#e8c568}.end-copy>p{color:#a7c8c9;font-size:13px;margin-top:25px}.final-brand{font-weight:900;font-size:40px;letter-spacing:-.06em;margin-top:38px}.final-brand small{display:block;font-size:10px;letter-spacing:.3em;color:#b5d4d4}.progress-nav{position:absolute;right:3vw;bottom:25px;z-index:10;color:#d8ebea;display:flex;align-items:center;gap:7px;font-size:12px}.progress-nav span{width:90px;height:2px;background:linear-gradient(to right,#e8c568 var(--progress,0%),#ffffff55 var(--progress,0%));margin-right:9px}.contact-rail{position:fixed;right:0;top:50%;transform:translateY(-50%);width:3mm;height:20mm;border:0;background:#e3bd5f;z-index:40;cursor:pointer;box-shadow:-4px 0 20px #062e3644;border-radius:3px 0 0 3px}.contact-rail:focus-visible{outline:3px solid white;outline-offset:3px}.contact-rail span{position:absolute;right:calc(3mm + 8px);top:50%;transform:translateY(-50%);writing-mode:vertical-rl;rotate:180deg;white-space:nowrap;background:#0b5961;color:white;padding:12px 7px;font-size:11px;font-weight:800;letter-spacing:.1em;border-radius:3px}.contact-drawer{position:fixed;right:0;top:0;width:min(360px,90vw);height:100dvh;background:#f6fbfa;color:#17494f;z-index:50;padding:90px 28px 30px;box-shadow:-25px 0 60px #062e3655;transform:translateX(110%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}.contact-drawer.is-open{transform:translateX(0)}.contact-drawer h2{font-size:31px}.contact-drawer p{color:#5d7a7b}.contact-drawer a{display:block;border-top:1px solid #cadeda;padding:17px 0;text-decoration:none;font-weight:800;color:#087e84}.drawer-close{position:absolute;top:20px;right:20px;border:0;background:#e4f1ef;border-radius:50%;width:40px;height:40px;font-size:25px;cursor:pointer}.story-page .detail-dialog{z-index:80}.story-page .detail-dialog::backdrop{z-index:70}@keyframes visualIn{from{opacity:0;transform:perspective(1100px) rotateY(-16deg) translateX(60px)}to{opacity:1;transform:perspective(1100px) rotateY(-7deg)}}@keyframes cue{50%{width:20px;opacity:.4}}[dir=rtl] .story-header{direction:rtl}[dir=rtl] .story-logo{direction:ltr}[dir=rtl] .service-runway{padding:20px 0 30px 12vw}[dir=rtl] .agency-image.is-active{transform:rotateY(4deg) scale(1)}[dir=rtl] .hero-visual{transform:perspective(1100px) rotateY(7deg)}[dir=rtl] .map-overlay{left:auto;right:18px;border-left:0;border-right:4px solid #b99543}[dir=rtl] .contact-rail{right:auto;left:0;border-radius:0 3px 3px 0}[dir=rtl] .contact-rail span{right:auto;left:calc(3mm + 8px);rotate:0}[dir=rtl] .contact-drawer{right:auto;left:0;transform:translateX(-110%)}[dir=rtl] .contact-drawer.is-open{transform:translateX(0)}[dir=rtl] .drawer-close{right:auto;left:20px}[dir=rtl] .progress-nav{right:auto;left:3vw}
@media(max-width:920px){.story-page header.story-header{gap:14px;height:64px}.story-header nav{gap:8px;overflow:auto;scrollbar-width:none;justify-content:flex-start}.story-header nav a{white-space:nowrap;font-size:12px}.story-scene h1{font-size:clamp(46px,7vw,70px)}.story-scene h2{font-size:clamp(36px,5vw,60px)}.scene-hero .scene-inner,.scene-agency .scene-inner,.scene-tariff .scene-inner,.scene-map .scene-inner{gap:3vw}.hero-visual{width:44%}.agency-copy{width:37%}.agency-stage{width:63%}}
@media(max-width:650px){.story-page header.story-header{height:61px;padding:0 15px}.story-logo{font-size:18px}.story-logo small{font-size:7px}.story-header nav{display:none}.story-header .lang{margin-left:auto}.story-scene .scene-inner{padding:77px 21px 42px}.story-scene h1{font-size:clamp(40px,11vw,61px);margin:12px 0}.story-scene h2{font-size:clamp(32px,8.2vw,48px);margin:9px 0 12px}.story-scene p{font-size:15px;line-height:1.45}.scene-hero .scene-inner{flex-direction:column;justify-content:center;align-items:stretch;gap:20px}.hero-copy{flex:none}.hero-copy p{margin:10px 0}.hero-visual{width:75%;height:29vh;min-height:175px;margin:0 auto;transform:none}.hero-visual img{object-position:center}.hero-visual span{font-size:10px;left:-10px}.scene-actions{margin-top:18px;gap:20px}.scene-cue{bottom:17px;left:21px}.scene-services .scene-inner{justify-content:center}.section-title{margin-bottom:4px}.section-title p{max-width:85%;margin-bottom:8px}.service-runway{width:calc(100vw - 21px);margin-top:6px;padding:12px 16vw 15px 0;gap:12px}.service-panel{flex-basis:73vw;height:37vh;min-height:225px;padding:20px}.service-panel h3{font-size:24px}.runway-hint{margin-top:0}.scene-agency .scene-inner{flex-direction:column;justify-content:center;align-items:stretch;gap:12px}.agency-copy{width:100%}.agency-copy p{margin:5px 0}.agency-note{font-size:11px!important}.agency-switch{margin-top:14px}.agency-stage{width:100%;height:42vh;min-height:220px}.agency-image.is-active{transform:none}.agency-image img{object-fit:contain}.scene-tariff .scene-inner{flex-direction:column;justify-content:center;align-items:stretch;gap:18px}.tariff-copy{width:100%}.tariff-copy p{margin:5px 0}.tariff-tool{width:100%;padding:17px 19px;box-shadow:9px 9px #e1bd6855}.amount-row{margin:6px 0}.amount-row input{font-size:42px;padding:2px 0}.tariff-tool .quick-values{margin:5px 0 12px}.totals{padding:9px 0}.totals strong{font-size:22px}.tariff-open{margin:8px 0 0}.tariff-tool #fee-note{font-size:11px}.scene-map .scene-inner{flex-direction:column;justify-content:center;align-items:stretch;gap:14px}.map-intro{width:100%}.map-intro p{margin:5px 0}.map-controls{margin:12px 0}.map-intro .action-main{min-height:42px;padding:8px 14px}.map-intro small{margin-top:8px}.live-map{width:100%;height:37vh;min-height:190px}.scene-end .scene-inner{align-items:center}.end-links{margin-top:20px}.end-links a{font-size:19px;padding:11px 0}.final-brand{margin-top:23px;font-size:32px}.progress-nav{bottom:15px;right:18px}.contact-rail{top:62%}}
@media(max-height:690px) and (max-width:650px){.story-scene .scene-inner{padding-top:66px;padding-bottom:28px}.story-scene h2{font-size:30px}.scene-kicker{font-size:10px}.hero-visual{height:24vh;min-height:135px}.agency-stage{height:35vh;min-height:170px}.service-panel{height:34vh;min-height:190px}.live-map{height:30vh;min-height:160px}.story-scene p{font-size:13px}.scene-actions{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.story-scene{transition:none;filter:none;transform:none}.hero-visual,.is-active .hero-visual{animation:none;transform:none}.contact-drawer{transition:none}}
/* Final editorial pass: a continuous horizontal sequence, without card surfaces. */
html:has(body.story-page){scrollbar-width:none}html:has(body.story-page)::-webkit-scrollbar{display:none}.story-page{scrollbar-width:none}.story-page::-webkit-scrollbar{display:none}.service-runway{gap:0;border-top:1px solid #8cbab8;border-bottom:1px solid #8cbab8;padding-top:0;padding-bottom:0}.service-panel{background:transparent!important;border:0;border-right:1px solid #a8cdca;border-radius:0;box-shadow:none!important;padding:24px 29px;min-height:0}.service-panel:first-child{padding-left:0}.service-panel:hover{transform:none;background:#d7ebe8!important}.service-no{font-size:35px;line-height:1;opacity:.45;font-weight:800;letter-spacing:-.06em}.service-panel a{border-top:0;padding-top:0}.service-panel a span{font-size:24px;line-height:1}.runway-hint{margin-top:24px}.tariff-tool{background:transparent;box-shadow:none;padding:0;color:white}.tariff-tool label,.amount-row strong{color:#cae5e5}.amount-row{border-bottom-color:#e8c568}.amount-row input{color:white}.tariff-tool .quick-values button{background:transparent;border-color:#79afb0;color:#d2e6e5}.tariff-tool .quick-values button:hover{background:#ffffff22}.totals{border-color:#7bb5b6}.totals small,.tariff-tool #fee-note{color:#b8d6d6}.totals strong,.tariff-open{color:#edca72}.story-scene.is-active h1,.story-scene.is-active h2{animation:storyRise .8s both}.story-scene.is-active .hero-copy p,.story-scene.is-active .section-title p,.story-scene.is-active .agency-copy p,.story-scene.is-active .tariff-copy p,.story-scene.is-active .map-intro p{animation:storyRise .8s .12s both}.story-scene.is-active .service-runway,.story-scene.is-active .agency-stage,.story-scene.is-active .tariff-tool,.story-scene.is-active .live-map{animation:storyRise .85s .2s both}@keyframes storyRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.service-panel{padding:17px 22px}.service-panel:first-child{padding-left:0}.service-no{font-size:27px}.tariff-tool{box-shadow:none}.service-runway{width:calc(100vw - 21px)}}@media(prefers-reduced-motion:reduce){.story-scene.is-active h1,.story-scene.is-active h2,.story-scene.is-active p,.story-scene.is-active .service-runway,.story-scene.is-active .agency-stage,.story-scene.is-active .tariff-tool,.story-scene.is-active .live-map{animation:none}}
[dir=rtl] .service-panel{border-right:0;border-left:1px solid #a8cdca}[dir=rtl] .service-panel:first-child{padding-left:29px;padding-right:0}@media(max-width:650px){[dir=rtl] .service-panel:first-child{padding-left:22px;padding-right:0}}
/* Continuous scene blending and tactile service links */
.story-page .story-scene,.story-page .story-scene.is-active{transition:none;will-change:opacity,transform;filter:none}.story-page .story-scene.is-active h1,.story-page .story-scene.is-active h2,.story-page .story-scene.is-active .hero-copy p,.story-page .story-scene.is-active .section-title p,.story-page .story-scene.is-active .agency-copy p,.story-page .story-scene.is-active .tariff-copy p,.story-page .story-scene.is-active .map-intro p,.story-page .story-scene.is-active .service-runway,.story-page .story-scene.is-active .agency-stage,.story-page .story-scene.is-active .tariff-tool,.story-page .story-scene.is-active .live-map{animation:none}.service-runway{gap:12px;border:0;scroll-snap-type:x proximity}.service-panel,.service-panel:first-child,[dir=rtl] .service-panel:first-child{box-sizing:border-box;text-decoration:none;color:#0c4950;border:1px solid #a7cfca;border-radius:12px;background:#ffffff4c!important;padding:24px 27px;cursor:pointer;touch-action:pan-x;outline-offset:4px;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.service-panel:hover{background:#ffffffa8!important;transform:translateY(-5px);border-color:#559d9c;box-shadow:0 15px 32px #1b65651a}.service-panel:active{transform:translateY(0) scale(.985);background:#d1ebe7!important}.service-panel:focus-visible{outline:3px solid #b59545}.service-panel .service-info{display:block}.service-panel .service-info strong{display:block;font-size:clamp(22px,2.1vw,29px);letter-spacing:-.035em;line-height:1.15}.service-panel .service-info>span{display:block;color:#557579;font-size:15px;margin-top:12px}.service-panel .service-cta{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#076f75;font-weight:800}.service-panel .service-cta>span{font-size:24px;line-height:1;transition:transform .25s}.service-panel:hover .service-cta>span{transform:translate(4px,-4px)}[dir=rtl] .service-panel:hover .service-cta>span{transform:translate(-4px,-4px)}.service-no{font-size:33px;color:#b28a38;opacity:.55}.agency-switch button,.map-controls button,.quick-values button,.action-main,.contact-rail{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.agency-switch button:active,.map-controls button:active,.quick-values button:active,.action-main:active,.contact-rail:active{transform:scale(.94)}.agency-switch button:focus-visible,.map-controls button:focus-visible,.quick-values button:focus-visible,.action-main:focus-visible,.contact-rail:focus-visible{outline:3px solid #e8c568;outline-offset:3px}@media(max-width:650px){.service-panel,.service-panel:first-child,[dir=rtl] .service-panel:first-child{padding:20px 22px;border-radius:10px}.service-panel .service-info strong{font-size:24px}}
[dir=rtl] .service-panel{border:1px solid #a7cfca}.scene-map .live-map iframe{pointer-events:none}
.story-page .is-active .hero-visual{animation:none}.story-page .story-scene{will-change:auto}.story-page .story-scene.is-active{will-change:opacity,transform}@media(prefers-reduced-motion:reduce){.service-panel,.service-panel:hover,.service-panel:active{transition:none;transform:none}}
/* One intentional gesture reveals one complete scene. Previous scenes never overlap. */
html:has(body.story-page),body.story-page{height:100%;overflow:hidden;overscroll-behavior:none}.story-page .story-track,.story-page .story-stage{height:100dvh;min-height:100svh}.story-page .story-stage{position:relative;top:auto}.story-page .story-scene,.story-page .story-scene.is-active{opacity:0;visibility:hidden;transform:none;filter:none;transition:none;pointer-events:none;will-change:auto}.story-page .story-scene.is-active{opacity:1;visibility:visible;pointer-events:auto}.story-page .scene-enter .scene-inner{animation:sceneArrive .46s cubic-bezier(.18,.7,.2,1) both}@keyframes sceneArrive{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.story-page .scene-enter .scene-inner{animation:none}}
/* Agency visual and reviews */
.story-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.story-page[dir=rtl],html[dir=rtl] .story-page{font-family:"Noto Sans Arabic",Tahoma,ui-sans-serif,system-ui,sans-serif}
.story-scene h1,.story-scene h2{font-weight:760;letter-spacing:-.055em}
.language-switch{display:flex;gap:4px;align-items:center;padding:3px;border:1px solid #82b9b8;border-radius:999px;white-space:nowrap}
.language-switch a{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;text-decoration:none;color:#e4f2f0;font-size:12px;font-weight:700;transition:background .2s,color .2s}
.language-switch a[aria-current=page]{background:#edf7f2;color:#0b535b}.language-switch a:hover{background:#ffffff33}.language-switch a[aria-current=page]:hover{background:#edf7f2}
.language-switch svg{width:19px;height:13px;border-radius:2px;box-shadow:0 0 0 1px #ffffff50}
.scene-hero{background:radial-gradient(circle at 74% 51%,#187c83 0,#0b6570 35%,#073f49 75%)}
.hero-copy{max-width:590px}.hero-copy h1{font-size:clamp(3.1rem,5.6vw,6.25rem);line-height:1.03}.hero-copy p{max-width:460px}
.hero-visual{width:50%;height:min(70vh,650px);transform:none!important;animation:none!important;display:grid;place-items:center}
.hero-visual:after{inset:9% 6% 10%;border-radius:50%;border-color:#c8ddd033;box-shadow:0 0 0 38px #ffffff07}
.hero-visual .hero-render{width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 34px 38px #002c3880);transform:rotate(-2deg);animation:heroFloat 7s ease-in-out infinite}
.hero-photo{position:absolute;left:-8%;bottom:0;width:40%;height:38%;margin:0;padding:7px;background:#f4f5ec;border-radius:13px;box-shadow:0 24px 55px #002b39a6;transform:rotate(-5deg);z-index:3}
.hero-photo img{width:100%;height:calc(100% - 26px);object-fit:cover;border-radius:8px;box-shadow:none}.hero-photo figcaption{color:#174c50;font-size:12px;font-weight:750;padding:4px 3px 0;line-height:1.2}
@keyframes heroFloat{50%{transform:translateY(-12px) rotate(1deg)}}
.scene-reviews{background:radial-gradient(circle at 67% 52%,#dbece7 0,#eaf4ef 38%,#d7eae4 100%);color:#0b454d}
.scene-reviews .scene-inner{align-items:center;gap:6vw}.scene-reviews .scene-kicker{color:#997a36}
.reviews-copy{width:50%;position:relative;z-index:2}.reviews-copy p{max-width:540px;color:#537276}.reviews-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.reviews-actions .action-main{background:#087d83;color:white;border-radius:8px;gap:16px}.reviews-actions .action-line{color:#087d83}.reviews-copy small{display:block;color:#73908e;margin-top:18px;font-size:12px}
.reviews-visual{width:45%;height:min(64vh,570px);display:grid;place-items:center}.review-orbit{position:relative;width:min(36vw,460px);height:min(36vw,460px);display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #78b2ab;border-radius:50%;inset:5%;transform:rotateX(25deg) rotate(-18deg)}.ring-two{inset:19%;border-color:#a6cfc5;transform:rotateY(25deg) rotate(25deg)}.review-center{position:relative;width:41%;aspect-ratio:1;border-radius:30%;background:#fff;box-shadow:0 28px 65px #1e757638;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg)}.review-center strong{font-size:clamp(65px,8vw,116px);line-height:1;background:conic-gradient(#4285f4 0 24%,#34a853 24% 48%,#fbbc05 48% 70%,#ea4335 70% 85%,#4285f4 85%);background-clip:text;color:transparent;font-weight:800}.review-center span{color:#316c70;text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:800}.orb{position:absolute;width:16px;height:16px;background:#e3be65;border-radius:50%;box-shadow:0 0 0 8px #e3be6529}.orb-one{top:9%;right:20%}.orb-two{bottom:19%;left:5%;width:11px;height:11px;background:#0a858c}.orb-three{right:6%;bottom:25%;width:9px;height:9px;background:#4ca7a6}
[dir=rtl] .hero-photo{left:auto;right:-8%;transform:rotate(5deg)}
@media(max-width:920px){.story-header nav{gap:9px}.story-header nav a{font-size:11px}.story-page header.story-header{gap:15px}.hero-visual{width:49%}}
@media(max-width:650px){.language-switch{margin-inline-start:auto}.language-switch a{padding:5px 7px;font-size:11px}.language-switch svg{width:17px;height:12px}.scene-hero .scene-inner{gap:3px}.hero-copy h1{font-size:clamp(36px,10vw,55px);line-height:1.04;margin:8px 0}.hero-copy p{font-size:14px;line-height:1.4}.hero-visual{width:100%;height:34vh;min-height:205px;margin:-2px auto 0}.hero-photo{width:39%;height:49%;left:0;bottom:-5px;padding:5px}.hero-photo figcaption{font-size:9px}.hero-photo img{height:calc(100% - 20px)}.scene-reviews .scene-inner{flex-direction:column;justify-content:center;align-items:stretch;gap:4px}.reviews-copy{width:100%}.reviews-copy p{margin:6px 0}.reviews-actions{margin-top:14px;gap:16px}.reviews-copy small{margin-top:12px}.reviews-visual{width:100%;height:30vh;min-height:170px}.review-orbit{width:min(52vw,270px);height:min(52vw,270px)}.review-center strong{font-size:60px}}
@media(max-height:690px) and (max-width:650px){.hero-visual{height:26vh;min-height:150px}.hero-copy h1{font-size:36px}.reviews-visual{height:24vh;min-height:130px}.review-orbit{width:155px;height:155px}}
@media(prefers-reduced-motion:reduce){.hero-visual .hero-render{animation:none}}
.exact-map{width:65%;height:min(70vh,680px);position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 62% 47%,#4b9390,#166b70 36%,#064c59 85%);box-shadow:0 25px 70px #0b565b33;text-decoration:none;color:white;display:block;isolation:isolate;transition:transform .35s,box-shadow .35s}.exact-map:hover{transform:translateY(-5px);box-shadow:0 34px 78px #0b565b55}.map-grid{position:absolute;inset:-60%;transform:rotate(-24deg);background:repeating-linear-gradient(0deg,transparent 0 88px,#d1ebd927 89px 93px,transparent 94px 172px),repeating-linear-gradient(90deg,transparent 0 99px,#d1ebd927 100px 105px,transparent 106px 183px)}.map-route{position:absolute;width:95%;height:45%;left:-10%;top:15%;border-bottom:13px solid #ecd077;border-radius:20% 20% 60% 20%;transform:rotate(-21deg);filter:drop-shadow(0 0 8px #e5ca67aa)}.map-marker{position:absolute;top:32%;left:51%;width:90px;height:90px;border:2px solid #fff9;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 25px #ffffff19,0 0 0 65px #ffffff0b;animation:mapPulse 3.5s ease-in-out infinite}.map-marker span{width:26px;height:26px;border-radius:50%;background:#e9c768;border:5px solid #fff;box-shadow:0 8px 20px #003d4899}.exact-map-title{position:absolute;left:24px;right:24px;bottom:25px;background:#073b46ed;padding:22px 26px;border-radius:12px;display:grid;gap:5px}.exact-map-title small{font-size:11px;letter-spacing:.16em;color:#e5cb86}.exact-map-title strong{font-size:clamp(23px,2.4vw,34px);line-height:1.1}.exact-map-title em{font-style:normal;font-size:13px;color:#bad9d7}@keyframes mapPulse{50%{box-shadow:0 0 0 37px #ffffff10,0 0 0 82px #ffffff06}}[dir=rtl] .exact-map-title{text-align:right}@media(max-width:650px){.exact-map{width:100%;height:37vh;min-height:190px}.exact-map-title{left:12px;right:12px;bottom:12px;padding:14px}.map-marker{width:66px;height:66px;top:25%}}@media(prefers-reduced-motion:reduce){.map-marker{animation:none}}
.story-logo,.logo{display:inline-flex;align-items:center;gap:10px}.story-logo img,.logo img{display:block;width:46px;height:46px;border-radius:50%;object-fit:contain;background:white;flex:none}.logo img{width:42px;height:42px}.brand-lockup{display:block}.brand-lockup small{display:block}
.reviews-qr{display:inline-flex;align-items:center;gap:13px;margin-top:20px;color:#0b5258;text-decoration:none;background:#ffffffc9;border:1px solid #b4d4cd;border-radius:12px;padding:8px 17px 8px 8px;box-shadow:0 9px 25px #17645b18;transition:transform .25s,box-shadow .25s}.reviews-qr:hover{transform:translateY(-3px);box-shadow:0 15px 28px #17645b30}.reviews-qr img{width:94px;height:94px;image-rendering:pixelated;background:#fff;border-radius:6px}.reviews-qr span{font-size:13px;line-height:1.3;font-weight:750;max-width:150px}.reviews-qr b{display:block;margin-top:5px;color:#087d83}
@media(max-width:650px){.story-logo img{width:36px;height:36px}.story-logo{gap:5px}.story-logo .brand-lockup{font-size:15px}.story-logo .brand-lockup small{font-size:6px}.reviews-qr{margin-top:12px;padding:5px 10px 5px 5px;gap:9px}.reviews-qr img{width:64px;height:64px}.reviews-qr span{font-size:11px}.reviews-visual{height:22vh;min-height:110px}.review-orbit{width:min(35vw,170px);height:min(35vw,170px)}.review-center strong{font-size:45px}}
@media(max-height:690px) and (max-width:650px){.reviews-visual{display:none}.reviews-qr img{width:58px;height:58px}}
.story-logo .brand-lockup{color:#fff}.story-logo .brand-lockup>span{color:#ebc96e}.story-logo .brand-lockup small{color:#b7d9d9}
@media(max-width:650px){.reviews-qr img{width:104px;height:104px}.reviews-qr{margin-top:10px}.reviews-visual{height:18vh;min-height:90px}}
@media(max-height:690px) and (max-width:650px){.reviews-qr img{width:96px;height:96px}}