:root{--navy:#172a35;--muted:#64727b;--paper:#f7f7f2;--orange:#d95536;--line:#e1e5df;--mint:#dfe9dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Arial,sans-serif;background:var(--paper);color:var(--navy)}button,input,select{font:inherit}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}.header{background:var(--paper);border-bottom:1px solid var(--line)}.nav{display:flex;min-height:94px;align-items:center;gap:45px}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:22px;text-decoration:none;letter-spacing:-.7px}.logo-mark{display:grid;place-items:center;background:var(--navy);color:#fff;width:36px;height:36px;border-radius:10px;font-size:20px}.nav-links{display:flex;gap:28px;flex:1;align-items:center;justify-content:center}.nav-links a{text-decoration:none;font-size:14px}.cart-toggle{background:white;border:1px solid var(--line);padding:11px 17px;border-radius:40px;font-size:13px;white-space:nowrap}.cart-toggle span{display:inline-grid;place-items:center;margin-left:10px;width:24px;height:24px;background:var(--navy);color:white;border-radius:50%;font-size:11px}.nav-menu{display:none}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--orange)}h1,h2,h3{line-height:1.08;margin:0}h1{font-size:clamp(42px,5.2vw,73px);letter-spacing:-3px;font-weight:700}h2{font-size:clamp(31px,3.4vw,48px);letter-spacing:-1.7px}h3{font-size:21px;letter-spacing:-.5px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:80px 0 70px}.hero h1{margin:24px 0}.hero h1 em{font-family:Georgia,serif;color:var(--orange);font-weight:400}.lead{color:var(--muted);font-size:18px;max-width:510px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;border:0;border-radius:7px;padding:13px 23px;background:var(--navy);color:white;font-size:14px;font-weight:700;text-decoration:none}.btn.light{background:white;color:var(--navy);border:1px solid var(--line)}.btn.orange{background:var(--orange)}.btn:disabled{opacity:.55;cursor:wait}.hero-showcase{background:#e4e9df;padding:30px 25px 20px;border-radius:24px;position:relative;min-height:465px}.browser-bar{background:#fff;padding:11px 16px;border-radius:12px 12px 0 0;font-size:10px;color:#89958f;display:flex;gap:5px;align-items:center}.browser-bar b{width:6px;height:6px;background:#bdc9bf;border-radius:50%}.browser-bar span{margin:auto}.hero-preview{width:100%;border-radius:0 0 12px 12px;display:block;aspect-ratio:1.6;object-fit:cover;object-position:top;box-shadow:0 15px 35px #1e372322}.mini-preview{width:57%;display:block;aspect-ratio:1.6;object-fit:cover;object-position:top;border:7px solid white;border-radius:12px;margin:-40px 0 0 auto;position:relative;box-shadow:0 15px 35px #1e372322}.showcase-label{display:flex;justify-content:space-between;font-size:11px;margin-top:25px}.proof{display:flex;gap:38px;flex-wrap:wrap;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.proof strong{margin-right:7px}.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-head h2{margin:16px 0}.section-head p{color:var(--muted);max-width:660px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.product-preview{display:block;overflow:hidden;border-bottom:1px solid var(--line);background:#edf1eb}.product-preview img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top;display:block;transition:transform .25s}.product-preview:hover img{transform:scale(1.02)}.product-body{padding:22px;display:flex;flex-direction:column;flex:1}.product-category{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.6px;display:flex;justify-content:space-between;margin-bottom:13px}.product h3{font-size:20px}.product p{font-size:13px;color:var(--muted);margin:12px 0 18px;flex:1}.product-buy{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;gap:10px}.price{font-size:19px;font-weight:700;white-space:nowrap}.price small{font-size:11px;font-weight:400}.product-buy button{background:var(--navy);color:white;border:0;border-radius:6px;padding:10px 13px;font-size:12px}.details-btn{background:transparent;border:0;text-align:left;padding:12px 0 0;text-decoration:underline;text-underline-offset:3px;color:var(--muted);font-size:12px}.pill-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.pill{padding:10px 18px;border:1px solid var(--line);background:white;border-radius:40px;text-decoration:none;font-size:13px}.how{background:var(--mint);border-radius:22px;padding:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:34px}.step-number{border:1px solid #839580;border-radius:50%;height:37px;width:37px;display:grid;place-items:center;font-size:12px;margin-bottom:20px}.steps p{font-size:14px;color:#526352}.faq{max-width:800px;margin:auto}.faq h2{margin:15px 0 25px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{font-weight:700;cursor:pointer}details p{color:var(--muted);font-size:14px}.cta{background:var(--navy);color:white;padding:48px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:36px;max-width:610px}.cta p{opacity:.7}.footer{border-top:1px solid var(--line);padding:36px 0;font-size:12px;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:24px}.catalog-heading{padding:60px 0 32px;max-width:850px}.catalog-heading h1{font-size:55px;margin:20px 0}.filters{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:15px;margin:25px 0}.filters label{font-size:12px;color:var(--muted)}.filters input,.filters select{width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--navy);margin-top:6px}.catalog-info{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin:24px 0}.pagination{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:36px}.pagination button{background:white;border:1px solid var(--line);padding:10px 15px;border-radius:6px}.pagination button.active{background:var(--navy);color:white}.empty{grid-column:1/-1;padding:50px;text-align:center;background:white;border-radius:12px}dialog{border:0;border-radius:18px;padding:30px;color:var(--navy);background:white;width:min(570px,calc(100% - 30px));max-height:88vh;overflow:auto}dialog::backdrop{background:#12222c99}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.close-dialog{background:#eef1eb;border:0;border-radius:50%;width:32px;height:32px;font-size:22px}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.cart-line button{border:0;background:none;color:var(--orange);font-size:12px}.cart-total{display:flex;justify-content:space-between;font-size:20px;margin:24px 0}.cart-notes{color:var(--muted);font-size:12px}.cart-buttons{display:flex;gap:12px}.details-image{width:100%;border-radius:10px;margin-bottom:20px}.detail-list{padding-left:20px;font-size:14px;color:var(--muted)}.notification{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;border-radius:9px;padding:14px 22px;z-index:20;font-size:14px;max-width:calc(100% - 30px);width:max-content}.success{max-width:850px;padding:70px 0}.success h1{font-size:48px;margin:20px 0}.status-box{padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:25px 0}.download-line{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 0}.legal{max-width:830px;padding:65px 0}.legal h1{font-size:48px;margin:20px 0}.legal h2{font-size:24px;letter-spacing:-.6px;margin:30px 0 12px}.legal p{color:var(--muted)}.support-link{color:var(--orange)}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media(max-width:800px){.wrap{width:calc(100% - 32px)}.nav{gap:15px;min-height:78px;position:relative}.logo{font-size:18px}.logo-mark{width:31px;height:31px}.nav-menu{display:block;margin-left:auto;background:none;border:0;font-size:13px}.nav-links{display:none;position:absolute;top:78px;left:-16px;right:-16px;padding:24px;background:var(--paper);flex-direction:column;z-index:5;align-items:start;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.cart-toggle{padding:7px 10px;font-size:0}.cart-toggle:before{content:'Carrinho';font-size:12px}.cart-toggle span{font-size:11px;margin-left:4px}.hero{grid-template-columns:1fr;gap:36px;padding:43px 0}h1{font-size:46px;letter-spacing:-2px}.hero-showcase{min-height:0;padding:20px}.proof{gap:13px 22px;font-size:12px}.grid{grid-template-columns:repeat(2,1fr);gap:15px}.product-body{padding:16px}.product h3{font-size:18px}.product-buy{flex-wrap:wrap}.section{padding:46px 0}.section-head{align-items:start;flex-direction:column}.how{padding:28px}.steps{grid-template-columns:1fr;gap:20px}.step-number{margin-bottom:10px}.cta{padding:28px;flex-direction:column;align-items:start}.cta h2{font-size:31px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.catalog-heading h1{font-size:42px}.footer-links{flex-wrap:wrap;gap:15px}.download-line{flex-direction:column;align-items:start}}@media(max-width:520px){.grid{grid-template-columns:1fr}.catalog-info{gap:12px;flex-wrap:wrap}.cart-buttons{flex-direction:column}.hero h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.audience-switch{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 8px}.audience-switch button{padding:12px 18px;border:1px solid var(--line);background:white;color:var(--navy);border-radius:8px;font-size:13px}.audience-switch button.active{background:var(--navy);color:white;border-color:var(--navy)}.audience-caption{font-size:12px;color:var(--muted)}.service-plans{display:grid;gap:15px;margin-top:20px}.service-plan{border:1px solid var(--line);border-radius:12px;padding:22px}.service-plan h3{font-size:21px}.service-plan .btn{width:100%}

.hero-preview,.mini-preview,.product-preview img{height:auto}

/* TemplatesHub creative storefront */
:root{--navy:#212036;--muted:#737184;--paper:#f6f4fb;--orange:#7150df;--line:#e5e0ef;--mint:#eee8fc}
body{background:radial-gradient(ellipse at 90% 0,#e9ddff 0,transparent 40%),var(--paper)}
.header{background:#ffffffd9}.logo-mark{background:linear-gradient(135deg,#9978ff,#5137b6)}.hero{gap:65px;padding:72px 0 90px}.hero h1{font-size:clamp(44px,5.6vw,80px);letter-spacing:-3.5px}.hero h1 em{font-family:Georgia,serif}.hero-showcase{background:linear-gradient(145deg,#c8b3ef,#e9defa);border:1px solid #fff;padding:26px;transform:rotate(-2deg);box-shadow:0 30px 70px #50358020}.hero-preview{box-shadow:0 18px 40px #31204f30}.mini-preview{transform:rotate(5deg)}.btn{border-radius:12px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #44377820}.btn.orange{background:linear-gradient(110deg,#7955e7,#5736bd)}.audience-switch{background:#e9e4f4;padding:6px;border-radius:13px;width:fit-content}.audience-switch button{border:0;background:transparent}.audience-switch button.active{background:white;color:var(--navy);box-shadow:0 4px 14px #49307218}.proof{background:white;border:1px solid var(--line);border-radius:15px;padding:22px 28px;justify-content:space-between}.proof strong{color:var(--orange);font-size:23px}.product{border-radius:19px;box-shadow:0 7px 25px #32294c08;transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-6px);box-shadow:0 18px 40px #32294c16}.product-preview{padding:14px;background:#ebe7f2}.product-preview img{border-radius:9px;box-shadow:0 5px 12px #23203615}.product-body{padding:24px}.product-buy button{background:var(--orange);border-radius:9px}.section-head h2{font-size:clamp(33px,4vw,54px)}.how{background:linear-gradient(135deg,#ede5fa,#e0e9f7);border:1px solid white}.cta{background:linear-gradient(120deg,#26213e,#513584);border-radius:25px;padding:60px}.catalog-heading h1{font-size:64px}.filters input,.filters select{border-radius:11px;padding:14px}.pill:hover{background:#e7dcfa}.footer{background:#eeebf5}
@media(max-width:800px){.hero{padding:40px 0 55px;gap:35px}.hero h1{font-size:47px;letter-spacing:-2px}.hero-showcase{transform:none}.proof{gap:15px;padding:20px}.cta{padding:30px}.catalog-heading h1{font-size:43px}}

@media(min-width:801px){.hero h1{font-size:clamp(44px,5vw,70px)}}

.technology-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.technology-card{display:block;background:white;border:1px solid var(--line);border-radius:18px;padding:25px;text-decoration:none;transition:transform .2s,box-shadow .2s}.technology-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #30204415}.technology-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;font-size:22px;font-weight:800;margin-bottom:24px}.tech-javascript{background:#ffea87;color:#4b3d00}.tech-typescript{background:#deedff;color:#2767ad}.tech-react{background:#daf5ff;color:#126a88}.tech-vue{background:#dcf4e8;color:#267353}.technology-card h3{font-size:23px}.technology-card p{font-size:12px;color:var(--muted);margin:14px 0 22px}.technology-card>span:last-child{font-size:12px;color:var(--orange)}.technology-filter{background:#ebe5f8;border:1px solid #e1d7f1;border-radius:15px;padding:20px;margin:26px 0}.technology-filter label{display:block;font-weight:700;font-size:14px;margin-bottom:10px}.technology-filter select{padding:13px;border:1px solid var(--line);border-radius:9px;min-width:280px;max-width:100%;background:white;color:var(--navy)}.technology-filter p{font-size:12px;color:var(--muted);margin:12px 0 0}@media(max-width:800px){.technology-grid{grid-template-columns:repeat(2,1fr);gap:12px}.technology-card{padding:20px}.technology-card h3{font-size:20px}}@media(max-width:450px){.technology-grid{grid-template-columns:1fr}.technology-filter select{width:100%;min-width:0}}

.catalog-heading{padding:30px 0 10px;max-width:100%}.catalog-heading h1{font-size:48px;margin:12px 0}.catalog-heading .lead{font-size:16px;max-width:900px;margin:12px 0;line-height:1.55}.technology-filter{display:grid;grid-template-columns:auto minmax(240px,330px) 1fr;align-items:center;gap:18px;padding:16px 20px;margin:20px 0}.technology-filter label,.technology-filter p{margin:0}.technology-filter select{min-width:0;width:100%}.catalog-heading+.audience-switch{margin-top:12px}@media(max-width:800px){.catalog-heading{padding:25px 0 8px}.catalog-heading h1{font-size:36px}.technology-filter{grid-template-columns:1fr;gap:10px}.technology-filter p{font-size:11px}.technology-filter label{font-size:13px}}

@font-face{font-family:HubBody;src:url(./fonts/body.woff2) format("woff2");font-weight:100 900;font-display:swap}body{font-family:HubBody,Arial,sans-serif}.technology-card{position:relative;overflow:hidden}.technology-card::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-35px;top:-35px;background:var(--mint);opacity:.6;pointer-events:none}.technology-icon{position:relative;z-index:1}.hero-showcase{isolation:isolate}.product:focus-within{box-shadow:0 0 0 2px var(--orange)}

.tech-astro{background:#ffeadc;color:#b23f23}.tech-nextjs{background:#e6e6eb;color:#24212e}.tech-wordpress{background:#e0edf5;color:#235c82}.tech-nuxt{background:#e0f7e9;color:#19734e}.tech-sveltekit{background:#ffeee4;color:#c04c24}.tech-angular{background:#f9e0ed;color:#b63265}.tech-laravel-livewire{background:#fde6e1;color:#b44338}.tech-html-css{background:#e8e7ff;color:#5141a7}.technology-card h3{overflow-wrap:anywhere}