:root{--ink: #0d1a26;--ink-2: #1d2f3f;--navy: #002b5b;--navy-deep: #04182c;--blue: #0067bf;--accent: #3b8c93;--accent-soft: #8fc0c4;--accent-wash: #edf5f5;--body: #3d4a5c;--muted: #6e7c90;--line: #e3e9f2;--bg: #f7f9fc;--white: #ffffff;--font-sans: ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;--wrap: 1180px;--r: 14px;--shadow-sm: 0 1px 2px rgba(13, 26, 38, .05), 0 6px 16px rgba(13, 26, 38, .04);--shadow-md: 0 2px 6px rgba(13, 26, 38, .06), 0 18px 40px rgba(13, 26, 38, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--body);font-family:var(--font-sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent)}h1,h2,h3,h4{color:var(--ink);font-family:var(--font-serif);font-weight:600;line-height:1.15;letter-spacing:-.015em;margin:0 0 .5em;text-wrap:balance;overflow-wrap:break-word}h1{font-size:clamp(2.1rem,5vw,3.6rem)}h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}h3{font-size:clamp(1.15rem,2vw,1.4rem)}p{margin:0 0 1em}ul,ol{margin:0 0 1em;padding-left:1.2em}li{margin:.3em 0}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px}.wrap-narrow{max-width:820px}.section{padding-block:clamp(56px,8vw,104px)}.section-tight{padding-block:clamp(40px,5vw,64px)}.center{text-align:center}.mt-0{margin-top:0}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--accent);display:inline-block}.lede{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--body);max-width:62ch}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(14px);background:#f7f9fcdb;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:600;letter-spacing:-.01em}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--navy),var(--accent));color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em}.brand small{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;color:var(--muted);font-weight:400;text-transform:uppercase}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:8px 12px;border-radius:8px;font-size:.93rem;text-decoration:none;color:var(--body)}.nav a:hover{background:var(--white);color:var(--navy)}.nav a[aria-current=page]{color:var(--navy);font-weight:600}.header-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--navy);color:#fff!important;text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap}.header-cta:hover{background:var(--ink);color:#fff}.nav-toggle{display:none}@media(max-width:860px){.nav{display:none}.nav-toggle{display:inline-flex;border:1px solid var(--line);background:var(--white);border-radius:8px;padding:8px 12px;font-size:.85rem;cursor:pointer}.site-header[data-open=true] .nav{display:flex;position:absolute;inset:66px 0 auto;flex-direction:column;align-items:stretch;background:var(--white);border-bottom:1px solid var(--line);padding:10px 16px 18px;gap:2px}}@media(max-width:640px){body{font-size:16px}.wrap{padding-inline:18px}.stat-row{grid-template-columns:1fr 1fr}.stat{padding:16px}.stat b{font-size:1.4rem}.case-hero .meta-row{gap:8px 18px;font-size:.82rem}.work-grid{grid-template-columns:1fr}.header-cta{padding:8px 14px;font-size:.85rem}.brand small{display:none}.next-prev{flex-direction:column;gap:10px}.prose blockquote{padding:14px 16px;font-size:1rem}}.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:999px;font-size:.96rem;font-weight:500;text-decoration:none;border:1px solid transparent;transition:transform .14s ease,background .14s ease,color .14s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--ink);color:#fff}.btn-ghost{border-color:var(--line);background:var(--white);color:var(--navy)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-onDark{background:var(--accent);color:#041820}.btn-onDark:hover{background:var(--accent-soft);color:#041820}.btn-outlineDark{border-color:#ffffff47;color:#fff}.btn-outlineDark:hover{border-color:#fff;color:#fff;background:#ffffff0f}.hero{position:relative;overflow:hidden;background:radial-gradient(1100px 520px at 78% -10%,rgba(59,140,147,.28),transparent 62%),radial-gradient(900px 480px at 8% 110%,rgba(0,103,191,.22),transparent 60%),linear-gradient(180deg,#04182c,#06243d 58%,#0a2e4a);color:#dfe9f2;padding-block:clamp(64px,9vw,118px)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 30%,#000 20%,transparent 78%);pointer-events:none}.hero .wrap{position:relative;z-index:1}.hero h1{color:#fff;max-width:20ch}.hero .eyebrow{color:var(--accent-soft)}.hero .eyebrow:before{background:var(--accent-soft)}.hero .lede{color:#b9cbdb;max-width:60ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-note{margin-top:26px;font-size:.86rem;color:#8fa6ba;font-family:var(--font-mono);letter-spacing:.02em}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-top:clamp(36px,5vw,58px);background:#ffffff24;border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden}.stat{background:#06243da8;padding:20px 22px}.stat b{display:block;font-family:var(--font-serif);font-size:clamp(1.5rem,2.6vw,2rem);color:#fff;font-weight:600;line-height:1.1}.stat span{display:block;margin-top:6px;font-size:.78rem;color:#9db4c7;letter-spacing:.02em}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card-link{text-decoration:none;color:inherit;display:block}.card-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#cfdceb}.card h3{margin-bottom:8px}.card p{margin-bottom:0;font-size:.95rem}.card .num{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);letter-spacing:.12em;display:block;margin-bottom:14px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 34px}.chip{border:1px solid var(--line);background:var(--white);color:var(--body);border-radius:999px;padding:8px 15px;font-size:.88rem;cursor:pointer;font-family:inherit}.chip:hover{border-color:var(--accent-soft)}.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.work-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.work-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease}.work-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.work-card .thumb{aspect-ratio:16 / 10;background:#eef3f8;overflow:hidden;border-bottom:1px solid var(--line)}.work-card .thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}.thumb-fallback{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:22px 24px;background:radial-gradient(420px 180px at 15% 0%,rgba(59,140,147,.28),transparent 65%),linear-gradient(135deg,#06243d,#0a3355)}.thumb-fallback span{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#7fa8bd}.thumb-fallback strong{font-family:var(--font-serif);font-weight:600;font-size:1.18rem;line-height:1.2;color:#e7f0f7;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nda-callout{margin:28px 0;padding:22px 24px;border:1px dashed #c9d7e6;background:#f3f7fb;border-radius:12px;font-size:.94rem}.nda-callout b{display:block;color:var(--ink);margin-bottom:6px}.work-card .body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}.work-card h3{font-size:1.12rem;margin:0}.work-card .meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.work-card p{font-size:.93rem;margin:0;flex:1}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:500;padding:4px 10px;border-radius:999px;font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap}.badge-delivered{background:#e8f4ee;color:#1f6b46}.badge-mvp{background:#eef2fb;color:#2f4d8f}.badge-progress{background:#fdf3e3;color:#8a5a12}.badge-internal{background:#f0f1f4;color:#5a6472}.case-hero{background:linear-gradient(180deg,#04182c,#082c48);color:#dfe9f2;padding-block:clamp(48px,7vw,86px)}.case-hero h1{color:#fff;max-width:24ch}.case-hero .lede{color:#b9cbdb}.case-hero .meta-row{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);font-size:.86rem;color:#9db4c7}.case-hero .meta-row b{color:#fff;font-weight:500}.case-body{padding-block:clamp(44px,6vw,76px)}.case-body .prose>h2{margin-top:2.2em;padding-top:.9em;border-top:1px solid var(--line);font-size:clamp(1.3rem,2.2vw,1.65rem)}.case-body .prose>h2:first-child{margin-top:0;border-top:0;padding-top:0}.prose{max-width:74ch}.prose h3{margin-top:1.8em}.prose li{margin:.4em 0}.prose blockquote{margin:1.6em 0;padding:18px 24px;border-left:3px solid var(--accent);background:var(--accent-wash);border-radius:0 10px 10px 0;font-family:var(--font-serif);font-size:1.06rem;color:var(--ink-2)}.prose blockquote p:last-child{margin-bottom:0}.gallery{display:grid;gap:18px;margin:2em 0}.gallery figure{margin:0}.gallery img{width:100%;border-radius:10px;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff}.gallery figcaption{margin-top:9px;font-size:.84rem;color:var(--muted);font-family:var(--font-mono);letter-spacing:.01em}.gallery.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.spec-table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.94rem}.spec-table th,.spec-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}.spec-table th{color:var(--muted);font-weight:500;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.next-prev{display:flex;justify-content:space-between;gap:16px;margin-top:60px;padding-top:28px;border-top:1px solid var(--line);font-size:.92rem}.cta-band{background:radial-gradient(900px 380px at 20% 0%,rgba(59,140,147,.3),transparent 60%),linear-gradient(180deg,#07253f,#04182c);color:#dfe9f2;padding-block:clamp(56px,7vw,88px)}.cta-band h2{color:#fff;max-width:24ch}.cta-band p{color:#b9cbdb;max-width:58ch}.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.site-footer{background:#04121f;color:#93a8bb;padding-block:52px 34px;font-size:.9rem}.footer-grid{display:grid;gap:32px;grid-template-columns:1.6fr 1fr 1fr 1.2fr}.site-footer h4{color:#e6eef6;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}.site-footer a{color:#b9cbdb;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:7px 0}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:.82rem;color:#6f869a}@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}}.contact-grid{display:grid;gap:26px;grid-template-columns:1.25fr 1fr;align-items:start}@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:.86rem;color:var(--ink-2);font-weight:500}.field input,.field textarea,.field select{font-family:inherit;font-size:.96rem;color:var(--ink);padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--white)}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid rgba(59,140,147,.35);outline-offset:1px;border-color:var(--accent)}.field textarea{min-height:120px;resize:vertical}.form-note{font-size:.82rem;color:var(--muted)}.contact-list{list-style:none;padding:0}.contact-list li{padding:16px 0;border-bottom:1px solid var(--line)}.contact-list b{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-family:var(--font-mono);margin-bottom:4px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{font-family:var(--font-mono);font-size:.72rem;padding:4px 9px;border-radius:6px;background:var(--accent-wash);color:#2c6e74}.rule{height:1px;background:var(--line);border:0;margin:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:34px}.section-head h2{margin-bottom:0}.skip-link{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:10px 16px;z-index:100;border-radius:0 0 8px}.skip-link:focus{left:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
