:root{--navy:#10263f;--blue:#235bea;--mint:#c4ffe6;--ink:#14283d;--muted:#586878;--line:#dce3eb;--pale:#f2f6fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:24px;font-weight:750;display:flex;align-items:center;gap:10px;white-space:nowrap;letter-spacing:-.6px}.brand-note{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted);padding-left:10px;border-left:1px solid var(--line)}.mark{background:var(--navy);color:var(--mint);width:35px;height:35px;display:grid;place-content:center;border-radius:8px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a:hover,.text-link:hover{color:var(--blue)}.nav-contact{border:1px solid var(--line);padding:9px 16px;border-radius:5px}.hero{padding-top:64px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:650;color:var(--blue);margin:0 0 24px}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:58px;align-items:center}h1{font-size:clamp(40px,4.7vw,62px);line-height:1.27;letter-spacing:-2px;margin:0 0 26px;font-weight:750}h1 span{color:var(--blue)}.intro{font-size:18px;color:var(--muted);max-width:520px;line-height:1.9}.actions{display:flex;align-items:center;gap:26px;margin:32px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:14px 21px;background:var(--blue);color:white;border-radius:5px;font-size:15px;font-weight:600;transition:transform .2s}.button:hover{transform:translateY(-2px)}.text-link{font-size:14px}.hero-card{background:var(--navy);color:white;padding:29px 30px 24px;border-radius:8px}.card-top{display:flex;justify-content:space-between;color:#b4c5d7;font-size:13px;gap:10px}.mono{font-family:monospace;font-size:12px}.hero-card h2{font-size:28px;line-height:1.5;margin:28px 0 24px}.flow-row{border-top:1px solid #ffffff25;padding:17px 0;display:flex;flex-direction:column;gap:5px}.flow-row b{font-size:15px;color:var(--mint)}.flow-row span{font-size:14px;color:#c3cede}.card-bottom{margin-top:10px;font-size:12px;color:#abbacf}.hero-footer{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:35px 0 25px;margin-top:27px;font-size:12px;color:var(--muted);letter-spacing:1px}.hero-footer i{font-style:normal;padding:0 8px}.section{padding-top:85px;padding-bottom:85px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-head .eyebrow{margin-bottom:13px}h2{font-size:34px;line-height:1.5;letter-spacing:-.8px;margin:0} .section-head>p{color:var(--muted);font-size:14px;margin:0 0 7px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.service{border:1px solid var(--line);padding:27px 25px;border-radius:6px}.number{color:var(--blue);font-family:monospace;font-size:15px}.service h3{font-size:22px;margin:20px 0 13px}.service p{color:var(--muted);font-size:15px;margin:0 0 26px;line-height:1.9}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:12px;background:var(--pale);padding:4px 8px}.work-section{background:var(--pale)}.project{display:grid;grid-template-columns:56px 1.5fr 1fr;gap:27px;padding:32px 0;border-top:1px solid #d0dae6}.project:last-child{border-bottom:1px solid #d0dae6}.project-index{font-size:38px;line-height:1.2;color:#7a92b0;font-weight:300}.label{font-size:12px;color:var(--blue)}.project h3{font-size:23px;line-height:1.5;margin:7px 0 12px}.project p{color:var(--muted);font-size:15px;max-width:530px;margin:0}.project-detail{padding:7px 0 0 28px;border-left:1px solid var(--line)}.project-detail h4{font-size:14px;margin:0 0 8px}.project-detail span{display:block;margin-top:17px;font-size:12px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps article{border-top:2px solid var(--navy);padding-top:18px}.steps span{font-size:12px;color:var(--blue)}.steps h3{font-size:19px;margin:17px 0 10px}.steps p{font-size:14px;color:var(--muted);margin:0}.about-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-top:55px;padding-bottom:85px;border-top:1px solid var(--line)}.about-copy>p{font-size:17px;color:var(--muted);margin:0 0 20px;line-height:1.9}.personal{border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.personal>span{font-size:12px;color:var(--blue)}.personal h3{font-size:18px;margin:10px 0}.personal p,.personal a{font-size:14px}.personal p{color:var(--muted)}.personal a{color:var(--blue)}.contact{background:var(--navy);color:white;border-radius:8px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1144px}.contact .eyebrow{color:var(--mint);font-size:12px;margin-bottom:16px}.contact h2{font-size:36px}.contact p{color:#bdcad8;font-size:14px;margin-bottom:0}.light{background:var(--mint);color:var(--navy)}.contact-action{display:flex;flex-direction:column;align-items:center;gap:13px}.contact-action>span{font-size:12px;color:#bdcad8}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:36px;padding-bottom:36px}footer .brand{font-size:20px}footer>span{color:var(--muted);font-size:12px}@media(min-width:1450px){.hero{padding-top:85px}}@media(max-width:950px){.wrap{padding-left:28px;padding-right:28px}.hero-grid{gap:28px}nav{gap:16px}.brand-note{display:none}.hero-card{padding:24px}.hero-card h2{font-size:24px}.three-grid{gap:13px}.service{padding:22px 18px}.contact{margin:0 28px}.actions{gap:16px;flex-wrap:wrap}.steps{gap:18px}.section-head>p{max-width:240px}}@media(max-width:700px){header{min-height:80px;align-items:center;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;gap:18px}nav{width:100%;justify-content:space-between;gap:9px;font-size:13px}.nav-contact{padding:6px 9px}.hero{padding-top:35px}.hero-grid{grid-template-columns:1fr;gap:24px}h1{font-size:43px;letter-spacing:-1.5px}.intro{font-size:16px}.hero-card{padding:25px}.hero-footer{flex-direction:column;font-size:11px;margin-top:15px}.section{padding-top:55px;padding-bottom:55px}.section-head{display:block;margin-bottom:27px}.section-head>p{max-width:none;margin-top:18px}h2{font-size:28px}.three-grid{grid-template-columns:1fr}.service{padding:25px}.service h3{margin-top:10px}.service p{margin-bottom:20px}.project{grid-template-columns:30px 1fr;gap:15px}.project-index{font-size:28px}.project h3{font-size:21px}.project-detail{grid-column:2;padding:13px 0 0;border-left:0;border-top:1px solid var(--line)}.steps{grid-template-columns:1fr 1fr;gap:28px 22px}.steps h3{font-size:17px}.about-section{grid-template-columns:1fr;gap:26px;padding-top:45px;padding-bottom:45px}.about-copy>p{font-size:16px}.contact{display:block;padding:30px 24px;margin:0 20px}.contact h2{font-size:28px}.contact-action{margin-top:27px;align-items:flex-start}.contact p br{display:none}footer{flex-wrap:wrap;gap:13px}footer .brand{width:100%}footer>span{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.contact-email{font-size:16px;color:#fff;overflow-wrap:anywhere}.contact-social{font-size:14px;color:#bdcad8}.contact-email:hover,.contact-social:hover{text-decoration:underline}