:root{--ink:#081426;--ink-2:#111d2f;--paper:#f7f4ee;--white:#fff;--gold:#c8943f;--gold-light:#edc979;--line:rgba(200,148,63,.35);--muted:#647082;--shadow:0 28px 80px rgba(3,11,22,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{height:90px;padding:10px clamp(24px,5vw,78px);display:flex;align-items:center;gap:42px;background:rgba(8,20,38,.97);color:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{margin-right:auto}.brand img{width:150px;height:68px;object-fit:contain}.topbar nav{display:flex;gap:30px}.topbar nav a{font-size:.88rem;font-weight:600;color:#dce2eb}.topbar nav a:hover{color:var(--gold-light)}.button{min-height:52px;padding:14px 24px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:.9rem;letter-spacing:.01em;cursor:pointer;transition:.25s ease;border-radius:3px}.button:hover{transform:translateY(-2px)}.button-small{min-height:44px;padding:10px 17px}.button-outline{border-color:rgba(237,201,121,.55);color:var(--gold-light)}.button-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#111}.button-ghost{border-color:rgba(255,255,255,.24);color:#fff}.button-dark{background:var(--ink);color:#fff}.hero{min-height:760px;padding:90px clamp(24px,6vw,96px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:6vw;align-items:center;background:radial-gradient(circle at 73% 28%,rgba(200,148,63,.14),transparent 28%),linear-gradient(125deg,#071223 0%,#0d1b30 60%,#111724 100%);color:#fff;overflow:hidden}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:800;color:var(--gold-light)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,5.5vw,6.2rem);line-height:.99;letter-spacing:-.055em;max-width:900px;margin-bottom:28px}h1 em{display:block;color:var(--gold-light);font-family:"Playfair Display",serif;font-weight:600;letter-spacing:-.035em}.hero-lead{max-width:650px;color:#cbd2dd;font-size:1.14rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 42px}.hero-proof{display:flex;gap:26px;flex-wrap:wrap;padding-top:25px;border-top:1px solid rgba(255,255,255,.12);color:#aeb8c7;font-size:.78rem}.hero-proof span{max-width:150px}.hero-proof strong{display:block;color:#fff;font-size:.88rem}.hero-visual{position:relative}.catalog-frame{padding:9px;background:linear-gradient(135deg,var(--gold-light),#614216);box-shadow:var(--shadow);transform:rotate(1.6deg)}.catalog-frame img{width:100%;aspect-ratio:1.42;object-fit:cover;background:#fff}.seal{position:absolute;right:-24px;bottom:-35px;width:130px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:linear-gradient(145deg,#e8c067,#8d5d20);border:3px solid #f4d992;color:#0b1421;box-shadow:0 15px 35px rgba(0,0,0,.3)}.seal:before{content:"";position:absolute;inset:7px;border:1px solid rgba(10,18,30,.42);border-radius:50%}.seal strong,.seal span{position:relative}.seal strong{font-size:2.6rem;line-height:.9}.seal span{font-weight:800;font-size:.68rem;text-transform:uppercase;line-height:1.2}.intro{padding:120px clamp(24px,7vw,120px)}.intro-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:9vw;align-items:start}.intro h2,.catalog-copy h2,.contact h2{font-size:clamp(2.2rem,4vw,4.7rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:26px}.intro-grid>p{color:var(--muted);font-size:1.08rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:72px}.feature-grid article{padding:34px;border-top:2px solid var(--gold);background:#fff;box-shadow:0 12px 35px rgba(8,20,38,.06)}.feature-grid article>span{font-family:"Playfair Display",serif;color:var(--gold);font-size:1.2rem}.feature-grid h3{font-size:1.25rem;margin:20px 0 10px}.feature-grid p{color:var(--muted);font-size:.92rem;margin:0}.catalog-section{padding:110px clamp(24px,7vw,120px);display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;background:#fff}.catalog-copy>p:not(.eyebrow){color:var(--muted);max-width:700px}.catalog-copy ul{padding:0;margin:30px 0 36px;display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;list-style:none}.catalog-copy li{padding-left:20px;position:relative}.catalog-copy li:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}.audiences{align-self:center;background:var(--ink);color:#fff;padding:40px}.audiences>p{color:var(--gold-light);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800}.audiences div{padding:22px 0;border-top:1px solid rgba(255,255,255,.14)}.audiences strong,.audiences span{display:block}.audiences strong{font-size:1.3rem}.audiences span{color:#9eabba;font-size:.88rem}.contact{padding:110px clamp(24px,7vw,120px);display:grid;grid-template-columns:.8fr 1.05fr;gap:8vw;background:linear-gradient(135deg,#091528,#111e32);color:#fff}.contact-copy>p:not(.eyebrow){color:#b9c2ce}.contact-direct{display:grid;gap:9px;margin-top:34px}.contact-direct a{color:var(--gold-light);width:max-content}.contact form{background:#fff;color:var(--ink);padding:42px;box-shadow:var(--shadow)}label{display:grid;gap:8px;font-size:.79rem;font-weight:800;margin-bottom:18px}input,select,textarea{width:100%;padding:13px 14px;background:#f4f5f6;border:1px solid #d7dce2;border-radius:2px;font:inherit;font-size:.93rem;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(200,148,63,.35);border-color:var(--gold)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact form .button{width:100%}.form-note{color:var(--muted);font-size:.72rem;text-align:center;margin:12px 0 0}footer{min-height:120px;padding:25px clamp(24px,6vw,96px);display:flex;align-items:center;gap:28px;background:#050d19;color:#8f9aaa;border-top:1px solid var(--line);font-size:.78rem}footer img{width:95px;height:65px;object-fit:contain}footer p{margin:0}footer a{margin-left:auto;color:var(--gold-light)}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:25;padding:13px 18px;border-radius:999px;background:#20a85a;color:#fff;font-size:.8rem;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.25)}
@media(max-width:980px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{max-width:720px}.intro-grid,.catalog-section,.contact{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.intro-grid,.catalog-section,.contact{gap:45px}.audiences{max-width:700px}}
@media(max-width:620px){.topbar{height:74px;padding:7px 18px}.brand img{width:110px;height:57px}.topbar>.button{font-size:0;width:46px;padding:0}.topbar>.button:after{content:"Orçar";font-size:.72rem}.hero{min-height:auto;padding:65px 20px 82px;grid-template-columns:1fr}.hero h1{font-size:2.9rem}.hero-actions{display:grid}.hero .button{width:100%}.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:18px}.seal{width:100px;height:100px;right:-8px;bottom:-42px}.seal strong{font-size:2rem}.intro,.catalog-section,.contact{padding:85px 20px}.feature-grid{margin-top:45px}.catalog-copy ul{grid-template-columns:1fr}.contact form{padding:25px 20px}.form-row{grid-template-columns:1fr}footer{align-items:flex-start;flex-wrap:wrap}footer a{margin-left:0;width:100%}.whatsapp-float{right:14px;bottom:14px}}

.hero-scene{position:relative;overflow:hidden;border:1px solid rgba(237,201,121,.55);background:#0c192b;box-shadow:0 34px 90px rgba(0,0,0,.38)}
.hero-scene:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(7,18,35,.34),transparent 28%),linear-gradient(0deg,rgba(7,18,35,.7),transparent 38%)}
.hero-scene img{width:100%;aspect-ratio:1.55;object-fit:cover;object-position:center}
.hero-lines{position:absolute;z-index:2;left:20px;bottom:18px;display:flex;gap:8px;flex-wrap:wrap}
.hero-lines span{padding:7px 11px;border:1px solid rgba(237,201,121,.48);background:rgba(8,20,38,.82);color:#f3d487;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(8px)}
.hero-visual .seal{z-index:3}
@media(max-width:620px){.hero-scene img{aspect-ratio:1.18;object-position:center}.hero-lines{left:12px;bottom:12px}}

.hero-scene{border:0;box-shadow:none;background:transparent}
.hero-scene:before{z-index:2;background:linear-gradient(90deg,#0d1b30 0,rgba(13,27,48,.82) 7%,transparent 24%,transparent 76%,rgba(17,23,36,.78) 93%,#111724 100%),linear-gradient(0deg,#0d1b30 0,transparent 22%,transparent 80%,rgba(13,27,48,.82) 96%,#0d1b30 100%)}
.catalog-seal{position:absolute;z-index:3;right:3%;bottom:-8%;width:clamp(104px,9vw,142px);height:auto;filter:drop-shadow(0 16px 22px rgba(0,0,0,.38))}
@media(max-width:620px){.catalog-seal{right:2%;bottom:-13%;width:105px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.hero-scene img{aspect-ratio:1.82;object-position:center}
.hero-scene:before{background:linear-gradient(90deg,#0d1b30 0,rgba(13,27,48,.46) 2%,transparent 6%,transparent 94%,rgba(17,23,36,.42) 98%,#111724 100%),linear-gradient(0deg,rgba(13,27,48,.72) 0,transparent 7%,transparent 94%,rgba(13,27,48,.58) 98%,#0d1b30 100%)}
@media(max-width:620px){.hero-scene img{aspect-ratio:1.28;object-fit:cover;object-position:center}.hero-scene:before{background:linear-gradient(90deg,#0d1b30 0,transparent 5%,transparent 95%,#111724 100%),linear-gradient(0deg,rgba(13,27,48,.74) 0,transparent 8%,transparent 94%,#0d1b30 100%)}}

/* Composição editorial de ambientes */
.hero{grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);gap:4vw;padding-right:clamp(24px,4vw,68px)}
.hero-gallery{position:relative;width:100%;aspect-ratio:1.03;min-height:560px}
.hero-card{position:absolute;margin:0;padding:5px;background:linear-gradient(135deg,#f3d58f,#9b6928 52%,#f0c86e);box-shadow:0 22px 55px rgba(0,0,0,.32);overflow:hidden}
.hero-card img{width:100%;height:100%;object-fit:cover;background:#fff}
.hero-card figcaption{position:absolute;left:13px;bottom:13px;padding:7px 11px;background:rgba(7,18,35,.88);border-left:2px solid var(--gold-light);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(8px)}
.hero-card-early{z-index:3;top:0;left:25%;width:50%;height:32%}
.hero-card-office{z-index:2;top:35%;right:0;width:49%;height:32%}
.hero-card-classroom{z-index:1;left:0;bottom:0;width:49%;height:32%}
.hero-message{position:absolute;margin:0;color:#9fabbc;font-family:"Playfair Display",serif;font-size:clamp(.88rem,1.25vw,1.12rem);font-style:italic;letter-spacing:.02em;white-space:nowrap}
.hero-message strong{color:var(--gold-light);font-weight:600}
.hero-message-one{top:43%;left:8%}
.hero-message-two{right:1%;bottom:12%}
.hero-gallery .catalog-seal{right:auto;bottom:auto;left:51%;top:73%;width:clamp(72px,6vw,92px);transform:translate(-50%,-50%);filter:drop-shadow(0 12px 18px rgba(0,0,0,.34))}
@media(max-width:1120px){.hero{grid-template-columns:1fr;gap:60px}.hero-visual{width:min(100%,780px);margin-inline:auto}.hero-gallery{min-height:0}}
@media(max-width:620px){.hero-gallery{display:grid;grid-template-columns:1fr;gap:18px;aspect-ratio:auto}.hero-card{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.5}.hero-card-early,.hero-card-office,.hero-card-classroom{inset:auto;width:100%;height:auto}.hero-message{display:none}.hero-gallery .catalog-seal{left:auto;right:10px;top:auto;bottom:-34px;width:78px;transform:none}.hero-visual{margin-top:8px}.hero-card figcaption{font-size:.58rem}}

.whatsapp-float{width:58px;height:58px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}
.whatsapp-float svg{width:30px;height:30px;fill:currentColor}

/* Cabeçalho inspirado no padrão gráfico do catálogo */
.topbar{height:108px;padding-top:12px;padding-bottom:12px;overflow:hidden;isolation:isolate;background:linear-gradient(100deg,#11191d 0%,#0b1114 48%,#10191d 100%);border-top:2px solid var(--gold);border-bottom:1px solid rgba(200,148,63,.88);backdrop-filter:none}
.topbar-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.topbar-art polygon{fill:#fff;opacity:.035}
.topbar-art polygon:nth-child(2){opacity:.055}
.topbar-art polygon:nth-child(3){opacity:.025}
.topbar-art path{fill:none;stroke:var(--gold);stroke-width:2}
.topbar>.brand,.topbar>nav,.topbar>.button{position:relative;z-index:1}
.topbar nav a{color:#e7e3da}
.topbar>.button-outline{border-color:rgba(237,201,121,.76);background:rgba(7,13,16,.36)}
.topbar .brand img{width:168px;height:78px}
@media(max-width:980px){.topbar-art{width:125%;left:-25%}}
@media(max-width:620px){.topbar{height:82px;padding-top:8px;padding-bottom:8px}.topbar-art{width:180%;left:-80%}.topbar .brand img{width:122px;height:62px}}

.contact-copy .contact-specialists{margin:28px 0 0;padding:4px 0 4px 18px;border-left:2px solid var(--gold);color:#d9dee6;font-size:.96rem;line-height:1.72}
.contact-specialists+.contact-direct{margin-top:32px}
.contact-direct a{display:flex;align-items:center;gap:11px;transition:color .2s ease}
.contact-direct a:hover{color:#fff}
.contact-direct svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.contact-direct a:first-child svg{fill:currentColor;stroke:none}
.contact-direct .icon-dot{fill:currentColor;stroke:none}

.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:18px;max-width:560px}
.hero-proof span{max-width:none}
@media(max-width:620px){.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px}.hero-proof span{font-size:.72rem}.hero-proof strong{font-size:.82rem}}

@media(max-width:620px){
  .topbar>.button{width:48px;height:48px;min-height:48px;flex:0 0 48px;display:block;position:relative;padding:0;line-height:1}
  .topbar>.button:after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;line-height:1;text-align:center}
  footer{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}
  footer img{margin-inline:auto}
  footer p,footer a{width:100%;margin-left:0;text-align:center}
}

/* Navegação dos catálogos escolar e corporativo */
.topbar nav{gap:22px;align-items:center}
.topbar nav a{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}
.hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:790px}
.hero-actions .button{min-width:0;min-height:60px;padding:0 5px;display:flex;align-items:center;justify-content:center;font-size:.60rem;line-height:1.25;text-align:center;white-space:nowrap;letter-spacing:0}
.catalog-button{min-height:52px}
.catalog-actions{display:flex;flex-wrap:wrap;gap:12px}
.catalog-actions .button{flex:1 1 250px}
.button-dark-alt{background:#fff;border-color:var(--ink);color:var(--ink)}
@media(max-width:620px){
  .hero-actions{grid-template-columns:1fr}
  .hero-actions .button{white-space:normal}
}