@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Source+Serif+4:wght@400;500;600&display=swap');
:root{--paper:#f5f4ef;--ink:#202923;--muted:#68736d;--green:#16834b;--green-soft:#e7f4eb;--blue:#1a73e8;--red:#d93025;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.connect-shell{width:min(1000px,calc(100% - 48px));margin:auto}.scroll-progress{position:fixed;z-index:30;inset:0 0 auto;height:3px}.scroll-progress span{display:block;width:0;height:100%;background:var(--green)}.skip{position:fixed;z-index:40;top:-80px;left:16px;padding:12px;background:white}.skip:focus{top:12px}
.site-header{height:96px;display:flex;align-items:center;justify-content:space-between}.identity{display:flex;align-items:center;gap:12px;font-weight:700}.identity small{display:block;color:var(--muted);font-size:11px;font-weight:400}.back{color:var(--muted);font-size:13px}
.connect-hero{padding:42px 0 30px}.eyebrow{color:var(--green);font-size:11px;font-weight:700;letter-spacing:.14em}.connect-hero h1{max-width:760px;margin:18px 0;font:500 clamp(44px,7vw,76px)/1.02 'Source Serif 4',Georgia,serif;letter-spacing:-.055em}.connect-hero p:last-child{color:var(--muted);font-size:15px}
.contact-card{max-width:760px;margin:12px auto 64px}.contact-tabs{display:flex;gap:8px;border-bottom:1px solid #d9ded8}.contact-tabs [role=tab]{position:relative;border:0;background:transparent;padding:15px 20px;color:var(--muted);font-weight:600;cursor:pointer}.contact-tabs [aria-selected=true]{color:var(--green)}.contact-tabs [aria-selected=true]::after{position:absolute;right:12px;bottom:-1px;left:12px;height:3px;border-radius:3px;background:var(--green);content:''}.contact-tabs [data-tab=email][aria-selected=true]{color:var(--blue)}.contact-tabs [data-tab=email][aria-selected=true]::after{background:var(--blue)}[role=tabpanel][hidden]{display:none}
.chat-window,.email-window{overflow:hidden;border:1px solid #dce2dc;border-radius:14px;background:white;box-shadow:0 20px 55px #18362112}.chat-window{margin-top:20px;background:#efe9df}.chat-header{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#f9fffb;border-bottom:1px solid #dce5dc}.chat-header strong,.chat-header span{display:block}.chat-header span{margin-top:3px;color:var(--muted);font-size:11px}.chat-history{min-height:180px;padding:24px;background-color:#e8e4d9;background-image:radial-gradient(#d4d0c5 0.6px,transparent .6px);background-size:10px 10px}.chat-bubble{width:fit-content;max-width:min(420px,90%);margin:0;padding:13px 16px;border-radius:4px 16px 16px;background:white;box-shadow:0 2px 2px #0000000b;font-size:14px}.chat-note{margin:14px 0 0;color:#758078;font-size:11px}.message-form{display:flex;align-items:end;gap:12px;padding:14px;background:#f8fbf8}.message-form textarea,.email-form textarea,.email-form input{width:100%;border:0;border-bottom:1px solid #d5ddd7;background:transparent;padding:12px 10px;color:var(--ink);resize:vertical}.message-form textarea{min-height:48px;max-height:180px;border:1px solid #d8e1da;border-radius:9px;background:white}.message-form button,.email-form button{flex:none;border:0;border-radius:999px;padding:12px 18px;background:var(--green);color:white;font-weight:700;cursor:pointer}.message-form button:hover{background:#11683c}
.email-window{margin-top:20px}.email-title{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#f2f6fc;font-weight:600}.gmail-mark{color:var(--red);font-size:22px;font-weight:800}.email-form{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;padding:12px 20px 20px}.email-form label{align-self:center;color:var(--muted);font-size:12px}.email-form input,.email-form textarea{grid-column:2}.email-form textarea{min-height:150px;border-bottom:0}.email-form input[readonly]{color:#626d77}.email-form button{grid-column:2;justify-self:start;margin-top:12px;background:var(--blue)}.email-form button:hover{background:#1558b0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.connect-shell>footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #d9ded8;padding:22px 0 28px;color:var(--muted);font-size:11px}.linkedin-link{color:var(--green);font-weight:700}.linkedin-link:hover{text-decoration:underline;text-underline-offset:3px}main{animation:page-enter .8s ease-out backwards}@media(max-width:600px){.connect-shell{width:calc(100% - 36px)}.site-header{height:80px}.connect-hero{padding:32px 0 20px}.connect-hero h1{font-size:clamp(42px,12vw,60px)}.contact-card{margin-bottom:42px}.message-form{align-items:stretch;flex-direction:column}.message-form button{align-self:flex-end}.email-form{grid-template-columns:54px minmax(0,1fr);padding:10px 14px 16px}.chat-history{min-height:150px;padding:18px}.connect-shell>footer{flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}