:root{--bg:#17151f;--panel:#211e2b;--panel2:#282433;--text:#f8f7fb;--muted:#aaa6b7;--purple:#a45bff;--pink:#e9a0ff;--line:rgba(255,255,255,.11);--light:#f5f2fa;--dark:#1c1925}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(23,21,31,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid #8f4df0;border-radius:12px;font-size:25px;background:linear-gradient(135deg,rgba(164,91,255,.25),rgba(233,160,255,.06))}.brand-mark span,.stamp-center span{color:var(--pink)}.brand small{display:block;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:400;letter-spacing:.7px;color:var(--muted);text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:32px;font-size:13px;color:#d4d0dc}.nav-links>a:not(.nav-cta):hover,.footer a:hover{color:var(--pink)}.nav-cta{border:1px solid #51465f;border-radius:7px;padding:10px 15px;color:white}.nav-cta span{color:var(--pink);margin-left:8px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:640px;display:grid;grid-template-columns:1fr 1.05fr;gap:38px;align-items:center;padding-top:58px;padding-bottom:76px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#c28bff;margin:0 0 20px}.status-dot{display:inline-block;width:7px;height:7px;background:#b78aff;border-radius:50%;margin-right:9px;box-shadow:0 0 12px #a45bff}.hero h1,.section-heading h2,.about-copy h2,.contact-panel h2{font-family:"Space Grotesk",sans-serif;font-weight:600;letter-spacing:-2.5px;line-height:1.08;margin:0}.hero h1{font-size:clamp(43px,5.3vw,69px)}.gradient-text{background:linear-gradient(100deg,#fff 4%,#c18bff 56%,#e7a4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:520px;color:#bdb8c9;font-size:15px;line-height:1.9;margin:25px 0 28px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 19px;border-radius:7px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(105deg,#8e43ed,#b46bff);color:white;box-shadow:0 10px 35px rgba(139,67,237,.2)}.button-primary span{font-size:16px}.text-link{font-size:12px;font-weight:700;color:#e0dce8}.text-link span{color:#c18bff;margin-left:6px}.hero-note{display:flex;gap:12px;align-items:center;color:#888394;font-size:11px;margin-top:43px;max-width:370px}.note-line{width:28px;height:1px;background:#a45bff;flex-shrink:0}.hero-art{position:relative;min-height:450px;display:grid;place-items:center}.hero-glow{position:absolute;width:300px;height:300px;background:#742bd0;filter:blur(120px);opacity:.24;z-index:0}.orbit{position:absolute;border:1px solid rgba(192,132,255,.18);border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:460px;height:300px}.orbit-two{width:390px;height:390px;border-color:rgba(192,132,255,.09)}.code-window{width:min(100%,500px);position:relative;z-index:1;border:1px solid #5a5069;background:#201d29;border-radius:12px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.4);transform:rotate(-2deg)}.window-top{height:39px;background:#2c2837;border-bottom:1px solid #423b4e;display:flex;align-items:center;padding:0 14px;gap:13px;color:#b4aebe;font-size:10px}.window-dots{display:flex;gap:5px}.window-dots i,.preview-browser i{width:7px;height:7px;border-radius:50%;background:#f48a9a}.window-dots i:nth-child(2),.preview-browser i:nth-child(2){background:#efc86a}.window-dots i:nth-child(3),.preview-browser i:nth-child(3){background:#75d4a2}.window-lock{margin-left:auto;color:#a5dcb8}.window-content{background:#f6f0e7;color:#24202b;margin:13px;border-radius:4px;padding:17px 18px 13px}.mini-nav{display:flex;justify-content:space-between;font-size:8px;color:#655b66;border-bottom:1px solid #ddd2c7;padding-bottom:13px}.mini-nav b{font-size:9px;letter-spacing:.6px}.mini-hero{min-height:185px;display:grid;grid-template-columns:1.1fr .9fr;gap:8px;align-items:center;padding:17px 0}.mini-kicker{font-size:7px;letter-spacing:1.5px;color:#8d51c8}.mini-hero strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:25px;line-height:1.05;letter-spacing:-1px;margin:9px 0}.mini-hero p{font-size:9px;color:#746c76}.mini-button{display:inline-block;background:#8c4be7;color:white;padding:7px 10px;border-radius:4px;font-size:8px;margin-top:8px}.abstract-image{height:145px;background:linear-gradient(140deg,#d6b5a4,#e8cfc0 52%,#9c6f9e);border-radius:4px;position:relative;overflow:hidden}.abstract-image span{position:absolute;font-size:80px;color:#f5e3cb;right:7px;top:8px}.abstract-image i{position:absolute;width:85px;height:110px;background:#34233f;border-radius:50% 50% 10% 10%;bottom:-23px;left:13px;transform:rotate(17deg)}.abstract-image b{position:absolute;width:85px;height:85px;border:15px solid #f5d9a9;border-radius:50%;bottom:-10px;right:-20px}.mini-bottom{display:flex;justify-content:space-between;font-size:7px;color:#8b7e87;letter-spacing:.5px;border-top:1px solid #ddd2c7;padding-top:12px}.window-footer{display:flex;justify-content:space-between;padding:0 15px 13px;font-size:8px;letter-spacing:.5px;color:#9d96aa}.window-footer b{color:#bd81ff;font-size:14px}.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#292433;border:1px solid #51445f;border-radius:9px;box-shadow:0 15px 40px #100e16}.float-card-top{top:43px;right:-3px}.float-card-bottom{bottom:37px;left:-9px}.float-card b{font-size:10px;display:block}.float-card small{font-size:9px;color:#aaa3b7;display:block}.float-icon{width:31px;height:31px;display:grid;place-items:center;background:#343044;border-radius:7px;color:#d3a7ff}.float-icon.purple{background:#57348b;color:#f0dfff}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1b1824}.trust-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:11px;color:#c9c4d2}.trust-inner>span{font-size:9px;letter-spacing:1.5px;color:#827b8d}.trust-inner i{font-style:normal;color:#b879ff;margin-right:8px}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:17px}.section-heading h2,.about-copy h2,.contact-panel h2{font-size:clamp(36px,4.2vw,51px)}.muted-heading{color:#777182}.section-intro{max-width:370px;color:#aaa4b5;font-size:13px;line-height:1.9;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;padding:27px 25px 24px;border:1px solid #393343;border-radius:10px;background:linear-gradient(145deg,#211e2b,#1c1925);min-height:270px}.service-card.featured{border-color:#7545a7;background:linear-gradient(145deg,#30213e,#211b2b)}.service-number{position:absolute;right:22px;top:20px;color:#777083;font-size:11px}.service-icon{width:43px;height:43px;display:grid;place-items:center;background:#30283d;color:#c58aff;border-radius:10px;font-size:22px;margin-bottom:27px}.service-card h3{font-family:"Space Grotesk",sans-serif;font-size:18px;line-height:1.3;margin:0 0 10px}.service-card p{color:#a9a3b3;font-size:12px;line-height:1.8;margin:0 0 22px}.service-tag{font-size:8px;letter-spacing:1px;color:#b78ae9}.small-note{font-size:10px;color:#7e7889;margin-top:20px}.projects-section{background:var(--light);color:var(--dark)}.projects-section .section{padding-top:95px;padding-bottom:90px}.projects-section .eyebrow{color:#8d4bcb}.projects-section .muted-heading{color:#aaa3b5}.projects-section .section-intro{color:#777080}.project-filter{display:flex;gap:8px;margin:-14px 0 28px}.filter-button{background:transparent;border:1px solid #ddd5e6;border-radius:30px;padding:8px 14px;font:inherit;font-size:10px;color:#62596e;cursor:pointer}.filter-button.active,.filter-button:hover{background:#282232;border-color:#282232;color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px 18px}.project-card{min-width:0}.project-preview{height:205px;display:block;position:relative;overflow:hidden;border-radius:9px;border:1px solid #ded7e7;background:#eee5d9;color:#26202b;transition:transform .25s,box-shadow .25s}.project-preview:hover{transform:translateY(-4px);box-shadow:0 18px 35px #21182a1a}.preview-browser{height:24px;background:#282431;display:flex;align-items:center;gap:4px;padding:0 10px;color:#aaa3b6;font-size:7px}.preview-browser i{width:6px;height:6px}.preview-browser span{margin-left:7px}.preview-copy{position:absolute;left:20px;top:52px;z-index:1;width:58%}.preview-copy small{font-size:7px;letter-spacing:1px;display:block;margin-bottom:8px;opacity:.7}.preview-copy b{display:block;font-family:"Space Grotesk",sans-serif;font-size:23px;line-height:1.05;letter-spacing:-.8px}.preview-copy>span{display:inline-block;font-size:7px;font-weight:700;background:#7f40d6;color:white;border-radius:3px;padding:7px 9px;margin-top:15px}.preview-food{position:absolute;right:-14px;bottom:-24px;width:135px;height:150px;border-radius:48% 48% 12% 12%;background:radial-gradient(circle at 45% 35%,#f3d4a4 0 10%,#b95127 11% 19%,#f3cf85 20% 28%,#9d3526 29% 37%,#e7ba70 38% 50%,#683b2b 51%);display:grid;place-items:center;color:#f6e7be;font-size:45px;box-shadow:0 0 0 10px #e0b77c;transform:rotate(-12deg)}.preview-pizza{background:#f5eee1}.preview-burger{background:#17161b;color:#f8f2e9}.preview-burger .preview-copy{width:56%}.preview-burger .preview-copy b{font-size:30px;text-transform:uppercase}.preview-burger .preview-copy>span{background:#d65a25}.preview-burger .preview-food{background:linear-gradient(180deg,#65361d 0 18%,#6eaa3c 19% 25%,#e7b94b 26% 34%,#4b271c 35% 47%,#e4a63e 48% 58%,#61341d 59%);box-shadow:0 0 0 8px #2c2522;border-radius:50%;width:145px;height:110px;bottom:13px;right:-28px}.preview-cafe{background:#f4e7d8}.preview-cafe .preview-food{background:radial-gradient(circle,#5a342b 0 28%,#e3c5a0 29% 38%,#b68a69 39% 54%,#f3e1c8 55%);box-shadow:0 0 0 6px #c9a98e;width:135px;height:130px;right:-8px;bottom:-8px;font-size:38px}.preview-pet{background:#f1e6fa;color:#352341}.preview-pet .preview-food{background:linear-gradient(145deg,#7f4bb5,#d6a4ef);box-shadow:0 0 0 10px #e2c8f1;border-radius:40% 40% 48% 48%;font-size:50px}.project-info{display:flex;align-items:center;justify-content:space-between;padding:12px 3px}.project-info h3{font-family:"Space Grotesk",sans-serif;font-size:14px;margin:0 0 3px}.project-info p{font-size:10px;color:#8c8495;margin:0}.project-arrow{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ded6e7;border-radius:50%;color:#7440ae;flex-shrink:0}.preview-ct{background:#e7f2ea;display:flex;flex-direction:column;align-items:center;justify-content:center}.ct-brand{font-family:"Space Grotesk",sans-serif;font-size:29px;font-weight:700;color:#286f52;line-height:1.1;text-align:center}.ct-brand span{color:#d7a73c}.ct-brand small{display:block;font:7px "DM Sans",sans-serif;letter-spacing:1.5px;margin-top:7px;color:#627c70}.ct-lines{width:70%;margin-top:18px}.ct-lines i{display:block;height:9px;background:#c7dfd1;border-radius:3px;margin:7px 0}.ct-lines i:nth-child(2){width:75%}.ct-lines i:nth-child(3){width:88%}.preview-link-label{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:7px;background:#237b58;color:white;font-size:8px;font-weight:700;letter-spacing:1px}.preview-ct.alt{background:#e5f0e8}.preview-ct.alt .ct-brand{color:#1f684a}.about-section{background:#211e2b}.about-layout{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:100px}.about-stamp{width:290px;height:290px;border:1px solid #564367;border-radius:50%;margin:auto;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#30233f 0,#211e2b 68%)}.stamp-ring{position:absolute;inset:17px;border:1px dashed #73568e;border-radius:50%;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;font-size:8px;letter-spacing:2px;color:#b9a0ce}.stamp-center{font-family:"Space Grotesk",sans-serif;font-size:78px;font-weight:700;letter-spacing:-7px}.stamp-center small{display:block;text-align:center;font:9px "DM Sans",sans-serif;letter-spacing:3px;color:#a89db6;margin-top:-5px}.stamp-spark{position:absolute;right:35px;bottom:42px;color:#c38aff;font-size:32px}.about-copy .eyebrow{margin-bottom:17px}.about-copy h2{margin-bottom:23px}.about-copy>p:not(.eyebrow){color:#b7b0c3;font-size:13px;line-height:1.95;max-width:610px}.skill-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.skill-list span{border:1px solid #4b4059;color:#d1c5e0;padding:7px 10px;border-radius:5px;font-size:10px}.process-section{padding-top:100px;padding-bottom:100px}.process-list{border-top:1px solid var(--line)}.process-step{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;gap:20px;padding:24px 10px;border-bottom:1px solid var(--line)}.process-step>span{font-family:"Space Grotesk",sans-serif;font-size:18px;color:#b47af1}.process-step h3{font-family:"Space Grotesk",sans-serif;font-size:16px;margin:0 0 5px}.process-step p{font-size:12px;color:#a9a3b3;margin:0}.process-step>b{color:#b47af1;font-size:20px;font-weight:400}.contact-section{padding:0 24px 85px}.contact-panel{max-width:1110px;background:linear-gradient(125deg,#2c223a,#201b2a 62%,#302039);border:1px solid #4a385d;border-radius:16px;padding:65px 70px;position:relative;overflow:hidden}.contact-panel:after{content:"";position:absolute;width:350px;height:350px;border:1px solid #634780;border-radius:50%;right:-85px;top:-145px;box-shadow:0 0 0 35px #8f52be0a,0 0 0 75px #8f52be08}.contact-panel>*{position:relative;z-index:1}.contact-panel .eyebrow{margin-bottom:17px}.contact-panel h2{font-size:clamp(38px,4.5vw,56px)}.contact-panel>p:not(.eyebrow){max-width:520px;color:#b9b0c6;font-size:13px;line-height:1.9;margin:20px 0 25px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.button-outline{border:1px solid #665373;background:transparent}.button-outline:hover{background:#ffffff0b}.contact-footnote{display:block;font-size:10px;color:#8e839c;margin-top:20px}.contact-orb{position:absolute!important;right:70px;bottom:50px;width:110px;height:110px;border:1px solid #9e70c5;border-radius:50%;display:grid;place-items:center;color:#e3baff;font-size:45px;opacity:.65}.footer{border-top:1px solid var(--line)}.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand .brand-mark{width:33px;height:33px;font-size:21px}.footer-brand>span:last-child{font-size:13px}.footer-brand small{font-size:8px}.footer-inner>span{font-size:10px;color:#837d8e}.footer-inner>div{display:flex;gap:17px;font-size:10px;color:#c7c0d0}.copyright{white-space:nowrap}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:25px;padding-top:65px}.hero-copy{max-width:680px}.hero-art{min-height:410px}.code-window{max-width:500px}.trust-inner{flex-wrap:wrap;justify-content:flex-start;padding-top:20px;padding-bottom:20px}.trust-inner>span{width:100%}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-intro{max-width:580px}.about-layout{gap:45px}.project-preview{height:180px}.preview-copy{left:14px;width:62%}.preview-copy b{font-size:20px}.preview-food{width:110px;height:125px}.footer-inner{padding-top:25px;padding-bottom:25px;flex-wrap:wrap}.footer-inner>span:first-of-type{order:3;width:100%}}@media(max-width:650px){.container{width:min(100% - 32px,520px)}.nav{height:72px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 22px 23px;background:#201d29;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{padding-top:54px;padding-bottom:48px;min-height:0}.hero h1{font-size:clamp(42px,11vw,58px);letter-spacing:-2px}.hero-description{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-note{margin-top:29px}.hero-art{min-height:310px;margin:0 -7px}.code-window{width:100%;transform:none}.window-content{padding:12px}.mini-hero{min-height:145px}.mini-hero strong{font-size:19px}.abstract-image{height:112px}.mini-bottom{font-size:6px}.float-card{padding:8px 10px}.float-card-top{top:0;right:0}.float-card-bottom{bottom:0;left:0}.float-card small{font-size:8px}.trust-inner{gap:12px 20px;font-size:10px}.trust-inner>div{width:100%}.section,.projects-section .section{padding-top:70px;padding-bottom:70px}.section-heading h2,.about-copy h2{letter-spacing:-1.6px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:22px}.service-icon{margin-bottom:17px}.service-card p{margin-bottom:15px}.project-filter{flex-wrap:wrap}.project-grid{grid-template-columns:1fr;gap:17px}.project-preview{height:220px}.preview-copy{left:20px;top:57px}.preview-copy b{font-size:27px}.preview-food{width:145px;height:155px}.about-layout{grid-template-columns:1fr;gap:45px;padding-top:70px;padding-bottom:70px}.about-stamp{width:235px;height:235px}.stamp-center{font-size:65px}.stamp-ring{font-size:7px}.process-section{padding-top:70px;padding-bottom:70px}.process-step{grid-template-columns:40px 1fr 18px;gap:10px;padding:20px 0}.process-step h3{font-size:14px}.process-step p{font-size:11px}.contact-section{padding:0 16px 55px}.contact-panel{padding:42px 24px;border-radius:12px}.contact-panel h2{font-size:39px;letter-spacing:-1.7px}.contact-panel>p:not(.eyebrow){font-size:12px}.contact-actions{flex-direction:column;align-items:stretch}.contact-orb{right:-18px;bottom:12px;opacity:.22}.footer-inner{gap:15px}.footer-inner>div{order:4}.copyright{margin-left:auto}.footer-brand{margin-right:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Links dos projetos: deixam claro que o cartão abre o site completo. */
.project-info h3 a { color: inherit; text-decoration: none; }
.project-info h3 a:hover { color: var(--accent, #a78bfa); }
.project-preview { cursor: pointer; }
.project-preview .preview-copy span, .project-preview .preview-link-label { transition: transform .2s ease; }
.project-preview:hover .preview-copy span, .project-preview:hover .preview-link-label { transform: translateX(4px); }

/* Capturas reais dos projetos no portfólio */
.project-preview{isolation:isolate;background:#e8e5ed}
.project-screenshot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .35s ease}
.project-preview:hover .project-screenshot{transform:scale(1.035)}
.project-preview:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(15,12,20,.72));pointer-events:none}
.screenshot-visit{position:absolute;z-index:2;left:12px;bottom:12px;padding:7px 10px;border-radius:4px;background:rgba(25,20,32,.88);color:#fff;font-size:8px;font-weight:700;letter-spacing:.8px;backdrop-filter:blur(6px)}