@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#526079;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background:#fff;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}::selection{color:#173f9e;background:#dce8ff}.site-shell{overflow:hidden}.section-wrap{width:min(1160px,100% - 48px);margin-inline:auto}.navbar{z-index:20;justify-content:space-between;align-items:center;width:min(1160px,100% - 48px);height:82px;margin:0 auto;display:flex;position:relative}.brand{color:#14203a;letter-spacing:-.02em;align-items:center;gap:11px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#2864e8;border-radius:10px;place-items:center;width:35px;height:35px;font-size:18px;display:grid;box-shadow:0 7px 20px #2864e840}.nav-links{align-items:center;gap:34px;display:flex}.nav-links>a{color:#5d687b;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.nav-links>a:hover{color:#245bd2}.nav-links .nav-cta{color:#fff;background:#2058d5;border-radius:10px;align-items:center;gap:8px;padding:11px 17px;display:inline-flex;box-shadow:0 7px 18px #2058d52e}.nav-links .nav-cta:hover{color:#fff;background:#1749bb}.menu-button{color:#17233e;background:0 0;border:0;padding:5px;display:none}.hero-section{grid-template-columns:1.04fr .96fr;align-items:center;gap:65px;width:min(1160px,100% - 48px);min-height:585px;margin:0 auto;padding:55px 0 90px;display:grid}.eyebrow{color:#2864e8;letter-spacing:.02em;background:#edf4ff;border:1px solid #dbe9ff;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:13px;font-weight:700;display:inline-flex}.hero-copy h1{letter-spacing:-.055em;color:#111c33;margin:24px 0;font-size:clamp(48px,5vw,70px);font-weight:750;line-height:1.04}.hero-copy h1 span{color:#2a63e4}.hero-copy>p{color:#657086;max-width:570px;font-size:18px;line-height:1.75}.hero-actions{align-items:center;gap:24px;margin:34px 0 28px;display:flex}.primary-button,.light-button{color:#fff;background:#2058d5;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:14px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 10px 24px #2058d533}.primary-button:hover,.light-button:hover{background:#1749bb;transform:translateY(-2px)}.text-button{color:#344059;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.availability{color:#738096;align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.status-dot{background:#23b56d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #e6f8ef}.hero-visual{place-items:center;min-height:430px;display:grid;position:relative}.visual-grid{opacity:.55;background-image:linear-gradient(#dbe6f8 1px,#0000 1px),linear-gradient(90deg,#dbe6f8 1px,#0000 1px);background-size:32px 32px;border-radius:42px;position:absolute;inset:12px 0;-webkit-mask-image:radial-gradient(#000 30%,#0000 72%);mask-image:radial-gradient(#000 30%,#0000 72%)}.hero-visual:before{content:"";background:#edf4ff;border:1px solid #dfeaff;border-radius:50%;width:345px;height:345px;position:absolute;box-shadow:0 0 0 25px #f3f7ffb3}.code-window{z-index:2;background:#fff;border:1px solid #e3eaf4;border-radius:16px;width:340px;position:relative;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 28px 65px #1e417d2e}.window-bar{background:#fbfcfe;border-bottom:1px solid #edf0f5;align-items:center;gap:6px;height:45px;padding:0 14px;display:flex}.window-bar span{background:#dfe4ec;border-radius:50%;width:7px;height:7px}.window-bar span:first-child{background:#f39d9d}.window-bar span:nth-child(2){background:#f4ce75}.window-bar span:nth-child(3){background:#86d4a5}.window-bar small{color:#9aa5b6;margin-left:9px;font:10px monospace}.code-lines{color:#56637b;text-align:left;flex-direction:column;gap:11px;padding:28px 30px 26px;font:12px/1.4 monospace;display:flex}.code-lines .indent{padding-left:20px}.code-lines i{color:#a55dcc;font-style:normal}.code-lines b{color:#2864e8;font-weight:500}.code-lines em{color:#e68149;font-style:normal}.window-result{color:#455269;background:#f8fbff;border-top:1px solid #edf1f7;align-items:center;gap:10px;padding:14px 20px;font-size:11px;font-weight:650;display:flex}.window-result span,.quality-icon{color:#1daa63;background:#e5f8ee;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.floating-card{z-index:3;background:#fffffff0;border:1px solid #e4ebf5;border-radius:13px;align-items:center;gap:11px;padding:13px 15px;display:flex;position:absolute;box-shadow:0 16px 35px #1e417d21}.floating-card div{flex-direction:column;gap:2px;display:flex}.floating-card small{color:#909bae;font-size:9px}.floating-card strong{color:#26344e;font-size:11px}.card-domain{color:#2864e8;animation:5s ease-in-out infinite float;top:50px;left:-16px}.card-quality{animation:5s ease-in-out 1s infinite float;bottom:54px;right:-10px}@keyframes float{50%{transform:translateY(-8px)}}.section-kicker{color:#2864e8;letter-spacing:.14em;margin-bottom:16px;font-size:11px;font-weight:800;display:block}.about-section{border-top:1px solid #edf0f4;grid-template-columns:1.08fr .92fr;gap:110px;padding:95px 0;display:grid}.about-section h2,.section-heading h2{color:#14203a;letter-spacing:-.035em;margin:0;font-size:37px;line-height:1.25}.about-copy>p{color:#68748a;margin:0 0 28px;font-size:15px;line-height:1.8}.skill-list{gap:13px;display:grid}.skill-list span{color:#35425b;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.skill-list svg{color:#2864e8;background:#eaf2ff;border-radius:50%;padding:3px}.projects-section{background:#f7f9fc;border-block:1px solid #edf0f4;padding:95px 0 105px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.section-heading>p{color:#778297;max-width:355px;margin:0;font-size:14px;line-height:1.65}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-card{background:#fff;border:1px solid #e8edf4;border-radius:17px;transition:transform .25s,box-shadow .25s;overflow:hidden}.project-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px #1f3a6e1a}.project-preview{background:#eaf1ff;height:215px;padding:38px 34px 0;position:relative;overflow:hidden}.project-card.orange .project-preview{background:#fff1e8}.project-card.green .project-preview{background:#e9f8f1}.project-number{color:#284b8c73;font-size:10px;font-weight:800;position:absolute;top:18px;left:20px}.mock-browser{background:#fffffff2;border-radius:10px 10px 0 0;height:185px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 18px 35px #22458229}.orange .mock-browser{transform:rotate(2deg)}.mock-top{border-bottom:1px solid #edf0f4;align-items:center;gap:4px;height:27px;padding:0 10px;display:flex}.mock-top span{background:#d8dee8;border-radius:50%;width:4px;height:4px}.mock-content{justify-content:space-between;align-items:center;padding:29px 23px;display:flex}.mock-copy{gap:9px;width:55%;display:grid}.mock-copy i{background:#cbdaf5;border-radius:5px;height:7px;display:block}.mock-copy i:nth-child(2){background:#e1e7f0;width:75%}.mock-copy i:nth-child(3){background:#3671e8;width:44%;height:18px}.orange .mock-copy i{background:#f4ceb5}.orange .mock-copy i:nth-child(2){background:#eee4dc}.orange .mock-copy i:nth-child(3){background:#ec8a4a}.green .mock-copy i{background:#bce2d0}.green .mock-copy i:nth-child(2){background:#e0ece7}.green .mock-copy i:nth-child(3){background:#31a66e}.mock-shape{color:#3671e8;background:#dfeaff;border-radius:18px;place-items:center;width:72px;height:72px;display:grid;transform:rotate(8deg)}.orange .mock-shape{color:#e97836;background:#fee2d0;border-radius:50%}.green .mock-shape{color:#299463;background:#d7f0e4}.project-info{padding:25px 25px 28px}.tag-list{gap:7px;display:flex}.tag-list span{color:#58719e;background:#f0f5fd;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:750}.project-info h3{color:#1b2842;letter-spacing:-.02em;margin:15px 0 9px;font-size:18px}.project-info p{color:#7a8598;min-height:62px;margin:0 0 18px;font-size:12px;line-height:1.7}.project-info a{color:#285fd7;align-items:center;gap:7px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.links-section{padding:100px 0}.profile-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.profile-card{min-height:78px;color:inherit;border:1px solid #e6ebf2;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.profile-card:hover{border-color:#a9c3f7;transform:translateY(-3px)}.profile-icon{color:#30405c;background:#f1f5fb;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.profile-card>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.profile-card strong{color:#25324b;font-size:13px}.profile-card small{color:#8a94a6;font-size:9px}.profile-arrow{color:#a7b0bf}.contact-section{text-align:center;color:#fff;background:#173f9e;border-radius:24px;width:min(1160px,100% - 48px);margin:0 auto 42px;padding:80px 24px;position:relative;overflow:hidden}.contact-section .section-kicker{color:#a9c4ff}.contact-section h2{letter-spacing:-.04em;margin:0 0 14px;font-size:42px;position:relative}.contact-section p{color:#d4e0fa;margin:0 0 28px;font-size:14px;position:relative}.contact-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.contact-section .light-button{color:#1f53c5;background:#fff;position:relative;box-shadow:0 12px 25px #051a4d40}.contact-orb{filter:blur(2px);background:#2c68e4;border-radius:50%;position:absolute}.orb-one{width:300px;height:300px;top:-190px;left:-120px}.orb-two{width:260px;height:260px;bottom:-190px;right:-100px}footer{color:#8a94a6;justify-content:space-between;align-items:center;width:min(1160px,100% - 48px);min-height:90px;margin:auto;font-size:10px;display:flex}footer .brand{font-size:13px}footer .brand-mark{border-radius:8px;width:29px;height:29px;font-size:14px}footer>a:last-child{color:#667389;text-decoration:none}@media (width<=900px){.menu-button{display:block}.nav-links{background:#fff;border:1px solid #e5eaf1;border-radius:14px;flex-direction:column;align-items:stretch;gap:8px;padding:18px;display:none;position:absolute;top:70px;left:0;right:0;box-shadow:0 20px 40px #1e376424}.nav-links.open{display:flex}.nav-links>a{padding:10px}.nav-links .nav-cta{justify-content:center}.hero-section{text-align:center;grid-template-columns:1fr;gap:20px;padding-top:70px}.hero-copy>p{margin-inline:auto}.hero-actions,.availability{justify-content:center}.hero-visual{width:min(500px,100%);margin:auto}.about-section{grid-template-columns:1fr;gap:35px}.project-grid,.profile-grid{grid-template-columns:1fr}.project-preview{height:260px}.mock-browser{height:230px}}@media (width<=600px){.section-wrap,.navbar,.hero-section,.contact-section,footer{width:min(100% - 32px,1160px)}.navbar{height:70px}.hero-section{min-height:auto;padding:48px 0 70px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;gap:17px}.primary-button{box-sizing:border-box;width:100%}.hero-visual{min-height:350px;margin-block:-20px;transform:scale(.88)}.card-domain{left:-30px}.card-quality{right:-30px}.about-section,.links-section{padding:72px 0}.about-section h2,.section-heading h2{font-size:30px}.section-heading{display:block}.section-heading>p{margin-top:16px}.projects-section{padding:72px 0 80px}.project-preview{height:215px}.mock-browser{height:185px}.contact-section{padding:65px 18px}.contact-section h2{font-size:34px}footer{text-align:center;flex-direction:column;gap:18px;padding:30px 0}}