@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#080d19;--bg2:#111b31;--surface:#f4f6fb;--text:#17243a;--muted:#758299;--blue:#5a88ff;--cyan:#66e3e7;--line:#dfe6f2;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--text);font:400 15px/1.6 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #5fbcf4;outline-offset:4px}button{font:inherit;cursor:pointer}
.container{width:min(1190px,calc(100% - 48px));margin-inline:auto}
.top-strip{background:#0b1322;color:#94a4c5;text-align:center;font-size:11px;letter-spacing:1.5px;padding:8px 14px}
.top-strip b{color:var(--cyan);font-weight:800}
.cabecalho{background:var(--bg);color:#edf4ff;position:sticky;top:0;z-index:5;border-bottom:1px solid #27364e}
.cabecalho-conteudo{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:82px}
.nome-loja{font:800 26px 'Outfit',sans-serif;letter-spacing:-1px;margin:0}.nome-loja span{color:var(--cyan)}
.menu{list-style:none;display:flex;align-items:center;gap:28px;margin:0;padding:0}.item-menu a{font-weight:650;font-size:13px;color:#d1dcf3}.item-menu a:hover{color:var(--cyan)}
.nav-badge{font-size:11px;color:#c7d4eb;border:1px solid #354461;padding:10px 14px;border-radius:8px;white-space:nowrap}
.hero{background:radial-gradient(ellipse at 73% 43%,rgba(82,120,234,.26),transparent 44%),linear-gradient(125deg,#101b32,#071020 75%);color:#fff;overflow:hidden;position:relative}
.hero .container{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:60px;min-height:540px;padding-block:73px}
.eyebrow{font-size:11px;letter-spacing:2px;color:#3f77bb;font-weight:800;text-transform:uppercase;margin:0 0 12px}
.hero .eyebrow{color:#7ce8e7}
.hero h2{font:800 clamp(43px,5vw,67px)/1.06 'Outfit',sans-serif;letter-spacing:-2.5px;max-width:680px;margin:0 0 22px}.hero h2 span{background:linear-gradient(110deg,#7be7ea,#6e9fff,#a3a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p:not(.eyebrow){max-width:550px;color:#b7c7e3;font-size:15px;margin:0 0 28px}
.botao-destaque{display:inline-flex;align-items:center;gap:25px;background:#6ee0e3;color:#0a2133;border-radius:11px;font-weight:800;font-size:13px;padding:13px 22px;transition:transform .15s,background .15s}.botao-destaque:hover{background:#a4f5f0;transform:translateY(-2px)}
.hero-notes{margin-top:35px;color:#9db0cf;font-size:12px;display:flex;flex-wrap:wrap;gap:19px}.hero-notes span:before{content:"✓";color:#85e9dd;margin-right:7px}
.hero-art{height:375px;position:relative;display:grid;place-items:center}
.hero-art::before{content:"";position:absolute;width:380px;height:380px;border:1px solid #3c5582;border-radius:50%;box-shadow:0 0 0 43px rgba(86,119,201,.075),0 0 0 92px rgba(86,119,201,.035);transform:rotate(-16deg)}
.art-screen{position:relative;width:min(90%,370px);aspect-ratio:1.45;background:linear-gradient(160deg,#2c4780,#0d1b36);border:8px solid #28354e;border-radius:16px;box-shadow:20px 28px 50px #0009;transform:rotate(-10deg);display:grid;place-items:center;overflow:hidden}
.art-screen:after{content:"";position:absolute;inset:23px;border:2px solid #47679e;border-radius:8px}
.art-screen .glyph{font:800 clamp(82px,13vw,142px) 'Outfit',sans-serif;color:#b5e8ff;text-shadow:0 0 30px #71aaff5e}
.art-base{position:absolute;width:230px;height:13px;background:linear-gradient(90deg,#6d8cbb,#cfdefc,#5c78a2);transform:rotate(-10deg);bottom:28px;right:85px;border-radius:5px;box-shadow:15px 13px 22px #0006}
.art-floating{position:absolute;top:20px;right:0;z-index:2;background:#f4f7fe;color:#273954;border-radius:12px;padding:14px 16px;box-shadow:0 10px 30px #0007;transform:rotate(7deg);font-weight:800;font-size:12px}.art-floating small{display:block;color:#6b809e;font-weight:500;margin-top:4px}
.categories-band{background:#0f1b30;color:#c8d6ee;border-top:1px solid #2b3953}.categories-band .container{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px}.categories-band b{font:700 13px 'Outfit'}.categories-band span{color:#88a0c4;font-size:12px}
.secao-produtos{padding-block:85px 96px}.secao-cabecalho{text-align:left;margin-bottom:31px;display:flex;align-items:end;justify-content:space-between;gap:25px}.secao-cabecalho .eyebrow{color:#3f69b6}
.categoria{font:800 clamp(31px,4vw,45px)/1.15 'Outfit',sans-serif;margin:0;letter-spacing:-1.4px}
.secao-cabecalho>p:last-child{color:#77869c;font-size:13px;max-width:345px;margin:0}
.vitrine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.produto{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #142c5310;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.produto:hover{transform:translateY(-5px);box-shadow:0 24px 58px #162f5328}
.img-produto{background:radial-gradient(circle at 50% 46%,#fff,#e5edf9);height:252px;display:grid;place-items:center;position:relative;padding:19px}
.img-produto:before{content:"TECHSTORE / DEMO";position:absolute;top:16px;left:20px;font:800 9px 'DM Sans';letter-spacing:1px;color:#7c90ae}
.img-produto img{width:100%;height:100%;max-height:206px;object-fit:contain;mix-blend-mode:multiply}
.text-produto{padding:24px 25px;flex:1;display:flex;flex-direction:column}
.prod-code{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#6782b3;margin:0 0 8px}
.nome-prod{font:700 21px/1.24 'Outfit',sans-serif;margin:0 0 9px}
.descricao{color:#74849b;font-size:13px;margin:0 0 17px;line-height:1.7}
.preco{color:#152947;font:800 26px 'Outfit',sans-serif;letter-spacing:-.9px;margin:auto 0 13px}
.produto-aviso{background:#edf5ff;border:1px solid #d9e8ff;color:#4c70a9;border-radius:7px;display:inline-block;align-self:flex-start;padding:7px 12px;font-size:10px;font-weight:800;letter-spacing:.4px}
.sobre{background:#e8eef7;padding:80px 0}.sobre-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.sobre h2{font:800 clamp(28px,3vw,41px)/1.13 'Outfit';letter-spacing:-1.4px;margin:0}.sobre p:not(.eyebrow){font-size:14px;color:#647895;margin:0 0 20px;line-height:1.8}.sobre a{font-size:13px;font-weight:800;color:#284f8f}
.sobre-tag{background:#fff;border:1px solid #d4e0f1;border-radius:17px;padding:24px 27px;box-shadow:0 20px 40px #1c3e5d12}.sobre-tag strong{display:block;font:800 31px 'Outfit',sans-serif;color:#244b86}.sobre-tag span{font-size:12px;color:#7187a6}
footer{background:#091220;color:#afc0dc;padding:29px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-inner p{font-size:11px;margin:0}.footer-inner a{color:#8cdbe6;font-size:12px}
@media(max-width:900px){.hero .container{grid-template-columns:1fr;gap:5px}.hero-copy{max-width:680px}.hero-art{max-width:500px;width:100%;margin-inline:auto}.vitrine{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-badge{display:none}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.cabecalho-conteudo{flex-wrap:wrap;justify-content:center;padding-block:17px;gap:13px}.menu{gap:22px}.hero .container{padding-block:55px}.hero h2{font-size:clamp(39px,10vw,53px)}.hero-art{height:290px}.art-screen{width:80%}.art-screen .glyph{font-size:80px}.art-base{display:none}.art-floating{right:0;font-size:10px}.categories-band .container{flex-direction:column;justify-content:center;gap:2px;text-align:center;padding-block:18px}.secao-produtos{padding-block:60px}.secao-cabecalho{display:block}.secao-cabecalho>p:last-child{margin-top:14px}.vitrine{grid-template-columns:1fr}.sobre{padding:65px 0}.sobre-content{grid-template-columns:1fr;gap:20px}.footer-inner{display:block}.footer-inner a{display:inline-block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Imagens conceituais geradas por IA recortadas de um único WebP otimizado. */
.generated-tech{display:block;width:100%;height:100%;overflow:hidden}
.hero-art>.hero-tech-image{position:relative;z-index:1;height:362px;border-radius:18px;box-shadow:17px 22px 55px rgba(0,0,0,.5);border:1px solid #344d72}
.hero-art:before{z-index:0}
.img-produto>.generated-tech{width:100%;height:100%;transition:transform .22s}
.produto:hover .generated-tech{transform:scale(1.035)}
.art-floating{z-index:2}
.inspiration{background:#0a1529;color:#ecf5ff;padding:80px 0 91px}
.inspiration .secao-cabecalho .eyebrow{color:#7bdfde}
.inspiration .secao-cabecalho>p:last-child{color:#a8b9d8}
.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.inspiration-card{border:1px solid #2c415e;background:#13213b;border-radius:17px;overflow:hidden}
.inspiration-card>.generated-tech{height:205px;width:100%}
.inspiration-card>div{padding:24px}
.inspiration-card span{color:#80cedb;font-size:10px;letter-spacing:1.3px;font-weight:850}
.inspiration-card h3{font:700 22px 'Outfit',sans-serif;margin:8px 0 2px}
@media(max-width:900px){.hero-art>.hero-tech-image{height:290px}.inspiration-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero-art>.hero-tech-image{height:245px}.inspiration{padding:55px 0}.inspiration-grid{grid-template-columns:1fr}.inspiration-card>.generated-tech{height:245px}}