/* NO1 V18.3 — Visual fidelity and usable interactions. REAL DOM/cards, not a screenshot. */
:root{--no1-fidelity-blue:#086df6;--no1-fidelity-deep:#071b4c}
/* Branded header with stronger focus ring and precisely paced navigation. */
.site-header{background:rgba(255,255,255,.975)!important;border-bottom:1px solid #e6f3ff!important;backdrop-filter:saturate(145%) blur(10px);-webkit-backdrop-filter:saturate(145%) blur(10px)}
.site-header .nav{column-gap:10px!important}
.site-header .v2-brand{color:#071945!important;text-shadow:0 1px 0 #fff!important;font-style:italic;font-weight:950!important}
.site-header .v2-brand b{color:#ff9300!important;text-shadow:0 1px 0 #ffe7a9!important}
.site-header .brand-thumb{filter:drop-shadow(0 4px 4px #3b8deb35)!important}
.site-header .nav-links a{color:#10295c!important;transition:background .2s,color .2s}
.site-header .nav-links a:hover,.site-header .nav-links a:focus-visible{color:#0868df!important;background:#eaf5ff!important;border-radius:11px!important}
.site-header .nav-links .no1-nav-quote,.site-header .nav-links .no1-nav-quote:hover{color:white!important;background:linear-gradient(145deg,#148dfc,#004ddb)!important;border-radius:999px!important}
/* Blue-white metropolitan stage: more definition, less milky white. */
.v2-hero{background-color:#a6d8ff!important;background-image:linear-gradient(180deg,rgba(246,252,255,.20),rgba(237,247,255,.035) 26%,rgba(157,210,255,.05) 66%,rgba(222,243,255,.21)),url('no1-v17-city.svg')!important;background-position:center 47%,center 49%!important;background-size:cover,cover!important}
.v2-hero::before{background:radial-gradient(ellipse 66% 46% at 50% 54%,rgba(248,252,255,.06),transparent 83%),linear-gradient(180deg,rgba(255,255,255,.09),transparent 44%,rgba(241,249,255,.08))!important}
.v2-copy h1{font-weight:950!important;color:#071a4d!important;letter-spacing:-.065em!important;text-shadow:0 2px 2px rgba(255,255,255,.18)!important}
.v2-copy h1 span{background:linear-gradient(94deg,#0452dd 0%,#0878fa 75%,#008eff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
.v2-copy>p{color:#153061!important;font-weight:520!important}
.v2-assistant{border:3px solid white!important;background:#fffffffb!important;box-shadow:0 10px 26px #247ac446,0 0 0 1px #b6dfff60 inset!important}
.v2-assistant:focus-within{box-shadow:0 0 0 4px #6bb5ff65,0 12px 24px #1674cc32!important}
.v2-assistant button{background:linear-gradient(130deg,#008ffa,#0754e5)!important;font-weight:900!important;border-radius:999px!important}
.v2-assistant button:hover{filter:brightness(1.08)}
.no1-v16-chips button{color:#15477e!important;background:#ffffffa7!important;border:1.5px solid white!important;box-shadow:0 3px 8px #2985d123!important}
.no1-v16-chips button:hover,.no1-v16-chips button:focus-visible{background:#fff!important;box-shadow:0 0 0 3px #a9dcff!important}
/* Large clean central brand: stronger silhouette with airy pedestal. */
.no1-static-grid .thumb-core{filter:drop-shadow(0 8px 18px #0b73eb3f)!important}
.no1-hero-mascot{filter:drop-shadow(0 11px 15px #197bd236)!important;max-width:100%!important;object-fit:contain!important}
/* Six cards deliberately share one geometry, same icon sizes and arrow positions. */
.no1-static-grid .orbit-card{border:2px solid rgba(255,255,255,.94)!important;background:linear-gradient(138deg,rgba(255,255,255,.98),rgba(247,252,255,.93))!important;box-shadow:0 15px 36px #075cb73d,inset 0 1px 0 white!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:translate .22s ease,rotate .22s ease,box-shadow .22s ease,border-color .22s ease!important;isolation:isolate}
.no1-static-grid .orbit-card:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(175deg,rgba(255,255,255,.28),transparent 60%);z-index:-1}
.no1-static-grid .orbit-card .card-icon img{max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 9px #1d76c445)!important}
.no1-static-grid .orbit-card .card-copy b{color:#07194b!important;font-weight:950!important;text-wrap:balance}
.no1-static-grid .orbit-card .card-copy small{color:#416086!important}
.no1-static-grid .orbit-card .card-cta{background:linear-gradient(145deg,#dff2ff,#c7e5ff)!important;color:#056de7!important;box-shadow:0 3px 7px #226eb324!important}
.no1-static-grid .orbit-card:hover,.no1-static-grid .orbit-card:focus-visible{border-color:#9bd2ff!important;translate:0 -6px!important;rotate:0deg!important;box-shadow:0 20px 37px #075cbc4e!important}
.no1-how-bar{background:rgba(255,255,255,.97)!important;box-shadow:0 12px 32px #2c83cd2b!important}
.no1-proof-row{background:rgba(255,255,255,.975)!important;border-top:1px solid #e4efff}
/* Direct actionable revenue layer stays after the hero, not mixed into the display. */
.rf-first{background:linear-gradient(180deg,#f4faff,#fff)!important}
@media(max-width:960px){.site-header .nav-links.open{background:rgba(255,255,255,.99)!important}}
@media(max-width:760px){
 .site-header .nav{min-height:61px!important;height:61px!important}
 .site-header .v2-brand{font-size:21px!important}
 .site-header .brand-thumb,.site-header .brand-thumb svg{width:39px!important;height:39px!important}
 .v2-hero{background-image:linear-gradient(180deg,#d9eeff1a,#b9deff1a 70%,#c5e9ff40),url('no1-v17-city.svg')!important;background-size:cover,auto 880px!important;background-position:center center,center top!important}
 .v2-hero .v2-hero-grid{padding-inline:10px!important}
 .v2-copy h1{font-size:clamp(30px,8.5vw,38px)!important;line-height:1.09!important;letter-spacing:-.051em!important;margin:5px auto 9px!important}
 .v2-copy h1 span{background:linear-gradient(95deg,#075bea 16%,#0088fa 70%,#ed3298 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
 .v2-copy>p{font-size:12.5px!important;line-height:1.5!important;margin:0 auto 10px!important}
 .v2-assistant{border-width:2px!important;min-height:52px!important}
 .v2-assistant input{font-size:13px!important;min-width:0!important}
 .v2-assistant button{min-width:43px!important;max-width:43px!important;width:43px!important;min-height:43px!important;padding:0!important;flex:0 0 43px!important}
 .no1-v16-chips{justify-content:center!important;gap:5px!important;margin-top:7px!important}
 .no1-v16-chips button{padding:6px 10px!important;font-size:10.3px!important}
 .no1-card-orbit.no1-static-grid{max-width:480px!important;grid-template-rows:263px repeat(3,95px)!important;row-gap:9px!important;column-gap:9px!important;padding:0 0 8px!important}
 .no1-static-grid .thumb-core{width:244px!important;height:251px!important;max-width:71vw!important;align-self:center!important;margin:0!important;filter:drop-shadow(0 7px 11px #0869cf30)!important}
 .no1-static-grid .orbit-card{height:95px!important;min-height:95px!important;rotate:0deg!important;translate:0!important;grid-template-columns:59px minmax(0,1fr) 15px!important;column-gap:4px!important;padding:7px 5px 7px 2px!important;border-radius:19px!important;box-shadow:0 6px 14px #0d60bb32!important;border:1.5px solid white!important}
 .no1-static-grid .orbit-card .card-icon{height:78px!important;width:59px!important;max-width:100%!important}
 .no1-static-grid .orbit-card .card-copy b{font-size:clamp(11px,3.05vw,13px)!important;line-height:1.12!important}
 .no1-static-grid .orbit-card .card-copy small{font-size:9px!important;line-height:1.22!important;margin-top:4px!important}
 .no1-static-grid .orbit-card .card-cta{width:16px!important;height:25px!important;background:transparent!important;box-shadow:none!important}
 .no1-static-grid .orbit-card:hover,.no1-static-grid .orbit-card:focus-visible{translate:0 -1px!important}
 .no1-proof-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .no1-mobile-nav{box-shadow:0 -8px 24px #0b52b132!important}
}
@media(max-width:365px){
 .site-header .v2-brand{font-size:19px!important}
 .no1-card-orbit.no1-static-grid{grid-template-rows:247px repeat(3,92px)!important;column-gap:6px!important;row-gap:7px!important}
 .no1-static-grid .thumb-core{width:218px!important;height:236px!important}
 .no1-static-grid .orbit-card{height:92px!important;min-height:92px!important;grid-template-columns:48px minmax(0,1fr) 12px!important;column-gap:1px!important}
 .no1-static-grid .orbit-card .card-icon{width:48px!important;height:69px!important}
 .no1-static-grid .orbit-card .card-copy b{font-size:10.5px!important}
 .no1-static-grid .orbit-card .card-copy small{font-size:8.3px!important}
}
@media(prefers-reduced-motion:reduce){.no1-static-grid .orbit-card,.v2-assistant button{transition:none!important}}
/* Verified-phone final pass: show the complete mascot pedestal before the first card. */
@media(max-width:760px){
 .no1-static-grid .thumb-core{width:225px!important;height:236px!important;max-width:69vw!important}
}
@media(max-width:365px){
 .no1-static-grid .thumb-core{width:205px!important;height:218px!important}
}
/* Compact mobile dashboard: six cards visible on typical tall phones while maintaining >=44px tap targets. */
@media(min-width:366px) and (max-width:760px){
 .no1-card-orbit.no1-static-grid{grid-template-rows:219px repeat(3,82px)!important;row-gap:8px!important}
 .no1-static-grid .thumb-core{width:204px!important;height:213px!important}
 .no1-static-grid .orbit-card{height:82px!important;min-height:82px!important;grid-template-columns:52px minmax(0,1fr) 15px!important;padding:5px 5px 5px 2px!important}
 .no1-static-grid .orbit-card .card-icon{width:52px!important;height:70px!important}
}
/* Keep all of the text on the mascot ring unobscured, even with compact cards. */
@media(min-width:366px) and (max-width:760px){
 .no1-card-orbit.no1-static-grid{grid-template-rows:242px repeat(3,74px)!important}
 .no1-static-grid .orbit-card{height:74px!important;min-height:74px!important}
 .no1-static-grid .orbit-card .card-icon{height:62px!important}
}