:root{--bg:#f6f8fb;--surface:#fff;--ink:#132033;--muted:#64748b;--navy:#0c1726;--teal:#14b8a6;--blue:#2563eb;--line:#dce4ef;--shadow:0 18px 60px rgba(15,23,42,.08);--radius:24px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}img{max-width:100%;display:block}a{color:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:999;background:#fff;padding:10px}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:rgba(246,248,251,.88);border-bottom:1px solid rgba(220,228,239,.8)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-size:.9rem}.main-nav{display:flex;align-items:center;gap:26px}.main-nav a{text-decoration:none;color:#344155;font-weight:650;font-size:.95rem}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:14px;border:0;text-decoration:none;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff!important;font-weight:800;box-shadow:0 10px 30px rgba(37,99,235,.18);cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}.btn-small{padding:10px 14px}.hero{padding:104px 0 84px;background:radial-gradient(circle at 85% 20%,rgba(20,184,166,.13),transparent 25%),radial-gradient(circle at 70% 60%,rgba(37,99,235,.10),transparent 28%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--blue);font-size:.78rem}h1,h2,h3{line-height:1.12;margin:0 0 18px}h1{font-size:clamp(3.1rem,8vw,6.3rem);letter-spacing:-.055em;max-width:850px}h2{font-size:clamp(2rem,4.8vw,3.6rem);letter-spacing:-.035em}h3{font-size:1.25rem}.lead{font-size:clamp(1.2rem,2vw,1.5rem);max-width:760px;color:#42516a}.lead-sm{font-size:1.15rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#536176;font-size:.92rem}.status-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;margin-bottom:14px;box-shadow:var(--shadow);font-weight:700}.status-badge span{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.hero-card{background:var(--navy);color:#fff;padding:28px;border-radius:28px;box-shadow:0 30px 90px rgba(12,23,38,.22)}.hero-card-title{font-size:1.2rem;font-weight:850;margin-bottom:20px}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tech-grid span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:12px;border-radius:12px;text-align:center}.section{padding:96px 0}.section-head{max-width:800px;margin-bottom:44px}.section-head.narrow{max-width:760px}.section-head>p:last-child{color:var(--muted);font-size:1.08rem}.cards{display:grid;gap:20px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.card,.quote,.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.card .icon{font-size:2rem;margin-bottom:18px}.card p{color:var(--muted)}.card a{font-weight:800;color:var(--blue);text-decoration:none}.section-dark{background:var(--navy);color:#fff}.section-dark .eyebrow{color:#5eead4}.section-dark p{color:#cbd5e1}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.skill-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.skill-columns>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px}.skill-columns ul{margin:0;padding-left:20px;color:#d7e2ee}.process{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:36px 0 46px}.process div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:130px}.process strong{display:block;color:var(--teal);font-size:1.55rem}.process span{font-weight:800}.feature-band{background:linear-gradient(135deg,#0f1f34,#122a3b);color:#fff;border-radius:28px;padding:30px;display:flex;justify-content:space-between;gap:24px;align-items:center}.feature-band p{color:#cbd5e1;margin-bottom:0}.soft{background:#eef3f8}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-grid span{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px;font-weight:700}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.project img{aspect-ratio:16/10;object-fit:cover;width:100%}.project-body{padding:22px}.project-body p{margin-bottom:0;color:var(--muted)}.real-cases{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.real-cases article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}.case-tag{display:inline-block;font-size:.78rem;font-weight:850;color:var(--blue);margin-bottom:12px}.real-cases small{color:var(--muted)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.quote p{font-size:1.15rem;margin-top:0}.quote footer{color:var(--muted)}.stat-card{display:flex;flex-direction:column;justify-content:center;text-align:center}.stat-card strong{font-size:3.3rem;line-height:1;color:var(--blue)}.stat-card span{margin-top:10px;color:var(--muted)}.contact{background:linear-gradient(180deg,#f6f8fb,#eaf0f6)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.contact-links a{font-size:1.18rem;font-weight:850;color:var(--blue);text-decoration:none}.contact-form{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow);display:grid;gap:16px}.contact-form label{font-weight:800}.contact-form label span{font-weight:500;color:var(--muted)}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;border:1px solid #cad5e2;border-radius:12px;padding:13px 14px;font:inherit;color:var(--ink);background:#fbfdff}.contact-form input:focus,.contact-form textarea:focus{outline:3px solid rgba(37,99,235,.12);border-color:var(--blue)}.contact-form small{color:var(--muted)}.site-footer{background:var(--navy);color:#cbd5e1;padding:26px 0}.footer-row{display:flex;justify-content:space-between;gap:20px}.footer-row a{color:#fff}@media(max-width:960px){.hero-grid,.split,.contact-grid,.about-grid{grid-template-columns:1fr}.cards.four{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr)}.main-nav{position:absolute;top:74px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.main-nav.open{display:flex}.nav-toggle{display:block}}@media(max-width:680px){.container{width:min(100% - 24px,var(--container))}.hero{padding:72px 0 58px}h1{font-size:clamp(2.6rem,16vw,4.4rem)}.section{padding:72px 0}.cards.four,.cards.three,.portfolio-grid,.real-cases,.skill-columns,.check-grid{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.feature-band{align-items:flex-start;flex-direction:column}.tech-grid{grid-template-columns:repeat(2,1fr)}.footer-row{flex-direction:column}}

/* V2 : hero background */
.hero-with-bg{position:relative;isolation:isolate;color:#fff;background-image:linear-gradient(90deg,rgba(7,16,28,.96) 0%,rgba(7,16,28,.86) 48%,rgba(7,16,28,.56) 100%),url("assets/hero-tech.jpg");background-size:cover;background-position:center right}.hero-with-bg::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 75% 30%,rgba(37,99,235,.18),transparent 38%)}.hero-with-bg .eyebrow{color:#5eead4}.hero-with-bg .lead,.hero-with-bg .trust-row{color:#d9e3ef}.hero-with-bg .btn-secondary{background:rgba(255,255,255,.08);color:#fff!important;border-color:rgba(255,255,255,.28);backdrop-filter:blur(8px)}.hero-with-bg .status-badge{background:rgba(12,23,38,.82);color:#fff;border-color:rgba(255,255,255,.16)}.hero-with-bg .hero-card{background:rgba(12,23,38,.78);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.turnstile-wrap{min-height:65px}.form-note{margin:0;color:var(--muted);font-size:.88rem}.form-status{display:none;border-radius:12px;padding:12px 14px;font-weight:700}.form-status.success{display:block;color:#166534;background:#dcfce7;border:1px solid #86efac}.form-status.error{display:block;color:#991b1b;background:#fee2e2;border:1px solid #fecaca}

[data-lightbox]{cursor:zoom-in}
.lightbox{
  position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;
  padding:30px 74px;background:rgba(5,10,18,.92);backdrop-filter:blur(8px)
}
.lightbox.open{display:flex}
.lightbox-inner{
  width:min(1400px,92vw);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:14px
}
.lightbox-image{
  display:block;max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;
  border-radius:14px;box-shadow:0 28px 80px rgba(0,0,0,.45);background:#fff
}
.lightbox-caption{color:#fff;text-align:center;font-size:.95rem;line-height:1.45;min-height:1.45em}
.lightbox-close,.lightbox-prev,.lightbox-next{
  position:absolute;border:0;color:#fff;background:rgba(255,255,255,.10);
  backdrop-filter:blur(8px);cursor:pointer;transition:.2s
}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:rgba(255,255,255,.20)}
.lightbox-close{top:20px;right:20px;width:46px;height:46px;border-radius:50%;font-size:2rem;line-height:1}
.lightbox-prev,.lightbox-next{
  top:50%;transform:translateY(-50%);width:48px;height:64px;border-radius:14px;font-size:2.6rem;line-height:1
}
.lightbox-prev{left:18px}.lightbox-next{right:18px}
body.lightbox-open{overflow:hidden}
@media(max-width:700px){
  .lightbox{padding:64px 12px 84px}
  .lightbox-inner{width:100%}
  .lightbox-image{max-height:72vh;border-radius:10px}
  .lightbox-prev,.lightbox-next{top:auto;bottom:18px;transform:none;width:52px;height:48px}
  .lightbox-prev{left:calc(50% - 62px)}
  .lightbox-next{right:calc(50% - 62px)}
}

.lightbox[aria-hidden="true"]{display:none}
.lightbox[aria-hidden="false"].open{display:flex}