/* Keep component widths independent of generic plugin/framework container rules. */
html{min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.df-site{width:100%;min-width:0;margin-inline:0;--df-gutter:40px}
.df-site,.df-site *,.df-site *::before,.df-site *::after{box-sizing:border-box}
.df-site .site-header>.container,.df-site .df-topbar>.container,.df-site #main .container,.df-site footer>.container,.df-site>.closing>.container{width:calc(100% - var(--df-gutter) - var(--df-gutter));max-width:1240px;min-width:0;margin-inline:auto}
.df-site #main .container.prose{max-width:850px}
.df-site .site-header,.df-site #main,.df-site footer,.df-site>.closing{width:100%;min-width:0}
.df-site #main .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.df-site #main .about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.df-site #main .faq-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.df-site #main .trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.df-site #main .cards,.df-site #main .tech-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.df-site .footer-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.4fr)}
.df-site .nav>*,.df-site .df-topbar-inner>*,.df-site #main .hero-grid>*,.df-site #main .about-grid>*,.df-site #main .faq-grid>*,.df-site #main .trust-grid>*,.df-site #main .cards>*,.df-site #main .tech-grid>*,.df-site .footer-grid>*{min-width:0}
.df-site #main h1,.df-site #main h2,.df-site #main h3,.df-site #main p,.df-site footer p,.df-site .copyright{overflow-wrap:anywhere}
.df-site #main img,.df-site #main iframe,.df-site #main video{max-width:100%}
.df-site .df-footer-links{display:grid;gap:4px;align-content:start}
.df-site .df-footer-links a{width:fit-content;max-width:100%;padding:4px 0;margin:0;overflow-wrap:anywhere}
.df-site .df-footer-links a:hover{color:var(--cyan)}
.df-site .df-topbar-contact{max-width:100%}
.df-site #main .actions{max-width:100%;flex-wrap:wrap}
.df-site #main .actions>a{max-width:100%;min-width:0;white-space:normal}
@media(max-width:1180px){body.df-site{--df-gutter:24px}.df-site #main .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.df-site .site-header .nav{justify-content:space-between}.df-site .site-header .brand{max-width:40%}.df-site .site-header .menu-toggle{flex:0 0 auto}.df-site #main .article-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){.df-site #main .hero-grid,.df-site #main .about-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){body.df-site{--df-gutter:18px}.df-site #main .faq-grid,.df-site #main .cards,.df-site #main .tech-grid,.df-site .footer-grid{grid-template-columns:minmax(0,1fr)}.df-site #main .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.df-site #main .hero h1{font-size:clamp(34px,8.8vw,43px);max-width:100%}.df-site .df-topbar-location{flex:1;min-width:0}.df-site .df-topbar-contact{flex:0 0 auto}.df-site .copyright{flex-wrap:wrap}}
@media(max-width:380px){body.df-site{--df-gutter:14px}.df-site #main .trust-grid{grid-template-columns:minmax(0,1fr)}}