/* NO1 V18.1 — visual QA against user-selected design reference. Desktop and responsive remain live DOM. */
:root{--no1-navy:#0b1b50;--no1-primary:#0669f0}
.site-header{border-radius:0 0 17px 17px;position:relative;z-index:20}
.site-header .nav{max-width:1430px;min-height:72px;padding:8px clamp(14px,3vw,46px)!important;gap:14px}
.site-header .v2-brand{font-style:italic;white-space:nowrap;flex-shrink:0}
.site-header .v2-brand .brand-thumb{position:relative}
.site-header .v2-brand .brand-thumb:after{content:'✦';position:absolute;color:#ffad13;top:-4px;right:-4px;font-size:13px;text-shadow:0 0 6px #ffce4a}
.site-header .nav-links{gap:0;flex-wrap:nowrap}
.site-header .nav-links a{padding:10px clamp(7px,.8vw,12px);font-size:clamp(11px,.88vw,14px)}
.site-header .nav-links .no1-nav-icon{font-size:12px;background:#f1f8ff;border:1px solid #dceaff;border-radius:50%;height:35px;min-width:35px;padding:0;display:grid;place-items:center;margin-left:6px}
.site-header .nav-links .no1-nav-quote{background:linear-gradient(125deg,#1192ff,#0151df)!important;color:#fff!important;border:0;border-radius:999px;margin-left:7px;padding:11px 16px!important;box-shadow:0 6px 14px #1066c53a}
.v2-hero{background-color:#e3f3ff!important;background-position:center 37%!important}
.v2-hero:before{background:linear-gradient(180deg,rgba(255,255,255,.37),rgba(239,249,255,.04) 25%,rgba(206,233,255,.02) 72%,rgba(255,255,255,.48))!important}
.v2-copy h1{font-weight:950!important;text-wrap:balance}
.v2-copy h1 span{background:linear-gradient(90deg,#0854df,#057eff)!important;-webkit-background-clip:text!important;background-clip:text!important}
.no1-static-grid .orbit-card{border:1.5px solid #fff!important;box-shadow:0 13px 32px #0f66c92a,0 2px 1px #ffffffaa inset!important;background:linear-gradient(115deg,#fffffffb,#f8fcffff)!important}
.no1-static-grid .orbit-card:hover,.no1-static-grid .orbit-card:focus-visible{border-color:#6cafff!important;box-shadow:0 17px 36px #0875df3a!important}
.no1-static-grid .orbit-card .card-copy b{font-weight:900;letter-spacing:-.035em!important}
.no1-static-grid .orbit-card .card-cta{box-shadow:inset 0 -1px 0 #c3e2ff!important}
.no1-how-bar{max-width:940px;box-shadow:0 10px 28px #066ed321!important}
.no1-how-bar span{font-size:19px!important;background:linear-gradient(150deg,#218fff,#0769ec)!important;color:#fff!important}
.no1-proof-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1360px;margin:0 auto;padding:19px 25px;background:#fff;position:relative;z-index:2}
.no1-proof-row>div{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}
.no1-proof-row>div>span{grid-row:1/3;font-size:23px;color:#086cf4;font-weight:900}
.no1-proof-row b{font-size:13px;color:#0b2554;line-height:1.25}
.no1-proof-row small{font-size:11px;color:#647c9f;line-height:1.45}
.no1-nav-quote:focus-visible,.no1-v16-chips button:focus-visible,.rf-tile:focus-visible{outline:3px solid #005bef;outline-offset:3px}
.rf-first{margin-top:0;background:#f4faff}
.rf-first .rf-header h2{font-size:clamp(24px,2.8vw,34px)}
.rf-trio{gap:13px}.rf-tile{min-height:140px}
.rf-brand-icon{display:inline-grid;vertical-align:middle;place-items:center;width:34px;height:34px;font-size:0;filter:none}.rf-brand-icon .thumb-svg{width:34px;height:34px;display:block}
@media(max-width:1170px) and (min-width:961px){.site-header .nav-links .no1-nav-quote{display:none}.site-header .nav-links a{font-size:11px;padding:8px 6px}}
@media(max-width:960px){.site-header .nav-links.open{display:flex}.site-header .nav-links.open .no1-nav-icon{margin:2px 0}.site-header .nav-links.open .no1-nav-quote{margin:6px 0;text-align:center}.no1-proof-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 .site-header{border-radius:0 0 14px 14px}
 .site-header .nav{min-height:61px!important;height:61px!important}
 .v2-hero{padding:13px 0 16px!important;background-size:auto 810px!important}
 .v2-copy h1{font-size:clamp(30px,7.9vw,39px)!important;line-height:1.10!important;max-width:365px!important}
 .v2-copy h1 span{background:linear-gradient(95deg,#0962ed 40%,#0f82fb 67%,#e62e93 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
 .v2-copy>p{max-width:340px!important;font-size:12px!important;margin-bottom:11px!important}
 .no1-v16-chips{margin:9px auto 0;gap:6px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
 .no1-v16-chips button{flex:0 0 auto;min-height:32px;padding:5px 12px}
 .no1-card-orbit.no1-static-grid{margin-top:4px!important;grid-template-rows:280px repeat(3,minmax(101px,auto))!important;row-gap:9px}
 .no1-static-grid .thumb-core{height:282px!important;width:min(278px,80vw)!important}
 .no1-static-grid .orbit-card .card-copy b{font-size:clamp(11px,3.25vw,14px)!important}
 .no1-static-grid .orbit-card{border-radius:16px!important;min-height:101px!important}
 .no1-proof-row{padding:13px 14px 19px;gap:13px;border-top:1px solid #e5effa}
 .no1-proof-row b{font-size:11px}.no1-proof-row small{font-size:10px}
 .rf-inner{padding:28px 15px}
 .no1-capability-panel{max-height:min(88dvh,740px);overflow:auto}
}
@media(max-width:365px){.no1-card-orbit.no1-static-grid{grid-template-rows:250px repeat(3,minmax(98px,auto))!important}.no1-static-grid .thumb-core{height:250px!important;width:min(242px,78vw)!important}.no1-proof-row{column-gap:8px}.no1-proof-row>div{grid-template-columns:25px 1fr;column-gap:6px}.no1-proof-row>div>span{font-size:19px}}
@media(prefers-reduced-motion:reduce){.no1-static-grid .orbit-card{transition:none!important}}
/* Final mobile visual QA: preserve the complete NO1 pedestal above the first row, and a usable goal input. */
@media(max-width:760px){
 .v2-assistant{gap:3px!important;padding:4px 5px 4px 13px!important}
 .v2-assistant button{flex:0 0 43px!important;min-width:43px!important;max-width:43px!important;width:43px!important;height:43px!important;min-height:43px!important;padding:0!important;display:grid!important;place-items:center;font-size:0!important;border-radius:50%!important}
 .v2-assistant button::before{content:'➜';color:white;font-size:24px;line-height:1}
 .v2-assistant input{font-size:13px!important}
 .no1-card-orbit.no1-static-grid{grid-template-rows:327px repeat(3,minmax(101px,auto))!important}
 .no1-static-grid .thumb-core{height:284px!important;align-self:start;margin-top:17px!important}
}
@media(max-width:365px){
 .no1-card-orbit.no1-static-grid{grid-template-rows:292px repeat(3,minmax(98px,auto))!important}
 .no1-static-grid .thumb-core{height:250px!important;margin-top:12px!important}
 .v2-assistant button{width:42px!important;min-width:42px!important;max-width:42px!important}
}