:root{--purple:#8f43e8;--purple-dark:#6429c7;--blue:#2455d6;--ink:#17172a;--muted:#6e7184;--light:#f7f7fc;--line:#e9e8f2;--font:'DM Sans',sans-serif;--display:'Poppins',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--font);color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:84px;display:flex;align-items:center;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(30,25,70,.06);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#b34df0,#3658df);color:#fff;font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:-2px;box-shadow:0 8px 20px #8c4ae52b}.brand-mark span{color:#d7f5ff}.brand-name{font-family:var(--display);font-size:18px;font-weight:500;line-height:1.15;letter-spacing:-.6px}.brand-name strong{font-weight:800}.brand-name small{display:block;margin-top:5px;font:500 9px var(--font);letter-spacing:.8px;text-transform:uppercase;color:#8b8da1}.nav-links{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600;color:#505166}.nav-links>a:not(.nav-cta):hover{color:var(--purple)}.nav-cta{padding:12px 17px;background:linear-gradient(110deg,var(--purple),var(--blue));border-radius:9px;color:white;box-shadow:0 8px 20px #6244d52a}.nav-cta span,.button span{margin-left:10px}.menu-toggle{display:none;background:none;font-size:26px;color:var(--ink);cursor:pointer}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#faf7ff 0%,#f6f6ff 52%,#eef4ff 100%);min-height:625px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:42px;padding-top:55px;padding-bottom:84px;position:relative;z-index:1}.hero-copy{max-width:570px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:2px;color:#8650d7;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#a14de9;box-shadow:0 0 0 5px #a14de91b}.hero h1,.section-heading h2,.about-copy h2,.contact-copy h2{font-family:var(--display);font-size:clamp(37px,4.2vw,58px);line-height:1.13;letter-spacing:-2.5px;font-weight:700;margin:22px 0 20px}.hero h1 span,.section-heading h2 span,.about-copy h2 span{background:linear-gradient(100deg,#a343e7,#365ee0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:490px;color:#6e7085;font-size:16px;line-height:1.85}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:9px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:white;background:linear-gradient(110deg,#9a44e6,#3c5fe1);box-shadow:0 10px 24px #6545dc33}.button-ghost{border:1px solid #e0dfee;color:#4d4c65;background:#ffffffa8}.play-icon{font-size:16px;color:#8e4fe5;margin-right:9px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:38px}.proof-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#8842d9;background:#eee2ff;font-size:20px}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:11px;color:#85869a;margin-top:2px}.hero-art{height:445px;position:relative;display:flex;align-items:center;justify-content:center}.hero-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.glow-one{width:370px;height:370px;background:#b38bff20;right:-90px;top:10px}.glow-two{width:230px;height:230px;background:#70a4ff24;left:42%;bottom:-70px}.art-orbit{position:absolute;border:1px solid #a9a5e52d;border-radius:50%;transform:rotate(-23deg)}.orbit-a{width:420px;height:300px}.orbit-b{width:350px;height:410px;transform:rotate(42deg)}.paper-stack{width:270px;height:350px;position:relative;transform:rotate(-7deg);z-index:2;filter:drop-shadow(0 24px 28px #44308b25)}.paper{position:absolute;inset:0;border-radius:7px}.paper-back{background:#d9d7ff;transform:translate(20px,-13px) rotate(8deg)}.paper-mid{background:#3d59db;transform:translate(9px,-5px) rotate(3deg)}.paper-front{overflow:hidden;background:linear-gradient(145deg,#8f45e5 0%,#5b49d5 47%,#315edc 100%);color:#fff;padding:25px 23px}.paper-top{font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:-2px}.paper-top span{font-size:9px;vertical-align:top;letter-spacing:0}.paper-shape{position:absolute;border-radius:50%;background:#c5a4ff;opacity:.65}.shape-a{width:250px;height:250px;right:-120px;top:70px}.shape-b{width:210px;height:210px;right:-28px;top:105px;border:30px solid #66b5ff;background:transparent;opacity:.75}.paper-title{position:absolute;left:25px;bottom:74px;font-family:var(--display);font-size:30px;font-weight:500;line-height:1.1;letter-spacing:-1px}.paper-title b{font-weight:800}.paper-bottom{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;font-weight:700}.paper-bottom span{font-size:17px}.floating-card{position:absolute;z-index:4;box-shadow:0 16px 40px #30306b20;border:1px solid #ffffffb0;backdrop-filter:blur(12px)}.card-purple{top:44px;left:2px;width:145px;height:116px;border-radius:12px;background:#ffffffed;padding:17px;transform:rotate(-6deg)}.mini-label{display:block;color:#9c52e6;font-size:8px;letter-spacing:1.5px;font-weight:800}.card-purple strong{display:block;font-family:var(--display);font-size:19px;line-height:1.1;margin-top:10px;letter-spacing:-.5px}.card-line{display:block;width:35px;height:4px;background:#a54de8;border-radius:4px;margin-top:9px}.card-blue{right:-5px;bottom:42px;background:#fff;border-radius:12px;padding:13px 17px;display:flex;align-items:center;gap:11px;transform:rotate(4deg)}.card-blue>span{width:34px;height:34px;border-radius:10px;background:#e7e9ff;color:#4e5cdd;display:grid;place-items:center;font-size:20px}.card-blue strong,.card-blue small{display:block}.card-blue strong{font-size:11px}.card-blue small{font-size:10px;color:#85869a}.spark{position:absolute;color:#9651e7;font-size:28px}.spark-one{top:70px;right:54px}.spark-two{left:33px;bottom:60px;color:#4779e6;font-size:36px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;background:#ffffff9c;border-top:1px solid #fff}.bottom-inner{height:54px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;font-weight:800;color:#818299}.bottom-inner b{color:#9b5be5;font-size:15px}
.section{padding:100px 0}.services{background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:39px}.dark-eyebrow{color:#8a4bdb}.section-heading h2{font-size:clamp(30px,3.2vw,43px);letter-spacing:-1.7px;margin:12px 0 0;max-width:600px}.section-heading>p{max-width:340px;color:var(--muted);font-size:13px;line-height:1.8;padding-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{padding:27px 25px 24px;border:1px solid #ecebf4;border-radius:15px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #3b2b7410;border-color:#d8c9fa}.service-icon{height:47px;width:47px;border-radius:14px;display:grid;place-items:center;font-size:24px;margin-bottom:21px}.icon-violet{background:#f0e4ff;color:#9445df}.icon-blue{background:#e6edff;color:#3b62db}.icon-pink{background:#ffe8f1;color:#db5e9a}.icon-orange{background:#fff0df;color:#e58a36}.icon-green{background:#e3f8ef;color:#2f9d79}.service-card h3{font-family:var(--display);font-size:16px;letter-spacing:-.4px;margin-bottom:9px}.service-card p{color:#77798c;font-size:12px;line-height:1.8;min-height:44px}.service-card>a{display:inline-block;margin-top:20px;color:#7d43d6;font-size:11px;font-weight:800}.service-card>a span{margin-left:8px}.featured-service{background:linear-gradient(135deg,#8c43e3,#3c5edb);border:0;color:#fff}.featured-service p,.featured-service>a{color:#f1eaff}.icon-white{background:#ffffff24;color:white}
.portfolio{background:#f8f8fc}.portfolio-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.portfolio-item{min-width:0}.portfolio-visual{height:280px;border-radius:15px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-banner{background:linear-gradient(135deg,#30236d,#6e38b8 55%,#f45db8)}.visual-banner:before{content:"";position:absolute;width:240px;height:240px;border:40px solid #ffffff1b;border-radius:50%;right:-65px;top:-60px}.visual-banner-text{position:relative;z-index:1;font-family:var(--display);color:white;font-size:25px;line-height:1.2;letter-spacing:-1px;transform:rotate(-7deg);text-shadow:0 5px 18px #24125355}.visual-banner-text b{font-size:31px}.visual-tag{position:absolute;top:17px;left:17px;border-radius:6px;background:#ffffffdf;color:#55406f;padding:6px 9px;font-size:8px;letter-spacing:1px;font-weight:800}.visual-ribbon{position:absolute;bottom:-30px;left:-20px;width:130%;height:70px;background:#f7a9e4;transform:rotate(-10deg);opacity:.75}.visual-cup{background:linear-gradient(145deg,#dce7ff,#f6e7ff)}.cup{width:150px;height:160px;background:linear-gradient(100deg,#fff,#e8e8f3);border-radius:9px 9px 28px 28px;box-shadow:15px 20px 25px #45356a22;position:relative;display:grid;place-items:center;transform:rotate(-8deg)}.cup:after{content:"";position:absolute;right:-36px;top:28px;width:44px;height:63px;border:13px solid #e9e8f5;border-left:0;border-radius:0 25px 25px 0}.cup span{font-family:var(--display);color:#7043c8;text-align:center;font-size:20px;line-height:1.1}.cup span b{font-size:22px}.cup i{display:block;font-style:normal;color:#ed78b9;margin-top:8px}.visual-stickers{background:linear-gradient(140deg,#ffe9f4,#e9e7ff)}.sticker{position:absolute;display:grid;place-items:center;text-align:center;font-family:var(--display);font-size:14px;font-weight:800;line-height:1.1;box-shadow:0 12px 22px #43336a20}.sticker-one{width:105px;height:105px;border-radius:50%;background:#a24de5;color:#fff;left:15%;top:28%;transform:rotate(-13deg);border:5px solid white}.sticker-two{width:105px;height:105px;border-radius:25px;background:#ff8ec8;color:#632c83;right:10%;top:18%;transform:rotate(12deg);border:5px solid white}.sticker-three{width:96px;height:63px;border-radius:30px;background:#fff;color:#4059c8;left:36%;bottom:12%;transform:rotate(-8deg);border:4px dashed #8795ed}.portfolio-caption{display:flex;justify-content:space-between;align-items:start;padding:17px 3px}.portfolio-caption h3{font-size:13px;font-weight:800}.portfolio-caption p{font-size:11px;color:#85869a;margin-top:4px}.portfolio-caption>span{font-size:10px;color:#9c62df;font-weight:800}.portfolio-note{margin-top:12px;color:#9293a4;font-size:10px}
.about{background:#fff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:95px}.about-visual{height:410px;border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(145deg,#8f47e6,#3d5fe0)}.about-circle{position:absolute;border-radius:50%;border:1px solid #ffffff50}.circle-one{width:360px;height:360px;left:-70px;top:-70px}.circle-two{width:400px;height:400px;right:-150px;bottom:-150px;border-width:50px;border-color:#ffffff15}.about-stamp{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-9deg);width:220px;height:220px;border-radius:50%;border:2px solid #ffffffb0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;box-shadow:0 0 0 10px #ffffff12,0 20px 45px #24175c35}.about-stamp:before{content:"";position:absolute;inset:12px;border:1px dashed #ffffff9c;border-radius:50%}.about-stamp>span{font-family:var(--display);font-size:65px;font-weight:800;letter-spacing:-8px}.about-stamp small{text-align:center;font-size:8px;font-weight:800;letter-spacing:2px;line-height:1.7}.about-note{position:absolute;bottom:23px;left:22px;right:22px;background:#ffffffec;padding:14px 16px;border-radius:10px;font-size:12px;font-weight:700;box-shadow:0 10px 30px #29205d20}.about-note span{color:#a048e8;margin-right:8px}.about-copy h2{font-size:clamp(32px,3.3vw,44px);letter-spacing:-1.7px;margin:13px 0 17px}.about-copy>p{color:#77798c;font-size:13px;line-height:1.9}.about-points{display:grid;gap:17px;margin:26px 0 28px}.about-points>div{display:flex;align-items:center;gap:12px}.about-points>div>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;background:#eee5ff;color:#8c45dc;border-radius:50%;font-weight:800;font-size:12px}.about-points strong,.about-points small{display:block}.about-points strong{font-size:12px}.about-points small{font-size:11px;color:#8b8c9d;margin-top:2px}
.contact{padding-top:15px;padding-bottom:90px}.contact-box{position:relative;overflow:hidden;min-height:240px;padding:48px 55px;border-radius:22px;background:linear-gradient(110deg,#8f42e4,#3c5ddd);display:flex;align-items:center;justify-content:space-between;gap:35px;color:white}.contact-decoration{position:absolute;right:30%;top:-125px;font-family:var(--display);font-size:300px;font-weight:800;letter-spacing:-35px;color:#ffffff0b;pointer-events:none}.contact-copy{position:relative;z-index:1;max-width:570px}.contact-copy .eyebrow{color:#ead8ff}.contact-copy h2{font-size:clamp(30px,3.3vw,43px);letter-spacing:-1.6px;margin:12px 0}.contact-copy h2 span{color:#e4c7ff}.contact-copy p{color:#f1e9ff;font-size:13px}.button-light{position:relative;z-index:1;flex-shrink:0;background:#fff;color:#6d39c7;box-shadow:0 12px 30px #25175b24}.site-footer{background:#17162a;color:#fff;padding:35px 0 0}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:30px}.footer-brand .brand-name small{color:#a7a6bb}.footer-main>p{font-size:11px;color:#aaa9bf}.footer-links{display:flex;gap:20px;font-size:11px;color:#c4c2d5}.footer-links a:hover,.footer-bottom a:hover{color:#d9b8ff}.footer-bottom{border-top:1px solid #ffffff18;min-height:55px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9998ae}.footer-bottom a{color:#d0c4ef}
@media(max-width:900px){.nav-links{gap:17px}.nav-links>a{font-size:11px}.hero-grid{gap:15px}.hero-art{transform:scale(.88);transform-origin:center}.about-grid{gap:45px}.contact-box{padding:40px}.portfolio-visual{height:240px}}
@media(max-width:700px){.container{width:min(100% - 34px,520px)}.site-header{height:72px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 24px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px #17172a10;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links>a:not(.nav-cta){padding:12px 0;border-bottom:1px solid #f0eff6;font-size:13px}.nav-cta{margin-top:14px;text-align:center}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-top:58px;padding-bottom:80px;gap:0}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-copy>p{font-size:14px}.hero-art{height:350px;margin-top:8px;transform:scale(.85);transform-origin:top center;margin-bottom:-40px}.paper-stack{transform:scale(.9) rotate(-7deg)}.card-purple{left:5%}.card-blue{right:3%}.bottom-inner{height:48px;letter-spacing:1px;font-size:7px}.bottom-inner b{font-size:11px}.section{padding:70px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:33px}.section-heading>p{margin-top:13px;font-size:12px}.service-grid{grid-template-columns:1fr 1fr;gap:12px}.service-card{padding:19px 16px}.service-icon{width:42px;height:42px;margin-bottom:15px}.service-card h3{font-size:14px}.service-card p{font-size:11px;min-height:65px}.service-card>a{font-size:10px;margin-top:15px}.portfolio-grid{grid-template-columns:1fr;gap:10px}.portfolio-visual{height:260px}.portfolio-large .portfolio-visual{height:260px}.portfolio-note{line-height:1.7}.about-grid{grid-template-columns:1fr;gap:35px}.about-visual{height:340px}.about-copy h2{font-size:35px}.contact{padding-top:0;padding-bottom:65px}.contact-box{padding:32px 25px;align-items:flex-start;flex-direction:column;gap:23px}.contact-copy h2{font-size:34px}.button-light{min-height:46px}.footer-main{flex-wrap:wrap;align-items:flex-start}.footer-main>p{width:100%;order:3}.footer-links{width:100%;order:4;flex-wrap:wrap}.footer-bottom{gap:15px;font-size:9px}.brand-name{font-size:17px}}
@media(max-width:390px){.hero h1{font-size:36px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.service-grid{grid-template-columns:1fr}.service-card p{min-height:auto}.hero-art{transform:scale(.74);margin-left:-20px;margin-right:-20px;margin-bottom:-70px}.bottom-inner{letter-spacing:.3px}.bottom-inner span{font-size:6px}}

/* Identidade oficial e informações da Natan Gráfica */
.brand-logo{display:block;width:178px;max-height:62px;object-fit:contain;object-position:left center}
.footer-logo{width:190px;max-height:64px;border-radius:5px}
.contact-details{display:flex;flex-direction:column;gap:6px;margin-top:15px;color:#f4eaff;font-size:11px}
.contact-actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:13px;flex-shrink:0}
.instagram-link{color:#fff;font-size:11px;font-weight:700;padding-left:4px}
.instagram-link:hover{text-decoration:underline}
@media(max-width:700px){.brand-logo{width:155px;max-height:56px}.footer-logo{width:175px}.contact-actions{width:100%;align-items:stretch}.contact-actions .button{width:100%}.instagram-link{text-align:center}}