:root{--navy:#17345b;--blue:#3478d4;--ink:#172b45;--muted:#65758b;--line:#e4eaf1;--bg:#fff;--soft:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #3478d4;outline-offset:4px}.container{max-width:1160px;padding:0 28px;margin:auto}.site-header{background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:-.03em;font-size:17px}.brand-mark{background:var(--navy);color:#fff;width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:13px;letter-spacing:0}.site-header nav{display:flex;gap:31px;font-size:14px;color:#52627a;font-weight:550}.site-header nav a:hover{color:var(--blue)}.hero{min-height:620px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;padding-top:85px;padding-bottom:100px}.eyebrow,.section-kicker,.project-label{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;background:#22b28b;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #e5f7f1}.hero h1{font-size:clamp(39px,4.7vw,64px);line-height:1.14;letter-spacing:-.058em;margin:22px 0 23px;color:#142b47}.hero h1 span{color:var(--blue)}.lead{font-size:17px;color:var(--muted);max-width:610px}.lead strong{color:var(--ink)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);border-radius:9px;padding:12px 20px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.button.primary:hover{background:#2568c1}.button.secondary{background:#fff;color:var(--navy);border-color:#d5deea}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.hero-tags span,.chips span{font-size:12px;background:#eef4fc;color:#44668f;border-radius:6px;padding:6px 11px;font-weight:600}.hero-panel{background:#fff;border:1px solid var(--line);box-shadow:0 22px 65px #17345b12;border-radius:18px;padding:29px}.panel-top{display:flex;align-items:center;gap:11px;color:#8b99aa;font-size:11px;font-weight:800;letter-spacing:.14em;padding-bottom:21px;border-bottom:1px solid var(--line)}.panel-icon{width:35px;height:35px;background:#edf4ff;color:var(--blue);border-radius:9px;display:grid;place-items:center;font-size:23px}.focus-item{display:flex;align-items:center;gap:17px;padding:22px 0;border-bottom:1px solid #eef1f5}.focus-symbol{width:43px;height:43px;display:grid;place-items:center;background:#f3f7fc;border-radius:10px;color:var(--blue);font-size:13px;font-weight:800}.focus-item strong,.focus-item small{display:block}.focus-item strong{font-size:14px}.focus-item small{color:var(--muted);font-size:12px;margin-top:3px}.panel-footer{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px;margin-top:24px}.section{padding:100px 0}.section.alt{background:var(--soft)}h2{font-size:clamp(30px,3.4vw,43px);line-height:1.2;letter-spacing:-.045em;color:var(--navy);margin:14px 0 20px}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.section-copy{font-size:16px;color:var(--muted)}.section-copy p:first-child{margin-top:0}.meta-line{display:flex;flex-wrap:wrap;gap:22px;color:var(--navy);font-size:13px;font-weight:650;margin-top:24px}.section-intro{color:var(--muted);margin-top:-6px;margin-bottom:34px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.skill-card,.project-card{background:#fff;border:1px solid var(--line);border-radius:14px}.skill-card{padding:28px}.skill-icon{width:43px;height:43px;border-radius:10px;background:#eaf2fe;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:20px}.skill-card h3{font-size:17px;letter-spacing:-.02em;margin:20px 0 9px}.skill-card p{font-size:14px;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:stretch}.project-card{overflow:hidden}.project-body{padding:30px}.project-card h3{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:12px 0}.project-card p{color:var(--muted);font-size:14px}.project-visual{background:linear-gradient(135deg,#17345b,#2c5d99);padding:26px;min-height:250px;display:grid;place-items:center}.mini-network{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.mini-network span{background:#ffffff19;border:1px solid #ffffff55;color:white;border-radius:8px;padding:12px 14px;font-size:12px;font-weight:650}.mini-network i{color:#b6d9ff;font-style:normal}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.project-note{font-size:12px!important;margin-top:18px}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-box p{color:var(--muted)}.contact-actions .button{margin-right:8px;margin-top:12px}.contact-actions small{display:block;margin-top:14px;color:#8895a5}.footer{border-top:1px solid var(--line);padding:24px 0;color:#8b99aa;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:75px}.hero-panel{max-width:560px}.two-col{grid-template-columns:1fr;gap:15px}.skills-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.contact-box{grid-template-columns:1fr;gap:18px}}@media(max-width:560px){.container{padding:0 20px}.nav-wrap{height:auto;padding-top:15px;padding-bottom:15px;align-items:flex-start;flex-direction:column;gap:12px}.site-header nav{gap:17px;flex-wrap:wrap;font-size:13px}.hero{padding-top:55px}.hero h1{font-size:38px}.hero-panel{padding:20px}.section{padding:70px 0}.skills-grid{grid-template-columns:1fr}.mini-network{flex-direction:column}.mini-network i{transform:rotate(90deg)}.footer-inner{flex-direction:column;gap:4px}.contact-actions .button{margin-bottom:8px}}