:root{--bg-950:#080b14;--bg-900:#0b1220;--bg-card-dark:#111b2e;--border-dark:#ffffff14;--bg-light:#f1f4f8;--bg-card-light:#fff;--border-light:#e5eaf0;--text-on-dark:#fff;--text-on-dark-muted:#93a1b5;--text-on-light:#0e1626;--text-on-light-muted:#4a5568;--accent:#3aa6e0;--accent-bright:#62c3f5;--m-violet:#7b5cf6;--m-orange:#f47b20;--m-green:#34c27d;--m-blue:#3e7fc4;--status-live:#34d399;--skill-mint:#7be3c6;--font-sans:"Hanken Grotesk","General Sans",system-ui,sans-serif;--fs-display:clamp(40px,6.6vw,84px);--fs-h2:clamp(32px,4.6vw,60px);--fs-lead:clamp(16px,1.3vw,18px);--fs-lg:19px;--fs-md:16px;--fs-sm:14px;--fs-xs:12px;--radius-card:20px;--radius-tile:14px;--radius-pill:999px;--container:1240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-950);color:var(--text-on-dark);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.container{max-width:var(--container);margin-inline:auto;padding-inline:clamp(16px,3.2vw,38.4px)}.section{padding-block:calc(clamp(20px,4vw,46px) + 18px);position:relative;overflow:hidden}.section.is-dark{background:var(--bg-900);color:var(--text-on-dark)}.section.is-darker{background:var(--bg-950);color:var(--text-on-dark)}.section.is-light{background:var(--bg-light);color:var(--text-on-light)}[id]{scroll-margin-top:100px}h1,h2,h3{letter-spacing:-.02em;font-weight:600;line-height:1.05}.h1{font-size:var(--fs-display)}.h2{font-size:var(--fs-h2);line-height:1.06}.lead{font-size:var(--fs-lead);color:var(--text-on-dark-muted);max-width:54ch}.is-light .lead{color:var(--text-on-light-muted)}.title-grad{background:linear-gradient(#fff 35%,#c9d3e0);color:#0000;-webkit-background-clip:text;background-clip:text}.mono{font-family:var(--font-sans);letter-spacing:.04em}.sec-head{max-width:680px}.sec-head .h2{margin:0 0 18px}.btn{font-size:var(--fs-sm);border-radius:var(--radius-pill);align-items:center;gap:9px;padding:13px 22px;font-weight:500;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.btn .arrow{transition:transform .18s}.btn:hover .arrow{transform:translate(3px)}.btn-primary{background:var(--accent);color:#04121d;font-weight:600;box-shadow:0 6px 22px #3aa6e059}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3aa6e080}.btn-ghost{border:1px solid var(--border-dark);color:var(--text-on-dark);background:#ffffff05}.is-light .btn-ghost{color:var(--text-on-light);background:0 0;border-color:#cfd8e4}.btn-ghost:hover{border-color:#ffffff47;transform:translateY(-2px)}.is-light .btn-ghost:hover{border-color:#9fb0c4}.nav-wrap{z-index:100;padding:18px 0;transition:padding .25s;position:fixed;inset:0 0 auto}.nav{max-width:var(--container);border-radius:18px;align-items:center;gap:28px;height:60px;margin-inline:auto;padding:0 clamp(16px,3.2vw,38.4px);transition:background .28s,-webkit-backdrop-filter .28s,backdrop-filter .28s,box-shadow .28s,padding .28s,max-width .28s;display:flex}.nav-wrap.scrolled{padding:12px 0}.nav-wrap.scrolled .nav{max-width:calc(var(--container) - 40px);-webkit-backdrop-filter:blur(13px);background:#f1f4f8c7;padding-block:0;box-shadow:0 10px 40px #080b1447}.logo{font-weight:600;font-size:var(--fs-md);letter-spacing:-.02em;color:#fff;align-items:center;gap:10px;transition:color .28s;display:flex}.logo .pin{color:#fff;width:24px;height:24px;transition:color .28s}.nav-wrap.scrolled .logo,.nav-wrap.scrolled .logo .pin{color:#0e1626}.logo .pin path{fill:currentColor}.nav-links{align-items:center;gap:6px;margin-inline:auto;display:flex}.nav-links a{font-size:var(--fs-sm);color:#ffffffd1;border-radius:10px;padding:8px 14px;transition:color .25s,background .2s;position:relative}.nav-links a:hover{color:#fff}.nav-wrap.scrolled .nav-links a{color:#41506a}.nav-wrap.scrolled .nav-links a:hover{color:#0e1626}.nav-links a.active:after{content:"";background:var(--accent);opacity:1;border-radius:2px;height:2px;transition:opacity .25s;position:absolute;bottom:1px;left:14px;right:14px}.nav-links a.active{color:#fff}.nav-wrap.scrolled .nav-links a.active{color:#0e1626}.nav-cta{align-items:center;gap:10px;display:flex}.nav-mini{font-size:var(--fs-sm);border-radius:var(--radius-pill);background:var(--accent);color:#04121d;padding:8px 18px;font-weight:600;transition:transform .18s,box-shadow .18s}.nav-mini:hover{transform:translateY(-2px);box-shadow:0 8px 22px #3aa6e066}.burger{color:#fff;border:1px solid #ffffff2e;border-radius:12px;place-items:center;width:42px;height:42px;display:none}.nav-wrap.scrolled .burger{color:#0e1626;border-color:#cdd6e2}.mobile-menu{z-index:99;-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;background:#080b14f5;flex-direction:column;justify-content:center;gap:8px;padding:clamp(24px,8vw,64px);transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:fixed;inset:0;transform:translateY(-12px)}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu a{font-size:var(--fs-h2);letter-spacing:-.02em;color:#fff;border-bottom:1px solid var(--border-dark);padding:10px 0;font-weight:600}.mobile-menu a.active{color:var(--accent-bright)}.mobile-menu .mm-cta{border-bottom:none;align-self:flex-start;margin-top:28px}.page-hero{padding-top:170px;padding-bottom:clamp(20px,4vw,46px);position:relative;overflow:hidden}.page-hero:before{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(closest-side,#3aa6e029,#7b5cf60f 55%,#0000 72%);border-radius:50%;width:900px;height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-hero .container{z-index:2;position:relative}.page-hero h1{font-size:var(--fs-display);letter-spacing:-.02em;margin-bottom:18px;font-weight:600;line-height:1.04}.footer{background:var(--bg-950);border-top:1px solid var(--border-dark);padding:54px 0 30px}.footer-top{border-bottom:1px solid var(--border-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;padding-bottom:26px;display:flex}.footer .logo{color:#fff}.footer-nav{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.footer-nav a{font-size:var(--fs-sm);color:var(--text-on-dark-muted);border-radius:10px;padding:8px 13px;transition:color .2s,background .2s}.footer-nav a:hover{color:#fff;background:#ffffff0d}.footer-div{background:var(--border-dark);width:1px;height:18px;margin:0 10px}.footer-bottom{color:#5d6c84;font-size:var(--fs-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;display:flex}.footer-domain{color:var(--text-on-dark-muted);letter-spacing:.02em;transition:color .2s}.footer-domain:hover{color:var(--accent-bright)}.contact-modal{z-index:200;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;background:#080b14b8;place-items:center;padding:24px;transition:opacity .28s,visibility .28s;display:grid;position:fixed;inset:0}.contact-modal.open{opacity:1;visibility:visible}.cm-card{background:radial-gradient(130% 95% at 50% 0%,#3aa6e033,#7b5cf612 46%,transparent 72%), var(--bg-card-dark);border:1px solid var(--border-dark);border-radius:var(--radius-card);width:min(440px,100%);padding:34px 32px;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(14px)scale(.98);box-shadow:0 30px 80px #0009}.contact-modal.open .cm-card{transform:none}.cm-close{width:36px;height:36px;color:var(--text-on-dark-muted);border-radius:10px;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;top:14px;right:14px}.cm-close:hover{color:#fff;background:#ffffff0f}.cm-close svg{width:18px;height:18px}.cm-title{font-size:var(--fs-lg);color:#fff}.cm-sub{font-size:var(--fs-sm);color:var(--text-on-dark-muted);margin:6px 0 22px}.cm-links{flex-direction:column;gap:12px;display:flex}.cm-row{align-items:stretch;gap:10px;display:flex}.cm-link{border:1px solid var(--border-dark);background:#ffffff05;border-radius:14px;flex:1;align-items:center;gap:16px;min-width:0;padding:14px 16px;transition:transform .18s,border-color .2s,background .2s;display:flex}.cm-link:hover{background:#62c3f50f;border-color:#62c3f566;transform:translateY(-2px)}.cm-ico{width:44px;height:44px;color:var(--accent-bright);background:#62c3f51a;border-radius:12px;flex:none;place-items:center;display:grid}.cm-ico svg{width:22px;height:22px}.cm-txt{flex-direction:column;line-height:1.3;display:flex}.cm-txt strong{font-size:var(--fs-sm);color:#fff;font-weight:600}.cm-txt em{font-size:var(--fs-xs);color:var(--text-on-dark-muted);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.cm-copy{width:48px;color:var(--accent-bright);background:#62c3f51a;border:1px solid #0000;border-radius:12px;flex:none;place-items:center;transition:color .2s,border-color .2s,background .2s;display:grid}.cm-copy:hover{background:#62c3f52e}.cm-copy svg{grid-area:1/1;width:18px;height:18px}.cm-copy .ic-check{opacity:0;transition:opacity .2s,transform .2s;transform:scale(.6)}.cm-copy .ic-copy{transition:opacity .2s,transform .2s}.cm-copy.copied{color:var(--status-live);background:#34d3991f}.cm-copy.copied .ic-copy{opacity:0;transform:scale(.6)}.cm-copy.copied .ic-check{opacity:1;transform:none}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.in{opacity:1;transform:none}@media (width<=980px){.nav-links{display:none}.burger{display:grid}}@media (width<=760px){.footer-top{flex-direction:column;align-items:flex-start;gap:20px}.footer-nav{margin-left:-13px}.footer-div{display:none}}@media (width<=560px){.footer-bottom{flex-direction:column;align-items:flex-start}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:6px}