:root{--background: #ffffff;--foreground: #101828;--card: #ffffff;--card-foreground: #101828;--primary: #169a4a;--primary-foreground: #ffffff;--muted: #f2f4f7;--muted-foreground: #667085;--accent: #e7f6ec;--accent-foreground: #11833d;--destructive: #e53935;--border: #e4e7ec;--input: #d0d5dd;--ring: #20a957;--sidebar: #101716;--sidebar-foreground: #dce3e0;--sidebar-border: #2c3734;--sidebar-image-border: #53615d;--sidebar-accent: #70df9f;--sidebar-accent-muted: #70d79b;--sidebar-accent-background: #1a2b25;--shadow-color: rgb(18 40 29 / 6%);--brand: #0b7a43;--content-foreground: #111b16;--content-secondary: #57635d;--content-muted: #66716b;--content-tertiary: #77827d;--surface-subtle: #f7faf8;--surface-accent: #e5f4eb;--surface-accent-muted: #eff8f2;--border-subtle: #dae2de;--border-card: #d8e0dc;--border-soft: #dbe6df;--tag-border: #bed7c8;--tag-foreground: #246b46;--body-muted: #46514b;--error: #b42318}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Space Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--font-size-display: clamp(48px, 7vw, 82px);--font-size-heading-1: 32px;--font-size-heading-2: 23px;--font-size-role: 21px;--font-size-body-large: 17px;--font-size-body: 16px;--font-size-label: 14px;--font-size-caption: 13px;--font-size-eyebrow: 12px;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-display: .95;--line-height-heading: 1.2;--line-height-body: 1.6;--line-height-body-relaxed: 1.75;--line-height-label: 1.35;--letter-spacing-display: -.075em;--letter-spacing-heading-1: -.05em;--letter-spacing-heading-2: -.04em;--letter-spacing-label: .08em;--letter-spacing-eyebrow: .1em;color:var(--foreground);background:var(--background);font-family:var(--font-sans);font-synthesis:none}.tlda-button{display:inline-flex;min-height:36px;flex-shrink:0;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:6px;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.25;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.tlda-button:focus-visible{outline:3px solid color-mix(in srgb,var(--ring) 30%,transparent);outline-offset:2px}.tlda-button:disabled{pointer-events:none;opacity:.5}.tlda-button--primary{color:var(--primary-foreground);background:var(--primary)}.tlda-button--primary:hover{background:var(--accent-foreground)}.tlda-button--outline{border-color:var(--border);color:var(--foreground);background:var(--background)}.tlda-button--outline:hover,.tlda-button--ghost:hover{color:var(--accent-foreground);background:var(--accent)}.tlda-button--ghost{color:var(--foreground);background:transparent}.tlda-button--small{min-height:32px;padding:6px 12px}.tlda-button--icon{width:36px;min-height:36px;padding:0}.tlda-skill-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tlda-skill-badge{display:inline-flex;min-height:36px;align-items:center;gap:8px;padding:6px 11px;border:1px solid #e1e7e3;border-radius:12px;background:#fbfcfb;color:#18221b;font:600 13px/1.1 system-ui,sans-serif;white-space:nowrap}.tlda-skill-badge__icon{display:inline-flex;width:22px;height:22px;flex:0 0 22px;align-items:center;justify-content:center}.tlda-skill-badge__icon img{width:100%;height:100%;object-fit:contain}.tlda-skill-badge__fallback{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.35}:root{font-family:Space Grotesk,sans-serif;color:#0d1c3d;background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.site-shell{max-width:1440px;margin:auto;padding:0 48px}nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3ebf6}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-.05em}.brand>strong span{color:#1472e8}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:5px solid #12203f;border-right-color:transparent;border-radius:50%;font-weight:800;font-size:14px}.brand-mark span{color:#1472e8;font-size:16px;margin-left:8px}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px}.nav-links a:hover{color:#1472e8}.nav-cta,.button.primary{background:#1268e8;color:#fff;border-radius:7px;padding:14px 19px;box-shadow:0 8px 18px #1268e82b}.hero{display:grid;grid-template-columns:1fr 1.18fr;min-height:565px;align-items:center;gap:40px}.hero-copy{padding:80px 0}.eyebrow,.project-company{color:#176ce2;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.hero h1{font-size:clamp(48px,6vw,84px);line-height:1.02;letter-spacing:-.075em;margin:25px 0;max-width:700px}.hero h1 em,.about h2 em,.contact h2 em{color:#176ce2;font-style:normal}.intro{max-width:540px;color:#53617b;font-size:19px;line-height:1.55;margin-bottom:34px}.hero-actions{display:flex;gap:13px}.button{display:inline-flex;gap:22px;align-items:center;padding:14px 19px;font-size:14px;font-weight:700;border-radius:7px}.button.secondary{border:1px solid #176ce2;color:#176ce2}.hero-art{height:510px;overflow:hidden;position:relative;background:#f7faff;border-radius:0 0 0 150px}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fff 92%);pointer-events:none}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.9}.capabilities{border-top:1px solid #e3ebf6;border-bottom:1px solid #e3ebf6;padding:35px 0 40px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:22px}.capability-grid article{display:flex;gap:15px}.capability-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;font-size:25px}.violet{background:#eeeaff;color:#5832d3}.blue{background:#e2efff;color:#1268e8}.cyan{background:#e1fbff;color:#0ab5d5}.capability-grid h2{font-size:18px;margin:2px 0 8px}.capability-grid p,.about p{color:#53617b;line-height:1.5;margin:0}.work{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #e3ebf6;padding-bottom:20px}.section-heading h2{font-size:38px;letter-spacing:-.06em;margin:15px 0 0}.section-heading>span{color:#8290a7;font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.project{border:1px solid #dce7f5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #183b6610}.project-art{height:160px;display:grid;place-items:center;font-size:65px}.art-0{background:linear-gradient(135deg,#f0ebff,#dcd2ff);color:#5733cf}.art-1{background:linear-gradient(135deg,#e9f4ff,#c6e0ff);color:#1268e8}.art-2{background:linear-gradient(135deg,#e7fbff,#c4f4f8);color:#08aecb}.project-copy{padding:22px}.project-company{margin:0 0 10px;font-size:10px}.project h3{font-size:24px;letter-spacing:-.05em;margin:0 0 10px}.project-copy>p:not(.project-company){color:#53617b;line-height:1.5;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{background:#f0f5fc;color:#176ce2;border-radius:99px;padding:5px 9px;font-size:11px}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid #e3ebf6;padding:90px 0}.about h2{font-size:clamp(32px,4vw,55px);line-height:1.05;letter-spacing:-.065em;max-width:780px;margin:0 0 25px}.about p{max-width:700px;font-size:18px}.contact{background:url(/assets/profile-banner.png) center/cover;border-radius:0 120px 0 0;padding:105px 0 130px 7%;margin-left:-7%;margin-right:-7%}.contact h2{font-size:clamp(50px,7vw,100px);line-height:.95;letter-spacing:-.08em;margin:22px 0 45px}.contact-link{color:#176ce2;font-size:18px;border-bottom:2px solid #176ce2;padding-bottom:8px}footer{border-top:1px solid #e3ebf6;padding:25px 0 30px;display:flex;justify-content:space-between;color:#71809a;font-size:12px}@media(max-width:800px){.site-shell{padding:0 20px}.nav-links{gap:12px;font-size:12px}.nav-cta{display:none}.hero{display:block}.hero-copy{padding:75px 0 45px}.hero-art{height:280px;border-radius:0 0 0 70px}.capability-grid,.project-grid,.about{grid-template-columns:1fr}.capability-grid{gap:25px}.work{padding:75px 0}.section-heading h2{font-size:30px}.about{gap:25px;padding:75px 0}.contact{padding:75px 7% 90px}.contact h2{font-size:57px}footer{display:block;line-height:2}}.capability-illustration{width:72px;height:72px;object-fit:contain;flex:0 0 72px}.project-art img{max-width:78%;max-height:150px;object-fit:contain}.section-heading>span{color:#5f6d84}.tags span{color:#0d5bbf}.contact{background-image:url(/assets/profile-banner.webp)}footer{color:#56657e}.brand-logo{width:52px;height:43px;object-fit:cover;object-position:center;mix-blend-mode:multiply}