/* Version 1.0.0: native SuperWebBros retro identity with current consultation, footer, and guide behavior. */
:root{color-scheme:dark;--navy:#05051a;--ink:#eef4ff;--muted:#c8d6f4;--blue:#168fff;--lime:#27e5ff;--cyan:#27e5ff;--paper:#05051a;--mist:#08082c;--line:#168fff;--radius:2px;--shadow:5px 5px 0 #020214,0 0 22px #168fff22}
html{overflow-x:visible}body{overflow-x:visible}
main .shell,.site-footer .shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.page-hero{background:linear-gradient(135deg,#07072b,#131052);padding:70px 0;color:#fff}
.page-hero h1{font:900 clamp(34px,5vw,60px)/1.12 Impact,"Arial Black",sans-serif;letter-spacing:.035em;text-transform:uppercase;text-shadow:3px 3px #193eac}
.page-hero p{max-width:740px}.page-hero .eyebrow,.contact-aside .eyebrow{color:#27e5ff;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;background:#13d9ff;border:2px solid #91f7ff;color:#031122;font:900 14px/1.3 monospace;text-transform:uppercase;box-shadow:4px 4px #c92ba5;text-align:center;text-decoration:none;white-space:normal}
.brand__logo{display:block;width:260px;max-width:100%;height:auto;image-rendering:pixelated}
.icon{width:22px;height:22px;flex-shrink:0}
/* Footer */
.site-footer { color: #fff; background: #04111f; }
.site-footer__grid { display: grid; grid-template-columns: 1.5fr .7fr .7fr 1fr; gap: 50px; padding-top: 78px; padding-bottom: 63px; }
.brand--footer { margin-bottom: 20px; }
.brand--footer .brand__logo {
  width: min(100%, 340px); height: auto; object-fit: contain;
}
.site-footer__brand p, .site-footer__contact p { max-width: 330px; color: #8799aa; font-size: .84rem; }
.footer-label { margin-bottom: 18px; color: white !important; font-size: .72rem !important; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.footer-links { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.footer-links a { color: #9eb0bf; text-decoration: none; font-size: .82rem; }
.cookie-settings-link { padding: 0; color: #9eb0bf; background: transparent; border: 0; cursor: pointer; font-size: .82rem; }
.footer-links a:hover, .cookie-settings-link:hover { color: var(--lime); }
.site-footer__contact .button { margin-top: 5px; }
.site-footer__bottom { display: flex; justify-content: space-between; gap: 40px; padding-top: 23px; padding-bottom: 23px; border-top: 1px solid rgba(255,255,255,.1); }
.site-footer__bottom p { max-width: 620px; margin: 0; color: #667b8d; font-size: .67rem; }

/* Contact form */
.page-hero--contact .page-hero__inner { padding-right: min(25vw, 300px); }
.page-hero--contact h1 { margin-bottom: 23px; }
.page-hero--contact .page-hero__inner > p:last-child { max-width: 720px; margin-bottom: 0; color: #b7c5d2; font-size: 1.08rem; }
.contact-section { padding: 95px 0 120px; background: var(--mist); }
.contact-layout { display: grid; grid-template-columns: .68fr 1.12fr; gap: clamp(55px, 8vw, 105px); align-items: start; }
.contact-aside { padding-top: 35px; }
.contact-aside h2 { margin-bottom: 23px; font-size: clamp(2.4rem, 4vw, 3.7rem); }
.contact-aside > p:not(.eyebrow) { color: var(--muted); }
.contact-expectations { display: grid; gap: 23px; margin: 36px 0 0; padding: 30px 0 0; border-top: 1px solid var(--line); list-style: none; }
.contact-expectations li { display: grid; grid-template-columns: 45px 1fr; gap: 15px; }
.contact-expectations li > span { display: grid; width: 45px; height: 45px; place-items: center; color: var(--blue); background: #e8eeff; border-radius: 12px; }
.contact-expectations li > span .icon { width: 21px; }
.contact-expectations div { display: flex; flex-direction: column; }
.contact-expectations strong { font-size: .9rem; }
.contact-expectations small { color: var(--muted); font-size: .78rem; line-height: 1.5; }
.contact-expectations a { color: var(--blue); font-weight: 700; }
.contact-form-card { padding: clamp(30px, 5vw, 54px); background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.contact-form-card__heading { margin-bottom: 34px; padding-bottom: 27px; border-bottom: 1px solid var(--line); }
.contact-form-card__heading h2 { margin-bottom: 10px; font-size: clamp(2rem, 4vw, 3rem); }
.contact-form-card__heading p:last-child { margin: 0; color: var(--muted); font-size: .84rem; }
.dc99-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.form-field { margin-bottom: 21px; }
.form-field label { display: block; margin-bottom: 7px; color: var(--ink); font-size: .82rem; font-weight: 760; }
.form-field label > span[aria-hidden="true"], .form-required-note span { color: #b5223d; }
.field-optional { float: right; color: #7e8b98; font-size: .68rem; font-weight: 600; }
.field-help { display: block; margin: -2px 0 8px; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.contact-form-card .wpcf7-form-control-wrap { display: block; }
.contact-form-card input:not([type="checkbox"]):not([type="submit"]),
.contact-form-card select,
.contact-form-card textarea {
  display: block;
  width: 100%;
  min-height: 50px;
  padding: 11px 13px;
  color: var(--ink);
  background: #fbfdff;
  border: 1px solid #c7d4df;
  border-radius: 8px;
  outline: 0;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.contact-form-card textarea { min-height: 155px; resize: vertical; }
.contact-form-card input:hover, .contact-form-card select:hover, .contact-form-card textarea:hover { border-color: #8297a9; }
.contact-form-card input:focus, .contact-form-card select:focus, .contact-form-card textarea:focus { background: #fff; border-color: var(--blue); box-shadow: 0 0 0 4px rgba(49,87,228,.14); }
.contact-form-card .wpcf7-not-valid { border-color: #b5223d !important; }
.contact-form-card .wpcf7-not-valid-tip { margin-top: 5px; color: #9c1730; font-size: .75rem; font-weight: 650; }
.form-consent { margin: 4px 0 14px; padding: 15px; background: var(--mist); border-radius: 8px; }
.form-consent .wpcf7-list-item { margin: 0; }
.form-consent label { display: grid; grid-template-columns: 20px 1fr; align-items: start; gap: 9px; color: var(--muted); font-size: .77rem; line-height: 1.5; }
.form-consent input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--blue); }
.form-consent a { color: var(--blue); font-weight: 700; }
.form-required-note { margin-bottom: 19px; color: var(--muted); font-size: .7rem; }
.contact-form-card .dc99-submit { min-height: 52px; padding: 0 24px; color: var(--navy); background: var(--lime); border: 0; border-radius: 8px; cursor: pointer; font-size: .88rem; font-weight: 780; }
.contact-form-card .dc99-submit:hover { background: #cdff92; }
.contact-form-card .wpcf7-spinner { vertical-align: middle; }
.contact-form-card .wpcf7-response-output { margin: 23px 0 0 !important; padding: 14px 16px !important; border: 1px solid var(--line) !important; border-left: 4px solid var(--blue) !important; border-radius: 7px; color: var(--ink); background: var(--mist); font-size: .84rem; }
.contact-form-card form.invalid .wpcf7-response-output,
.contact-form-card form.failed .wpcf7-response-output { border-left-color: #b5223d !important; }
.dc99-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }

.swb-whatsapp-float{position:fixed;z-index:95;left:20px;bottom:128px;display:grid;place-items:center;width:44px;height:44px;color:white;background:#117e43;border-radius:50%;text-decoration:none}.swb-whatsapp-float svg{width:24px;height:24px;fill:currentColor;stroke:none}.swb-whatsapp-float::before,.swb-whatsapp-float::after{content:none}.swb-whatsapp-float:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.cky-btn-revisit-wrapper{width:44px!important;height:44px!important;left:20px!important;bottom:20px!important;right:auto!important;border-radius:50%!important;background:transparent!important}.cky-btn-revisit-wrapper .cky-btn-revisit{width:44px!important;height:44px!important;padding:9px!important;border-radius:50%!important;background:#3157e4!important}.cky-btn-revisit-wrapper .cky-btn-revisit img{width:25px!important;height:25px!important}.page-scrolling .cky-btn-revisit-wrapper{display:block!important}
.contact-form-card form[aria-busy=true] .dc99-submit{opacity:.7}.swb-form-progress{margin:15px 0;color:var(--ink);font-size:.9rem}.contact-form-card .wpcf7-form-control-wrap{min-width:0}.contact-form-card input,.contact-form-card select{min-width:0;max-width:100%}
.site-footer{background:#030314;border-top:2px solid #6e19ff}
.site-footer__brand p,.site-footer__contact p,.footer-links a,.cookie-settings-link{color:#c8d6f4}
.footer-label{color:#ff59cd!important;font-family:monospace}
.site-footer__bottom{justify-content:center;text-align:center}
.site-footer__bottom .site-footer__credit{width:100%;max-width:none;color:#eaf2ff;line-height:1.8}
.site-footer__credit a{color:#27e5ff}.site-footer__bottom{padding-bottom:80px}
.contact-form-card{background:#08082c;border:2px solid #168fff;overflow-wrap:anywhere}
.contact-layout>*{min-width:0}.contact-aside h2,.contact-form-card__heading h2{font:900 clamp(27px,3vw,43px)/1.15 Impact,"Arial Black",sans-serif;letter-spacing:.025em;color:#27e5ff}
.contact-expectations li>span{background:#14145a;color:#27e5ff;border:1px solid #8d4aff;border-radius:2px}
.contact-expectations li>div{min-width:0}
.contact-form-card input:not([type=checkbox]):not([type=submit]),.contact-form-card select,.contact-form-card textarea{background:#05051c;color:#fff;border:1px solid #387cff;border-radius:2px;font-size:16px;min-width:0;max-width:100%}
.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{background:#0a1033;border-color:#27e5ff}
.contact-form-card .dc99-submit{border:2px solid #91f7ff;border-radius:2px;box-shadow:4px 4px #c92ba5}.field-optional{float:none;display:inline-block;margin-left:8px}
.form-field label>span[aria-hidden=true],.form-required-note span{color:#ff59cd}
.wdg-library-view main .wdg-shell{padding-top:46px;padding-left:clamp(32px,calc(692px - 50vw),72px);font-family:Arial,Helvetica,sans-serif}
.wdg-top-concept{margin:0 0 36px}.wdg-top-concept img{width:100%;height:auto;border-radius:2px}.wdg-top-concept figcaption{font-size:.9rem;color:#516579;margin-top:12px;line-height:1.6}.wdg-design-summary{max-width:900px;font-size:1.08rem}
.wdg-design-gallery{margin-top:32px}.wdg-design-gallery .wdg-card-image{aspect-ratio:3/2}.wdg-design-gallery .wdg-card-image img{object-fit:cover}.wdg-article .wdg-heading{border:0;padding-bottom:0;margin-bottom:24px}
.wdg-library-view main .wdg-shell h1{font-size:clamp(32px,4.2vw,60px)}
body.home .swb-home-eyebrow,body.home .swb-home-eyebrow>span{width:auto;max-width:100%;white-space:normal}
body.home .swb-dashboard-copy>.dr-btn{margin-top:12px}
body.home .swb-plan-plus{position:static;color:#c8d6f4}
.dr-process-card-copy{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start}.dr-process-card-copy>div{display:block;min-width:0}.dr-process-card-copy h3{width:auto;min-width:0;overflow-wrap:normal}
@media(max-width:1524px){body:not(.wdg-library-view) main .dr-wrap{width:calc(100% - 92px);margin-left:72px;margin-right:20px;max-width:1380px}}
@media(max-width:1324px){body:not(.wdg-library-view) main .shell{width:calc(100% - 92px);margin-left:72px;margin-right:20px}}
@media(max-width:1000px){.site-footer__grid{grid-template-columns:1fr 1fr;gap:32px}.site-footer__brand,.site-footer__contact{grid-column:1/-1}}
@media(max-width:900px){.contact-layout{grid-template-columns:minmax(0,1fr);gap:40px}.contact-aside{padding-top:0}.page-hero--contact .page-hero__inner{padding-right:0}.contact-form-card{padding:28px 24px}.contact-section{padding:65px 0}.wdg-library-view main .wdg-shell{padding-left:72px}}
@media(max-width:560px){.dc99-form-grid{grid-template-columns:1fr;gap:0}.contact-form-card{padding:24px 18px}.contact-expectations li{grid-template-columns:36px minmax(0,1fr);gap:10px}.contact-expectations li>span{width:36px;height:36px}
.wdg-library-view main .wdg-shell h1{font-size:clamp(24px,7.4vw,34px);overflow-wrap:normal}
body.home .swb-dashboard-copy h1{font-size:clamp(34px,10vw,48px);line-height:1.04}body.home .swb-home-eyebrow{font-size:13px;line-height:1.5}
body.home .swb-dashboard-panel h2{font-size:24px}body.home .swb-feature-mini{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:20px}
body.home .swb-process-labels{grid-template-columns:1fr;gap:12px}body.home .swb-process-labels span{font-size:14px;text-align:left}
body.home .swb-process-art{height:auto}body.home .swb-dashboard-panel .dr-btn{max-width:100%;white-space:normal}
body.home .swb-quote{grid-template-columns:70px minmax(0,1fr)}body.home .swb-quote blockquote{overflow-wrap:normal}
.page-hero h1{font-size:clamp(28px,8.8vw,40px)}.site-footer__grid{padding-block:55px;gap:28px}.site-footer__credit{font-size:12px}
.swb-ad-card-grid article h3{font-size:24px;line-height:1.2;overflow-wrap:normal}
}
@media(max-width:767px){.wdg-library-view main .wdg-sidebar{position:static;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:start;gap:12px;padding:16px;order:-1}.wdg-library-view main .wdg-sidebar h2{display:block;margin:0;white-space:normal}.wdg-library-view main .wdg-sidebar .wdg-button{width:100%;min-height:44px;white-space:normal;margin:0}}
.cky-btn-revisit-wrapper,#cya11y-container,.page-scrolling .cky-btn-revisit-wrapper,.page-scrolling #cya11y-container{opacity:1!important;visibility:visible!important;pointer-events:auto!important}

.wdg-library-view main .wdg-sidebar .wdg-whatsapp-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:100%;padding:10px 14px;color:#fff;background:#117e43;border:2px solid #25d366;border-radius:2px;box-shadow:3px 3px #ff3fc7;font-family:monospace;font-weight:800;text-decoration:none;white-space:normal}.wdg-whatsapp-button svg{width:22px;height:22px;fill:currentColor;flex:0 0 22px}.wdg-whatsapp-button:focus-visible{outline:3px solid #ffb31a;outline-offset:4px}

body.page-scrolling .cky-btn-revisit-wrapper,body.page-scrolling #cya11y-container,body.dr-menu-open .cky-btn-revisit-wrapper,body.dr-menu-open #cya11y-container{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
body .swb-whatsapp-float{width:44px;height:44px;min-width:44px;left:20px;right:auto;bottom:128px;border-radius:50%;padding:0}

.page-hero h1{color:#fff}
body.home .swb-dashboard-hero-grid>*{min-width:0}
body.home .swb-dashboard-copy h1,body.home .swb-dashboard-copy h1>*{min-width:0;max-width:100%;white-space:normal}
@media(max-width:999px){body.home .swb-dashboard-hero-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){body.home .swb-dashboard-copy h1{font-size:clamp(28px,8.2vw,42px)}}

.wdg-library-view main .wdg-sidebar .wdg-button{display:flex;align-items:center;justify-content:center;width:100%;height:64px;min-height:64px;padding:10px 14px;box-sizing:border-box;border:2px solid transparent;font-size:14px;line-height:1.4;white-space:normal;text-align:center}.wdg-library-view main .wdg-sidebar .wdg-whatsapp-button{color:#fff;background:#117e43;border-color:#25d366}

body.wdg-library-view .swb-cursor-trail-layer{display:none}

@media(max-width:560px){.swb-ad-page h2{font-size:clamp(25px,7.5vw,34px);overflow-wrap:normal}}

@media(max-width:560px){.swb-article-header h1{font-size:clamp(24px,7.4vw,34px);overflow-wrap:normal}.swb-article-content{overflow-wrap:anywhere}}

.dr-meetup-form-card .wpcf7-submit{min-height:76px;max-width:100%;padding:24px 40px;line-height:1.5;white-space:normal;overflow-wrap:normal;border:2px solid #91f7ff;cursor:pointer}
@media(max-width:560px){.dr-meetup-form-card .wpcf7-submit{width:100%;padding:24px 20px;font-size:14px}}

body.page-id-14 .swb-cursor-trail-layer{display:none}
.dr-meetup-form-layout>*{min-width:0}.dr-meetup-form-card .meetup-choice-group{min-inline-size:0}.dr-meetup-form-card .wpcf7-form-control-wrap{min-width:0}.dr-meetup-form-card input,.dr-meetup-form-card textarea{max-width:100%;min-width:0}.dr-meetup-form-card label>span{min-width:0}
@media(max-width:900px){.dr-meetup-form-layout{grid-template-columns:minmax(0,1fr)}}

.dr-meetup-summary strong{color:#fff}