/* WBHost marketing page: brand-led, content-first, no fabricated performance data. */
.marketing-page{background:var(--paper,#f5f7f7)}
.marketing-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,7.5vw,104px) 0;background:radial-gradient(ellipse at 77% 12%,#1d414b 0,transparent 35%),linear-gradient(120deg,#09151c 0%,#10232c 58%,#0b1920 100%)!important;color:#fff}
.marketing-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background:linear-gradient(90deg,transparent 49.8%,#ffffff0b 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#ffffff09 50%,transparent 50.2%);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}
.marketing-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#09151c 0%,transparent 70%);pointer-events:none}
.marketing-hero-inner{width:min(var(--max,1160px),calc(100% - 48px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);align-items:center;gap:clamp(36px,6vw,88px)}
.marketing-copy{max-width:540px}.marketing-copy .eyebrow{display:flex;align-items:center;gap:10px;color:#ff896c}.marketing-copy .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff6037;box-shadow:0 0 16px #ff6037}.marketing-hero h1{max-width:560px;margin:22px 0 20px;font-size:clamp(42px,5.3vw,68px);line-height:1.02;letter-spacing:-.065em;text-wrap:balance}.marketing-hero h1 em{color:#ff7049;font-style:normal}.marketing-copy>p{max-width:520px;margin:0;color:#bdcbd0;font-size:clamp(15px,1.35vw,17px);line-height:1.8}.marketing-page .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:30px 0 20px}.marketing-page .button{min-height:48px;padding:0 19px;border-radius:5px}.marketing-page .button-orange{background:var(--wb-brand-orange);color:var(--wb-black);border-color:var(--wb-brand-orange);box-shadow:0 10px 25px #ff603733;transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}.marketing-page .button-orange:hover{background:var(--wb-orange-hover);color:var(--wb-black);transform:translateY(-2px);box-shadow:0 14px 28px #ff60374a}.marketing-page .button-orange:focus-visible,.marketing-page .quiet-link:focus-visible,.marketing-page .marketing-card a:focus-visible,.marketing-page .faq-list summary:focus-visible{outline:3px solid #ff987f;outline-offset:4px}.marketing-page .quiet-link{padding:10px 0;color:#d9e4e7;text-underline-offset:5px}.marketing-page .quiet-link:hover{color:#ff987f}.marketing-hero-note{display:flex;align-items:flex-start;gap:9px;color:#91a7af;font-size:12px;line-height:1.6}.marketing-hero-note span{color:#ff7049;font-size:16px;line-height:1}
.marketing-visual{position:relative;min-width:0;padding:20px;border:1px solid #38535d;border-radius:13px;background:linear-gradient(145deg,#10232c,#0b171e 72%);box-shadow:0 22px 60px #02090d66,0 0 0 7px #ffffff08,inset 0 1px #ffffff18;transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}
.marketing-visual-top{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:1px 1px 17px;border-bottom:1px solid #ffffff18;color:#96adb4;font:700 9px ui-monospace,monospace;letter-spacing:.13em}.visual-brand,.visual-status{display:flex;align-items:center;gap:8px}.visual-brand{color:#dce6e8}.visual-brand i{width:7px;height:7px;border-radius:50%;background:#ff6037;box-shadow:0 0 12px #ff6037}.visual-status i{width:6px;height:6px;border-radius:50%;background:#67d9ae}
.marketing-visual-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;gap:12px;padding:18px 0 15px}.visual-search-card,.visual-creative-card{min-width:0;border:1px solid #28414a;border-radius:8px;background:#0c1b22}.visual-search-card{padding:15px}.visual-label{display:block;margin-bottom:12px;color:#83a0aa;font:700 9px ui-monospace,monospace;letter-spacing:.11em}.visual-searchbar{height:35px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #314b54;border-radius:4px;background:#132831;color:#b6c8cd;font-size:10px}.visual-searchbar i{width:11px;height:11px;flex:0 0 11px;border:1px solid #88a4aa;border-radius:50%;position:relative}.visual-searchbar i::after{content:"";position:absolute;width:5px;height:1px;right:-4px;bottom:-2px;background:#88a4aa;transform:rotate(45deg)}.visual-searchbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-searchbar b{margin-left:auto;color:#ff7653;font-size:15px;font-weight:500}.visual-result{padding:16px 4px 8px}.visual-result>span{display:block;margin-bottom:6px;color:#70d4b0;font-size:9px}.visual-result strong{display:block;color:#eff5f6;font-size:clamp(12px,1.1vw,15px);line-height:1.45}.visual-result p{margin:7px 0 0;color:#a5bbc1;font-size:10px;line-height:1.6}.visual-tags{display:flex;flex-wrap:wrap;gap:6px}.visual-tags span{padding:5px 7px;border:1px solid #34505a;border-radius:3px;color:#b7c8cd;font:700 8px ui-monospace,monospace;letter-spacing:.08em}
.visual-creative-card{padding:15px;display:flex;flex-direction:column}.creative-art{position:relative;min-height:142px;flex:1;display:flex;align-items:flex-end;overflow:hidden;padding:15px;border-radius:4px;background:linear-gradient(142deg,#ed5a36 0 31%,#f3a36d 31% 32%,#203d48 32% 100%)}.creative-art::before{content:"";position:absolute;width:105px;height:105px;right:-14px;top:17px;border:1px solid #ffffff70;border-radius:50%;box-shadow:0 0 0 12px #ffffff12,0 0 0 25px #ffffff0c}.creative-art::after{content:"";position:absolute;right:17px;top:50px;width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#ffcf93,#eb704f 68%,#a4372d);box-shadow:0 12px 30px #06131c66}.creative-art span{z-index:1;color:#fff;font-size:13px;font-weight:800;line-height:1.12;letter-spacing:-.03em}.creative-art b{color:#ffba8d}.creative-caption{display:flex;flex-direction:column;gap:4px;padding-top:11px}.creative-caption strong{color:#eaf0f1;font-size:10px}.creative-caption small{color:#99adb3;font-size:9px}.marketing-visual-foot{display:flex;align-items:center;gap:11px;min-height:30px;border-top:1px solid #ffffff18;padding-top:12px;color:#b4c7cc;font:700 8px ui-monospace,monospace;letter-spacing:.1em}.marketing-visual-foot i{width:3px;height:3px;border-radius:50%;background:#ff7049}.marketing-visual-foot small{margin-left:auto;color:#718991;font:9px var(--wb-font-sans),Arial,sans-serif;letter-spacing:0}
.marketing-pillars{background:#fff;border-bottom:1px solid #e2e9ea}.marketing-pillars .section-wrap{display:grid;grid-template-columns:repeat(3,1fr);min-height:76px;align-items:center}.marketing-pillars span{display:flex;align-items:center;gap:12px;padding:0 22px;border-right:1px solid #e2e9ea;color:#263b44;font-size:12px;font-weight:800}.marketing-pillars span:first-child{padding-left:0}.marketing-pillars span:last-child{border:0}.marketing-pillars b{color:#ef5936;font:700 10px ui-monospace,monospace;letter-spacing:.12em}
.marketing-layout{padding:clamp(70px,8vw,112px) 0;background:var(--paper,#f5f7f7)}.marketing-intro{max-width:720px;margin:0 0 36px}.marketing-intro h2,.marketing-faq h2{max-width:680px;margin:15px 0 13px;color:#101820;font-size:clamp(32px,4vw,50px);line-height:1.07;letter-spacing:-.055em;text-wrap:balance}.marketing-intro p,.marketing-faq-grid>div>p{max-width:600px;margin:0;color:#596c73;font-size:15px;line-height:1.75}.marketing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px}.marketing-card{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:26px 25px 24px;border:1px solid #d4dfe1;border-radius:10px;background:linear-gradient(155deg,#fff,#f9fbfb);box-shadow:0 2px 5px #10232c08,0 12px 30px #10232c09;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.marketing-card::after{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ff6037,#ff9c73);opacity:0;transition:opacity .2s ease}.marketing-card:hover{transform:translateY(-5px);border-color:#a9c1c6;box-shadow:0 5px 10px #10232c0b,0 20px 36px #10232c12}.marketing-card:hover::after{opacity:1}.marketing-card.featured{border-color:#183842;background:linear-gradient(150deg,#122a34,#0b1c23 78%);color:#fff;box-shadow:0 4px 8px #0b1d2417,0 20px 38px #0b1d2420}.marketing-card.featured::after{opacity:1}.marketing-card .plan-index{color:#e95331;font:700 9px ui-monospace,monospace;letter-spacing:.14em}.marketing-card.featured .plan-index{color:#ff987c}.marketing-card h3{display:flex;align-items:flex-start;gap:0;margin:20px 0 10px;color:#101820;font-size:22px;line-height:1.2;letter-spacing:-.04em}.marketing-card h3::before{content:none}.marketing-card.featured h3{color:#fff}.marketing-card>p{margin:0 0 12px;color:#5c7078;font-size:13px;line-height:1.7}.marketing-card.featured>p{color:#bbccd0}.marketing-card ul{margin:8px 0 23px;padding:0;list-style:none;color:#41555e;font-size:12px;line-height:1.7}.marketing-card li{position:relative;margin:9px 0;padding-left:18px}.marketing-card li::before{content:"";position:absolute;left:1px;top:.62em;width:7px;height:4px;border-left:1.5px solid #e95735;border-bottom:1.5px solid #e95735;transform:rotate(-45deg)}.marketing-card.featured ul{color:#d0dcdf}.marketing-card a{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:17px;border-top:1px solid #e1e8e9;color:#bd452a;text-decoration:none;font-size:12px;font-weight:800}.marketing-card.featured a{border-color:#ffffff28;color:#fff}.marketing-card a span{color:#f06443;font-size:18px;transition:transform .2s ease}.marketing-card a:hover span{transform:translateX(4px)}.marketing-note{margin-top:20px;padding:16px 18px;border:1px solid #e4d5ce;border-left:3px solid #f06443;border-radius:4px;background:#fffaf8;color:#52646a;font-size:12px;line-height:1.65}.marketing-note strong{color:#a83d25}
.marketing-services{padding:clamp(68px,8vw,100px) 0;background:linear-gradient(120deg,#0b171e,#102630 72%,#0c1a21);color:#fff}.marketing-services .section-wrap>.eyebrow{color:#ff8a6b}.marketing-services h2{max-width:640px;margin:14px 0 32px;font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.05em;text-wrap:balance}.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;border-top:1px solid #ffffff25}.service-list>div{min-width:0;gap:14px;padding:22px 0;border-bottom:1px solid #ffffff25}.service-list b{flex:0 0 29px;color:#ff8464;font:700 10px ui-monospace,monospace;letter-spacing:.08em}.service-list strong{color:#f3f7f8;font-size:13px;line-height:1.5}.service-list small{max-width:310px;margin-top:6px;color:#aabcc1;font-size:11px;line-height:1.65}
.marketing-faq{padding:clamp(66px,8vw,104px) 0;background:#fff}.marketing-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,8vw,110px);align-items:start}.marketing-faq-grid>div>.eyebrow{color:#e95331}.marketing-faq-grid>div>p{font-size:13px}.faq-list{border-top:1px solid #dce5e6}.faq-list details{border-bottom:1px solid #dce5e6}.faq-list summary{position:relative;padding:19px 38px 19px 0;color:#172b34;font-size:14px;font-weight:800;line-height:1.5;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:2px;top:15px;color:#ed5a37;font:400 22px var(--wb-font-sans),Arial,sans-serif;transition:transform .2s ease}.faq-list details[open] summary::after{transform:rotate(45deg)}.faq-list details p{max-width:650px;margin:0;padding:0 32px 19px 0;color:#5d7077;font-size:13px;line-height:1.75}
.marketing-cta{padding:0 0 clamp(58px,7vw,90px);background:#fff}.marketing-cta-box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(28px,5vw,50px);border:1px solid #e2b4a6;border-radius:10px;background:linear-gradient(112deg,#fff6f2,#f6f3f0 70%,#ecf2f2)}.marketing-cta-box::after{content:"";position:absolute;right:18%;top:-100px;width:250px;height:250px;border:1px solid #e8c4b9;border-radius:50%;box-shadow:0 0 0 22px #e8c4b91a,0 0 0 46px #e8c4b912;pointer-events:none}.marketing-cta-box>div,.marketing-cta-box>a{position:relative;z-index:1}.marketing-cta-box .eyebrow{margin-bottom:10px;color:#d94c2d}.marketing-cta h2{max-width:630px;margin:0;color:#101820;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.05em;text-wrap:balance}.marketing-cta p{margin:10px 0 0;color:#596c73;font-size:13px}.marketing-page .whatsapp-float:focus-visible{outline:3px solid #163b46;outline-offset:4px}
@media(max-width:980px){.marketing-hero-inner{grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:30px}.marketing-visual{padding:16px}.marketing-visual-grid{grid-template-columns:1fr}.visual-creative-card{display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:auto 1fr;column-gap:13px}.visual-creative-card .visual-label{grid-column:1/-1}.creative-art{min-height:95px}.creative-caption{align-self:center;padding:0}.marketing-grid{gap:12px}.marketing-card{padding:23px 20px}.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.marketing-hero{padding:52px 0 44px}.marketing-hero-inner{width:calc(100% - 36px);grid-template-columns:1fr;gap:34px}.marketing-copy{max-width:620px}.marketing-hero h1{font-size:clamp(40px,9.5vw,62px);letter-spacing:-.06em}.marketing-copy>p{font-size:15px}.marketing-visual{max-width:600px;width:100%;justify-self:center;transform:none}.marketing-visual-grid{grid-template-columns:1.1fr .9fr}.visual-creative-card{display:flex}.creative-art{min-height:132px}.creative-caption{align-self:unset;padding-top:10px}.marketing-pillars .section-wrap{width:calc(100% - 36px);grid-template-columns:1fr;min-height:0;padding:9px 0}.marketing-pillars span,.marketing-pillars span:first-child{min-height:44px;padding:0 3px;border-right:0;border-bottom:1px solid #e7eded}.marketing-pillars span:last-child{border-bottom:0}.marketing-layout{padding:65px 0}.marketing-grid{grid-template-columns:1fr;gap:13px}.marketing-card{min-height:0;padding:24px}.marketing-card ul{margin-bottom:19px}.marketing-services{padding:65px 0}.service-list{grid-template-columns:1fr}.service-list>div{padding:18px 0}.marketing-faq{padding:64px 0}.marketing-faq-grid{grid-template-columns:1fr;gap:28px}.marketing-faq h2{font-size:36px}.marketing-cta-box{align-items:flex-start;flex-direction:column}.marketing-cta-box::after{right:-60px;top:-96px;width:180px;height:180px}.marketing-cta-box>.button{align-self:flex-start}}
@media(max-width:420px){.marketing-hero-inner,.marketing-pillars .section-wrap{width:calc(100% - 28px)}.marketing-page .hero-actions{gap:13px}.marketing-page .hero-actions .button{width:100%}.marketing-visual{padding:12px}.marketing-visual-top{font-size:8px;letter-spacing:.08em}.marketing-visual-grid{grid-template-columns:1fr}.visual-creative-card{display:grid}.creative-art{min-height:110px}.marketing-visual-foot{gap:6px;font-size:7px}.marketing-visual-foot small{font-size:8px}.marketing-card{padding:21px}.marketing-cta .section-wrap{width:calc(100% - 28px)}}
@media(max-width:600px){.marketing-page .whatsapp-float{right:12px;bottom:12px;width:48px;height:48px;justify-content:center;gap:0;padding:8px}.marketing-page .whatsapp-float strong{display:none}}
@media(hover:hover) and (pointer:fine){.marketing-card{transform:perspective(1100px) translateZ(0)}.marketing-card:hover{transform:perspective(1100px) rotateX(1deg) translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.marketing-page *, .marketing-page *::before,.marketing-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.marketing-card:hover,.marketing-page .button-orange:hover{transform:none}}