.contact-note{font-size:10px;color:#8998ab;line-height:1.55}.contact-status{font-size:11px;color:#2e9f4a;min-height:18px}.contact-steps{display:grid;gap:12px;margin-top:28px}.contact-step{border:1px solid #dce7f4;border-radius:16px;padding:16px;background:#fbfdff;display:grid;grid-template-columns:34px 1fr;gap:12px}.contact-step i{width:32px;height:32px;border-radius:10px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-weight:900;font-size:10px}.contact-step b{font-size:12px;display:block}.contact-step span{font-size:10px;color:#7f8fa5}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-list{border-top:1px solid #dce7f4}.faq-list details{border-bottom:1px solid #dce7f4}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:21px 0;font-weight:800;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue)}.faq-list p{font-size:13px;color:#71819a;line-height:1.7;margin:0 0 22px}.subnav{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.subnav a{font-size:10px;border:1px solid #dce7f4;background:#fff;padding:8px 11px;border-radius:999px;color:#667892}.subnav a:hover{border-color:#9fc7fa;color:var(--blue)}
@media(max-width:1050px){.page-hero-grid,.section-grid,.section-grid.reverse,.contact-layout,.faq-grid,.resource-feature{grid-template-columns:1fr}.section-grid.reverse>.section-copy{order:initial}.catalog-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.use-case-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}.band-grid{grid-template-columns:1fr 1fr}.page-hero-grid{padding:65px 0}.visual-wrap{max-width:760px;width:100%;margin:auto}}
@media(max-width:700px){.page-hero-grid{min-height:auto;padding:52px 0;gap:35px}.page-hero h1{font-size:48px}.page-hero .lead{font-size:16px}.visual-wrap{min-height:375px}.page-orbit{width:330px;height:330px;right:0}.showcase-body{padding:17px}.band-grid,.feature-quad,.catalog-grid,.values-grid{grid-template-columns:1fr}.section-grid{gap:40px}.flow-canvas{min-height:360px}.flow-node{min-width:108px;padding:10px;font-size:9px}.flow-core{width:92px;height:92px;border-radius:25px}.flow-core img{width:66px}.plugin-stack{min-height:390px}.plugin-panel{width:85%;padding:17px}.desktop-body{grid-template-columns:92px 1fr}.desktop-navx{padding:12px 7px}.desktop-navx img{width:66px}.desktop-main{padding:15px}.desktop-main h3{font-size:21px}.activity-table div{grid-template-columns:1fr auto}.activity-table span{display:none}.phone-stage{min-height:500px}.phone-float{display:none}.permission-matrix{overflow-x:auto}.permission-matrix .pm-head,.permission-matrix .pm-row{min-width:590px}.use-case-grid{grid-template-columns:1fr}.resource-feature{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.faq-grid{gap:35px}.pricing-grid{gap:14px}}
@media(max-width:1050px){.nav-links.mobile-open{display:flex;position:absolute;left:24px;right:24px;top:74px;height:auto;flex-direction:column;align-items:stretch;gap:4px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg)}.nav-links.mobile-open a{display:block}}

/* 2026-08-23 mobile reliability + footer */
@media(max-width:1050px){
  .site-header{z-index:300}
  .nav{position:relative}
  .menu{z-index:302;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .menu i{transition:transform .18s ease,top .18s ease}
  .menu.is-open i:first-child{top:21px;transform:rotate(45deg)}
  .menu.is-open i:last-child{top:21px;transform:rotate(-45deg)}
  .nav-links.mobile-open,.nav:focus-within .nav-links{display:flex!important;position:absolute!important;left:0!important;right:0!important;top:calc(100% + 8px)!important;height:auto!important;max-height:calc(100vh - 110px);overflow:auto;flex-direction:column;align-items:stretch;gap:3px;padding:12px;background:#fff;border:1px solid #dbe6f5;border-radius:16px;box-shadow:0 24px 70px rgba(19,55,104,.20);z-index:301}
  .nav-links.mobile-open a,.nav:focus-within .nav-links a{display:block!important;padding:13px 14px!important;border-radius:10px;font-size:14px}
  .nav-links.mobile-open a.active,.nav:focus-within .nav-links a.active{background:#edf5ff;color:var(--blue)}
  body.nav-is-open{overflow:hidden}
}
@media(max-width:700px){
  html{scroll-padding-top:18px}
  .site-header{position:relative!important;top:auto!important;background:#fff;backdrop-filter:none}
  .nav{height:76px}
  .brand{width:92px}
  .menu{width:48px;height:48px;border-radius:14px}
  .menu i{left:14px;width:20px}
  .menu i:first-child{top:18px}.menu i:last-child{top:27px}
  .menu.is-open i:first-child,.menu.is-open i:last-child{top:23px}
  .nav-links.mobile-open,.nav:focus-within .nav-links{left:-1px!important;right:-1px!important;top:calc(100% + 6px)!important}
  .wide-card{padding:19px!important;border-radius:22px!important}
  .wide-card .card-label{margin-bottom:14px!important}
  .manual-flow{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
  .system-card{min-height:0!important;padding:18px 17px!important;border-radius:17px!important}
  .system-card span{font-size:9px!important}
  .system-card b{font-size:18px!important;margin-top:18px!important}
  .system-card small{font-size:11px!important;margin-top:3px!important}
  .manual-arrow{height:44px!important;transform:none!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;font-size:0!important;line-height:1;color:#8ba0bc!important}
  .manual-arrow:before{content:"↓";font-size:25px;line-height:1}
  .manual-arrow small{font-size:9px!important;line-height:1.2;transform:none!important;writing-mode:horizontal-tb!important;margin-top:2px!important}
  .wide-card>p{margin:17px 0 0!important;font-size:13px!important;line-height:1.62!important}
}
footer{display:block!important;position:relative!important;z-index:2!important;margin:0!important;padding:54px 0 24px!important;border-top:0!important;background:#071a35!important;color:#fff!important;overflow:hidden}
footer:before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(86,155,255,.12);border-radius:50%;right:-180px;top:-300px;pointer-events:none}
footer .footer-grid{position:relative;z-index:1;grid-template-columns:1.45fr repeat(3,1fr)!important;gap:44px!important}
footer .footer-brand{grid-column:auto!important}
footer .footer-brand img{width:104px!important;background:#fff;padding:8px 10px;border-radius:15px;box-shadow:0 12px 32px rgba(0,0,0,.12)}
footer .footer-brand p{max-width:330px!important;margin:18px 0 0!important;color:#b8c9df!important;font-size:12px!important;line-height:1.7!important}
footer .footer-grid b{color:#fff!important;font-size:10px!important;letter-spacing:.11em;text-transform:uppercase}
footer .footer-grid a{color:#b8c9df!important;font-size:12px!important;padding:2px 0}
footer .footer-grid a:hover{color:#fff!important}
footer .footer-bottom{position:relative;z-index:1;margin-top:42px!important;padding-top:19px!important;border-top:1px solid rgba(255,255,255,.10)!important;color:#7890ac!important;font-size:10px!important}
@media(max-width:1050px){footer .footer-grid{grid-template-columns:1fr 1fr!important}footer .footer-brand{grid-column:1/-1!important}}
@media(max-width:700px){footer{padding:40px 0 22px!important}footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 20px!important}footer .footer-brand{grid-column:1/-1!important}footer .footer-brand img{width:92px!important}footer .footer-brand p{font-size:12px!important;margin-top:15px!important}footer .footer-bottom{display:block!important;margin-top:30px!important;padding-top:17px!important}footer .footer-bottom span{display:block!important;margin-top:6px!important}}