@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#1b1c1e;background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 72px));margin:auto}.site-header{position:absolute;z-index:2;inset:0 0 auto;color:#fff;border-bottom:1px solid #ffffff38}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:14px;letter-spacing:.06em;font-weight:600}.nav-links,.footer-top div{display:flex;gap:27px;font-size:14px}.nav-links{color:#ffffffd0}.hero{min-height:100svh;position:relative;display:grid;place-items:center;color:#fff;background:url(/images/hero-vibe-coder.png) center/cover}.hero-overlay{position:absolute;inset:0;background:#07111bd1}.hero-content{position:relative;text-align:center;max-width:900px}.hero-profile{display:block;width:116px;height:116px;object-fit:cover;border-radius:50%;border:2px solid #ffffffd9;margin:0 auto 22px}.eyebrow,.section-label,.project-category{margin:0;color:#6d757c;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hero .eyebrow{color:#c8d5de}.hero h1{margin:25px 0;font-weight:500;letter-spacing:-.065em;line-height:1.08;font-size:clamp(42px,6.2vw,78px)}.hero-content>p:not(.eyebrow){max-width:630px;margin:0 auto 32px;color:#e7edf1;font-size:18px;line-height:1.6}.hero-button,.button{display:inline-flex;align-items:center;gap:26px;padding:16px 21px;background:#fff;color:#17202a;font-size:14px;font-weight:600;transition:transform .2s}.hero-button:hover,.button:hover{transform:translateY(-2px)}.section{padding:125px 0}.section-label{margin-bottom:48px}.services-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #deded9}.service{padding:31px 30px 32px 0;border-bottom:1px solid #deded9}.service+.service{padding-left:30px;border-left:1px solid #deded9}.service>span{font-size:12px;color:#81817c}.service h2{margin:32px 0 11px;font-size:28px;font-weight:500;letter-spacing:-.04em}.service p,.project>p:not(.project-category),.why-intro p{margin:0;color:#646561;line-height:1.58;font-size:16px;max-width:570px}.projects-section{background:#f4f4f0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:48px}.section-heading .section-label{margin:0}.section-heading h2{margin:0;font-size:35px;font-weight:500;letter-spacing:-.05em}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}.project-art{display:block;width:100%;aspect-ratio:1.28/1;object-fit:cover;object-position:top;border:1px solid #d8d8d2;margin-bottom:21px}.project-category{margin-bottom:10px}.project h3{margin:0 0 10px;font-size:22px;font-weight:500;letter-spacing:-.04em}.why{padding-bottom:130px}.why-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:90px}.why h2{margin:0;font-size:clamp(42px,4.5vw,64px);line-height:1.05;letter-spacing:-.065em;font-weight:500}.why-intro p{font-size:18px}.contact{background:#1b2d3b;color:#fff}.contact-inner{padding:100px 0;display:grid;grid-template-columns:250px 1fr;gap:90px;align-items:center}.contact-mark{height:220px;width:220px;display:grid;place-items:center;border-radius:50%;border:1px solid #afc3d0;color:#cde4f1;background:#ffffff0e;font-size:52px;letter-spacing:-.08em}.contact .section-label{color:#b6cbd8;margin-bottom:20px}.contact h2{max-width:720px;margin:0 0 22px;font-size:clamp(39px,4.7vw,63px);line-height:1.06;letter-spacing:-.06em;font-weight:500}.contact-copy>p{max-width:590px;color:#d7e0e5;line-height:1.62;font-size:17px;margin:0 0 12px}.contact-copy .contact-lead{color:#fff;font-size:19px}.button{margin-top:13px}.footer{padding:31px 0 22px}.footer-top{display:flex;justify-content:space-between;padding-bottom:31px}.footer-top div{color:#62625d;font-size:13px}.footer-bottom{border-top:1px solid #e4e4df;padding-top:20px;color:#777772;font-size:12px}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.nav{height:67px}.nav-links{gap:13px;font-size:12px}.hero-profile{width:94px;height:94px;margin-bottom:18px}.hero h1{font-size:clamp(40px,12vw,58px)}.hero-content>p:not(.eyebrow){font-size:16px}.section{padding:82px 0}.services-list{grid-template-columns:1fr}.service,.service+.service{padding:25px 0;border-left:0}.service h2{margin-top:20px;font-size:23px}.section-heading{display:block}.section-heading .section-label{margin-bottom:16px}.project-grid{grid-template-columns:1fr;gap:52px}.why-intro{grid-template-columns:1fr;gap:27px}.why h2{font-size:46px}.why-intro p{font-size:16px}.contact-inner{grid-template-columns:1fr;gap:36px;padding:76px 0}.contact-mark{width:150px;height:150px;font-size:38px}.contact h2{font-size:43px}.contact-copy>p{font-size:16px}.footer-top{display:block}.footer-top div{margin-top:24px}}.hero{min-height:100svh;isolation:isolate;overflow:hidden;position:relative;display:grid;align-items:center;color:#fff;background:radial-gradient(circle at 74% 45%,#164356 0,#071520 34%,#050b12 72%)}.hero:before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(#88dff510 1px,transparent 1px),linear-gradient(90deg,#88dff510 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to right,transparent,#000 45%,transparent);mask-image:linear-gradient(to right,transparent,#000 45%,transparent)}.hero-grain{position:absolute;inset:0;opacity:.11;background:url(/images/hero-vibe-coder.png) center/cover;mix-blend-mode:soft-light}.hero-ambient{position:absolute;width:45vw;aspect-ratio:1;border-radius:50%;filter:blur(100px);pointer-events:none}.ambient-one{right:-12vw;top:10%;background:#14758d33}.ambient-two{left:10%;bottom:-35%;background:#12688624}.hero-content{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:18px;padding:110px 0 68px;min-height:100svh}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#a6c8d4;font-size:10px;letter-spacing:.19em}.hero .eyebrow span{color:#64d1dd;margin:0 8px}.hero h1{margin:22px 0;font-weight:500;letter-spacing:-.07em;line-height:.98;font-size:clamp(48px,5.4vw,80px)}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#8be6e1}.hero-copy>p:not(.eyebrow){max-width:470px;margin:0 0 32px;color:#ccd7dc;font-size:16px;line-height:1.65}.hero-button{background:#d9fffb;color:#0b2630}.workspace{position:relative;height:min(680px,78vh);perspective:1200px;transform-style:preserve-3d}.workspace>*{will-change:transform}.workspace-orbit{position:absolute;border:1px solid #91e7e126;border-radius:50%;transform:translate3d(calc(var(--mx)*5px),calc(var(--my)*5px),-200px) rotateX(67deg) rotate(-25deg)}.orbit-one{width:500px;height:265px;top:190px;left:40px}.orbit-two{width:390px;height:195px;top:235px;left:100px;border-color:#69d9e01a}.bg-code{position:absolute;right:-65px;top:93px;color:#b2e9e81c;font:13px/2 monospace;transform:translate3d(0,calc(var(--scroll)*-18px),-300px) rotateY(-20deg)}.portrait-shell{position:absolute;z-index:2;bottom:48px;left:126px;width:310px;height:445px;transform:translate3d(calc(var(--mx)*3px),calc(var(--scroll)*-22px + var(--my)*3px),0) rotateY(calc(var(--mx)*-1deg));transition:transform .08s linear}.portrait-shell:after{content:"";position:absolute;inset:17px 4px 0;border-radius:160px 160px 15px 15px;background:linear-gradient(180deg,transparent 57%,#07131ddd);pointer-events:none}.portrait-halo{position:absolute;inset:-25px -30px 10px;background:#3ed6d52c;filter:blur(38px);border-radius:50%}.hero-profile{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:155px 155px 13px 13px;filter:grayscale(.25) contrast(1.08)}.portrait-caption{position:absolute;bottom:-33px;left:-30px;z-index:2;display:flex;align-items:center;gap:12px}.portrait-caption>span{font:10px monospace;color:#68e7e4}.portrait-caption p{margin:0;font-size:13px}.portrait-caption small{display:block;margin-top:4px;color:#a7b7be;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.laptop{position:absolute;z-index:4;top:178px;right:0;width:300px;transform:translate3d(calc(var(--mx)*7px),calc(var(--scroll)*-52px + var(--my)*6px),80px) rotateX(7deg) rotateY(-20deg) rotate(-5deg);transition:transform .08s linear}.laptop-screen{overflow:hidden;border:1px solid #a0f9f17a;border-radius:9px 9px 4px 4px;background:#07141de8;box-shadow:0 30px 50px #0009,0 0 26px #56dfda2b}.editor-top{height:24px;display:flex;align-items:center;gap:5px;padding:0 9px;background:#163440}.editor-top span{width:5px;height:5px;border-radius:50%;background:#73ded7}.editor-top b{margin-left:7px;font:8px monospace;color:#b8d4d4}.editor-body{display:flex;padding:15px 10px 25px;font:9px/1.8 monospace;color:#d7f4f3}.line-no{margin-right:10px;color:#60818c;text-align:right}.editor-body code b{color:#80dff5}.editor-body strong{color:#df9ff3;font-weight:400}.editor-body code span{color:#71ebd1}.editor-body i{color:#668995}.laptop-base{height:12px;margin:-1px -12px 0;background:linear-gradient(180deg,#7f9da5,#1e3139 45%,#071016);clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);box-shadow:0 8px 12px #0008}.code-panel{position:absolute;z-index:5;width:max-content;min-width:155px;padding:11px 13px;border:1px solid #8ce9e94a;border-radius:6px;background:#08202bb8;box-shadow:0 15px 35px #00101780;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font:10px/1.7 monospace;color:#d1f0ed;transition:transform .08s linear}.panel-label{display:flex;justify-content:space-between;margin-bottom:8px;color:#7fbac3;font-size:8px}.panel-label b{color:#7ff4dc}.code-panel code i{color:#82e6cb;font-style:normal}.code-panel code b{color:#efa5ec}.code-panel code em{color:#80d7f4;font-style:normal}.code-panel code span{color:#7898a0}.panel-back{top:104px;left:65px;opacity:.45;transform:translate3d(calc(var(--mx)*2px),calc(var(--scroll)*-16px),-220px) rotateY(18deg) rotate(-5deg) scale(calc(.9 + var(--scroll)*.12))}.panel-mid{top:290px;left:15px;transform:translate3d(calc(var(--mx)*5px),calc(var(--scroll)*-56px),150px) rotateY(9deg) rotate(4deg) scale(calc(.94 + var(--scroll)*.1))}.panel-front{right:-35px;bottom:92px;transform:translate3d(calc(var(--mx)*9px),calc(var(--scroll)*-105px),300px) rotateY(-13deg) rotate(-4deg) scale(calc(.88 + var(--scroll)*.2))}.panel-side{right:25px;top:92px;opacity:.65;transform:translate3d(calc(var(--mx)*4px),calc(var(--scroll)*-35px),30px) rotateY(-10deg) rotate(5deg)}.scroll-cue{position:absolute;bottom:30px;left:max(36px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:12px;color:#91a9b3;text-transform:uppercase;letter-spacing:.16em;font-size:9px}.scroll-cue i{width:34px;height:1px;background:#78e1dc}@media(max-width:720px){.hero{min-height:860px}.hero-content{display:block;padding-top:116px}.hero h1{font-size:clamp(43px,12vw,58px)}.workspace{height:430px;margin-top:10px}.portrait-shell{left:50%;bottom:20px;width:220px;height:310px;transform:translate3d(-50%,calc(var(--scroll)*-15px),0)}.laptop{top:105px;right:-12px;width:220px;transform:translate3d(0,calc(var(--scroll)*-22px),60px) rotateY(-18deg) rotate(-4deg)}.panel-back{top:42px;left:-6px}.panel-mid{top:192px;left:-12px}.panel-front,.panel-side,.scroll-cue{display:none}.hero-copy>p:not(.eyebrow){font-size:15px}}@media(prefers-reduced-motion:reduce){.workspace *{transition:none!important}.workspace-orbit,.bg-code{transform:none}.portrait-shell,.laptop,.panel-back,.panel-mid,.panel-front,.panel-side{transform:translateZ(0)!important}}.contact-portrait{position:relative;width:220px;height:220px}.contact-portrait:before{content:"";position:absolute;inset:-18px;background:#64d8d533;filter:blur(28px);border-radius:50%}.contact-portrait img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:50%;filter:grayscale(.15) contrast(1.05);border:1px solid #a8efea77}.contact-portrait span{position:absolute;z-index:1;bottom:-36px;left:18px;color:#fff;font-size:13px}.contact-portrait small{display:block;margin-top:5px;color:#b6cbd8;font-size:9px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}@media(max-width:720px){.contact-portrait{width:150px;height:150px}.contact-portrait span{bottom:-32px;left:7px}}.contact-form{margin-top:27px;max-width:590px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:7px;margin-bottom:14px;color:#c8dde7;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:1px solid #b8d7e044;background:#ffffff0e;color:#fff;padding:12px;font:15px DM Sans,Arial,sans-serif;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#87e7e2;background:#ffffff14}.contact-form .button{border:0;cursor:pointer;margin-top:2px}.contact-form .button:disabled{opacity:.7;cursor:wait}.honeypot{position:absolute!important;left:-9999px!important}.form-status{margin:12px 0 0!important;font-size:14px!important}.form-status.sent{color:#a7f0dc}.form-status.error{color:#ffd0cb}.contact-whatsapp{display:inline-block;margin-top:19px;color:#c9e7ef;font-size:13px;text-decoration:underline;text-underline-offset:4px}@media(max-width:720px){.form-row{grid-template-columns:1fr}}.projects-section .project{min-height:245px;padding:28px 30px 30px;border:1px solid #d8d8d2;background:#fafaf7;display:flex;flex-direction:column}.projects-section .project h3{font-size:25px}.project-link{display:inline-flex;align-items:center;justify-content:space-between;width:max-content;gap:35px;margin-top:auto;padding-top:30px;color:#183946;font-size:13px;font-weight:600;border-bottom:1px solid #7eb5b4}.project-link span{font-size:17px;line-height:1}.project-link:hover{color:#087b7a}@media(max-width:720px){.projects-section .project{min-height:215px;padding:25px}}.certifications{background:#0a1822;color:#fff}.certifications .section-label{color:#91bdc7}.certifications-heading{display:flex;justify-content:space-between;align-items:end;gap:80px;padding-bottom:55px;border-bottom:1px solid #bceae32b}.certifications-heading h2{margin:0;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.065em;font-weight:500}.certifications-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#78ded7}.certifications-heading>p{max-width:350px;margin:0;color:#b9cbd2;line-height:1.65;font-size:16px}.certification-groups{display:grid;gap:0}.certification-group{display:grid;grid-template-columns:260px 1fr;padding:31px 0;border-bottom:1px solid #bceae324}.certification-group header{display:flex;align-items:flex-start;gap:19px}.certification-group header>span{font:11px monospace;color:#74dfda;padding-top:5px}.certification-group h3{margin:0;font-size:20px;letter-spacing:-.035em;font-weight:500}.certificate-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.certificate-card{position:relative;min-height:160px;padding:18px;border:1px solid #c7f1ed36;background:linear-gradient(135deg,#ffffff0c,#9dece706);transition:transform .2s,border-color .2s}.certificate-card:hover{transform:translateY(-4px);border-color:#83e1dc8c}.certificate-mark{position:absolute;right:17px;top:13px;color:#76e4dc;font-size:16px}.certificate-category{margin:0 22px 25px 0;color:#9ccad0;text-transform:uppercase;letter-spacing:.1em;font-size:9px;line-height:1.4}.certificate-card h4{max-width:225px;margin:0;color:#f3fcfc;font-size:16px;line-height:1.23;letter-spacing:-.025em;font-weight:500}.certificate-card footer{position:absolute;right:18px;bottom:17px;left:18px;display:flex;justify-content:space-between;gap:10px;color:#a6bcc4;font-size:10px}.certificate-card footer b{color:#74dcd7;font-weight:500;white-space:nowrap}@media(max-width:900px){.certification-group{grid-template-columns:190px 1fr}.certificate-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.certifications-heading{display:block;padding-bottom:37px}.certifications-heading>p{margin-top:22px}.certification-group{display:block;padding:27px 0}.certification-group header{margin-bottom:18px}.certificate-cards{grid-template-columns:1fr}.certificate-card{min-height:145px}}.tool-logo{position:absolute;right:17px;top:16px;width:23px;height:23px;object-fit:contain}.certificate-category{margin-right:34px}.certificate-cards.tool-cards{grid-template-columns:repeat(6,1fr);gap:12px}.tool-card{display:grid;place-content:center;justify-items:center;gap:12px;min-height:124px;border:1px solid #e6eeee;background:#fff;transition:transform .2s,border-color .2s}.tool-card:hover{transform:translateY(-4px);border-color:#72cfc8}.tool-card img{width:42px;height:42px;object-fit:contain;filter:none}.tool-card span{color:#17313b;font-size:11px;letter-spacing:.01em}@media(max-width:900px){.certificate-cards.tool-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.certificate-cards.tool-cards{grid-template-columns:repeat(2,1fr)}.tool-card{min-height:110px}}.hero h1{font-weight:600;letter-spacing:-.05em;line-height:1.08;font-size:clamp(36px,3.8vw,56px)}.hero h1 .hero-bullet{color:#78ded7;font-weight:400;letter-spacing:0}