/* A shared finish: original brand, readable hierarchy, content before effects. */
/* Native industry questions remain usable when animation libraries fail. */
.audit-native-faq>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:48px}
.audit-native-faq>summary::-webkit-details-marker{display:none}
.audit-native-faq[open]>.faq-answer{display:block!important;max-height:none!important;height:auto!important;opacity:1!important;visibility:visible!important;padding:0 24px 24px!important;overflow:visible!important}
.audit-native-faq[open] .faq-icon{transform:rotate(180deg)}
.audit-native-faq:not([open])>.faq-answer{display:none!important}
html body .solution-benefit{display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:8px 14px!important;align-items:start;min-width:0;overflow:visible!important}
html body .solution-benefit>i{grid-column:1;grid-row:1/3}
html body .solution-benefit>h3,html body .solution-benefit>p{grid-column:2;min-width:0;white-space:normal!important;overflow-wrap:break-word}
html body .solution-benefit>div{grid-column:2;min-width:0}
.modern-service-card p,.service-card p{word-break:normal!important;overflow-wrap:break-word;hyphens:none;white-space:normal}
body .journey-section .region-info,body .journey-section .viewer-360{opacity:1!important;transform:none!important}
.journey-nav-dot{display:flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:1100px){body .journey-nav-dots{display:flex!important;position:relative;top:auto;right:auto;transform:none;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;width:calc(100% - 28px);margin:100px 14px 0;padding:12px;z-index:1}body .journey-nav-dot{width:auto;height:auto;min-height:44px;border-radius:24px;padding:8px 12px;background:#10251e;border:1px solid #567468}body .journey-nav-dot span{position:static;opacity:1;white-space:normal;color:#edf7f0;font-size:12px}body .journey-nav-dot::before,body .journey-nav-dot::after{display:none}}
body .demo-site :where(p,h3,a,button){color:#203629!important}
body .demo-site .demo-button{background:#e3ecdc!important;border-color:#567468!important;color:#203629!important}
body .demo-site .demo-button:hover{background:#d3e9d5!important}
body .demo-site .demo-button[aria-pressed=true]{background:#b7e7c2!important}
body .journey-nav-dot.active span{color:#042119!important}
@media(max-height:550px){.ys-mob-bar,.ys-sidenav{display:none!important}.contact-modal-overlay{align-items:flex-start!important;padding:8px!important}.contact-modal{max-height:calc(100dvh - 16px)!important}}
html:has(body.site-refined){scroll-padding-top:105px}
body.site-refined{--site-quiet:#afc5ba;--site-line:#ffffff20}
.site-refined :where(main,section,article){scroll-margin-top:105px}
.site-refined :where(h1,h2,h3){text-wrap:balance}
.site-refined :where(p,li){text-wrap:pretty}
.site-refined :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #01e4e4!important;outline-offset:4px}
.site-refined :where(button,summary,a.btn-primary,a.btn-hollow){touch-action:manipulation}
/* Content must remain readable with script failures, reduced motion or printing. */
.site-refined [data-scroll-animation],.site-refined [data-reveal],.site-refined .ys-heading-reveal,.site-refined .modern-slide,.site-refined .reveal-on-scroll{opacity:1!important;visibility:visible!important;transform:none!important}
.site-refined .section-title-group{max-width:900px;margin-inline:auto}
.site-refined .apple-heading,.site-refined .sexy-heading,.site-refined .bento-title,.site-refined .faq-question{text-transform:none!important}
.site-refined .seo-faq .bento-title,.site-refined .seo-faq h3{font-size:clamp(21px,2.1vw,28px)!important;line-height:1.3!important;text-transform:none!important;letter-spacing:-.025em!important}
.site-refined .seo-faq .bento-card{padding:28px!important}
.site-refined .ys-footer-v2{padding-top:65px!important}
.site-refined .section-subheading{max-width:64ch;margin-inline:auto;line-height:1.7!important;color:#b7c9c0!important}
.site-refined .section-subheading{text-transform:none!important;letter-spacing:0!important}
.contact-quick-links{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;margin:-5px 0 35px;font-size:14px}
.contact-quick-links a,.contact-refined .contact-details a{color:#7af2bb;text-decoration:underline;text-underline-offset:4px}
.contact-refined .contact-grid{align-items:start}
.site-refined .demo-hero h1,.site-refined .demo-hero h1 *{text-transform:none!important;font-weight:650!important}
.site-refined .demo-heading h2{font-size:clamp(24px,2.3vw,34px)!important}
.site-refined .demo-hero .hero-demo{background:linear-gradient(135deg,#102221,#091419);border-color:#ffffff27;box-shadow:0 24px 80px #0004}
.site-refined .demo-button[aria-pressed=true]{background:#00ff88;border-color:#00ff88;color:#032416!important}
.site-refined .demo-eyebrow{color:#00ff88}.site-refined .demo-button{border-color:#567468}
body.site-refined .demo-site .demo-site-nav,body.site-refined .demo-site .demo-site-body>.demo-eyebrow{color:#244332!important}
.site-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:26px}
.site-hero-actions .btn-primary{min-height:46px!important;padding:13px 22px!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;gap:14px;background:linear-gradient(110deg,#00ff88,#01e4e4)!important;color:#042119!important}
.site-hero-actions>a:not(.btn-primary){display:inline-flex;align-items:center;gap:12px;color:#d3e3da;font-size:13px;padding:12px 0;text-decoration:underline;text-underline-offset:5px}
.site-benefit-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:23px 0 0}
.site-benefit-tags li{color:#cde4d7;border:1px solid #00ff883b;background:#00ff880b;border-radius:30px;font-size:11px;padding:7px 11px}
.site-refined .ys-footer-cta{display:none}
.site-refined .ys-mobile-drawer{font-family:Outfit,Arial,sans-serif;background:#081218}
.site-refined .ys-mobile-drawer header{background:#081218}
.site-refined .ys-mobile-drawer header span,.site-refined .ys-mobile-drawer details[open]>summary{color:#00ff88}
.site-refined .ys-mobile-drawer nav>.ys-drawer-cta{background:linear-gradient(110deg,#00ff88,#01e4e4);color:#042119}
.site-refined .ys-mobile-drawer :focus-visible{outline-color:#01e4e4}
/* One persistent contact affordance is enough; preserve the header and footer. */
.site-refined .ys-fab,.site-refined .whatsapp-float{display:none!important}
.site-refined .ys-mob-bar{visibility:hidden;pointer-events:none}
.site-refined .ys-mob-bar.is-contextual{visibility:visible;pointer-events:auto}
.site-refined .ys-sidenav,.site-refined .ys-side-nav{display:none!important}
.site-refined .ys-marquee-track{animation:none!important;transform:none!important;flex-wrap:wrap;justify-content:center}
.site-refined .ys-marquee{overflow:hidden;padding-block:18px}
.site-refined .ys-marquee-item:nth-child(n+9){display:none}
.site-refined .blog-post-content,.site-refined .article-content{font-size:17px;line-height:1.85;max-width:74ch;margin-inline:auto}
.site-refined .blog-post-content h2,.site-refined .article-content h2{font-size:clamp(26px,3vw,38px)!important;line-height:1.2!important;margin-top:1.7em!important;text-align:left!important}
.site-refined .legal-container{max-width:850px;line-height:1.85}
.site-refined .legal-container h2{font-size:clamp(24px,3vw,34px)!important;line-height:1.2!important}
.site-refined .legal-container p,.site-refined .legal-container li{color:#bbccc2}
.site-about-photo{margin:0;border:1px solid #ffffff25;border-radius:18px;overflow:hidden;background:#0a181b}
.site-about-photo img{display:block;width:100%;height:480px;object-fit:cover}
.site-about-photo figcaption{padding:20px 22px;color:#bcd0c4;font-size:13px;line-height:1.9}
.site-about-photo a{color:#00ff88;text-decoration:underline;text-underline-offset:4px}
.site-project-proof{padding:48px 24px;background:#081417;border-block:1px solid #ffffff18}
.site-project-proof>.container{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:1200px;margin:auto}
.site-project-proof-image{display:block;border:1px solid #ffffff25;border-radius:12px;overflow:hidden}
.site-project-proof-image img{display:block;width:100%;height:auto}
.site-refined .site-project-proof h2{font-size:clamp(29px,3vw,44px)!important;line-height:1.13!important;text-align:left!important;text-transform:none!important;margin:16px 0!important}
.site-project-proof p{color:#b5cbbd;font-size:16px;line-height:1.7}
.site-project-proof .btn-primary{font-size:13px!important;min-height:44px;padding:12px 22px!important}
@media(min-width:1180px){
 html body.site-refined .demo-hero.demo-hero:not(#Hero){display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:50px;align-items:center;padding:130px max(4vw,calc((100vw - 1390px)/2)) 60px!important}
 body.site-refined .demo-hero>.container,body.site-refined .demo-hero>.portfolio-hero-content,body.site-refined .demo-hero>.about-hero-content,body.site-refined .demo-hero>.blog-container{grid-column:1;grid-row:1;max-width:100%!important;margin:0!important;width:auto!important}
 .site-refined .demo-hero>.hero-demo{grid-column:2;grid-row:1;margin:0;padding:18px;min-width:0}
 .site-refined .demo-hero>.demo-source{grid-column:2;margin-top:14px!important;font-size:11px!important}
 .site-refined .demo-hero h1{font-size:clamp(38px,3.8vw,57px)!important;line-height:1.08!important}
 .site-refined .demo-hero .demo-stage{height:370px}.site-refined .demo-hero .demo-controls{gap:5px}
 .site-refined .demo-hero .demo-button{font-size:12px;padding:9px 12px}.site-refined .demo-hero .demo-thumbnail{flex-basis:120px}
 .site-refined .demo-hero .demo-heading p{font-size:13px!important}
}
@media(max-width:767px){
 .contact-refined .contact-grid{display:flex!important;flex-direction:column!important;gap:24px!important}.contact-refined .contact-form-column{order:0;width:100%!important}.contact-refined .contact-info-column{order:1;width:100%!important}.contact-refined .form-wrapper{padding:24px 18px!important}.contact-refined .contact-details{padding:18px!important}.contact-refined .contact-item{margin-bottom:12px!important;padding:16px!important;gap:14px!important}.contact-refined .contact-item h3{font-size:13px!important}.contact-refined .contact-item p{font-size:14px!important}.contact-refined .contact-icon{display:none!important}.contact-refined .section-title-group h1{font-size:34px!important;line-height:1.1!important;text-transform:none!important}.contact-quick-links{gap:25px;margin:0 0 28px;font-size:13px}
 .site-about-photo img{height:290px}.site-project-proof{padding:32px 18px}.site-project-proof>.container{grid-template-columns:1fr;gap:25px}.site-project-proof p{font-size:15px}
 .site-refined :where(main,section,article){scroll-margin-top:90px}
 .site-refined .section-title-group{margin-bottom:28px!important}
 .site-refined .section-title-group h2{font-size:clamp(28px,7.7vw,38px)!important;line-height:1.16!important;letter-spacing:-.035em!important}
 .site-refined .section-subheading{font-size:15px!important;line-height:1.75!important}
 body.site-refined .demo-hero h1{font-size:clamp(33px,8.7vw,44px)!important;text-align:left!important}
 body.site-refined .demo-hero .hero-subheading,body.site-refined .demo-hero .hero-description{font-size:16px!important}
 html body.site-refined .demo-hero.demo-hero:not(#Hero){padding:108px 18px 34px!important}
 .site-refined .hero-demo{padding:12px;border-radius:16px}.site-refined .demo-source{font-size:11px!important;line-height:1.7!important}
 .site-hero-actions{margin-top:21px;gap:8px 20px}.site-hero-actions .btn-primary{font-size:12px!important;padding:12px 17px!important}
 .site-hero-actions>a:not(.btn-primary){font-size:12px}
 .site-benefit-tags{gap:6px;margin-top:16px}.site-benefit-tags li{font-size:10px;padding:6px 9px}
 .site-refined .ys-pricing .header,.site-refined .ys-faq .header,.site-refined .ys-related .header{padding-inline:6px}
 .site-refined .ys-package{padding:27px 22px}.site-refined .ys-package .features{line-height:1.65}
 .site-refined .ys-mob-bar{padding-bottom:max(9px,env(safe-area-inset-bottom));box-shadow:0 -5px 30px #0005}
 .site-refined .blog-post-content,.site-refined .article-content{font-size:16px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.site-refined *,.site-refined *::before,.site-refined *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.site-refined .ys-page-transition{display:none!important}}
