@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#06111f;--navy2:#0b1b2b;--ink:#102033;--muted:#647487;--teal:#00a7b5;--teal2:#087f8a;--orange:#f7941d;--pale:#eaf7f8;--line:#e4ebf0;--soft:#f5f8fa;--max:1200px;--shadow:0 18px 50px rgba(8,27,44,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.topbar{background:var(--navy);color:#d5e3ed;font-size:12px}.topbar .container{display:flex;justify-content:space-between;padding:9px 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{overflow:visible;height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:240px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--teal),#087b87);display:grid;place-items:center;color:white;font:800 17px Manrope;position:relative}.brand-mark:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange);right:-3px;top:-3px;border:2px solid white}.brand-name{font:800 15px/1.05 Manrope;letter-spacing:-.04em;color:var(--navy)}.brand-name span{display:block;font:700 9px/1.6 'DM Sans';letter-spacing:.19em;color:var(--teal2)}.nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700;color:#23384c}.nav a:hover,.nav button:hover{color:var(--teal2)}.nav-group{position:relative; z-index:1001}.nav-group>button{border:0;background:none;color:inherit;font-weight:700;cursor:pointer;padding:12px 0}.dropdown{display:none;position:absolute;top:100%;left:-20px;width:340px;max-height:72vh;overflow-y:auto;overscroll-behavior:contain;z-index:1002;background:white;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px;border-radius:10px}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown,.nav-group>button[aria-expanded="true"]+.dropdown{display:block}.dropdown a{display:block;padding:9px 11px;border-radius:7px}.dropdown a:hover{background:var(--pale)}.btn,.nav-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:white!important;padding:13px 19px;border-radius:5px;font-size:13px;font-weight:800;border:1px solid var(--teal);transition:.2s}.btn:hover,.nav-cta:hover{background:var(--teal2);transform:translateY(-1px)}.btn-outline{background:transparent;color:white!important;border-color:#607386}.menu-toggle{display:none}.hero{background:var(--navy);color:white;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:650px;height:650px;border:1px solid #164252;border-radius:50%;right:-130px;top:-260px;box-shadow:0 0 0 65px #0b1b2b,0 0 0 130px #0a1928}.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;padding:100px 0}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.17em;color:var(--teal);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:25px;height:2px;background:var(--orange)}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.15;letter-spacing:-.04em;margin:0 0 18px}h1{font-size:clamp(42px,5.4vw,68px)}h2{font-size:clamp(30px,3.7vw,44px)}h3{font-size:20px}.hero p{max-width:620px;color:#c3d2df;font-size:17px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.orbit{width:min(390px,100%);aspect-ratio:1;border:1px solid #315260;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(0,167,181,.18),transparent 68%);margin:auto}.globe{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#5ce0e0,#087d8a 48%,#042c40 85%);box-shadow:inset -20px -18px 35px #0006,0 0 70px #00a7b53d;display:grid;place-items:center;font-size:54px}.orbit-label{position:absolute;background:#10283a;border:1px solid #ffffff2b;padding:10px 14px;border-radius:7px;font-size:10px;font-weight:800;color:#e7f4f8}.ol1{top:35px;left:0}.ol2{right:-15px;top:125px}.ol3{bottom:40px;left:12px}.trust{background:#f5f8fa;border-bottom:1px solid var(--line)}.trust .container{display:flex;justify-content:space-between;gap:20px;padding:22px 0}.trust span{font:800 11px Manrope;letter-spacing:.08em;color:#718092}.section{padding:85px 0}.soft{background:var(--soft)}.dark{background:var(--navy);color:white}.head{max-width:720px;margin-bottom:38px}.head p{color:var(--muted)}.dark .head p{color:#b7c8d7}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);background:white;padding:25px;border-radius:9px;transition:.2s;min-height:200px}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b6e3e6}.ico{width:45px;height:45px;display:grid;place-items:center;background:var(--pale);border-radius:8px;color:var(--teal2);font-size:21px;margin-bottom:20px}.card p{color:var(--muted);font-size:13px}.link{color:var(--teal2);font-size:12px;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.panel{background:linear-gradient(145deg,#0c2538,#0a5966);border-radius:12px;min-height:370px;padding:34px;color:white;position:relative;overflow:hidden}.panel p{color:#c7dce4}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.stat{background:#ffffff16;border:1px solid #ffffff22;padding:17px;border-radius:8px}.stat strong{display:block;font:800 24px Manrope}.stat span{font-size:11px;color:#bfd0dc}.checks{list-style:none;padding:0;margin:22px 0}.checks li{padding:8px 0 8px 27px;position:relative;color:#45586b;font-size:14px}.checks li:before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:900}.process{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden}.step{padding:25px;background:white;border-right:1px solid var(--line)}.step:last-child{border:0}.step small{display:block;color:var(--orange);font-weight:800;margin-bottom:20px}.step p{font-size:13px;color:var(--muted)}.cta{background:linear-gradient(110deg,#087f8a,#00a7b5);color:white;padding:55px 0}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:31px;margin-bottom:6px}.cta p{margin:0;color:#e2f8f8}.cta .btn{background:var(--navy);border-color:var(--navy)}.pagehero{background:var(--navy);color:white;padding:75px 0}.pagehero h1{font-size:clamp(38px,4.7vw,56px);max-width:850px}.pagehero p{color:#c3d2df;max-width:720px}.crumb{font-size:11px;color:#91a6b8;margin-bottom:18px}.narrow{max-width:850px}.rowitem{display:grid;grid-template-columns:250px 1fr;gap:35px;padding:28px 0;border-bottom:1px solid var(--line)}.rowitem p{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#eff6f7;color:#23616a;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:700}.industry{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.industry .card{min-height:160px}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.contactbox{background:var(--navy);color:white;padding:30px;border-radius:9px}.contactbox p{color:#c3d2df}.contactbox small{display:block;color:#91a6b8;text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin-top:20px}.formbox{padding:30px;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #d8e1e8;border-radius:5px;background:#fbfcfd}.field textarea{min-height:120px}.footer{background:var(--navy);color:#c4d1dc;padding:60px 0 20px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer h4{font:800 11px 'DM Sans';letter-spacing:.14em;color:white}.footer a{display:block;color:#9fb1bf;font-size:12px;margin:9px 0}.footer a:hover{color:white}.footer p{color:#9fb1bf;font-size:12px}.footbottom{border-top:1px solid #ffffff20;margin-top:40px;padding-top:18px;font-size:11px;color:#8296a6}.notice{padding:15px;background:#fff8ec;border-left:3px solid var(--orange);font-size:12px;color:#6a573e;margin-top:20px}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;color:black;padding:10px;z-index:99}
@media(max-width:980px){.nav{gap:12px}.grid4{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:calc(100% - 32px)}.nav-wrap{overflow:visible;height:72px}.menu-toggle{display:block;background:white;border:1px solid var(--line);border-radius:5px;padding:9px}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:15px 22px 22px;align-items:stretch;flex-direction:column}.nav.open{display:flex}.dropdown{display:block;position:static;box-shadow:none;border:0;padding:0 0 8px 10px}.hero-grid,.split,.contact{grid-template-columns:1fr}.hero-grid{padding:65px 0;gap:20px}.orbit{width:280px}.globe{width:130px;height:130px}.trust .container{flex-direction:column}.section{padding:60px 0}.grid3,.industry{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.cta .container{align-items:flex-start;flex-direction:column}.rowitem{grid-template-columns:1fr;gap:8px}.formgrid{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}}@media(max-width:450px){.grid4,.footgrid,.process{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}.brand{min-width:0}.brand-name{font-size:13px}.hero h1{font-size:39px}}

