@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@500;600;700;800&display=swap');
:root{--blue:#254989;--deep:#10233f;--ink:#17243a;--paper:#f7f8f8;--line:#d9e0e7;--gold:#d7a85c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}img{max-width:100%}.notice{background:var(--deep);color:#dce6f2;text-align:center;font-size:9px;letter-spacing:.15em;padding:9px 12px}.header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff}.brand{display:block;width:260px;flex:0 0 auto}.brand img{display:block;width:100%}.header nav{display:flex;gap:27px;align-items:center}.header nav a{text-decoration:none;font-size:13px;font-weight:700}.vision-link{color:var(--blue)}.call{border:1px solid var(--blue);text-decoration:none;padding:13px 17px;color:var(--blue);font-size:13px;font-weight:700;white-space:nowrap}.call span{margin-left:20px}.hero{height:min(720px,78vh);min-height:570px;position:relative;background:#33465c;overflow:hidden;color:#fff}.hero>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,49,.85),rgba(8,30,58,.44) 52%,rgba(8,30,58,.08))}.hero-copy{position:relative;padding:105px 8%;max-width:860px}.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--blue)}.eyebrow.light{color:#d7e5f5}.hero h1,h2,h3{font-family:Montserrat,Arial,sans-serif;letter-spacing:-.055em}.hero h1{font-size:clamp(56px,7vw,108px);line-height:.98;margin:28px 0}.hero p{max-width:560px;font-size:19px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;justify-content:space-between;gap:38px;align-items:center;padding:16px 20px;text-decoration:none;font-weight:800;font-size:13px}.button.pale{background:#fff;color:var(--deep)}.button.outline{border:1px solid currentColor;color:var(--blue);margin-top:20px}.text-link{font-weight:700;font-size:13px}.hero-index{position:absolute;bottom:25px;right:5%;font-size:10px;letter-spacing:.17em}.hero-index span{color:var(--gold);padding:0 10px}.section{padding:110px 8%;display:grid;grid-template-columns:190px 1fr;gap:6%}.section h2{font-size:clamp(38px,4.8vw,72px);line-height:1.06;margin:0 0 25px}.section h3{font-size:clamp(34px,4vw,58px);line-height:1.1;margin:0 0 24px}.lead{max-width:870px;font-size:24px;line-height:1.48;color:#526072}.intro .rail{grid-column:2;display:grid;grid-template-columns:repeat(6,1fr);border-top:2px solid var(--blue);margin-top:55px}.rail div{padding:27px 8px 0 0;position:relative}.rail div:before{content:'';position:absolute;top:-7px;left:0;width:11px;height:11px;border-radius:50%;background:var(--blue)}.rail b{display:block;font-size:11px;letter-spacing:.1em}.rail small{display:block;margin-top:10px;color:#657184;line-height:1.45}.fine{font-size:12px;line-height:1.6;color:#69778b}.intro>.fine{grid-column:2}.services{background:#eff3f7}.services-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.services-heading p{max-width:360px;line-height:1.65}.service-list{grid-column:2;margin-top:32px}.service-list article{border-top:1px solid #b9c6d6;padding:25px 0;display:grid;grid-template-columns:70px 1fr 110px;gap:20px;align-items:start}.service-list article:last-child{border-bottom:1px solid #b9c6d6}.service-list span,.service-list b{font-size:11px;color:var(--blue)}.service-list h3{font-size:27px;margin:0 0 9px;letter-spacing:-.04em}.service-list p{max-width:600px;margin:0;color:#5e6d80;line-height:1.6}.about{background:var(--deep);color:#fff;grid-template-columns:40% 1fr;align-items:center}.about-mark{font-family:Montserrat,sans-serif;font-size:clamp(190px,27vw,420px);font-weight:800;line-height:.8;color:#35609b;letter-spacing:-.15em}.about-mark span{color:var(--gold);font-size:.45em;vertical-align:top}.about .section-label{color:#abc1dc}.about p{font-size:19px;line-height:1.65;max-width:670px;color:#c8d6e5}.about .button{color:#fff}.contact{background:#fbfcfd}.contact>div:first-child p{max-width:530px;line-height:1.65;font-size:18px}.contact-card{background:white;border-top:5px solid var(--blue);padding:46px;box-shadow:0 12px 45px rgba(23,36,58,.08);display:flex;flex-direction:column;align-items:start}.contact-card span{font-size:11px;letter-spacing:.16em;color:var(--blue);font-weight:800}.contact-card .phone{font-size:clamp(30px,3vw,46px);font-family:Montserrat;text-decoration:none;font-weight:700;margin:20px 0}.contact-card p{line-height:1.6;margin:8px 0}.contact-card>a:not(.phone){margin:24px 0 18px;font-weight:700;color:var(--blue)}.contact-card small{color:#66758a;line-height:1.5}.vision{background:#e9edf3}.vision-banner{background:var(--deep);color:#fff;padding:100px 8% 90px;position:relative;overflow:hidden}.vision-banner:after{content:'P';position:absolute;right:3%;top:-130px;font:800 600px Montserrat;color:#1b365b;opacity:.65;line-height:1}.vision-banner>*{position:relative;z-index:1}.vision-banner>span,.vision-banner small,.vision-end span{font-size:11px;letter-spacing:.2em;font-weight:800;color:#9db8da}.vision-banner h2{font-size:clamp(65px,12vw,180px);line-height:.9;margin:35px 0}.vision-banner h2 span{color:var(--gold)}.vision-banner p{font-size:24px;max-width:540px;line-height:1.4}.vision-core{background:white}.vision-core p,.phone-section>div:nth-child(2)>p,.growth>div:nth-child(2)>p{font-size:19px;line-height:1.65;max-width:780px;color:#5d6c7f}.phone-section{background:#dce5ee}.phones{display:flex;gap:25px;align-items:start;justify-content:space-between;margin-top:55px}.phone{width:31%;max-width:265px;border:8px solid #17243a;border-radius:33px;padding:4px;background:#17243a;box-shadow:0 20px 30px #17243a33}.phone-screen{border-radius:22px;overflow:hidden;background:#fff;min-height:480px}.phone-top{font-size:9px;padding:8px 15px;display:flex;justify-content:space-between}.phone-screen>img{width:90%;display:block;margin:5px auto 10px}.phone-photo{height:140px;background:url('assets/gulf-port-concept.png') center/cover}.phone-body{padding:20px}.phone-body small{font-size:8px;letter-spacing:.15em;color:var(--blue);font-weight:800}.phone-body strong{display:block;font:700 26px/1.07 Montserrat;margin:14px 0}.phone-body p{font-size:11px;line-height:1.5}.phone-body em{display:block;background:var(--blue);color:white;padding:12px;font-size:10px;font-style:normal;font-weight:800}.phone-secondary{padding-top:40px}.phone-secondary div{border-bottom:1px solid #d8e0e8;padding:14px 0;font-size:10px;font-weight:700;display:flex;justify-content:space-between}.phone-secondary div span{color:var(--blue)}.growth{background:#fff}.growth-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:44px 0 25px}.growth-grid div{padding:30px;border:1px solid var(--line);border-left:3px solid var(--blue)}.growth-grid b{font-size:12px;color:var(--blue);letter-spacing:.1em}.growth-grid p{line-height:1.55;color:#59697e}.investment{background:var(--deep);color:#fff}.investment .section-label{color:#a7c1de}.prices{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:40px 0}.prices article{background:#1a365a;padding:38px}.prices span,.prices small{display:block;font-size:11px;letter-spacing:.13em;color:#a9c6e7;font-weight:800}.prices strong{display:block;font:700 clamp(60px,6vw,90px) Montserrat;margin:16px 0 0}.prices p{line-height:1.6;color:#d3dfeb}.investment .fine{color:#b6c6d9}.vision-end{background:#254989;color:#fff;padding:85px 8%;text-align:center}.vision-end h3{font-size:clamp(40px,5vw,75px);max-width:900px;margin:24px auto}.vision-end p{max-width:600px;margin:0 auto 25px;line-height:1.6}.vision-end a{font-weight:800}footer{padding:30px 5%;display:flex;align-items:center;gap:30px;justify-content:space-between;font-size:11px;color:#617189}footer img{width:180px}footer a{font-weight:800;color:var(--blue)}@media(max-width:900px){.header{height:auto;min-height:75px}.header nav{display:none}.brand{width:230px}.section{grid-template-columns:1fr;gap:28px;padding:75px 6%}.intro .rail,.intro>.fine,.service-list{grid-column:1}.services-heading{display:block}.about{grid-template-columns:1fr}.about-mark{font-size:220px}.hero-copy{padding:90px 6%}.hero-index{display:none}}@media(max-width:600px){.notice{font-size:8px;line-height:1.5}.header{padding:14px 5%}.brand{width:175px}.call{font-size:0;padding:11px}.call span{font-size:18px;margin:0}.hero{min-height:690px;height:85vh}.hero>img{object-position:65%}.hero-shade{background:linear-gradient(0deg,rgba(7,25,49,.92),rgba(7,25,49,.32))}.hero-copy{position:absolute;bottom:35px;padding:25px 6%}.hero h1{font-size:58px}.hero p{font-size:16px}.hero-actions{align-items:start;flex-direction:column;gap:22px}.section{padding:65px 6%}.lead{font-size:19px}.intro .rail{grid-template-columns:repeat(2,1fr);row-gap:25px}.service-list article{grid-template-columns:35px 1fr;gap:10px}.service-list article b{display:none}.service-list h3{font-size:23px}.contact-card{padding:28px}.vision-banner{padding:80px 6%}.vision-banner:after{font-size:400px;top:-50px}.vision-banner h2{font-size:62px}.vision-banner p{font-size:19px}.phones{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:22px}.phone{flex:0 0 75%;width:75%;scroll-snap-align:center}.growth-grid,.prices{grid-template-columns:1fr}.prices article{padding:28px}footer{align-items:start;flex-direction:column}}
@media(max-width:600px){.phone-section>div:nth-child(2){min-width:0}.phones{max-width:100%;width:100%}.phone-section{overflow:hidden}}
@media(min-width:901px) and (max-width:1280px){.header nav{gap:13px}.header nav a{font-size:11px}.brand{width:210px}.call{display:none}}
.vision-showcase{background:#f5f8fb}.vision-showcase>div:nth-child(2)>p,.creative-showcase>div:nth-child(2)>p{max-width:800px;font-size:18px;line-height:1.6;color:#59697c}.vision-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 35px}.vision-actions a{border:1px solid var(--blue);color:var(--blue);padding:13px 16px;font-size:12px;font-weight:800;text-decoration:none}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.proof-grid article{background:#fff;border-top:3px solid var(--blue);padding:27px}.proof-grid b,.creative-board small{font-size:10px;color:var(--blue);letter-spacing:.13em}.proof-grid strong,.creative-board strong{font:700 23px/1.2 Montserrat;display:block;margin:22px 0}.proof-grid p,.creative-board p{line-height:1.55;color:#596a7d}.creative-showcase{background:#e0e9f2}.creative-board{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0}.creative-board article{background:#fff;padding:26px;min-height:290px;display:flex;flex-direction:column}.creative-board article:nth-child(2){background:var(--blue);color:white}.creative-board article:nth-child(2) small,.creative-board article:nth-child(2) p{color:#d1e0f2}.creative-board span{font-size:10px;font-weight:800;letter-spacing:.12em;margin-top:auto}@media(max-width:900px){.proof-grid,.creative-board{grid-template-columns:1fr}}
.brand img{height:62px;object-fit:cover;object-position:center 54%}.phone-screen>img{height:56px;object-fit:cover;object-position:center 54%;margin:0 auto 10px}footer img{height:48px;object-fit:cover;object-position:center 54%}
.vision-teaser{padding:80px 8%;background:#e5edf5;color:var(--deep)}.vision-teaser span{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--blue)}.vision-teaser h2{font-size:clamp(40px,5vw,70px);max-width:850px;margin:22px 0}.vision-teaser a{display:inline-block;border:1px solid var(--blue);color:var(--blue);padding:15px 20px;font-weight:800;text-decoration:none}
/* Keep every Vision phone the same physical frame regardless of screen content. */
.phones{align-items:stretch}.phones .phone{flex:1 1 0;width:0;max-width:265px;height:535px;min-width:0}.phones .phone-screen{height:511px;min-height:0}.phones .phone-body{overflow:hidden}@media(max-width:600px){.phones{align-items:stretch}.phones .phone{flex:0 0 75%;width:75%;max-width:none;height:535px}.phones .phone-screen{height:511px}}
.creative-board .social-art{padding:0;overflow:hidden;min-height:520px}.social-top{height:73px;background:white;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 14px}.social-top img{width:64%;max-width:190px;height:55px;object-fit:cover;object-position:center 54%}.social-top small{font-size:8px;color:var(--blue);text-align:right}.social-visual{height:245px;overflow:hidden}.social-visual img{width:100%;height:100%;object-fit:cover}.social-art-document .social-visual img{object-position:center 60%}.social-art-campaign .social-visual img{object-position:65%}.social-copy{padding:22px;display:flex;flex-direction:column;min-height:202px}.social-copy strong{font-size:25px;margin:0}.social-copy p{font-size:13px;margin:13px 0}.social-copy span{color:var(--blue)}.social-art-blue .social-type{height:245px;background:#254989;padding:25px;color:white;display:flex;flex-direction:column}.social-art-blue .social-type small{color:#bcd0e9}.social-art-blue .social-type strong{color:white;font-size:30px;line-height:1.04;margin:20px 0}.social-art-blue .social-type i{font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:.1em;margin-top:auto}.creative-board article.social-art-blue{background:white;color:var(--ink)}.social-art-blue .social-copy p{color:#596a7d}.offer-path{font-size:11px;letter-spacing:.12em;font-weight:800;color:#b8cce5;margin:32px 0}.offer-path span{color:var(--gold);padding:0 8px}@media(max-width:900px){.creative-board .social-art{max-width:440px}}
@media(max-width:900px){.header{flex-wrap:wrap}.header nav{display:flex;order:3;width:100%;overflow-x:auto;gap:20px;padding:0 0 11px;scrollbar-width:thin}.header nav a{white-space:nowrap;font-size:12px}.header .call{margin-left:auto}}