:root{--primary: #1d4ed8;--primary-dark: #1e3a8a;--accent: #f97316;--bg: #edf4ff;--surface: #ffffff;--surface-soft: rgba(255, 255, 255, .65);--text: #334155;--heading: #163a74;--muted: #64748b;--border: #d9e3f0;--shadow: 0 10px 24px rgba(15, 23, 42, .08);--radius: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 18%,rgba(22,119,255,.08),transparent 30%),radial-gradient(circle at 88% 80%,rgba(249,115,22,.07),transparent 24%),var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 40px));margin:0 auto}.narrow{width:min(860px,calc(100% - 40px))}section{padding:88px 0}.section-alt{background:#ffffff73;border-top:1px solid rgba(22,119,255,.08);border-bottom:1px solid rgba(22,119,255,.08)}.section-soft{background:linear-gradient(180deg,#f8fbff,#fff);border-top:1px solid rgba(22,119,255,.08);border-bottom:1px solid rgba(22,119,255,.08)}.section-head{margin-bottom:48px}.section-head.centered{text-align:center}.section-head h2,.page-hero h1,.hero-copy h1,.admin-section h1{margin:0;color:var(--heading);line-height:1.1;letter-spacing:0}.section-head h2{font-size:40px}.hero-copy h1{font-size:clamp(42px,7vw,74px);max-width:760px;color:#fff}.page-hero h1{font-size:clamp(38px,5vw,60px)}.eyebrow,.hero-kicker{display:inline-flex;padding:7px 14px;border-radius:999px;background:#1677ff1f;color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.gradient-text,.accent-inline{color:var(--primary)}.navbar{position:sticky;top:0;z-index:1000;background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(22,119,255,.06)}.navbar.scrolled{box-shadow:0 8px 24px #0f172a0d}.navbar-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;font-weight:800;color:var(--heading)}.brand-logo{height:48px;width:auto;object-fit:contain;display:block}.brand-mark{width:38px;height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent))}.nav-links{display:flex;gap:30px;margin-left:auto}.nav-link{color:var(--text);font-weight:600}.nav-actions{display:flex;align-items:center;gap:12px}.btn-primary,.btn-outline,.menu-button{border-radius:var(--radius);border:1px solid transparent;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;cursor:pointer;transition:.2s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary.danger{background:#dc2626}.btn-outline,.menu-button{background:transparent;border-color:var(--border);color:var(--text)}.btn-outline.light{color:#fff;border-color:#ffffff73}.mobile-only{display:none}.mobile-menu{border-top:1px solid rgba(22,119,255,.08);background:#fffffff5}.mobile-menu-inner{display:flex;flex-direction:column;gap:14px;padding:20px 0}.hero-shell{padding:0}.hero-stage{position:relative;min-height:calc(100vh - 78px);overflow:hidden}.hero-slide,.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(90deg,#0717318f,#0717312e 55%,#0717311f)}.hero-content{position:relative;min-height:calc(100vh - 78px);display:flex;align-items:center;z-index:2}.hero-copy{color:#fff;max-width:760px;text-shadow:0 1px 2px rgba(0,0,0,.22)}.hero-copy p{font-size:19px;line-height:1.8;max-width:640px;margin:18px 0 28px;color:#fffffff2}.button-row{display:flex;flex-wrap:wrap;gap:12px}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff1f;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;z-index:3}.hero-arrow.left{left:24px}.hero-arrow.right{right:24px}.hero-dots{position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:flex;gap:8px;z-index:3}.hero-dots button{width:10px;height:10px;border-radius:999px;border:0;background:#ffffff59;cursor:pointer}.hero-dots button.active{width:34px;background:var(--primary)}.feature-grid,.project-grid,.logo-grid{display:grid;gap:24px}.compact-project-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card,.project-card,.logo-card,.contact-panel,.admin-card,.admin-form,.admin-sidebar,.admin-main{background:var(--surface);box-shadow:var(--shadow)}.feature-card,.project-card,.logo-card,.admin-card,.admin-form{border:1px solid rgba(15,23,42,.06)}.feature-card,.project-card,.logo-card,.contact-panel,.admin-card,.admin-form,.admin-sidebar,.admin-main{border-radius:8px}.feature-card{overflow:hidden;cursor:pointer}.feature-visual{min-height:130px;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff}.feature-body{padding:22px}.feature-body h3,.logo-card h3,.admin-card h3{margin:8px 0;color:var(--heading)}.feature-tag{font-size:11px;color:var(--primary);text-transform:uppercase;font-weight:800;letter-spacing:.08em}.text-link{padding:0;background:none;border:0;color:var(--primary);font-weight:700;cursor:pointer;text-decoration:none}.about-copy{max-width:820px;margin:0 auto;text-align:justify;font-size:18px;line-height:1.9;color:var(--muted)}.button-row.centered{justify-content:center}.latest-grid{display:flex;flex-direction:column}.latest-list-card{display:flex;align-items:stretch;gap:40px;background:transparent;box-shadow:none;border:none;margin-bottom:60px}.latest-list-card:nth-child(2n){flex-direction:row-reverse}.latest-image{flex:0 0 45%;min-height:300px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.latest-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.latest-index{margin-bottom:10px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.12em}.project-card{overflow:hidden}.project-card.split{display:grid;grid-template-columns:.9fr 1.1fr}.project-card.split.reverse{grid-template-columns:1.1fr .9fr}.project-card.split.reverse .split-image{order:2}.project-card.split.reverse .split-content{order:1}.project-image-wrapper{position:relative;overflow:hidden}.split-image{min-height:280px}.fixed-image{aspect-ratio:16 / 10}.compact-image{aspect-ratio:16 / 9}.project-image{width:100%;height:100%;object-fit:cover}.project-tag{position:absolute;top:16px;padding:5px 12px;border-radius:999px;background:#ffffffeb;color:var(--primary);font-size:11px;font-weight:800}.tag-left{left:16px}.tag-right{right:16px}.project-content{padding:24px}.compact-project-card{border-radius:8px;display:flex;flex-direction:column}.compact-project-content{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}.compact-project-content .project-title{font-size:18px;margin-bottom:10px}.compact-project-content .project-desc{font-size:13px;line-height:1.6;-webkit-line-clamp:4}.project-title{margin:0 0 12px;color:var(--heading)}.project-desc{margin:0 0 18px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.project-desc.unclamped{display:block}.centered-actions{margin-top:36px;display:flex;justify-content:center}.logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.logo-card{text-align:center;min-height:198px;display:flex}.logo-card-link{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;width:100%;height:100%;text-decoration:none;color:inherit}.logo-image-wrap{width:72px;height:72px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}.logo-card img{width:64px;height:64px;object-fit:contain}.logo-card p,.feature-body p,.admin-card p,.page-hero p{color:var(--muted);line-height:1.7;margin:0}.client-origin{font-size:13px;font-weight:600;color:var(--primary)!important;opacity:.8;margin-top:4px!important}.marquee-shell{overflow:hidden;border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06);background:#fff;padding:18px 0}.marquee-track{display:flex;gap:18px;width:max-content;animation:marquee 35s linear infinite}.tool-pill{min-width:144px;padding:10px 14px;border-radius:8px;border:1px solid rgba(15,23,42,.06);background:#fff;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 4px 12px #0f172a0d;text-align:center}.tool-pill-icon{width:100px;height:100px;border-radius:20px;border:1px solid rgba(15,23,42,.06);display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 4px 12px #0f172a0a}.tool-pill img{width:90%;height:90%;object-fit:contain}.contact-panel{display:grid;grid-template-columns:minmax(320px,.95fr) 1.25fr;overflow:hidden}.contact-side,.contact-form-wrap{padding:44px}.contact-side{background:#f8fbff;border-right:1px solid rgba(15,23,42,.06)}.office-list{display:flex;flex-direction:column;gap:30px}.office-item{display:flex;gap:16px}.office-icon{width:40px;height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;flex-shrink:0}.office-item h4,.contact-side h3,.contact-form-wrap h3{margin:0 0 8px;color:var(--heading)}.office-item p{margin:0 0 10px;color:var(--muted)}.office-contact-links{display:flex;flex-direction:column;gap:8px;margin-top:8px}.office-item a{display:flex;align-items:center;gap:8px;color:var(--primary);font-weight:500;text-decoration:none;font-size:14px}.contact-sites-wrap{margin-top:24px;display:flex;flex-direction:column;gap:12px}.contact-site-link{display:flex;align-items:center;gap:10px;color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.contact-site-link:hover{color:var(--primary-dark)}.contact-form-wrap>p{margin:0 0 24px;color:var(--muted)}.contact-form,.admin-form{display:flex;flex-direction:column;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-form label,.admin-form label{display:flex;flex-direction:column;gap:8px}.contact-form span,.admin-form span{font-size:14px;font-weight:600}.contact-form input,.contact-form textarea,.admin-form input,.admin-form textarea,.admin-form select{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;background:#fff}.contact-form input.is-invalid,.contact-form textarea.is-invalid{border-color:#ef4444;background-color:#fffafb;outline:none}.contact-form input.is-valid,.contact-form textarea.is-valid{border-color:#22c55e;background-color:#f7fff9;outline:none}.field-error{color:#ef4444!important;font-size:12px;font-weight:500;margin-top:4px}.submit-button{width:fit-content;align-self:center;margin-top:10px}.status{padding:12px;border-radius:var(--radius);font-size:14px;display:flex;align-items:center;gap:10px}.status.success{background:#ecfdf5;color:#059669;border:1px solid #10b98133}.status.error{background:#fef2f2;color:#dc2626;border:1px solid #ef444433}.field-error{color:#dc2626;font-size:12px;font-weight:500;margin-top:4px}.floating-actions{position:fixed;right:20px;bottom:20px;z-index:1100;display:flex;flex-direction:column;gap:10px;align-items:end}.floating-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--primary);color:#fff;box-shadow:0 14px 30px #1677ff52;border:none;cursor:pointer;text-decoration:none}.floating-icon.whatsapp{background:#16a34a;box-shadow:0 14px 30px #16a34a47}.floating-icon.scroll-top{border-radius:14px}.footer{background:linear-gradient(to bottom,#1e3a8a,#172554);color:#ffffffc7;padding:80px 0 50px}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:end}.footer-logo-wrap{margin-bottom:20px}.footer-logo{height:48px;width:auto;filter:invert(1) brightness(1.2);mix-blend-mode:screen}.page-hero{padding:112px 0 72px}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--muted);font-weight:700}.detail-layout{display:flex;flex-direction:column;align-items:center;gap:40px}.detail-visual-reduced{width:100%;max-width:450px;margin:0 auto}.detail-visual-reduced img{width:100%;border-radius:12px;box-shadow:0 15px 35px #0000001a}.detail-content-centered{text-align:center;max-width:800px}.detail-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#1677ff1f;color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:18px}.detail-copy{margin:22px 0 28px;color:var(--muted);line-height:1.9;font-size:18px;white-space:pre-wrap}.detail-visual{position:sticky;top:110px}.detail-visual img,.project-fallback.large{width:100%;border-radius:8px;box-shadow:0 22px 60px #0f172a24}.project-fallback{min-height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.project-fallback span{font-size:56px;font-weight:800}.project-fallback.large{aspect-ratio:4 / 5}.detail-button{min-height:48px;padding:0 22px}.full-height{height:100%}.admin-shell{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr);gap:20px;padding:20px;background:radial-gradient(circle at top left,rgba(29,78,216,.1),transparent 28%),linear-gradient(180deg,#edf4ff,#f7fbff)}.admin-sidebar{padding:24px 20px;position:sticky;top:20px;height:calc(100vh - 40px);display:flex;flex-direction:column;background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:0 4px 20px #0000000a}.admin-brand{display:inline-flex;align-items:center}.admin-brand-frame{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:10px;background:#fffffff5;box-shadow:0 12px 26px #030e222e}.admin-brand-logo-image{height:46px;width:auto;display:block}.admin-brand-copy{margin-top:18px}.admin-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--primary)}.admin-brand-copy .admin-kicker{color:#ffffffb8}.admin-brand-copy h2{margin:10px 0 20px;color:var(--heading);font-size:20px;line-height:1.2}.admin-brand-copy p{margin:0;color:#ffffffb8;line-height:1.65;font-size:14px}.admin-nav{margin-top:24px;display:flex;flex-direction:column;gap:8px;flex:1}.admin-link{padding:11px 12px;border-radius:8px;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:10px;font-size:14px;transition:all .2s ease}.admin-link.active{background:#1d4ed814;color:var(--primary)}.admin-link:hover:not(.active){background:#f8fafc;color:var(--heading)}.admin-sidebar-card{margin-top:24px;padding:16px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.admin-sidebar-card-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;color:#ffffffeb}.admin-quick-link{display:flex;align-items:center;gap:10px;padding:10px 0;color:#ffffffc2}.admin-main{padding:6px 0;background:transparent;box-shadow:none}.admin-section{display:flex;flex-direction:column;gap:18px}.admin-page-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.admin-page-head p{margin:8px 0 0;color:var(--muted);max-width:760px}.admin-stat{min-width:210px;display:inline-flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:8px;box-shadow:0 10px 24px #0f172a0f;color:var(--heading)}.admin-stat strong,.admin-stat span{display:block}.admin-stat span{margin-top:4px;color:var(--muted);font-size:14px}.admin-form{padding:18px}.admin-panel{padding:20px;max-width:980px}.admin-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:4px}.admin-panel-head h2{margin:0;font-size:19px}.admin-panel-head p{margin:6px 0 0;color:var(--muted);font-size:14px}.admin-list{display:grid;gap:16px}.admin-card{padding:14px 16px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fbfdff}.admin-card-main{display:flex;align-items:center;gap:16px;min-width:0}.admin-card-icon,.admin-avatar{width:46px;height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-weight:800}.admin-avatar{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:var(--heading);overflow:hidden}.admin-avatar img{width:100%;height:100%;object-fit:contain;background:#fff}.admin-card-meta{margin-bottom:6px;color:var(--primary);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.admin-card h3{margin:0 0 6px}.admin-card p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.admin-card-actions{flex-shrink:0}.admin-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.admin-form input,.admin-form textarea,.admin-form select{font-size:14px;padding:10px 12px}.admin-form textarea{min-height:112px}.file-field input[type=file]{padding:10px 12px;background:#f8fbff}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:980px){.desktop-nav{display:none}.mobile-only{display:inline-flex}.contact-panel,.detail-layout,.project-card.split,.project-card.split.reverse,.admin-shell,.latest-list-card{grid-template-columns:1fr}.logo-grid,.compact-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-page-head{flex-direction:column;align-items:stretch}.contact-side{border-right:0;border-bottom:1px solid rgba(15,23,42,.06)}.detail-visual{position:static}.project-card.split.reverse .split-image,.project-card.split.reverse .split-content{order:initial}}@media(max-width:700px){section{padding:60px 0}.container{width:min(100% - 24px,1200px)}.section-head h2{font-size:30px}.hero-copy p,.detail-copy,.about-copy{font-size:16px}.hero-arrow{display:none}.form-grid,.footer-inner,.admin-card{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.floating-actions{right:14px;bottom:14px}.contact-side,.contact-form-wrap,.admin-main,.admin-sidebar,.admin-form{padding:24px}.logo-grid{grid-template-columns:1fr 1fr;gap:16px}.compact-project-grid{grid-template-columns:1fr}.admin-panel{padding:22px}}@media(max-width:600px){.admin-table th,.admin-table td{padding:10px;font-size:13px}.admin-table td{max-width:150px}}.admin-table-container{width:100%;overflow-x:auto;background:#fff;border-radius:8px;border:1px solid var(--border)}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background:#f8fbff;font-weight:700;color:var(--heading);white-space:nowrap}.admin-table tr:hover{background:#fbfdff}.admin-table td{color:var(--text);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table .td-message{max-width:400px}.modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:#fff;width:min(600px,100%);max-height:90vh;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .3s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px;color:var(--heading)}.modal-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;transition:color .2s}.modal-close:hover{color:var(--text)}.modal-body{padding:24px;overflow-y:auto}.modal-field{margin-bottom:20px}.modal-field label{display:block;font-size:12px;text-transform:uppercase;font-weight:700;color:var(--primary);margin-bottom:6px;letter-spacing:.05em}.modal-field p{margin:0;font-size:15px;line-height:1.6;color:var(--text)}.modal-field .message-text{background:#f8fbff;padding:16px;border-radius:8px;white-space:pre-wrap}.achievement-header{margin-bottom:60px}.achievement-header h2{font-size:36px;color:var(--heading);margin-bottom:12px}.header-line{width:60px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px}.achievement-badge-grid{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:40px;padding:20px 0}.achievement-badge-item{flex:0 0 auto;transition:transform .3s ease}.achievement-badge-item:hover{transform:scale(1.1)}.badge-img-wrap{width:200px;height:200px;display:flex;align-items:center;justify-content:center}.badge-img-wrap img{max-width:100%;max-height:100%;object-fit:contain}@media(max-width:768px){.achievement-badge-grid{gap:30px}.badge-img-wrap{width:150px;height:150px}}