/* Official Alpha Lingua Media Services PNG logo */
.brand{min-width:0;gap:0}
.brand-logo{display:block;width:190px;height:auto;max-height:66px;object-fit:contain}
.footer-brand .brand{display:inline-flex;background:#fff;padding:7px 10px;border-radius:5px}
.footer-brand .brand-logo{width:205px;max-height:82px}
@media(max-width:760px){.brand-logo{width:158px;max-height:58px}.footer-brand .brand-logo{width:190px;max-height:76px}}

/* Photo-led visual storytelling */
.hero-photo-wrap{position:relative;width:100%;max-width:510px;margin:auto;min-height:370px}
.hero-photo{width:100%;height:390px;object-fit:cover;border-radius:14px;border:1px solid #ffffff30;box-shadow:0 24px 65px #0008}
.photo-caption{position:absolute;left:20px;right:20px;bottom:20px;padding:20px 22px;border-radius:9px;background:linear-gradient(90deg,rgba(4,16,28,.92),rgba(4,16,28,.55));backdrop-filter:blur(8px);color:white}
.photo-caption span{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;color:#69dce0;margin-bottom:7px}
.photo-caption strong{font:700 21px/1.25 Manrope}
.photo-inset{position:absolute;right:-22px;top:-22px;width:125px;height:125px;padding:5px;background:#fff;border-radius:12px;box-shadow:0 12px 35px #0005}
.photo-inset img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.photo-story{padding:0 0 35px;background:#fff}
.photo-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.photo-story figure{margin:0;position:relative;overflow:hidden;border-radius:10px;height:205px;background:#dce5e9}
.photo-story img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.photo-story figure:hover img{transform:scale(1.04)}
.photo-story figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 15px 13px;color:#fff;font-size:12px;font-weight:700;background:linear-gradient(transparent,rgba(3,15,25,.82))}
.page-photo-band{padding:28px 0 5px;background:#fff}
.page-photo-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px}
.page-photo-grid>img{width:100%;height:260px;object-fit:cover;border-radius:10px}
.page-photo-grid h2{font-size:clamp(24px,3vw,34px);margin:13px 0}
.page-photo-grid p{color:var(--muted);max-width:540px}
@media(max-width:760px){.hero-photo-wrap{min-height:290px;margin:20px auto 0}.hero-photo{height:300px}.photo-inset{width:90px;height:90px;right:-7px;top:-10px}.photo-caption{left:12px;right:12px;bottom:12px;padding:15px}.photo-caption strong{font-size:18px}.photo-story-grid{grid-template-columns:1fr}.photo-story figure{height:220px}.page-photo-grid{grid-template-columns:1fr;gap:20px}.page-photo-grid>img{height:220px}.page-photo-band{padding:22px 0 0}}


/* -------------------------------------------------------------------------
   ENTERPRISE DESIGN REFINEMENT — Alpha Lingua Media Services
   ------------------------------------------------------------------------- */
:root{
  --navy:#050d18;--navy2:#0a1b2a;--ink:#122337;--muted:#617286;
  --teal:#079eaa;--teal2:#087b85;--orange:#f39a22;
  --line:#e1e8ee;--soft:#f4f7f9;--max:1240px;
  --shadow:0 20px 55px rgba(7,24,39,.11);
}
body{font-size:15px;line-height:1.72;-webkit-font-smoothing:antialiased}
.container{width:min(var(--max),calc(100% - 56px))}
.topbar{font-size:11px;letter-spacing:.025em;background:#040b14}
.topbar .container{min-height:38px;align-items:center}
.topbar a{color:#dceaf1;transition:color .2s}
.topbar a:hover{color:#55d1d6}
.site-header{background:rgba(255,255,255,.96);box-shadow:0 5px 24px rgba(7,24,39,.045)}
.nav-wrap{overflow:visible;height:88px}
.brand-logo{width:196px;max-height:68px}
.nav{gap:clamp(12px,1.55vw,23px);font-size:12px;letter-spacing:.005em}
.nav a:not(.nav-cta),.nav-group>button{transition:color .2s}
.nav-cta{padding:12px 17px;border-radius:4px;letter-spacing:.02em}
.btn{padding:14px 21px;border-radius:4px;letter-spacing:.01em}
.btn-outline{border-color:#738b9d;color:#f5fbff!important}
.hero{background:linear-gradient(115deg,#050d18 0%,#081b2a 62%,#0b2734 100%)}
.hero:before{opacity:.55}
.hero-grid{padding:112px 0;gap:64px}
.hero h1{max-width:720px;font-size:clamp(44px,5.1vw,66px);line-height:1.06;letter-spacing:-.055em}
.hero p{font-size:16px;max-width:590px;color:#c5d3de}
.eyebrow{font-size:10px;letter-spacing:.19em}
.hero-photo{border-radius:5px;height:410px}
.photo-caption{border-radius:4px}
.photo-inset{border-radius:5px}
.trust{background:#f0f4f6}
.trust .container{padding:20px 0}
.trust span{font-size:10px;letter-spacing:.12em}
.section{padding:96px 0}
.head{max-width:760px;margin-bottom:42px}
.head h2,.split h2{letter-spacing:-.045em}
.head p{font-size:15px;max-width:670px;line-height:1.8}
.card{border-radius:5px;padding:28px;min-height:215px;box-shadow:0 4px 18px rgba(10,30,45,.025)}
.card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(10,30,45,.09);border-color:#a9dadd}
.card h3{font-size:18px;letter-spacing:-.025em}
.card p{font-size:13px;line-height:1.75}
.ico{border-radius:5px;background:#eaf5f6;color:#087f88}
.link{font-size:11px;letter-spacing:.035em;text-transform:uppercase}
.panel{border-radius:5px;background:linear-gradient(145deg,#0a1c2b,#07515c);box-shadow:0 22px 50px rgba(6,27,40,.14)}
.process{border-radius:5px;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.step{padding:29px 25px}
.step h3{font-size:18px}
.step p{line-height:1.75}
.pagehero{padding:78px 0 82px;background:linear-gradient(115deg,#050d18,#0b2635)}
.pagehero h1{font-size:clamp(39px,4.6vw,58px);line-height:1.09;max-width:900px}
.pagehero p{font-size:15px;line-height:1.85}
.page-photo-band{padding:40px 0 12px}
.page-photo-grid{gap:56px}
.page-photo-grid>img{height:300px;border-radius:5px;box-shadow:0 16px 42px rgba(8,28,44,.1)}
.page-photo-grid h2{line-height:1.18}
.industry .card{min-height:178px}
.rowitem{padding:32px 0}
.contact{gap:28px}
.contactbox{border-radius:5px;padding:38px;background:linear-gradient(145deg,#071321,#0b3343)}
.formbox{border-radius:5px;padding:38px;box-shadow:0 14px 42px rgba(8,28,44,.07)}
.field input,.field select,.field textarea{font:inherit;font-size:13px;border-radius:4px;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(7,158,170,.12)}
.footer{padding:68px 0 22px;background:#040b14;border-top:4px solid #0b8e98}
.footgrid{grid-template-columns:1.55fr 1fr 1fr 1.15fr;gap:42px}
.footer-brand{display:inline-flex;align-items:center;width:min(100%,300px);padding:0;margin:0 0 20px;border:1px solid rgba(255,255,255,.08);background:#030912;line-height:0}
.footer-brand img{display:block;width:100%;height:auto;max-width:300px}
.footer .footer-tagline{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#e99a2d;margin-top:18px}
.footer p{max-width:310px;line-height:1.8}
.footer h4{font-size:10px;letter-spacing:.18em;color:#e9f2f7;margin:5px 0 20px}
.footer a{font-size:12px;line-height:1.55;transition:color .2s}
.footer a:hover{color:#55d1d6}
.footer .footbottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-color:#ffffff18;margin-top:46px;padding-top:22px;color:#8295a6}
.footer .footbottom a{display:inline-block;margin:0 0 0 8px}
.cta{background:linear-gradient(105deg,#087b85,#079eaa)}
.notice{border-radius:3px;line-height:1.7}
a:focus-visible,button:focus-visible{outline:3px solid #f39a22;outline-offset:3px}
img{max-width:100%}
@media(max-width:1050px){
 .nav{gap:10px;font-size:11px}
 .nav-wrap{overflow:visible;gap:15px}
 .brand-logo{width:174px}
 .footgrid{gap:26px}
}
@media(max-width:760px){
 .container{width:calc(100% - 36px)}
 .nav-wrap{overflow:visible;height:74px}
 .brand-logo{width:160px;max-height:56px}
 .nav{top:74px;padding:18px}
 .hero-grid{padding:70px 0;gap:34px}
 .hero h1{font-size:clamp(39px,10vw,52px)}
 .section{padding:66px 0}
 .pagehero{padding:55px 0 60px}
 .page-photo-grid{gap:24px}
 .page-photo-grid>img{height:230px}
 .contactbox,.formbox{padding:26px}
 .footer{padding:48px 0 20px}
 .footgrid{grid-template-columns:1fr 1fr;gap:28px 22px}
 .footer-brand{width:min(100%,260px)}
 .footer .footbottom{margin-top:30px}
}
@media(max-width:480px){
 .container{width:calc(100% - 30px)}
 .topbar .container{align-items:flex-start;gap:4px;flex-direction:column;padding:8px 0}
 .footgrid{grid-template-columns:1fr}
 .footer-brand{width:250px}
 .hero-photo{height:275px}
 .photo-inset{right:0}
 .actions .btn{width:100%}
 .process{grid-template-columns:1fr}
 .step{border-right:0;border-bottom:1px solid var(--line)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{transition:none!important;animation:none!important}
}

/* Shared footer logo sizing, matched to the Contact page */
.footer-logo{display:block;width:270px;max-width:100%;height:auto;max-height:70px;object-fit:contain;object-position:left center}


/* Ongoing website management — dedicated responsive card layout */
.ongoing-management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.management-card{position:relative;min-width:0;min-height:225px;padding:29px 28px 27px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:5px;box-shadow:0 7px 24px rgba(8,27,44,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.management-card:hover{transform:translateY(-4px);border-top-color:var(--orange);box-shadow:0 17px 38px rgba(8,27,44,.10)}
.management-index{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:22px;border:1px solid #cce8e9;border-radius:4px;background:#eef8f8;color:var(--teal2);font:800 11px Manrope,sans-serif;letter-spacing:.04em}
.management-card h3{margin:0 0 12px;color:var(--ink);font-size:18px;line-height:1.3;letter-spacing:-.025em}
.management-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}
@media(max-width:900px){.ongoing-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.management-card{min-height:210px}}
@media(max-width:560px){.ongoing-management-grid{grid-template-columns:1fr;gap:14px}.management-card{min-height:0;padding:23px 22px}.management-index{margin-bottom:16px}}