/* NO1 V18.2: real browser design-parity pass. This layer overrides legacy V16/V17/V18 cascades.
   Keeps genuine interactive HTML, not a background screenshot. */
:root{--no1-blue:#056def;--no1-deep:#06194d}
.site-header{border-radius:0 0 21px 21px!important;box-shadow:0 8px 24px #0e5fa510!important}
.site-header .nav{min-height:76px!important;max-width:1500px!important;padding:7px clamp(15px,2.6vw,40px)!important}
.site-header .v2-brand{font-size:clamp(23px,2.05vw,31px)!important;letter-spacing:-.061em!important;font-weight:950!important;white-space:nowrap}
.site-header .brand-thumb,.site-header .brand-thumb svg{width:52px!important;height:52px!important;flex-basis:52px!important}
.site-header .nav-links a{font-size:clamp(12px,.95vw,15px)!important;font-weight:800!important;padding:12px clamp(7px,.7vw,11px)!important}
.site-header .nav-links .no1-nav-quote{font-size:13px!important;padding:12px 16px!important}
.v2-hero{background-color:#a7d5ff!important;background-position:center 42%!important;background-size:cover!important;padding:12px 0 14px!important}
.v2-hero::before{background:linear-gradient(to bottom,rgba(255,255,255,.12) 0%,rgba(252,254,255,0) 22%,rgba(230,245,255,0) 78%,rgba(255,255,255,.23))!important}
.v2-hero .v2-hero-grid{max-width:1500px!important;padding-inline:clamp(12px,2.6vw,40px)!important;gap:4px!important}
.v2-copy h1{font-size:clamp(43px,4.25vw,63px)!important;font-weight:950!important;letter-spacing:-.059em!important;line-height:1.08!important;margin:1px auto 7px!important}
.v2-copy>p{font-size:clamp(14px,1.15vw,18px)!important;line-height:1.35!important;margin:0 auto 10px!important}
.v2-assistant{width:min(900px,100%)!important;min-height:61px!important;box-shadow:0 9px 25px #217fe449!important}
.v2-assistant input{font-size:clamp(13px,1vw,16px)!important}
.v2-assistant button{min-height:48px!important;font-size:15px!important;box-shadow:0 4px 9px #0d52b51f!important}
.no1-v16-chips{margin:8px auto 0!important;gap:8px!important}
.no1-v16-chips button{font-size:12px!important;border-color:#fff!important;background:#fff9!important;padding:8px 16px!important}
.no1-card-orbit.no1-static-grid{max-width:1450px!important;grid-template-columns:minmax(0,1fr) minmax(330px,34%) minmax(0,1fr)!important;grid-template-rows:repeat(3,143px)!important;column-gap:clamp(5px,1vw,16px)!important;row-gap:9px!important;padding:5px 1px!important}
.no1-static-grid .thumb-core{width:min(100%,470px)!important;max-width:470px!important;height:480px!important;transform:none!important}
.no1-hero-mascot{filter:drop-shadow(0 17px 24px #004fbd27)!important}
.no1-static-grid .orbit-card{height:137px!important;grid-template-columns:clamp(97px,8.8vw,126px) minmax(0,1fr) 32px!important;column-gap:7px!important;padding:8px 10px!important;border-radius:24px!important;box-shadow:0 16px 32px #0a58b43a,0 0 0 1px #fff inset!important;background:linear-gradient(117deg,#ffffffee,#f6fbfff5)!important}
.no1-static-grid .orbit-card .card-icon{height:119px!important;width:100%!important}
.no1-static-grid .orbit-card .card-icon img{filter:drop-shadow(0 6px 8px #1b6ec53a)!important}
.no1-static-grid .orbit-card .card-copy b{font-size:clamp(16px,1.42vw,21px)!important;line-height:1.14!important;color:#081c53!important;font-weight:950!important}
.no1-static-grid .orbit-card .card-copy small{font-size:clamp(11px,.88vw,14px)!important;line-height:1.39!important;margin-top:5px!important;color:#2d4c76!important}
.no1-static-grid .orbit-card .card-cta{width:32px!important;height:32px!important;background:#d3ecff!important;color:#0772eb!important}
.no1-static-grid .orbit-card.card-ai{rotate:-4deg!important}
.no1-static-grid .orbit-card.card-social{rotate:4deg!important}
.no1-static-grid .orbit-card.card-make{rotate:1.5deg!important}
.no1-static-grid .orbit-card.card-money{rotate:-2.5deg!important}
.no1-static-grid .orbit-card.card-tools{rotate:-1.5deg!important}
.no1-static-grid .orbit-card.card-deals{rotate:2.5deg!important}
.no1-static-grid .orbit-card:hover,.no1-static-grid .orbit-card:focus-visible{translate:0 -5px!important;rotate:0deg!important;box-shadow:0 22px 38px #065ac341!important}
.no1-how-bar{margin:8px auto 0!important;padding:13px 18px!important;max-width:990px!important}
.no1-how-bar b{font-size:14px!important}
.no1-how-bar small{font-size:12px!important}
.no1-proof-row{max-width:1500px!important;padding:15px clamp(20px,3vw,40px)!important}
.no1-proof-row b{font-size:14px!important}
@media(min-width:761px) and (max-width:1180px){
 .no1-card-orbit.no1-static-grid{grid-template-columns:minmax(0,1fr) minmax(260px,34%) minmax(0,1fr)!important;grid-template-rows:repeat(3,128px)!important}
 .no1-static-grid .orbit-card{height:123px!important;grid-template-columns:clamp(64px,8vw,95px) minmax(0,1fr) 25px!important;column-gap:5px!important}
 .no1-static-grid .orbit-card .card-icon{height:96px!important}
 .no1-static-grid .orbit-card .card-copy b{font-size:clamp(13px,1.5vw,18px)!important}
 .no1-static-grid .orbit-card .card-copy small{font-size:clamp(10px,1vw,12px)!important}
 .no1-static-grid .thumb-core{height:421px!important}
 .site-header .v2-brand{font-size:23px!important}
 .site-header .brand-thumb,.site-header .brand-thumb svg{width:44px!important;height:44px!important;flex-basis:44px!important}
}
@media(max-width:960px){
 .site-header .nav-links:not(.open){display:none!important}
 .site-header .nav-links.open{display:flex!important}
}
@media(max-width:760px){
 .site-header .nav{min-height:58px!important;height:58px!important;padding:5px 13px!important}
 .site-header .v2-brand{font-size:22px!important}
 .site-header .brand-thumb,.site-header .brand-thumb svg{height:39px!important;width:39px!important;flex-basis:39px!important}
 .v2-hero{padding:9px 0 12px!important;background-size:auto 750px!important;background-position:center top!important}
 .v2-hero .v2-hero-grid{padding:0 9px!important;gap:0!important}
 .v2-copy h1{font-size:clamp(30px,7.8vw,36px)!important;line-height:1.07!important;margin:2px auto 8px!important}
 .v2-copy>p{font-size:12px!important;line-height:1.36!important;margin:0 auto 11px!important;max-width:345px!important}
 .v2-assistant{min-height:49px!important;padding:3px 4px 3px 12px!important;border-width:2px!important;width:100%!important;box-shadow:0 5px 15px #146ade2c!important}
 .v2-assistant input{font-size:12px!important;min-height:38px!important}
 .v2-assistant button{min-height:41px!important;width:41px!important;min-width:41px!important;max-width:41px!important;flex-basis:41px!important;border-radius:50%!important}
 .no1-v16-chips{margin:6px auto 0!important;gap:5px!important;flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;max-width:100%!important;padding-inline:5px!important}
 .no1-v16-chips button{font-size:10px!important;padding:6px 10px!important;min-height:28px!important;flex:0 0 auto}
 .no1-card-orbit.no1-static-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:247px repeat(3,85px)!important;column-gap:8px!important;row-gap:8px!important;margin-top:2px!important;padding:0 1px 8px!important}
 .no1-static-grid .thumb-core{grid-column:1/3!important;grid-row:1!important;width:220px!important;max-width:68vw!important;height:242px!important;margin:0!important;align-self:center!important;justify-self:center!important}
 .no1-static-grid .orbit-card{height:84px!important;min-height:84px!important;rotate:0deg!important;grid-template-columns:53px minmax(0,1fr) 14px!important;column-gap:3px!important;padding:4px 6px 4px 1px!important;border-radius:16px!important;box-shadow:0 5px 12px #0e67d021!important}
 .no1-static-grid .orbit-card .card-icon{width:53px!important;height:72px!important}
 .no1-static-grid .orbit-card .card-copy b{font-size:clamp(11px,3vw,13px)!important;line-height:1.13!important;letter-spacing:-.022em!important}
 .no1-static-grid .orbit-card .card-copy small{font-size:9px!important;line-height:1.22!important;margin-top:3px!important;-webkit-line-clamp:2!important}
 .no1-static-grid .orbit-card .card-cta{width:16px!important;height:23px!important;background:transparent!important;box-shadow:none!important}
 .no1-static-grid .orbit-card .card-cta::before{font-size:22px!important}
 .no1-static-grid .orbit-card:hover{translate:0 0!important}
 .no1-proof-row{padding:11px 11px!important;gap:9px!important}
 .no1-proof-row b{font-size:10px!important}
 .no1-proof-row small{font-size:9px!important}
}
@media(max-width:365px){
 .site-header .v2-brand{font-size:19px!important}
 .no1-static-grid .thumb-core{width:206px!important;height:220px!important}
 .no1-card-orbit.no1-static-grid{grid-template-rows:228px repeat(3,81px)!important}
 .no1-static-grid .orbit-card{height:80px!important;min-height:80px!important;grid-template-columns:43px minmax(0,1fr) 11px!important;gap:2px!important}
 .no1-static-grid .orbit-card .card-icon{width:43px!important;height:62px!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.2px!important}
}
@media(prefers-reduced-motion:reduce){.no1-static-grid .orbit-card{transition:none!important}}
/* Post-review usability fixes: invisible sheets must not remain focusable; mobile CTA is icon-only. */
.no1-capability-sheet:not(.is-open){visibility:hidden!important}
.no1-capability-sheet.is-open{visibility:visible!important}
@media(max-width:760px){
 .v2-assistant button{font-size:0!important;overflow:hidden!important;color:transparent!important;white-space:nowrap!important}
 .v2-assistant button::before{font-size:23px!important;color:#fff!important}
 .v2-copy h1{max-width:307px!important;font-size:clamp(30px,8.3vw,34px)!important}
 .no1-card-orbit.no1-static-grid{grid-template-rows:225px repeat(3,85px)!important}
 .no1-static-grid .thumb-core{height:219px!important;width:206px!important;margin:0!important}
 .no1-static-grid .orbit-card.card-ai,.no1-static-grid .orbit-card.card-make,.no1-static-grid .orbit-card.card-tools,.no1-static-grid .orbit-card.card-social,.no1-static-grid .orbit-card.card-money,.no1-static-grid .orbit-card.card-deals{rotate:0deg!important}
 .no1-static-grid .orbit-card .card-copy b{font-size:clamp(12px,3.25vw,13.5px)!important}
 .no1-static-grid .orbit-card .card-copy small{font-size:9px!important;-webkit-line-clamp:1!important}
}
@media(max-width:365px){
 .v2-copy h1{max-width:295px!important;font-size:30px!important}
 .no1-card-orbit.no1-static-grid{grid-template-rows:218px repeat(3,81px)!important}
 .no1-static-grid .thumb-core{height:210px!important;width:195px!important}
 .no1-static-grid .orbit-card .card-copy b{font-size:11px!important}
 .no1-static-grid .orbit-card .card-copy small{display:none!important}
}
/* Final phone-view acceptance: show six complete, legible cards above the fixed navigation on a typical 390px viewport. */
@media(max-width:760px){
 .no1-card-orbit.no1-static-grid{grid-template-rows:206px repeat(3,82px)!important;row-gap:7px!important}
 .no1-static-grid .thumb-core{height:203px!important;width:193px!important}
 .no1-static-grid .orbit-card{height:81px!important;min-height:81px!important}
 .no1-static-grid .orbit-card .card-copy b{font-size:clamp(12px,3.35vw,14px)!important}
 .no1-static-grid .orbit-card .card-copy small{display:none!important}
}
@media(max-width:365px){
 .no1-card-orbit.no1-static-grid{grid-template-rows:198px repeat(3,78px)!important}
 .no1-static-grid .thumb-core{height:193px!important;width:181px!important}
 .no1-static-grid .orbit-card{height:77px!important;min-height:77px!important}
 .no1-static-grid .orbit-card .card-copy b{font-size:11.5px!important}
}
/* Preserve complete mascot pedestal without hiding the third card row behind mobile navigation. */
@media(max-width:760px){
 .no1-card-orbit.no1-static-grid{grid-template-rows:225px repeat(3,75px)!important}
 .no1-static-grid .thumb-core{width:193px!important;height:203px!important}
 .no1-static-grid .orbit-card{height:74px!important;min-height:74px!important}
 .no1-static-grid .orbit-card .card-icon{height:62px!important}
}
@media(max-width:365px){
 .no1-card-orbit.no1-static-grid{grid-template-rows:211px repeat(3,73px)!important}
 .no1-static-grid .thumb-core{width:181px!important;height:193px!important}
 .no1-static-grid .orbit-card{height:72px!important;min-height:72px!important}
 .no1-static-grid .orbit-card .card-icon{height:58px!important}
}
