/* BOBAuth public landing refresh — scoped to marketing page only. */
body:has(.site-header) {background: radial-gradient(ellipse 55% 23% at 79% 13%, #e8f2ff 0%, transparent 100%), #fff;}
.site-header,.site-footer,.hero,.section-wrap{width:min(1280px,calc(100% - 72px))}
.site-header{min-height:90px;border-bottom-color:#e8eef7}
.site-header .brand img{width:158px;height:68px;object-fit:contain;object-position:left center}
.site-header nav{gap:38px}
.site-header nav a{font-weight:700}
.header-link{padding:12px 24px;color:white;background:linear-gradient(110deg,#1594f7,#1746cc);border:0;box-shadow:0 9px 24px #1769d226}
.header-link:hover{color:white;filter:brightness(.94)}
.hero{min-height:600px;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:50px;padding-top:48px;padding-bottom:54px}
.hero-copy{max-width:700px}
.hero .eyebrow{display:inline-flex;padding:9px 15px;border-radius:100px;background:#e6f1ff;color:#1262cb;font-size:11px;letter-spacing:1.1px}
.hero .status-dot{background:#2d83ee;box-shadow:0 0 0 4px #d5e8ff}
.hero h1{font-size:clamp(44px,5.2vw,72px);line-height:1.055;letter-spacing:-3.7px;margin-bottom:25px}
.hero h1 span{background:linear-gradient(105deg,#1788ee,#2454d4);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-intro{font-size:18px;line-height:1.7;color:#395270}
.hero .availability-note{border:1px solid #d6e6fa;border-left:4px solid #2678e8;background:#f6faff;border-radius:12px;max-width:640px}
.hero .text-link{padding:13px 23px;border-radius:100px;background:linear-gradient(110deg,#168fed,#2448d5);color:white;box-shadow:0 12px 26px #2678e82e;min-height:50px}
.hero .text-link:hover{color:white;filter:brightness(.94)}
.hero-art{min-height:435px;overflow:visible;border:0;background:radial-gradient(circle at center,#d8e9ff 0%,#eaf4ff 43%,transparent 74%);border-radius:50%}
.orb-back{width:390px;height:390px;border-color:#a9c9fb}
.orb-front{width:310px;height:310px;border-color:#c6dcfc}
.hero-card{min-height:292px;width:min(360px,80%);transform:rotate(-3deg);border-radius:25px;box-shadow:0 30px 70px #163d7530}
.hero-card img{width:210px;height:132px;object-fit:contain}
.hero-card-label{font-weight:750}
.hero-card-line{height:10px}
.orbit{box-shadow:0 0 0 7px #dbeaff,0 0 22px #3583e55e}
.capabilities{padding-top:38px;padding-bottom:88px}
.section-heading{max-width:790px}
.section-heading h2{font-size:clamp(32px,3.4vw,46px)}
.section-heading>p:last-child{font-size:15px}
.capability-grid{gap:20px}
.capability-card{position:relative;min-height:240px;padding:31px 28px;border-radius:20px;border-color:#dbe7f6;box-shadow:0 18px 42px #173c6910;transition:transform .2s ease,box-shadow .2s ease}
.capability-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px #173c691b}
.card-number{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border-radius:14px;background:#e5f1ff;color:#1769d2;font-size:14px}
.capability-card:nth-child(2) .card-number{background:#ecedff;color:#535bc9}
.capability-card:nth-child(3) .card-number{background:#e4f8f1;color:#0d9871}
.capability-card h3{font-size:18px}
.capability-card p{font-size:14px}
.planned-label{display:inline-block;padding:7px 12px;border-radius:100px;background:#fff2dc;color:#915706;font-size:11px}
.pricing-card{border-radius:20px;box-shadow:0 14px 34px #173c6910}
.pricing-card-recommended{background:#f1f7ff}
.principles{background:linear-gradient(125deg,#0c2343,#143c72)}
.about-mark{background:radial-gradient(circle,#fff,#e6f2ff)}
@media(max-width:900px){.hero{gap:25px}.hero h1{font-size:clamp(40px,5vw,62px)}.hero-art{min-height:340px}.hero-card{min-height:235px}.orb-back{width:290px;height:290px}.orb-front{width:230px;height:230px}}
@media(max-width:760px){.site-header,.site-footer,.hero,.section-wrap{width:min(100% - 40px,600px)}.hero{grid-template-columns:1fr;min-height:0;padding-top:46px}.hero-art{min-height:340px}.capabilities{padding-top:45px}.site-header .brand img{width:125px;height:60px}}
@media(max-width:560px){.site-header,.site-footer,.hero,.section-wrap{width:calc(100% - 32px)}.site-header .brand img{width:112px;height:54px}.site-header nav{gap:10px}.hero h1{font-size:clamp(40px,10vw,56px);letter-spacing:-2px}.hero-intro{font-size:16px}.hero-art{min-height:295px}.hero-card{width:min(265px,78%);min-height:230px}.hero-card img{width:155px;height:100px}.capability-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.capability-card{transition:none}.capability-card:hover{transform:none}}
