/* v4: preserve the v3 visual system while supporting native WordPress blocks. */
body{font-family:var(--varb-font,Inter,Arial,sans-serif)}
button,input,textarea,select{font:inherit}button{cursor:pointer}.btn{border:0;color:#fff;gap:10px}
img{max-width:100%;height:auto}iframe,video{max-width:100%}h1,h2,h3,p,a{overflow-wrap:anywhere}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #89b4ff;outline-offset:5px}
.skip-link{position:absolute;left:20px;top:-150px;background:#fff;color:#07090c;padding:12px 20px;z-index:100000}.skip-link:focus{top:12px}
.screen-reader-text{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;position:absolute}
.varb-section{padding:100px 0;margin:0}.varb-block-page>.wp-block-group{margin-block:0}
.hero{background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--blue) 22%,var(--ink)) 0,transparent 32%),linear-gradient(120deg,var(--ink) 45%,var(--panel))}
.hero:after{pointer-events:none;z-index:0}.hero>.wrap{position:relative;z-index:1}.hero h1{max-width:1000px}
.page-hero{background:radial-gradient(circle at 82% 15%,color-mix(in srgb,var(--blue) 22%,var(--ink)) 0,transparent 28%),var(--ink)}
.hero .wp-block-buttons{margin-top:34px}.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap}
.wp-block-button__link{background:var(--blue);color:#fff;border-radius:7px;padding:13px 20px;font-weight:700;line-height:1.6;text-decoration:none}
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;border:1px solid var(--line);color:inherit;padding:12px 19px}
.wp-block-button__link:hover,.btn:hover{filter:brightness(1.12)}
.metrics{padding:0}.metric p{margin:0}.metric p+p{font-size:13px;color:var(--muted)}
.card p.num{color:var(--blue)}.step-number strong{display:flex;width:42px;height:42px;border-radius:50%;background:#0b0f15;color:#fff;align-items:center;justify-content:center}
.process .steps{color:#0b0f15}.price{background:var(--panel)}.price .amount{margin:12px 0}.price .wp-block-buttons{margin-top:auto}.price{display:flex;flex-direction:column}.price .eyebrow{margin:0}.price ul{min-height:190px}
.contact-section{padding:100px 0}.contact-section .eyebrow{color:#34558b}.contact-section a{color:var(--blue)}.contact-section button{color:white}
.contact-details p{margin:.6em 0}.contact-form .form-help{font-size:13px;letter-spacing:0;text-transform:none}.varb-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-status{border-color:var(--blue)}
.social-links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.trust-strip{padding:24px 0}.trust-row p{margin:0}
.cta .wp-block-button__link{background:white;color:#0b0f15}.faq details{margin:0}.faq details p{padding:8px 0}
.site-nav{gap:28px}.menu{gap:24px}.menu li+li{margin-left:0}.site-nav .menu>li{position:relative}.header-cta{font-size:13px;white-space:nowrap}
.sub-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;padding:14px;list-style:none;background:var(--panel);border:1px solid var(--line);z-index:30}
.sub-menu .sub-menu{top:0;left:100%}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.sub-menu li{display:block}.sub-menu a{display:block;padding:8px}
.project-card{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,var(--panel),var(--ink));transition:border-color .2s}.project-card:hover{border-color:var(--blue)}
.project-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.project-card:has(.project-image):after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,12,.15),rgba(7,9,12,.95));z-index:-1}
.project-copy{position:relative;z-index:1}.project-copy h2{line-height:1.15}.project-card:has(.project-image){color:#f7f8fa}.project-card:has(.project-image) p{color:#d2d8e3}
.pagination,.nav-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.page-numbers{padding:8px 14px;border:1px solid var(--line)}.page-numbers.current{background:var(--blue);color:white}
.site-footer p{margin:5px 0 15px}.footer-links .menu{flex-wrap:wrap}.site-footer .social-links{margin-top:18px}.site-footer a:hover{color:var(--white)}
.content-page a:not(.wp-block-button__link),.post-summary a{text-decoration:underline;text-underline-offset:4px}.content-page{max-width:900px}.post-summary{padding:24px 0;border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}[id]{scroll-margin-top:120px}.nav{height:auto;min-height:78px}.brand-logo img{max-width:220px;object-fit:contain}
.wp-block-group.wrap{width:min(var(--max),calc(100% - 40px))}.wp-block-group.section-head>*,.wp-block-group.about-grid>*,.contact-layout>*{min-width:0}
.varb-block-page .wp-block-group> :first-child{margin-top:0}.varb-block-page .wp-block-group> :last-child{margin-bottom:0}
.varb-block-page>.wp-block-group.wrap{margin-inline:auto}.varb-block-page .wrap{margin-inline:auto}
.wp-block-group.metrics>*,.wp-block-group.cards>*,.wp-block-group.steps>*,.wp-block-group.pricing>*,.wp-block-group.about-grid>*,.wp-block-group.contact-layout>*,.wp-block-group.values>*,.wp-block-group.trust-row>*{margin-block:0}
.hero p.eyebrow,.page-hero p.eyebrow{font-size:12px;color:#8fa7d9}
.wp-block-image img{height:auto}.wp-block-table{overflow:auto}.wp-block-quote{border-left:3px solid var(--blue);padding-left:24px}
@media(max-width:1100px){.site-nav{gap:16px}.menu{gap:16px}.header-cta{padding:10px 12px}}
@media(max-width:850px){.varb-section{padding:64px 0}.trust-strip{padding:24px 0}.hero{min-height:650px}.nav{flex-wrap:wrap;gap:12px;padding-block:15px}.site-nav{position:static;width:100%;display:block;padding:15px 0 0;border:0;background:transparent}.js .site-nav{display:none}.js .site-nav.open{display:block}.menu-toggle{display:none}.js .menu-toggle{display:block}.header-cta{margin-top:18px}.sub-menu,.sub-menu .sub-menu{display:block;position:static;min-width:0;border:0;margin:4px 0 4px 16px;padding:0 0 0 12px;border-left:1px solid var(--line)}.site-nav .menu a{padding:8px 0}.footer-links .menu{display:flex}.contact-layout,.about-grid{gap:32px}.contact-layout{grid-template-columns:1fr}.section-head h2{font-size:40px}.footer-row{gap:28px}.hero:after{opacity:.4}.metrics{padding:0}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header{top:0}.hero h1{font-size:clamp(38px,10vw,50px);letter-spacing:-1.6px}.hero{min-height:600px}.page-hero h1{font-size:clamp(36px,10vw,52px);letter-spacing:-1.5px}.wp-block-group.wrap{width:calc(100% - 28px)}.section-head h2,.about-grid h2{font-size:36px}.wp-block-buttons{flex-direction:column;align-items:stretch}.wp-block-button__link{width:100%;text-align:center}.archive-card{min-height:330px;padding:24px}.brand-logo img{max-width:180px}.price{padding:26px}.price ul{min-height:0}.footer-links .menu{display:grid;grid-template-columns:1fr 1fr}.trust-row{gap:14px}.site-footer{padding:32px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
