/* Mobile refinement */
:root{color-scheme:dark}
button,input,select,textarea,summary,a{-webkit-tap-highlight-color:rgba(227,182,95,.2)}
img{max-width:100%}
main,.wrap,.split>*,.landing-top>*,.workflow-intro>*,.demo-layout>*,.demo-field{min-width:0}
h1,h2,h3,p,a{overflow-wrap:break-word}
.demo-field input,.demo-field select,.demo-field textarea{min-width:0;max-width:100%;font-size:16px}
.demo-field textarea{min-height:150px;resize:vertical}
.button{min-height:44px;line-height:1.5;text-align:center}
.insight-body table{display:block;max-width:100%;overflow-x:auto}
.insight-body pre{max-width:100%;overflow:auto}
@media(max-width:980px){
 .mobile-menu summary{min-height:44px;min-width:64px;display:flex;align-items:center;justify-content:center}
 .mobile-menu nav{top:100%;max-height:calc(100dvh - 90px);overscroll-behavior:contain;padding:12px 24px 24px}
 .mobile-menu nav a{min-height:44px;display:flex;align-items:center;line-height:1.45;border-bottom:1px solid #ffffff12}
 .mobile-menu nav a:last-child{margin-top:12px;border:1px solid var(--gold);padding:12px 16px;color:var(--gold);justify-content:center;font-weight:750}
 .mobile-menu[open] summary{color:var(--gold);background:#173141}
}
@media(max-width:700px){
 .wrap{padding-left:20px;padding-right:20px}
 section{padding:52px 0}
 h2{font-size:clamp(30px,7.5vw,40px);line-height:1.2}
 .lead{font-size:17px;line-height:1.65}
 .landing-actions{gap:12px}
 .landing-actions .button{width:100%}
 .workflow-intro{gap:28px}
 .insight-article{padding:32px 20px 55px}
 .insight-article h1{font-size:clamp(30px,8vw,42px);line-height:1.15}
 .insight-body{font-size:17px;line-height:1.75}
 .insight-body h2{font-size:28px}
 .insight-body h3{font-size:24px}
 .site-links a{min-height:44px;display:flex;align-items:center;line-height:1.5}
 .insights-filters button,.insights-more{min-height:44px}
}
@media(max-width:520px){
 .nav{min-height:72px}
 .nav .logo img{width:175px!important;max-width:52vw}
 .guardian-hero{padding:280px 20px 36px}
 .guardian-background{height:320px;object-position:20% top}
 .guardian-hero:after{background:linear-gradient(180deg,transparent 165px,#07131c 320px)}
 .hero-copy h1{font-size:clamp(28px,7.6vw,36px);line-height:1.15}
 .hero-description{font-size:16px;line-height:1.65}
 .hero-pillars{gap:12px}
 .hero-pillar{min-height:112px}
 .card{padding:24px 22px;min-height:0}
 .insight-content{padding:22px}
 .insight-card h3{font-size:23px}
 .workflow-steps,.workflow-outputs,.process-grid{grid-template-columns:1fr}
 .demo-panel{padding:22px 18px}
 .demo-panel h2{font-size:28px}
 .demo-fields{gap:20px}
 .form-actions{flex-wrap:wrap}
 .form-actions .button{width:100%}
 .site-links{gap:4px 18px}
 .back-navigation{padding-top:18px}
 .landing-top h1{font-size:clamp(30px,8.5vw,38px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}