@font-face{font-family:Mada;src:url('assets/fonts/Mada-Variable.ttf') format('truetype');font-weight:200 900;font-display:swap}
:root{color-scheme:light;--bg:#f1f7fa;--ink:#173b4b;--muted:#526b78;--blue:#007d9b;--cyan:#009f9c;--glass:rgba(255,255,255,.73);--surface:#fff;--line:rgba(91,137,155,.22);--shadow:0 18px 65px rgba(30,80,100,.07);--wash:#e4f1f5;--halo:#b5e7ef;--nav:rgba(250,254,255,.82)}
:root[data-theme=dark]{color-scheme:dark;--bg:#091923;--ink:#edf8fc;--muted:#acc4cf;--blue:#76def4;--cyan:#72e6ca;--glass:rgba(22,45,59,.72);--surface:#15303e;--line:rgba(163,212,232,.2);--shadow:0 20px 70px rgba(0,0,0,.18);--wash:#102935;--halo:#145166;--nav:rgba(13,35,48,.85)}
body{background:var(--bg);font-family:Mada,sans-serif;font-size:17px;color:var(--ink);line-height:1.85}h1,h2,h3,h4,.logo strong{letter-spacing:0!important;font-weight:650}h1,h2{font-weight:700}p{color:var(--muted)}.wrap{width:min(1230px,88%)}.section{padding:100px 0}.nav{background:var(--nav);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.nav-inner{gap:18px;height:80px}.nav-links{font-size:16px;font-weight:500}.nav-links a:hover{background:var(--wash);color:var(--blue)}.logo small{color:var(--muted)}.logo img{mix-blend-mode:normal;background:white;border-radius:12px;padding:4px}.nav-actions{display:flex;gap:10px;align-items:center}.theme-toggle,.menu{height:46px;min-width:46px;border-radius:15px;border:1px solid var(--line);background:var(--glass);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;transition:background .2s}.theme-toggle svg{width:20px;height:20px}.theme-toggle span{font-size:14px}.menu{display:none}.menu svg{width:23px;height:23px}.theme-toggle:hover,.menu:hover{background:var(--wash)}.moon-icon{display:block}.sun-icon{display:none}[data-theme=dark] .moon-icon{display:none}[data-theme=dark] .sun-icon{display:block}
.hero{padding:166px 0 0;background:radial-gradient(ellipse at 75% 25%,var(--halo),transparent 55%),linear-gradient(145deg,var(--bg),var(--wash) 75%,var(--bg));overflow:hidden}.hero:before,.hero:after{display:none}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;text-align:right;align-items:center;padding:35px 0 70px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(48px,5.1vw,76px);line-height:1.3;color:var(--ink);margin:22px 0}.hero h1 em{background:linear-gradient(105deg,var(--blue),var(--cyan));background-clip:text;-webkit-background-clip:text}.hero-copy>p{font-size:19px;line-height:1.95;color:var(--muted);margin:0;max-width:490px}.hero-actions{justify-content:flex-start;margin-top:30px}.hero-eyebrow{font-size:14px;letter-spacing:.2px;display:flex;gap:15px;align-items:center;color:var(--blue)}.hero-eyebrow:before{content:'';height:1px;width:38px;background:var(--blue)}.hero-note,.hero-bubble{display:none}.hero-visual{margin:0;width:100%}.hero-bento{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:14px;align-items:stretch}.bento-tile,.bento-tile:last-child,.bento-tile.main-tile{transform:none;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);height:190px;background:var(--surface)}.bento-tile.main-tile{grid-column:1 / -1;grid-row:1;height:310px;border:7px solid var(--glass)}.bento-tile img{width:100%;height:100%;object-fit:cover}.bento-tile>span{border:1px solid rgba(255,255,255,.35);background:rgba(10,33,46,.68);color:white;backdrop-filter:blur(14px);border-radius:14px;bottom:12px;left:12px;right:12px;padding:8px 14px;font-size:14px}.bento-tile>span small,.bento-tile>span b{color:#e0f6ff}.hero-bottom{background:var(--glass);border-block:1px solid var(--line);padding:22px 0;backdrop-filter:blur(16px)}.hero-bottom .wrap{color:var(--muted);gap:42px}.hero-bottom strong{color:var(--ink);font-size:20px}
.kicker,.kicker.light{color:var(--blue);background:transparent;border-radius:0;padding:0;font-size:15px;font-weight:500}.kicker:before{display:none}.btn,.btn.dark{background:#087c96;color:white;border:1px solid #087c96;border-radius:16px;box-shadow:0 8px 24px #007b9818;font-size:16px;font-weight:600;min-height:52px}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #007b9825}.btn.outline{background:var(--glass);color:var(--ink);border:1px solid var(--line);box-shadow:none}.text-link{color:var(--blue)}.intro-points>div,.service,.film,.document,.faq details,.contact-form,.contact-line,.project-nav a,.brand-tile{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px}.intro-points span,.intro-points b{color:var(--ink)}.intro-photo:before{background:var(--wash);transform:rotate(2deg)}.intro-photo .detail{border-color:var(--surface)}.services,.faq{background:var(--wash)}.service{padding:30px;overflow:hidden}.service-n{color:var(--blue);font-size:15px}.service-icon{display:none}.service h3{margin-top:40px;font-size:25px}.service p{font-size:16px;min-height:130px}.service .micro{color:var(--muted);font-size:11px}.service:hover,.document:hover{background:var(--surface)}.project-nav a,.project-nav a:nth-child(2),.project-nav a:nth-child(3){color:var(--ink);background:var(--glass);font-weight:600}.project-nav a:hover{background:var(--wash)}.system>.wrap,.system.alt>.wrap,.system#split>.wrap{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px);border-radius:32px}.system-no,.system-features,.video-heading span,.film-caption>span,.authorized,.document p{color:var(--muted)}.image-label{background:var(--glass);color:var(--ink);border:1px solid var(--line);backdrop-filter:blur(18px)}.film-image{background:var(--wash)}.film h4{font-size:18px}.play{color:white;background:#123f55a8;border:1px solid #ffffff70}.play svg{width:18px;height:18px}.film-caption>b{color:var(--blue)}.photo-button{background:var(--surface)}.photo-button:after{background:var(--glass);color:var(--ink)}.assurance{background:radial-gradient(ellipse at top left,#166578,transparent 65%),#103644;color:#fff;border:1px solid #ffffff24}.assurance .kicker{color:#9cdef0}.assurance-grid article{background:#ffffff0c;border-color:#ffffff2c}.assurance-grid article>span{background:transparent;border:1px solid #ffffff40;border-radius:50%}.steps{background:#ffffff09}.brand-tile{background:#fff!important}.brand-tile img{mix-blend-mode:multiply}.document p{font-size:13px}.faq summary{font-size:19px}.faq summary:after{background:var(--wash);color:var(--blue)}.contact{background:radial-gradient(ellipse at 90% 70%,var(--halo),transparent 65%),var(--wash)}.contact:before{display:none}.underline{background:linear-gradient(90deg,var(--blue),var(--cyan));background-clip:text;-webkit-background-clip:text}.contact-line>span,.contact-line>span:last-child,.field{color:var(--muted)!important}.contact-line a{color:var(--blue)}.contact-socials a{background:var(--glass);color:var(--ink);border:1px solid var(--line);min-height:44px;display:inline-flex;align-items:center;font-size:14px}.field{font-size:15px}.field input,.field textarea,.field select{background:var(--wash);color:var(--ink);border:1px solid var(--line);font-size:16px}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--line)}.form-note{font-size:13px;color:var(--muted)}.footer{background:var(--bg);color:var(--muted);font-size:14px}.footer-top b{color:var(--ink)!important}.footer-top p{color:var(--muted)!important}.footer a{font-size:15px;color:var(--blue)}.footer-bottom{border-color:var(--line)}.studio-credit{margin-top:30px;padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:center}.studio-credit a{display:flex;gap:12px;align-items:center;padding:12px 22px;border:1px solid var(--line);border-radius:16px;background:var(--glass);color:var(--ink);transition:background .25s}.studio-credit a:hover{background:var(--wash)}.studio-credit b{font:700 16px Arial;letter-spacing:2px}.studio-credit span{font-size:15px}.modal{background:#06151ddd}.modal>button{background:var(--surface);color:var(--ink);min-height:44px}.corner-transition{background:linear-gradient(135deg,var(--wash),var(--halo),var(--bg));color:var(--ink)}.scroll-progress{background:linear-gradient(90deg,var(--blue),var(--cyan))}.skip{background:var(--surface);color:var(--ink)}:is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--blue);outline-offset:4px}.float-wa{background:#087d68;border-radius:18px}.micro{letter-spacing:1px}button:active,.btn:active{transform:translateY(1px)}
@media(max-width:1100px){.nav-links a{padding-inline:8px}.nav-links{font-size:14px}.nav-cta{display:none}.hero-grid{gap:32px}.hero h1{font-size:52px}.service{padding:25px 20px}.theme-toggle span{display:none}}
@media(max-width:760px){.nav-inner{height:68px}.nav{border-radius:20px}.nav-actions{gap:8px}.menu{display:flex}.theme-toggle,.menu{padding:0;width:44px;height:44px}.nav-links{background:var(--nav);border:1px solid var(--line);backdrop-filter:blur(24px)}.hero{padding-top:125px}.hero-grid{grid-template-columns:1fr;text-align:center;padding:12px 0 36px;gap:35px}.hero-eyebrow{justify-content:center;font-size:13px}.hero h1{font-size:51px;margin:18px 0;line-height:1.35}.hero-copy>p{font-size:17px;max-width:100%;line-height:1.9}.hero-actions{justify-content:center;gap:9px}.btn{font-size:15px;padding:11px 17px}.hero-bento{grid-template-columns:1fr 1fr;gap:10px}.bento-tile.main-tile{height:260px;border-width:5px}.bento-tile,.bento-tile:last-child{height:150px;border-radius:20px}.bento-tile>span{font-size:12px;left:8px;right:8px;bottom:8px;padding:6px 10px}.hero-bottom .wrap{gap:20px}.hero-bottom strong{font-size:17px}.section{padding:65px 0}h2{font-size:36px}.head-row p,.intro-copy>p,.system-intro p{font-size:17px}.service-grid{grid-template-columns:1fr}.service{padding:22px 25px}.service h3{margin-top:12px;font-size:24px}.service p{font-size:16px;min-height:0}.service .micro{margin-top:16px}.service-n{top:26px;left:24px}.system>.wrap{padding:27px 18px}.system-intro h3{font-size:32px}.film h4{font-size:16px}.film-caption>span{font-size:10px}.video-heading>span,.system-features{font-size:13px}.document p{font-size:12px}.document h4{font-size:16px}.authorized{font-size:13px}.faq summary{font-size:18px}.faq details p{font-size:16px}.contact-line{font-size:14px;flex-wrap:wrap}.contact-line>span,.contact-line>span:last-child{font-size:13px!important}.field{font-size:14px}.field input,.field select,.field textarea{font-size:16px}.form-note{font-size:12px}.footer{font-size:13px}.studio-credit a{flex-wrap:wrap;justify-content:center;gap:8px;padding:14px}.studio-credit span{font-size:13px}.assurance-grid p{font-size:16px}.steps{font-size:13px}.logo strong{font-size:23px}.logo small{font-size:8px}}
@supports not (backdrop-filter:blur(16px)){.nav,.nav-links,.system>.wrap,.service,.contact-form,.image-label{background:var(--surface)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.nav-links,.nav-links a{color:var(--ink)}.main-tile>span b{background:transparent;color:white;border:0;padding:0;font-weight:500}.bento-tile>span small{color:#e0f6ff}.hero-eyebrow{color:var(--ink)}
@font-face{font-family:PlexArabic;src:url('assets/fonts/PlexArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:PlexArabic;src:url('assets/fonts/PlexArabic-SemiBold.ttf') format('truetype');font-weight:500 900;font-display:swap}body{font-family:PlexArabic,sans-serif;font-weight:400}h1,h2,h3,h4,.logo strong{font-weight:600}.hero h1{font-size:clamp(44px,4.6vw,66px);line-height:1.5}.hero-copy>p{font-size:18px;line-height:2}.hero-eyebrow{font-size:13px}.nav-links{font-weight:400;font-size:14px}@media(max-width:760px){.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-actions .btn{font-size:13px;padding-inline:14px}}
.intro-points>div,.intro-points>div:nth-child(2){background:var(--glass);border-color:var(--line)}.intro-points b{color:var(--ink)}.intro-points span{color:var(--muted);font-size:14px}.intro-points b{font-size:18px}.hero-bottom .wrap{color:var(--muted)}
.studio-credit{gap:9px;align-items:center;justify-content:center;margin-top:22px;padding-top:22px}.studio-credit>span{font-size:12px;color:var(--muted)}.studio-credit a{padding:10px 0;border:0;border-radius:0;background:none;color:#954cc4;min-height:44px;box-shadow:none}.studio-credit a:hover{background:none;color:var(--blue)}.studio-credit b{font:700 11px/1.4 Arial,sans-serif;letter-spacing:1.7px}[data-theme=dark] .studio-credit a{color:#d799f4}
.studio-credit a,[data-theme=dark] .studio-credit a{color:var(--blue)}