@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#090919;--navy:#0d1027;--purple:#7b36ff;--violet:#b143ff;--blue:#38a9ff;--green:#16d978;--ink:#11132a;--muted:#60647d;--line:#e2e5f2;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(35,22,80,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 85% 5%,#402186 0,transparent 25%),linear-gradient(145deg,#070817,#10132b 50%,#090919);color:#fff;min-height:100vh}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.topbar{height:78px;max-width:1500px;margin:14px auto 0;padding:0 30px;display:flex;align-items:center;gap:30px;background:rgba(7,8,26,.89);border:1px solid rgba(255,255,255,.34);border-radius:15px 15px 0 0;position:relative;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;min-width:240px}.brand-mark{display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;width:48px;height:42px;border:2px solid #55bfff;border-radius:10px;transform:skew(-7deg);text-shadow:0 0 15px #4c9cff}.brand b{display:block;font-size:18px}.brand small{display:block;color:#22a7ff;font-size:8px;letter-spacing:1.1px;margin-top:3px}.topbar nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}.topbar nav a{font-size:13px;transition:.2s}.topbar nav a:hover{color:#b680ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:14px;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(115deg,#606cff,#b719ef);color:#fff;box-shadow:0 8px 24px rgba(119,48,255,.35),inset 0 0 0 1px rgba(255,255,255,.2)}.btn-outline{border-color:rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,.04)}.top-cta{padding:13px 22px;white-space:nowrap}.menu-toggle{display:none;color:#fff;background:none;border:0;font-size:25px}.mobile-menu{display:none}
main{max-width:1500px;margin:auto}.hero{height:610px;position:relative;overflow:hidden;border-left:1px solid rgba(255,255,255,.25);border-right:1px solid rgba(255,255,255,.25);background:radial-gradient(circle at 70% 20%,rgba(129,49,255,.32),transparent 30%),linear-gradient(95deg,rgba(4,7,23,.96),rgba(14,11,43,.82)),url('../img/mockup-reference.png') center 8%/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,26,.92) 0%,rgba(7,8,26,.74) 37%,rgba(7,8,26,.06) 70%,rgba(8,9,28,.7));pointer-events:none}.hero-glow{position:absolute;width:500px;height:500px;background:#7632f6;filter:blur(120px);opacity:.18;right:100px;top:-200px}.hero-copy{position:absolute;z-index:4;left:54px;top:55px;width:570px}.eyebrow{display:inline-flex;padding:8px 14px;border-radius:30px;background:linear-gradient(90deg,rgba(116,48,255,.52),rgba(91,27,119,.35));border:1px solid rgba(255,255,255,.4);font-size:13px}.hero h1{font-size:55px;line-height:1.04;letter-spacing:-2.6px;margin:16px 0 16px;max-width:650px}.hero h1::first-line{color:#fff}.hero h1{background:linear-gradient(90deg,#fff 0 50%,#b27cff 72%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:16px;line-height:1.55;max-width:555px;color:#f1f1f8}.trust-row{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap}.trust-row span{font-size:11px;padding:10px 12px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.04)}.hero-actions{display:flex;gap:14px}.portrait-wrap{position:absolute;z-index:3;left:52%;top:0;width:420px;height:600px;overflow:hidden}.portrait-wrap img{position:absolute;width:1024px;max-width:none;transform:translate(-405px,-32px)}.service-float{position:absolute;z-index:6;right:42px;top:60px;width:235px;padding:15px;background:rgba(255,255,255,.95);color:#25233a;border-radius:13px;box-shadow:var(--shadow);display:grid;gap:9px}.service-float b{font-size:12px;margin-bottom:3px;color:#4d28b8}.service-float span{font-size:11px;padding:7px;border-radius:8px;background:#f3f1ff}.service-float .green{color:#0aa85a}.result-note{position:absolute;z-index:7;left:47%;top:205px;color:#282038;background:#fff;padding:13px 16px;border-radius:12px;font-size:13px;transform:rotate(-4deg);box-shadow:var(--shadow)}.indicators{margin:-38px 46px 0;position:relative;z-index:10;padding:22px 28px;border:1px solid rgba(255,255,255,.28);border-radius:17px;background:linear-gradient(105deg,rgba(20,22,53,.96),rgba(45,32,86,.96),rgba(17,20,48,.96));box-shadow:0 12px 45px rgba(0,0,0,.35);display:grid;grid-template-columns:repeat(4,1fr)}.indicators div{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 15px;border-right:1px solid rgba(255,255,255,.17)}.indicators div:last-child{border:0}.indicators b{font-size:25px;color:#b779ff}.indicators span{font-size:13px;max-width:100px}
.light-section{background:#fff;color:var(--ink);padding:48px 36px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading>div{position:relative;padding-left:52px}.section-heading h2{font-size:31px;margin:0 0 4px;letter-spacing:-1px}.section-heading p{margin:0;color:var(--muted);font-size:14px}.section-icon{position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eee7ff;color:#6d2bff;font-weight:800}.text-link{padding:10px 18px;border-radius:10px;background:#f0e7ff;color:#6725e7;font-weight:700;font-size:13px}.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.service-card{min-height:150px;border:1px solid var(--line);border-radius:13px;padding:22px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:.25s}.service-card:hover{transform:translateY(-4px);border-color:#a97cff;box-shadow:0 13px 30px rgba(89,45,190,.12)}.service-card i{font-style:normal;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#efe9ff;color:#702bff;font-size:22px}.service-card b{font-size:13px}.service-card span{font-size:12px;line-height:1.35;color:var(--muted)}.projects-home{padding-top:25px}.project-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.project-card{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:11px;overflow:hidden;position:relative;transition:.25s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-visual{height:150px;overflow:hidden;background:#121530;position:relative}.project-visual img{width:1024px;max-width:none;position:absolute;transform:scale(.72) translate(-50px,-580px);transform-origin:top left}.pv-1 img{transform:scale(.72) translate(-250px,-580px)}.pv-2 img{transform:scale(.72) translate(-390px,-580px)}.pv-3 img{transform:scale(.72) translate(-540px,-580px)}.pv-4 img{transform:scale(.72) translate(-690px,-580px)}.pv-5 img{transform:scale(.72) translate(-790px,-580px)}.project-card>div:last-child{padding:13px;position:relative}.project-card b,.project-card h2{display:block;font-size:14px;margin:0 0 5px}.project-card small{color:#6d35df}.project-card p{font-size:11px;color:var(--muted);margin:5px 25px 0 0}.project-card>div:last-child>span{position:absolute;right:11px;bottom:12px;color:#7a34ef}.idea-banner{margin:0 30px 34px;min-height:255px;padding:34px 42px;border-radius:18px;background:radial-gradient(circle at 70% 20%,#9436ff 0,transparent 38%),linear-gradient(120deg,#5b20c7,#171449 60%,#0b0b26);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.idea-banner h2{font-size:30px;margin:0 0 12px}.idea-banner p{max-width:500px;color:#e6e1f7;font-size:14px;line-height:1.5}.idea-banner .btn{margin-right:8px;padding:12px 18px}.devices-art{position:absolute;right:70px;top:10px;width:530px;height:250px;overflow:hidden}.devices-art img{position:absolute;width:1000px;max-width:none;transform:translate(-220px,-730px)}.idea-banner em{position:absolute;right:25px;top:25px;font-family:cursive;font-size:20px;transform:rotate(-8deg)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article{display:flex;gap:15px;min-height:125px;padding:20px;border:1px solid var(--line);border-radius:12px}.steps i{font-style:normal;flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7543ff,#9a1ce7);color:#fff;font-weight:800}.steps b{font-size:13px}.steps p{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0}.about{padding:70px 55px;display:grid;grid-template-columns:420px 1fr;gap:70px;align-items:center;background:radial-gradient(circle at 20% 25%,rgba(113,44,255,.3),transparent 32%),#0b0d22}.about-photo{height:430px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.35);position:relative;background:#11122d}.about-photo img{position:absolute;width:1024px;max-width:none;transform:translate(-390px,-40px)}.about h2{font-size:42px;margin:14px 0 3px}.about h3{color:#b77aff;margin:0 0 20px}.about p{color:#d9daeb;line-height:1.7;max-width:650px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.about-points span{font-size:13px}.contact-section{padding:70px 55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:linear-gradient(135deg,#10132d,#1e1441)}.contact-copy h2{font-size:40px;margin:15px 0}.contact-copy p{color:#d9d9e9;line-height:1.6}.whatsapp-link{display:inline-block;margin-top:20px;color:#42e993;font-weight:700}.lead-form{background:#fff;color:var(--ink);padding:28px;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;box-shadow:var(--shadow)}.lead-form label{font-weight:700;font-size:13px}.lead-form label small{font-weight:500;color:#777}.lead-form input,.lead-form select,.lead-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #dce0ed;border-radius:10px;padding:13px 14px;color:#17182b;background:#f9faff;outline:none}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#7b36ff;box-shadow:0 0 0 3px rgba(123,54,255,.12)}.full{grid-column:1/-1}.hp{position:absolute!important;left:-99999px!important}.form-feedback{min-height:20px;font-size:13px;color:#13894e}.testimonial{background:#fff;color:var(--ink);text-align:center;padding:45px}.testimonial>span{color:#f3a400}.testimonial blockquote{font-size:19px;max-width:700px;margin:14px auto}.testimonial small{display:block;color:var(--muted);margin-top:4px}.footer{max-width:1500px;margin:auto;padding:35px 45px 85px;background:#08091a;border:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.footer-links{display:flex;gap:22px;font-size:12px}.footer p{grid-column:1/-1;text-align:center;color:#8d90aa;font-size:11px}.mobile-bottom{display:none}
.inner-page{background:#fff;color:var(--ink);min-height:70vh}.page-hero{padding:80px 50px 55px;color:#fff;background:radial-gradient(circle at 80% 10%,#5925a5,transparent 30%),linear-gradient(120deg,#090a1d,#16113b)}.page-hero h1{font-size:48px;margin:18px 0 10px}.page-hero p{color:#dddced;max-width:680px}.filters{padding:25px 45px;display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.filters button{padding:10px 18px;border:1px solid var(--line);border-radius:30px;background:#fff;cursor:pointer}.filters button.active{background:#702be8;color:#fff;border-color:#702be8}.project-gallery{padding:35px 45px 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-gallery .project-visual{height:260px}.project-gallery .project-card>div:last-child{padding:20px}.project-gallery h2{font-size:22px!important}.project-gallery p{font-size:13px}.detail-hero{min-height:500px;padding:65px 50px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;color:#fff;background:radial-gradient(circle at 75% 25%,#53209e,transparent 35%),#0b0c22}.detail-hero h1{font-size:55px;margin:18px 0 12px}.detail-hero p{font-size:18px;line-height:1.6;color:#deddeb}.detail-hero .btn{margin:20px 8px 0 0}.detail-image{height:370px;border:1px solid rgba(255,255,255,.25);border-radius:20px;overflow:hidden;position:relative}.detail-image img{position:absolute;width:1024px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85)}.case-grid{padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-grid article,.features-panel,.result-panel{padding:30px;border:1px solid var(--line);border-radius:16px}.case-grid small,.result-panel small{color:#7834eb;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.case-grid p,.result-panel p{color:var(--muted);line-height:1.7}.features-panel{margin:0 55px}.features-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.features-panel span{padding:14px;border-radius:10px;background:#f5f1ff;color:#4e258f}.result-panel{margin:30px 55px;display:grid;grid-template-columns:2fr 1fr;gap:30px;background:#f8f6ff}.final-cta{text-align:center;padding:70px 25px;background:#0c0e25;color:#fff}.final-cta h2{font-size:36px;margin:0}.blog-grid{padding:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{border:1px solid var(--line);border-radius:16px;padding:20px}.post-card img{width:100%;height:190px;object-fit:cover;border-radius:10px}.empty-state{grid-column:1/-1;padding:80px;text-align:center;background:#f7f5ff;border-radius:18px}.article article{max-width:850px;margin:auto;padding:70px 30px}.article h1{font-size:46px}.article .lead{font-size:19px;color:var(--muted)}.article-cover{width:100%;border-radius:18px;margin:25px 0}.article-content{line-height:1.8;font-size:17px;color:#33374d}
@media(max-width:1100px){.topbar{margin:0;border-radius:0}.topbar nav{display:none}.top-cta{margin-left:auto}.services-grid{grid-template-columns:repeat(4,1fr)}.project-row{grid-template-columns:repeat(3,1fr)}.hero-copy{width:50%}.portrait-wrap{left:55%}.service-float{display:none}.idea-banner{grid-template-columns:1fr}.devices-art{opacity:.55}.project-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{padding-bottom:67px}.topbar{height:67px;padding:0 15px;border:0;border-bottom:1px solid rgba(255,255,255,.18)}.brand{min-width:0}.brand-mark{width:38px;height:34px;font-size:17px}.brand b{font-size:14px}.brand small{font-size:6px}.top-cta{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-menu.open{display:flex;position:fixed;z-index:30;top:67px;left:0;right:0;padding:18px;background:#0a0b20;flex-direction:column;gap:8px}.mobile-menu a{padding:13px;border-bottom:1px solid rgba(255,255,255,.12)}main{width:100%}.hero{height:690px;border:0;background-position:center}.hero-copy{left:20px;right:20px;top:35px;width:auto}.hero h1{font-size:38px;letter-spacing:-1.8px;max-width:360px}.hero-copy>p{font-size:14px;max-width:355px}.trust-row{display:none}.hero-actions{display:grid;gap:8px}.hero-actions .btn{width:100%}.portrait-wrap{left:50%;top:365px;width:340px;height:330px;transform:translateX(-50%)}.portrait-wrap img{width:850px;transform:translate(-337px,-28px)}.result-note{left:auto;right:18px;top:530px;font-size:10px}.indicators{margin:-7px 10px 0;padding:12px 7px;grid-template-columns:repeat(3,1fr);border-radius:15px}.indicators div{display:block;text-align:center;padding:7px 3px}.indicators div:nth-child(4){grid-column:1/-1;border-top:1px solid rgba(255,255,255,.16);border-right:0}.indicators b{display:block;font-size:18px}.indicators span{font-size:9px}.light-section{padding:35px 14px}.section-heading{align-items:start}.section-heading>div{padding-left:44px}.section-heading h2{font-size:25px}.section-heading p{font-size:12px}.section-icon{width:34px;height:34px}.section-heading>.text-link{display:none}.services-grid{grid-template-columns:repeat(3,1fr);gap:7px}.service-card{min-height:115px;padding:13px 5px;gap:6px}.service-card i{width:34px;height:34px;font-size:17px}.service-card b{font-size:10px}.service-card span{display:none}.projects-home{background:#11132c;color:#fff;padding-bottom:35px}.projects-home .section-heading p{color:#bfc1d1}.project-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.project-row .project-card{min-width:250px;scroll-snap-align:start}.project-visual{height:150px}.idea-banner{margin:8px 10px 20px;padding:28px 20px;min-height:265px;display:block}.idea-banner h2{font-size:26px}.idea-banner p{font-size:13px;max-width:280px}.idea-banner .btn{width:100%;margin:5px 0}.devices-art,.idea-banner em{display:none}.steps{display:block;position:relative}.steps:before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:#d8c9ff}.steps article{min-height:auto;margin-bottom:10px;position:relative;background:#fff;padding:15px}.steps i{flex-basis:40px;z-index:1}.about{padding:45px 18px;display:flex;flex-direction:column;gap:25px}.about-photo{width:100%;height:360px}.about-photo img{width:900px;transform:translate(-348px,-30px)}.about h2{font-size:34px}.about-points{grid-template-columns:1fr}.contact-section{padding:45px 15px;grid-template-columns:1fr;gap:25px}.contact-copy h2{font-size:32px}.lead-form{padding:18px;grid-template-columns:1fr}.lead-form>*{grid-column:1}.testimonial{padding:35px 18px}.footer{padding:30px 18px;display:block;text-align:center}.footer .brand{justify-content:center}.footer-links{display:none}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:50;left:0;right:0;bottom:0;height:68px;background:#0a0b20;border-top:1px solid rgba(255,255,255,.25)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#cfcfe5;font-size:20px}.mobile-bottom span{font-size:9px}.page-hero{padding:50px 20px}.page-hero h1{font-size:36px}.filters{padding:16px;flex-wrap:nowrap;overflow-x:auto}.filters button{white-space:nowrap}.project-gallery{padding:20px 15px 45px;grid-template-columns:1fr}.detail-hero{padding:45px 18px;grid-template-columns:1fr}.detail-hero h1{font-size:40px}.detail-image{height:260px}.case-grid{padding:25px 15px;grid-template-columns:1fr}.features-panel,.result-panel{margin:0 15px 25px}.features-panel>div{grid-template-columns:1fr}.result-panel{grid-template-columns:1fr}.blog-grid{padding:25px 15px;grid-template-columns:1fr}.empty-state{padding:55px 20px}.article h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.case-gallery{max-width:1500px;margin:auto;padding:30px 55px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-gallery img{width:100%;height:260px;object-fit:cover;border-radius:14px;border:1px solid #e2e5f2}

/* Imagens enviadas pelo painel usam enquadramento natural; a arte inicial mantém o recorte do mockup. */
.portrait-wrap:not(.is-mockup) img,.about-photo:not(.is-mockup) img{position:static;width:100%;height:100%;object-fit:cover;transform:none}
.project-visual img:not([src$="mockup-reference.png"]){position:static;width:100%;height:100%;object-fit:cover;transform:none}
@media(max-width:720px){.portrait-wrap:not(.is-mockup) img,.about-photo:not(.is-mockup) img{width:100%;height:100%;transform:none}.case-gallery{padding:20px 15px;grid-template-columns:1fr}.case-gallery img{height:220px}}