@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#06152f;--navy2:#112d57;--gold:#d8ad69;--gold2:#f2d9a1;--paper:#f8f5ef;--ink:#142746;--muted:#697789;--border:#e6decf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Cairo,Tahoma,'Segoe UI',Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(5,17,39,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,173,105,.25);color:#fff}.nav-inner{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{display:inline-flex;align-items:center;gap:12px;direction:ltr}.logo-mark{border:1px solid var(--gold);border-radius:50%;width:52px;height:52px;display:grid;place-items:center;color:var(--gold2);font:bold 18px Georgia,serif}.logo-text{display:flex;flex-direction:column;line-height:1.3}.logo-text strong{font:700 23px Georgia,serif;color:#fff}.logo-text small{letter-spacing:2px;font-size:9px;color:var(--gold2);text-transform:uppercase}.links{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}.links a:hover{color:var(--gold)}.nav-cta{border:1px solid var(--gold);padding:10px 19px;border-radius:999px;color:var(--gold2)}.mobile-menu{display:none;cursor:pointer;color:#fff;background:none;border:1px solid #6c7585;border-radius:8px;padding:7px 12px}.hero{background:radial-gradient(circle at 15% 15%,#254979 0,transparent 35%),linear-gradient(127deg,#08162e 5%,#102c57 65%,#07152e);color:#fff;overflow:hidden;position:relative}.hero:before{position:absolute;content:"";width:950px;height:950px;left:-350px;top:-500px;opacity:.23;background:repeating-conic-gradient(from 32deg at 60% 70%,transparent 0deg 10deg,#d6ae63 10.2deg 10.45deg,transparent 10.8deg 19deg)}.hero-grid{min-height:620px;padding:100px 0 110px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;position:relative}.eyebrow{letter-spacing:3px;color:var(--gold2);font-size:12px;direction:ltr;text-align:right;font-weight:800}.hero h1{font-size:clamp(39px,5vw,68px);line-height:1.4;margin:15px 0 20px;font-weight:900}.hero h1 em{color:var(--gold2);font-style:normal}.hero p{font-size:16px;line-height:2.2;color:#d5dfec;max-width:570px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:12px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.2s;cursor:pointer}.btn-gold{background:var(--gold);color:#071a35}.btn-outline{border-color:#e6d0a8;color:#fff}.btn:hover{transform:translateY(-2px)}.brand-art{min-height:410px;position:relative;display:grid;place-items:center}.orb{width:350px;height:350px;border:1px solid #be9a5f88;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1a4070 5%,#10284f 63%,#0b1e3c 75%);box-shadow:0 0 0 27px #e7c18012,0 0 0 60px #e7c18009,0 30px 80px #0007}.orb:before{content:"";position:absolute;width:440px;height:440px;border:1px dashed #dbbb7c44;border-radius:50%}.orb-title{text-align:center;color:var(--gold2);font:700 78px Georgia,serif}.orb-sub{font-size:12px;letter-spacing:4px;text-align:center;color:#fff}.float-label{position:absolute;padding:12px 19px;border:1px solid #d6ae6388;background:#09264bd9;border-radius:12px;font-size:12px;color:#e9d6b5;box-shadow:0 8px 40px #0003}.fl1{top:12%;right:-5%}.fl2{bottom:8%;left:0}.section{padding:92px 0}.section-header{margin-bottom:35px}.section-header .overline{color:#9b7235;font-size:12px;font-weight:900;letter-spacing:2px}.section-header h2{font-size:clamp(28px,3vw,43px);line-height:1.4;margin:5px 0 10px}.section-header p{color:var(--muted);font-size:14px;max-width:640px;line-height:2}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:white;border:1px solid var(--border);border-radius:20px;padding:28px;min-height:240px;transition:.2s}.service:hover{transform:translateY(-4px);box-shadow:0 18px 40px #10294d13}.service .sign{font-size:28px;color:#b58b4f}.service h3{font-size:19px;margin:16px 0 8px}.service p{font-size:13px;line-height:2;color:var(--muted);margin:0}.dark{background:#081b37;color:#fff}.dark .section-header p{color:#ced9e8}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work{min-height:270px;border-radius:20px;overflow:hidden;padding:26px;display:flex;justify-content:flex-end;flex-direction:column;position:relative;border:1px solid #e2bb7d5e}.work:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 19%,#d3ae6f66,transparent 40%),repeating-linear-gradient(45deg,transparent 0 35px,#e8d1a00a 35px 37px);opacity:.8}.work>*{position:relative}.work:nth-child(2){background:linear-gradient(120deg,#254f6f,#09203c)}.work:nth-child(1){background:linear-gradient(120deg,#5c3450,#152e51)}.work:nth-child(3){background:linear-gradient(120deg,#254753,#071b36)}.work small{color:#f0c57e}.work h3{font-size:23px;margin:8px 0 0}.work-note{font-size:12px;color:#9caec5;margin-top:14px}.feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.preview{background:#0b2348;padding:30px 24px;border:1px solid var(--gold);border-radius:28px;box-shadow:14px 14px 0 #cfb28030;max-width:420px;margin:auto;width:100%;text-align:center}.preview .circle{height:88px;width:88px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font:700 25px Georgia,serif;margin:10px auto 20px}.preview h3{color:#fff;font-size:24px;margin:0}.preview p{color:#c4d2e2;font-size:13px;margin:7px 0 19px}.preview .pills{display:grid;gap:9px}.preview .pills span{padding:10px;border-radius:10px;background:#eaeff8;color:#132f58;font-size:13px}.feature .info{font-size:14px;line-height:2.2;color:var(--muted)}.bullets{padding:0;list-style:none}.bullets li{padding:10px 0}.bullets li:before{content:'✦';color:#b78c4b;padding-left:12px}.contact-section{background:linear-gradient(120deg,#0c2348,#06152d);color:white;padding:80px 0}.contact-grid{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.contact-grid p{color:#c7d5e6}.footer{background:#040e20;color:#c3cddd;padding:28px 0;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#e2bf80}.card-page-hero{background:linear-gradient(130deg,#061831,#15365e);padding:75px 0;color:#fff}.card-page-hero h1{font-size:clamp(32px,4vw,56px);margin:10px 0}.card-page-hero p{color:#d0dded;line-height:2}.card-demo{border:1px solid var(--border);border-radius:18px;background:#fff;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.mini-avatar{border:1px solid var(--gold);background:#102b55;color:#e8c185;font:700 21px Georgia,serif;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;flex-shrink:0}.card-person{display:flex;align-items:center;gap:16px}.card-person h2{margin:0;font-size:20px}.card-person p{margin:4px 0 0;color:var(--muted);font-size:12px}.soft-block{margin-top:25px;padding:24px;border-radius:15px;background:#efe9de;color:#58667b;font-size:13px;line-height:2}.page-contact{background:#fff;min-height:60vh}.footer-spacer{min-height:8vh}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;padding:65px 0;gap:15px}.brand-art{min-height:340px}.orb{width:270px;height:270px}.orb:before{width:320px;height:320px}.orb-title{font-size:60px}.float-label{display:none}.services-grid,.work-grid{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}.links{gap:12px}.links a{font-size:11px}}@media(max-width:600px){.container{width:calc(100% - 32px)}.nav-inner{min-height:70px}.logo-mark{width:45px;height:45px}.logo-text strong{font-size:21px}.mobile-menu{display:block}.links{display:none;position:absolute;top:69px;right:0;left:0;background:#091d3c;padding:20px;flex-direction:column;align-items:stretch;gap:10px}.links.open{display:flex}.links a{font-size:14px;padding:8px}.hero-grid{padding:55px 0}.hero h1{font-size:38px}.hero p{font-size:14px}.brand-art{min-height:265px}.orb{width:215px;height:215px}.orb:before{width:245px;height:245px}.orb-title{font-size:46px}.orb-sub{font-size:8px;letter-spacing:2px}.services-grid,.work-grid{grid-template-columns:1fr}.service{min-height:auto}.section{padding:60px 0}.contact-grid{display:block}.footer-inner{display:block;text-align:center}.feature{gap:30px}}

/* Offline-friendly local preview and gallery */
.hero-brand-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.portfolio-item{background:#fdfaf5;border:1px solid #d9bd86;border-radius:19px;overflow:hidden;color:#13294b;box-shadow:0 16px 30px rgba(0,0,0,.13);transition:transform .2s}
.portfolio-item:hover{transform:translateY(-4px)}
.portfolio-item>a{display:block;aspect-ratio:4/3;overflow:hidden;background:#0b2850}
.portfolio-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.portfolio-item:hover img{transform:scale(1.035)}
.portfolio-copy{padding:15px 18px 19px}
.portfolio-copy small{color:#996c2a;font-size:12px;font-weight:800}
.portfolio-copy h3{font-size:16px;margin:5px 0 0}
.portfolio-action{margin-top:28px;display:flex;justify-content:center}
@media(max-width:850px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.portfolio-grid{grid-template-columns:1fr}}