/* Reference V2: loaded last, scoped to the landing page. */
body:has(.ar-hero){margin:0;background:#08111e;overflow-x:clip}
body:has(.ar-hero) .shell{max-width:none;width:100%;padding:0 0 90px;overflow:clip}
body:has(.ar-hero) .topbar{box-sizing:border-box;max-width:1560px;width:100%;margin:0 auto;padding:15px clamp(18px,4.5vw,90px);display:flex;align-items:center;gap:clamp(17px,2.3vw,35px);border-bottom:1px solid rgba(129,170,231,.15);background:transparent}
body:has(.ar-hero) .topbar .brand{margin-right:auto;font-size:clamp(20px,1.7vw,25px)}
body:has(.ar-hero) .topbar .ar-catalog-link{margin-left:0}
body:has(.ar-hero) .topbar .navbtn.primary{margin-left:auto;white-space:nowrap}
body:has(.ar-hero) .topbar .navbtn:not(.primary){display:inline-flex;align-items:center;white-space:nowrap;padding:10px 2px;color:#bfd0e8;font-size:14px}
body:has(.ar-hero) .topbar .navbtn:not(.primary):hover{color:#f7fcff}
body:has(.ar-hero) .ar-hero{box-sizing:border-box;max-width:none;width:100%;margin:0;padding:38px clamp(18px,4.5vw,90px) 55px;min-height:545px;overflow:hidden;border-radius:0;background:radial-gradient(ellipse at 69% 36%,rgba(20,84,203,.36),transparent 34%),radial-gradient(ellipse at 64% 20%,rgba(89,48,192,.26),transparent 42%),linear-gradient(180deg,#0a101c 0%,#081423 82%,#081624 100%)}
.ar-hero-inner{max-width:1430px;min-height:440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(14px,3vw,55px);align-items:center}
.ar-hero-copy{position:relative;z-index:3;max-width:740px}
.ar-heading{margin:22px 0 18px;max-width:720px;font-size:clamp(44px,4.2vw,70px);line-height:1.04;letter-spacing:-.055em;font-weight:900}
.ar-lead{max-width:610px;margin-bottom:22px;font-size:clamp(15px,1.25vw,18px);line-height:1.5}
.ar-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:0 0 16px}
.ar-primary,.ar-secondary{min-height:52px;padding:14px 22px;box-sizing:border-box}
.ar-pricing{display:flex;gap:10px;justify-content:flex-start}
.ar-pricing span{white-space:nowrap}
.ar-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,26px);margin-top:25px;max-width:750px}
.ar-benefit{display:flex;align-items:center;gap:9px;min-width:0;text-align:left;line-height:1.2}
.ar-benefit svg{width:39px;height:39px;flex:none;border-radius:12px;padding:8px}
.ar-benefit span{display:flex;flex-direction:column;gap:4px;min-width:0}
.ar-benefit b{font-size:12px;font-weight:800;color:#f3f8ff}
.ar-benefit small{font-size:10px;font-weight:400;color:#b5c8de;line-height:1.32}
.ar-visual{position:relative;z-index:1;min-width:0;height:470px;opacity:1;pointer-events:none}
.ar-orbit{inset:8% 0 7%;border-color:rgba(62,134,247,.31);transform:rotate(-20deg);box-shadow:0 0 45px rgba(43,99,248,.15)}
.ar-orbit::after{border-color:rgba(105,91,250,.15)}
.ar-device{left:50%;top:3%;z-index:2}
.ar-phone-art{display:none}
.ar-device.has-art{width:360px;height:470px;left:50%;top:0;transform:translateX(-50%);border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
.ar-device.has-art::before,.ar-device.has-art::after,.ar-device.has-art .ar-device-content{display:none}
.ar-device.has-art .ar-phone-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(32,83,251,.33))}
.ar-float{z-index:3;gap:6px;text-align:center;font-size:11px;line-height:1.2;animation:none!important}
.ar-float-icon{width:66px;height:66px;border-radius:19px;background:#122645;border:1px solid rgba(142,190,255,.52);box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 19px rgba(52,123,251,.17)}
.ar-float-icon img{width:100%;height:100%;display:block;object-fit:cover;border-radius:18px}
.ar-float:nth-of-type(3){left:9%;top:10%}
.ar-float:nth-of-type(4){left:4%;top:54%}
.ar-float:nth-of-type(5){right:2%;top:19%}
.ar-float:nth-of-type(6){right:3%;top:66%}
.ar-hero::after{bottom:-70px;left:-10%;right:-10%;height:122px;border-top:1px solid rgba(95,166,255,.9);box-shadow:0 -8px 33px rgba(29,112,253,.23),0 -2px 14px rgba(78,125,255,.64)}
body:has(.ar-hero) .ar-catalog-toolbar,body:has(.ar-hero) #apps,body:has(.ar-hero) #empty,body:has(.ar-hero) .info-section{box-sizing:border-box;width:calc(100% - 2 * clamp(18px,4.5vw,90px));max-width:1380px;margin-left:auto;margin-right:auto}
.ar-catalog-toolbar{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(15px,3vw,44px);align-items:center;padding-top:30px;padding-bottom:14px}
.ar-catalog-toolbar .ar-catalog-head{padding:0;margin:0}
.ar-catalog-toolbar .ar-catalog-head h2{font-size:clamp(27px,2.45vw,37px);line-height:1.2}
.ar-catalog-head h2 span{background:linear-gradient(100deg,#66acff,#a7f4f2);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ar-catalog-toolbar .ar-catalog-head p{max-width:400px}
body:has(.ar-hero) .ar-catalog-toolbar #catalogControls{min-width:0;width:100%;overflow:hidden;padding:0;background:transparent}
body:has(.ar-hero) .ar-catalog-toolbar #catalogControls .chips{display:flex;min-width:0;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain}
body:has(.ar-hero) .ar-catalog-toolbar #catalogControls .chips::-webkit-scrollbar{display:none}
body:has(.ar-hero) .ar-catalog-toolbar #catalogControls .chip{flex:0 0 auto}
body:has(.ar-hero) #apps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;scroll-margin-top:110px}
body:has(.ar-hero) #apps .app{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-width:0;min-height:182px;padding:16px 11px 10px;border-radius:17px;text-align:center;background:radial-gradient(circle at 50% 4%,rgba(34,87,148,.21),transparent 60%),linear-gradient(160deg,#11263a,#0b192a)}
body:has(.ar-hero) #apps .app-head{position:absolute;top:9px;right:9px}
body:has(.ar-hero) #apps .icon{grid-area:auto;align-self:center;width:59px;height:59px;margin:1px auto 2px;border-radius:15px}
body:has(.ar-hero) #apps .app-copy{grid-area:auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 3px;min-height:42px;min-width:0;width:100%}
body:has(.ar-hero) #apps .name{font-size:13px;line-height:1.25;text-align:center;font-weight:800;overflow-wrap:anywhere}
body:has(.ar-hero) #apps .meta{font-size:10px;line-height:1.25;text-align:center;color:#a9bfd9}
body:has(.ar-hero) #apps .app-footer{grid-area:auto;display:flex;align-items:center;justify-content:center;margin-top:auto;width:100%;min-height:33px;border:1px solid rgba(72,160,255,.65);border-radius:99px;background:rgba(18,63,117,.22);color:#a8dfff}
body:has(.ar-hero) #apps .app-action{font-size:11px;line-height:1.2;font-weight:800}
body:has(.ar-hero) #apps .app-action-icon{flex:0 0 auto}
@media(max-width:1349px) and (min-width:1110px){body:has(.ar-hero) #apps{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1109px) and (min-width:900px){body:has(.ar-hero) #apps{grid-template-columns:repeat(4,minmax(0,1fr))}.ar-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.ar-device.has-art{width:320px;height:420px}.ar-visual{height:430px}.ar-float-icon{width:56px;height:56px}}
@media(max-width:899px) and (min-width:680px){body:has(.ar-hero) #apps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body:has(.ar-hero) .topbar{padding:12px 18px}body:has(.ar-hero) .ar-hero{padding:27px 20px 48px;min-height:0}.ar-hero-inner{min-height:410px;grid-template-columns:1fr}.ar-hero-copy{max-width:100%}.ar-heading{max-width:56%;font-size:clamp(29px,4.9vw,43px)}.ar-lead{max-width:56%;font-size:13px}.ar-visual{position:absolute;right:0;top:35px;width:48%;height:345px;opacity:1}.ar-device.has-art{width:252px;height:340px}.ar-orbit{inset:15% -7%}.ar-float-icon{width:45px;height:45px;border-radius:13px}.ar-float-icon img{border-radius:12px}.ar-float{font-size:9px}.ar-actions,.ar-pricing,.ar-benefits{position:relative;z-index:4}.ar-benefits{margin-top:20px}.ar-catalog-toolbar{grid-template-columns:1fr;gap:12px}body:has(.ar-hero) .ar-catalog-toolbar,body:has(.ar-hero) #apps,body:has(.ar-hero) #empty,body:has(.ar-hero) .info-section{width:calc(100% - 36px)}}
@media(max-width:679px){body:has(.ar-hero) .topbar{padding:10px 15px 15px;gap:8px}body:has(.ar-hero) .topbar .navbtn.hide-mobile{display:none}body:has(.ar-hero) .topbar .brand{font-size:21px}body:has(.ar-hero) .topbar .navbtn.primary{font-size:12px;padding:10px 13px;margin-left:auto}body:has(.ar-hero) .ar-hero{padding:21px 15px 39px;background:radial-gradient(ellipse at 72% 30%,rgba(43,76,203,.35),transparent 40%),radial-gradient(ellipse at 76% 3%,rgba(93,45,178,.17),transparent 45%),linear-gradient(180deg,#0c1120,#081624)}.ar-hero-inner{display:block;min-height:0}.ar-hero-copy{position:relative;max-width:100%;z-index:3}.ar-eyebrow{padding:7px 9px;max-width:100%;font-size:9px;letter-spacing:.07em}.ar-heading{position:relative;z-index:3;max-width:57%;margin:17px 0 13px;font-size:clamp(28px,7.95vw,37px);line-height:1.06;letter-spacing:-.057em;overflow-wrap:normal}.ar-lead{position:relative;z-index:3;max-width:55%;margin:0 0 19px;font-size:clamp(11px,2.7vw,13px);line-height:1.35}.ar-visual{position:absolute;z-index:1;right:-1%;top:54px;width:53%;height:300px;opacity:1}.ar-device.has-art{width:100%;height:290px;left:50%;top:6px}.ar-device{top:8px}.ar-orbit{inset:20% -5% 14%;opacity:.85}.ar-float-icon{width:37px;height:37px;border-radius:12px}.ar-float-icon img{border-radius:11px}.ar-float{gap:3px;font-size:8px;line-height:1}.ar-float:nth-of-type(3){left:0;top:11%}.ar-float:nth-of-type(4){left:-2%;top:56%}.ar-float:nth-of-type(5){right:0;top:22%}.ar-float:nth-of-type(6){right:1%;top:65%}.ar-actions{display:grid;grid-template-columns:1fr;gap:9px;position:relative;z-index:4;margin:19px 0 12px}.ar-primary,.ar-secondary{width:100%;min-height:46px;padding:12px 13px;font-size:13px}.ar-pricing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;width:100%;position:relative;z-index:4}.ar-pricing span{box-sizing:border-box;min-width:0;white-space:normal;overflow-wrap:normal;padding:9px 5px;font-size:11px;text-align:center}.ar-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:17px;gap:5px;position:relative;z-index:4}.ar-benefit{gap:5px;align-items:center;min-width:0;max-width:none;width:auto;text-align:left;flex-direction:row}.ar-benefit svg{width:31px;height:31px;flex:none;padding:6px;border-radius:10px}.ar-benefit b{font-size:9px;line-height:1.15}.ar-benefit small{font-size:8px;line-height:1.18}.ar-hero::after{bottom:-73px;height:99px}.ar-catalog-toolbar{padding-top:20px;padding-bottom:11px}.ar-catalog-head h2{font-size:25px}.ar-catalog-head p{font-size:12px}.ar-catalog-toolbar .ar-catalog-head{display:block}body:has(.ar-hero) .ar-catalog-toolbar,body:has(.ar-hero) #apps,body:has(.ar-hero) #empty,body:has(.ar-hero) .info-section{width:calc(100% - 30px)}body:has(.ar-hero) #apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body:has(.ar-hero) #apps .app{min-height:141px;padding:11px 9px 8px;display:grid;grid-template-columns:49px minmax(0,1fr);grid-template-rows:58px auto;align-items:center;column-gap:8px;row-gap:4px;text-align:left}body:has(.ar-hero) #apps .icon{grid-column:1;grid-row:1;width:47px;height:47px;margin:0;border-radius:12px;justify-self:start}body:has(.ar-hero) #apps .app-copy{grid-column:2;grid-row:1;align-self:center;align-items:flex-start;min-width:0;min-height:0;padding:0;gap:4px}body:has(.ar-hero) #apps .name,body:has(.ar-hero) #apps .meta{text-align:left}body:has(.ar-hero) #apps .name{font-size:12px}body:has(.ar-hero) #apps .app-footer{grid-column:1/-1;grid-row:2;min-height:31px;margin:0}body:has(.ar-hero) #apps .app-action{font-size:11px}}
@media(max-width:360px){.ar-heading{font-size:28px;max-width:58%}.ar-lead{max-width:55%;font-size:10px}.ar-visual{right:-2%;width:52%;top:53px}.ar-float-icon{width:32px;height:32px}.ar-float{font-size:7px}.ar-benefit svg{width:27px;height:27px}.ar-benefit b{font-size:8px}.ar-benefit small{font-size:7px}.ar-pricing span{font-size:10px}body:has(.ar-hero) #apps .app{grid-template-columns:40px minmax(0,1fr);column-gap:6px;padding:8px 6px}body:has(.ar-hero) #apps .icon{width:39px;height:39px}}
@media(prefers-reduced-motion:reduce){.ar-float,.ar-primary,.ar-secondary{animation:none!important;transition:none!important}}