@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080909;--panel:#101111;--paper:#faf6f1;--muted:#aaa5a2;--orange:#ff5b1f;--border:#ffffff1d;--gutter:clamp(24px,calc((100vw - 970px) / 2),200px);--gap:100px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 12%,#561b1015,transparent 40%),#080909}::selection{background:var(--orange);color:#fff}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}.wrap{width:calc(100% - (var(--gutter)*2));max-width:1440px;margin:0 auto}.hot{color:var(--orange)}.eyebrow{color:#b3aeaa;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:'';display:inline-block;width:24px;height:2px;background:var(--orange);vertical-align:middle;margin-right:12px}.narrow{max-width:880px}.body-copy{color:#b9b5b1;font-size:15px;line-height:1.8}
.site-header{position:fixed;z-index:80;top:0;left:0;right:0;height:92px;display:flex;align-items:center;transition:background .35s,height .35s,backdrop-filter .35s;background:linear-gradient(180deg,#090909c8,transparent)}.site-header.is-scrolled{height:78px;background:#080909dd;backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;gap:6px;align-items:center;flex-shrink:0}.brand-mark{color:var(--orange);font-size:32px;transform:rotate(-16deg);line-height:1}.brand-name{font-size:20px;font-weight:800;letter-spacing:-.08em;line-height:.88}.nav-links{display:flex;align-items:center;gap:25px}.nav-links a{font-size:12px;color:#d8d6d3;transition:color .2s}.nav-links a:hover,.nav-links .selected{color:var(--orange)}.pill{display:inline-flex;align-items:center;gap:22px;justify-content:space-between;border:1px solid #ffffff50;border-radius:100px;padding:5px 5px 5px 21px;min-height:44px;font-size:12px;white-space:nowrap;transition:border-color .3s,background .3s,transform .3s;background:#09090946}.pill:hover{background:#ffffff0a;border-color:var(--orange);transform:translateY(-2px)}.dot-arrow{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:50%;background:var(--orange);color:#fff;font-size:20px;font-weight:400;line-height:1}.menu-btn{display:none;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff55;background:#1119;color:white;font-size:19px;align-items:center;justify-content:center}.progress{position:absolute;bottom:0;left:0;height:2px;width:0;background:var(--orange);transition:width .12s linear}
.service-hero{position:relative;min-height:770px;height:min(880px,100svh);display:flex;align-items:center;isolation:isolate;overflow:hidden}.service-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 43%,#cb411d2c,transparent 40%),radial-gradient(ellipse at 93% 83%,#3b140c30,transparent 35%),linear-gradient(120deg,#080909 0%,#10100f 65%,#070808 100%)}.service-hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(0deg,var(--bg),transparent);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0, 44%) minmax(0,56%);align-items:center;gap:3%;padding-top:92px}.hero-words{position:relative;z-index:3}.back-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#c8c2bc;padding:0 0 30px}.back-link span{color:var(--orange);font-size:17px}.hero-words h1{font-family:Manrope,sans-serif;font-size:clamp(51px,6vw,100px);line-height:.95;letter-spacing:-.09em;font-weight:600;text-transform:uppercase;margin:27px 0 26px}.hero-words h1 span{display:block}.hero-words p{font-size:clamp(14px,1.3vw,17px);color:#bdb6b1;line-height:1.65;max-width:405px;margin:0 0 27px}.hero-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.ghost-link{font-size:11px;color:#a9a29d;padding:12px 0;display:inline-flex;gap:10px;align-items:center}.ghost-link:hover{color:white}
.scene-shell{position:relative;width:100%;height:520px;perspective:1100px;transform-style:preserve-3d;pointer-events:none;overflow:visible}.scene-halo{position:absolute;inset:8% 0%;border-radius:50%;background:radial-gradient(ellipse,#f76a2625,transparent 61%);filter:blur(18px)}.scene-frame{position:absolute;inset:10% 2% 10% 0%;border-radius:28px;border:1px solid #ffffff21;background:linear-gradient(125deg,#1e130fc0,#121313b9 50%,#26100ba0);box-shadow:0 38px 110px #0008,inset 0 1px #ffffff23;overflow:hidden;transform:rotate(-3deg);backdrop-filter:blur(8px)}.scene-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#ff5b1f0f,transparent 40%,#ff5b1f14 100%);pointer-events:none}.float{position:absolute;will-change:transform;transition:transform .22s ease-out}.scene-tiny{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#a6a19d}.corner-tag{position:absolute;right:3%;top:2%;font-size:9px;color:#aaa;letter-spacing:.18em;transform:rotate(4deg)}
.scene-design .brand-paper{position:absolute;left:19%;top:9%;width:61%;height:75%;border-radius:18px;box-shadow:0 40px 70px #0009;background:#e9e3db;color:#222;transform:rotate(8deg);padding:8%;display:flex;flex-direction:column;justify-content:space-between}.brand-paper .big-mark{font-size:clamp(88px,10vw,145px);font-family:Manrope,sans-serif;letter-spacing:-.13em;font-weight:800;line-height:1}.brand-paper p{font-size:11px;line-height:1.4;color:#3b3632}.brand-paper .fine{width:100%;border-top:1px solid #7778;padding-top:12px;display:flex;justify-content:space-between;font-size:9px}.scene-design .color-strip{position:absolute;left:4%;bottom:7%;width:46%;height:75px;transform:rotate(-8deg);border-radius:12px;padding:10px;background:#111;box-shadow:0 18px 30px #0008;display:flex;gap:5px}.color-strip span{flex:1;border-radius:5px}.scene-design .design-photo{position:absolute;right:0;top:17%;width:31%;aspect-ratio:1;border-radius:16px;box-shadow:0 22px 30px #000a;transform:rotate(11deg);object-fit:cover}.scene-design .type-label{position:absolute;right:7%;bottom:3%;font-family:Manrope;font-size:34px;letter-spacing:-.08em;font-weight:700;transform:rotate(-5deg)}
.scene-sites .browser{position:absolute;left:6%;right:6%;top:11%;bottom:17%;background:#0d0d0d;border:1px solid #fca27761;border-radius:16px;overflow:hidden;box-shadow:0 35px 65px #000c;transform:rotate(-4deg)}.browser-bar{height:36px;display:flex;align-items:center;gap:5px;padding:0 16px;background:#1b1c1c;border-bottom:1px solid #ffffff13}.browser-bar span{width:7px;height:7px;background:#eaa184;border-radius:50%}.browser-bar i{font-size:8px;color:#777;font-style:normal;margin-left:20px}.browser-body{height:calc(100% - 36px);padding:24px;background:linear-gradient(140deg,#131011,#0a0b0b)}.browser-brand{font-size:11px;display:flex;justify-content:space-between;color:white}.browser-brand span{color:var(--orange)}.browser-headline{font:600 clamp(38px,5vw,64px)/.98 Manrope,sans-serif;letter-spacing:-.08em;text-transform:uppercase;margin:35px 0 18px}.browser-layout{display:grid;grid-template-columns:1fr .75fr;gap:10px;height:40%}.browser-img{border-radius:12px;background:linear-gradient(125deg,#ffa76a,#702c17 44%,#18171b 90%);overflow:hidden;position:relative}.browser-img:after{content:'';position:absolute;inset:15%;border:1px solid #ffd7bd50;border-radius:50%;transform:rotate(-27deg)}.browser-caption{font-size:10px;color:#bbb;line-height:1.5;border-left:1px solid var(--orange);padding-left:12px}.mobile-frame{position:absolute;right:0%;bottom:1%;height:60%;aspect-ratio:.48;background:#090a0a;border:5px solid #454545;border-radius:29px;box-shadow:0 24px 50px #000d;transform:rotate(9deg);padding:27px 13px 12px}.mobile-frame:before{content:'';position:absolute;top:8px;left:33%;right:33%;height:9px;background:#000;border-radius:20px}.mobile-frame h4{font-size:24px;letter-spacing:-.08em;margin:20px 0}.mobile-frame .mobile-img{height:44%;border-radius:9px;background:linear-gradient(130deg,#ff6632,#bc4a2b 22%,#1c1817 75%)}.mobile-frame .mobile-line{width:85%;height:5px;background:#555;margin-top:14px;border-radius:9px}
.scene-marketing .dash{position:absolute;left:7%;top:13%;width:82%;height:74%;transform:rotate(-5deg);border-radius:22px;background:#101213;box-shadow:0 34px 80px #000c;border:1px solid #ff804837;padding:22px}.dash-top{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#b8afaa}.metric{font:600 57px/.95 Manrope,sans-serif;letter-spacing:-.09em;margin:18px 0 3px}.metric em{font-style:normal;font-size:10px;color:#69bb78;letter-spacing:0}.dash p{font-size:11px;color:#989898}.dash-graph{width:100%;height:42%;margin-top:20px}.dash-bottom{display:flex;gap:8px}.dash-bottom span{height:5px;border-radius:5px;background:#ff5b1f;flex:1}.dash-bottom span:nth-child(2){background:#fff5}.dash-bottom span:nth-child(3){background:#ff5b1f77}.social-floating{position:absolute;right:-4%;bottom:8%;width:35%;padding:17px;border-radius:16px;background:#171718e8;border:1px solid #ffffff26;box-shadow:0 15px 40px #0008;transform:rotate(7deg)}.social-floating div{display:flex;gap:8px;margin-top:12px}.social-floating div span{display:block;background:#3e3e3e;width:29px;height:29px;border-radius:50%}.social-floating .social-name{font-size:10px}.social-floating strong{font-size:20px;letter-spacing:-.04em;color:#ff7543}
.scene-educacao .edu-book{position:absolute;inset:18% 8% 11% 6%;transform:rotate(-7deg);display:flex;filter:drop-shadow(0 32px 32px #0009)}.edu-page{flex:1;background:#e2dac9;padding:7% 5%;color:#242424;box-shadow:inset -14px 0 16px #0002;overflow:hidden}.edu-page.left{border-radius:9px 0 0 9px;background:linear-gradient(90deg,#dfd4c0,#f5f0e8)}.edu-page.right{border-radius:0 9px 9px 0;background:linear-gradient(90deg,#c9baa5,#e7dfd0 14%,#f3eee6)}.edu-page small{font-size:9px;color:#bc5727;text-transform:uppercase;letter-spacing:.17em}.edu-page h3{font:700 clamp(32px,4vw,53px)/.98 Manrope;letter-spacing:-.09em;margin:28px 0}.edu-page .paper-line{height:2px;background:#806a5857;margin:11px 0;border-radius:3px}.edu-page .paper-line.short{width:58%}.edu-page .paper-block{height:70px;background:linear-gradient(120deg,#d17a52,#553423);border-radius:7px;margin:30px 0 14px}.edu-chapter{position:absolute;top:6%;right:3%;width:35%;padding:17px;border-radius:14px;background:#1e1713;border:1px solid #fba26c66;transform:rotate(8deg);box-shadow:0 16px 35px #0009}.edu-chapter strong{display:block;font-size:14px;margin-top:6px}.edu-chapter p{font-size:10px;color:#b5aaa5}
.section{padding:var(--gap) 0}.section-line{border-top:1px solid #ffffff19}.section-title{font:500 clamp(44px,5.5vw,75px)/1.02 Manrope,sans-serif;letter-spacing:-.078em;text-transform:uppercase;margin:20px 0}.section-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:end}.section-intro p{margin:0 0 7px}.offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:43px}.offer{min-height:256px;padding:25px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(155deg,#171615,#0d0e0e);display:flex;flex-direction:column;transition:transform .3s,border-color .3s,background .3s}.offer:hover{transform:translateY(-7px);border-color:#ff693a7d;background:linear-gradient(155deg,#211611,#0c0e0d)}.offer .num{color:#ff6e3f;font-size:11px}.offer h3{font-size:22px;line-height:1.1;letter-spacing:-.055em;font-weight:500;margin:auto 0 16px}.offer p{font-size:12px;line-height:1.5;color:#a8a29e;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.step{border-top:1px solid #5e4c40;padding-top:20px}.step .num{font-size:11px;color:var(--orange)}.step h3{font-size:28px;letter-spacing:-.055em;font-weight:500;margin:32px 0 12px}.step p{font-size:13px;line-height:1.6;color:#aaa19c;max-width:260px}.scope-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}.scope-list{margin:0;padding:0;list-style:none}.scope-list li{padding:22px 2px;border-bottom:1px solid #ffffff20;font-size:15px;display:flex;gap:20px;align-items:center}.scope-list li span{color:var(--orange);font-size:20px}.scope-note{font-size:12px;line-height:1.7;color:#837f7b;margin-top:22px}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px}.faq-list details{border-bottom:1px solid var(--border);padding:20px 0}.faq-list summary{cursor:pointer;list-style:none;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--orange);font-size:22px}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#a9a39d;font-size:13px;line-height:1.7;padding-right:26px}.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.rel-card{padding:28px;border-radius:17px;border:1px solid #ffffff25;background:#101010;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,border-color .25s}.rel-card:hover{transform:translateY(-5px);border-color:#ff5b1f8b}.rel-card .arrow{align-self:flex-end;color:var(--orange);font-size:27px}.rel-card .rel-title{font-size:19px;letter-spacing:-.04em}.rel-card small{font-size:10px;color:#aaa}.closing{margin-top:var(--gap);overflow:hidden;position:relative;border-top:none;background:radial-gradient(ellipse at 49% 0%,#7d2b1633,transparent 35%)}.closing-upper{padding:95px 0 95px;display:grid;grid-template-columns:.75fr 1.1fr .95fr;gap:35px;align-items:center}.closing-upper h2{font:500 clamp(49px,5.5vw,84px)/.95 Manrope;letter-spacing:-.084em;text-transform:uppercase;margin:0}.closing-upper p{color:#b9b0ab;font-size:13px;line-height:1.7;margin:0 0 18px}.closing-lower{border-top:1px solid #ffffff20;padding:26px 0 18px}.closing-line{display:flex;align-items:center;justify-content:space-between;gap:22px}.closing-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.closing-links a{color:#aea8a3;font-size:11px}.tiny-foot{display:flex;justify-content:space-between;gap:20px;margin-top:29px;padding-top:15px;border-top:1px solid #ffffff10;color:#76716e;font-size:10px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.offer-grid{grid-template-columns:repeat(2,1fr)}.hero-words h1{font-size:clamp(47px,5.7vw,80px)}.scene-shell{height:420px}.closing-upper{grid-template-columns:1fr 1fr}.closing-upper>div:last-child{grid-column:1/-1}}
@media(max-width:760px){:root{--gutter:24px;--gap:65px}.site-header{height:76px}.site-header.is-scrolled{height:68px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;z-index:4;background:#0b0b0bf7;backdrop-filter:blur(20px);border-top:1px solid #ffffff20;padding:24px;flex-direction:column;align-items:flex-start;gap:22px}.nav-links.open{display:flex}.menu-btn{display:flex}.header-cta{display:none}.brand-name{font-size:19px}.service-hero{height:auto;min-height:880px;padding:100px 0 70px}.hero-grid{grid-template-columns:1fr;gap:10px;padding-top:0}.hero-words{text-align:center}.back-link{padding-bottom:14px}.hero-words h1{font-size:clamp(47px,12vw,68px);margin:17px auto}.hero-words p{margin:0 auto 23px;max-width:490px;font-size:14px}.hero-actions{justify-content:center}.scene-shell{height:min(375px,90vw);margin:15px auto 0;width:100%;max-width:580px}.hero-words .eyebrow{text-align:center}.section-title{font-size:clamp(39px,10vw,58px)}.section-intro,.scope-wrap,.faq-layout{grid-template-columns:1fr;gap:18px}.offer-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:30px}.offer{padding:20px;min-height:238px}.offer h3{font-size:20px}.steps{grid-template-columns:1fr;gap:20px}.step{display:grid;grid-template-columns:70px 1fr;column-gap:12px}.step .num{grid-row:1 / 3}.step h3{margin:0 0 12px}.step p{margin:0}.rel-grid{grid-template-columns:1fr;gap:11px}.rel-card{min-height:135px}.closing-upper{grid-template-columns:1fr;gap:20px;padding:105px 0 65px}.closing-upper>div:last-child{grid-column:auto}.closing-line,.tiny-foot{flex-direction:column;align-items:flex-start}.closing-links{gap:13px}.scene-design .brand-paper{width:58%;height:78%;left:20%}.scene-design .brand-paper .big-mark{font-size:100px}.scene-sites .browser-headline{margin:23px 0 15px;font-size:35px}.browser-body{padding:18px}.mobile-frame{right:3%}.edu-page h3{font-size:32px;margin:15px 0}.edu-page .paper-block{height:50px;margin:15px 0}.scene-marketing .metric{font-size:45px}.scene-halo{inset:0}}
@media(max-width:420px){.offer-grid{grid-template-columns:1fr}.offer{min-height:190px}.scene-shell{height:300px}.scene-design .brand-paper .big-mark{font-size:75px}.scene-design .type-label{font-size:24px}.scene-marketing .metric{font-size:34px}.scene-sites .browser-headline{font-size:28px;margin-top:20px}.scene-sites .mobile-frame{height:59%;padding:15px 8px}.edu-page h3{font-size:25px}.edu-chapter{padding:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

.bc-menu-checkbox{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none} @media(max-width:880px){.bc-menu-checkbox:checked~nav.nav-links{display:flex!important}.site-header label.menu-btn{display:grid;place-items:center;cursor:pointer;user-select:none}}

/* Marca oficial da Biblioteca Criativa e alternativa local para visualização sem internet. */
.brand.bc-real-brand { position:relative !important; flex:0 0 auto; display:inline-flex !important; align-items:center; width:190px !important; min-width:190px !important; height:58px; overflow:visible; transform:none !important; }
.bc-real-brand .bc-official-logo {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left center;opacity:0;transition:opacity .15s ease;}
.bc-real-brand.bc-logo-loaded .bc-official-logo {opacity:1;}
.bc-real-brand .bc-brand-fallback {display:inline-flex;align-items:center;gap:7px;color:#fff;line-height:.89;letter-spacing:-.05em;font-weight:650;text-transform:lowercase;}
.bc-real-brand .bc-brand-fallback svg {width:49px;height:49px;flex:none;}
.bc-real-brand .bc-brand-fallback span {font-family:Arial,Helvetica,sans-serif;font-size:22px;text-align:left;}
.bc-real-brand .bc-brand-fallback b {font-weight:800;}
.bc-real-brand.bc-logo-loaded .bc-brand-fallback {opacity:0;}
@media (max-width:880px){ .brand.bc-real-brand {width:160px !important;min-width:160px !important;height:47px;} .bc-real-brand .bc-brand-fallback svg{width:38px;height:38px}.bc-real-brand .bc-brand-fallback span{font-size:18px} }
@media (max-width:480px){ .brand.bc-real-brand{width:148px !important;min-width:148px !important;height:42px;} }


    /* Marca oficial, presente também em arquivos locais */
    .bc-real-brand .bc-official-logo{position:relative !important;opacity:1 !important;width:100% !important;height:100% !important;object-fit:contain !important;object-position:left center !important;display:block !important;}
    .bc-real-brand .bc-brand-fallback{display:none !important;}
    .header,.header.is-scrolled,.site-header,.site-header.is-scrolled{border-bottom:none !important;}