.development-web-page{background:#030d1a;color:#fff}
.development-web-page::before{background:radial-gradient(circle at 78% 3%,rgba(182,148,112,.08),transparent 25%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}
.development-web-page::after{display:none}
.development-web-page main{overflow:hidden}
.development-web-page .container{width:min(calc(100% - 40px),1240px)}
.development-web-page .eyebrow{color:#b69470;font-size:.72rem;letter-spacing:.08em}
.development-web-page h2{font-size:clamp(1.6rem,2.25vw,2.35rem);line-height:1.12;letter-spacing:-.035em}
.development-web-page .button{min-height:50px;padding:11px 24px;border-radius:5px;font-size:.84rem}
.development-web-page .button img{width:19px;height:19px}
.development-web-page .button-primary{background:#b69470;border-color:#b69470;color:#070d18}
.development-web-page .button-primary img{filter:brightness(0)}
.development-web-page .button-primary:hover{background:#b69470}

.dwweb-hero{position:relative;padding:48px 0 0;border-bottom:1px solid rgba(182,148,112,.25)}
.dwweb-hero::after{content:"";position:absolute;right:-60px;top:-170px;width:560px;height:560px;border:1px solid rgba(182,148,112,.23);border-radius:50%;box-shadow:0 0 0 72px rgba(182,148,112,.055),0 0 0 145px rgba(182,148,112,.03);pointer-events:none}
.dwweb-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}
.dwweb-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #b69470;border-radius:4px}
.dwweb-badge img{width:15px;height:15px}
.dwweb-hero h1{max-width:650px;margin:17px 0;font-size:clamp(2.65rem,4.3vw,4.6rem);line-height:1.08;letter-spacing:-.055em}
.dwweb-hero h1 em{color:#b69470;font-style:normal}
.dwweb-hero-grid>div>p{max-width:580px;color:#e1e3e8;font-size:1rem}
.dwweb-hero .actions{margin-top:27px}
.dwweb-hero figure{display:flex;align-items:center;justify-content:center;width:100%;max-width:680px;margin:0 auto;filter:drop-shadow(0 28px 55px rgba(0,0,0,.5))}
.dwweb-hero figure img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.dwweb-pillars{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border-top:1px solid rgba(182,148,112,.4)}
.dwweb-pillars article{display:flex;gap:16px;align-items:center;padding:22px 25px}
.dwweb-pillars article+article{border-left:1px solid rgba(182,148,112,.2)}
.dwweb-pillars img{width:39px;height:39px;flex:0 0 39px}
.dwweb-pillars strong,.dwweb-pillars span{display:block}
.dwweb-pillars strong{color:#b69470;font-size:.9rem}
.dwweb-pillars span{margin-top:4px;color:#d9dce2;font-size:.7rem;line-height:1.45}

.dwweb-section,.dwweb-faq-section{padding:34px 0;border-bottom:1px solid rgba(182,148,112,.23)}
.dwweb-row{display:grid;grid-template-columns:270px 1fr;gap:36px}
.dwweb-row>header h2{margin:9px 0 12px}
.dwweb-row>header p{margin:0;color:#cfd3da;font-size:.78rem;line-height:1.55}
.dwweb-cards{display:grid;gap:5px}
.dwweb-cards-5{grid-template-columns:repeat(5,1fr)}
.dwweb-cards article,.dwweb-cards a{display:block;min-width:0;min-height:188px;padding:19px 13px;border:1px solid rgba(255,255,255,.075);border-radius:7px;background:linear-gradient(145deg,rgba(19,31,46,.97),rgba(13,24,37,.94));text-align:center;transition:.25s}
.dwweb-cards a:hover,.dwweb-cards article:hover{border-color:rgba(182,148,112,.55);transform:translateY(-3px)}
.dwweb-cards img,.dwweb-features img{display:block;width:42px;height:42px;margin:0 auto 13px}
.dwweb-cards h3,.dwweb-features h3{margin:0 0 8px;font-size:.82rem;line-height:1.3}
.dwweb-cards p,.dwweb-features p{margin:0;color:#cfd3da;font-size:.68rem;line-height:1.5}

.dwweb-process{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0;padding:0;list-style:none}
.dwweb-process::before,.dwweb-platform-flow::before{content:"";position:absolute;left:7%;right:7%;top:25px;border-top:1px dashed #b69470}
.dwweb-process li{position:relative;text-align:center;padding:0 10px}
.dwweb-process span{position:relative;z-index:1;display:grid;place-items:center;width:51px;height:51px;margin:0 auto 12px;border:1px solid #b69470;border-radius:50%;background:#030d1a;color:#b69470;font-weight:800}
.dwweb-process h3{margin:0 0 8px;font-size:.75rem}
.dwweb-process p{margin:0;color:#cfd3da;font-size:.65rem;line-height:1.45}
.dwweb-features{display:grid;grid-template-columns:repeat(5,1fr)}
.dwweb-features article{padding:0 18px;text-align:center}
.dwweb-features article+article{border-left:1px solid rgba(182,148,112,.2)}

.dwweb-platform{padding:32px 0}
.dwweb-platform>.container{display:grid;grid-template-columns:260px 1fr;gap:30px;padding:25px 20px;border:1px solid rgba(182,148,112,.16);border-radius:8px;background:linear-gradient(145deg,rgba(18,30,45,.98),rgba(10,21,34,.96))}
.dwweb-platform header h2{margin:8px 0}
.dwweb-platform header p{color:#d0d4da;font-size:.74rem}
.dwweb-platform-flow{position:relative;display:grid;grid-template-columns:repeat(6,1fr)}
.dwweb-platform-flow article{position:relative;text-align:center;padding:0 8px}
.dwweb-platform-flow img{position:relative;z-index:1;display:block;width:46px;height:46px;margin:0 auto 10px;background:#0d1b2a}
.dwweb-platform-flow h3{margin:0 0 6px;font-size:.74rem}
.dwweb-platform-flow p{margin:0;color:#cbd0d7;font-size:.64rem}
.dwweb-note{grid-column:1/-1;display:flex;gap:10px;align-items:center;justify-content:center;margin:0;padding:9px;border:1px solid rgba(182,148,112,.65);border-radius:4px;color:#b69470;font-size:.68rem}
.dwweb-note img{width:19px;height:19px}
.dwweb-audience{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin:0;padding:0;list-style:none}
.dwweb-audience li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#dce0e5;font-size:.68rem;line-height:1.3}
.dwweb-audience img{width:35px;height:35px}

.dwweb-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 10px}
.dwweb-faq details{border-radius:3px;background:rgba(255,255,255,.045)}
.dwweb-faq summary{min-height:40px;padding:9px 35px 9px 12px;font-size:.66rem}
.dwweb-faq summary::after{content:""!important;width:13px;height:13px;background:url("../img/sites-profissionais/icons/plus.png") center/contain no-repeat}
.dwweb-faq details p{padding:0 12px 12px;font-size:.68rem}

.dwweb-final{padding:26px 0}
.dwweb-final>.container{display:grid;grid-template-columns:110px 1fr auto;gap:28px;align-items:center;padding:24px 30px;border:1px solid rgba(182,148,112,.65);border-radius:8px;background:radial-gradient(circle at 9% 50%,rgba(182,148,112,.2),transparent 18%),rgba(5,15,27,.82)}
.dwweb-final-icon{width:72px;height:72px;padding:16px;border:1px solid #b69470;border-radius:50%;filter:drop-shadow(0 0 18px rgba(182,148,112,.6))}
.dwweb-final h2{margin:0 0 6px;font-size:1.75rem}
.dwweb-final p{margin:0;color:#d4d8de;font-size:.75rem}
.dwweb-final .actions{justify-content:flex-end;margin:0}

@media(max-width:1050px){
  .dwweb-hero-grid{grid-template-columns:1fr 1fr;gap:20px}
  .dwweb-hero h1{font-size:3rem}
  .dwweb-row{grid-template-columns:225px 1fr;gap:24px}
  .dwweb-cards-5{grid-template-columns:repeat(3,1fr)}
  .dwweb-process{grid-template-columns:repeat(3,1fr);gap:24px 0}
  .dwweb-process::before{display:none}
  .dwweb-platform>.container{grid-template-columns:1fr}
  .dwweb-platform-flow{grid-template-columns:repeat(3,1fr);gap:24px 0}
  .dwweb-platform-flow::before{display:none}
  .dwweb-audience{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .dwweb-hero-grid{grid-template-columns:1fr}
  .dwweb-hero figure{max-width:650px;margin:auto}
  .dwweb-pillars{grid-template-columns:1fr 1fr}
  .dwweb-pillars article:nth-child(3){border-left:0;border-top:1px solid rgba(182,148,112,.2)}
  .dwweb-pillars article:nth-child(4){border-top:1px solid rgba(182,148,112,.2)}
  .dwweb-row{display:block}
  .dwweb-row>header{margin-bottom:24px}
  .dwweb-features{grid-template-columns:repeat(3,1fr);gap:24px 0}
  .dwweb-features article:nth-child(4){border-left:0}
  .dwweb-faq{grid-template-columns:1fr 1fr}
  .dwweb-final>.container{grid-template-columns:72px 1fr}
  .dwweb-final .actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:560px){
  .development-web-page .container{width:calc(100% - 28px)}
  .dwweb-hero{padding-top:34px}
  .dwweb-hero h1{font-size:clamp(2.3rem,10.5vw,3.2rem)}
  .development-web-page .actions{flex-direction:column}
  .development-web-page .actions .button{width:100%}
  .dwweb-pillars,.dwweb-cards-5,.dwweb-features,.dwweb-platform-flow,.dwweb-faq{grid-template-columns:1fr}
  .dwweb-pillars article+article{padding-left:25px;border-left:0;border-top:1px solid rgba(182,148,112,.2)}
  .dwweb-cards article,.dwweb-cards a{min-height:0}
  .dwweb-process{grid-template-columns:1fr 1fr}
  .dwweb-features article+article{border-left:0}
  .dwweb-audience{grid-template-columns:repeat(2,1fr)}
  .dwweb-final>.container{grid-template-columns:1fr;text-align:center}
  .dwweb-final-icon{margin:auto}
  .dwweb-final .actions{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.development-web-page *{scroll-behavior:auto!important;transition:none!important}}