/* Crystal v34 — adaptive motion system, character artwork, improved contrast */
:root{--c34-ink:#132e57;--c34-blue:#237cfb;--c34-lilac:#a09bff;--c34-cyan:#8fe9ff;--c34-radius:26px}
html{scroll-behavior:smooth;scroll-padding-top:105px}body{background:radial-gradient(ellipse 70% 30% at 86% 12%,#dbe7ff 0,transparent 70%),linear-gradient(#f8fbff,#fff 1100px)!important}
.portal-shell{isolation:isolate}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.32;background-image:radial-gradient(#a0b8df 0.7px,transparent .7px);background-size:27px 27px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.bx-header.portal-header{border:1px solid rgba(189,211,250,.62)!important;border-radius:0 0 24px 24px!important;padding-inline:clamp(16px,2.5vw,30px)!important;margin-inline:clamp(-18px,-2vw,-1px)!important;box-shadow:0 16px 45px #195bad0e!important}
.bx-brand-icon,.bx-window-logo,.bx-pill-icon{transform-style:preserve-3d;transition:transform .4s ease}.bx-brand:hover .bx-brand-icon{transform:rotateY(24deg) rotateZ(-9deg) translateY(-3px)}
.bx-hero{min-height:690px;gap:clamp(12px,3vw,65px)}.bx-hero::before{background:radial-gradient(ellipse at 70% 34%,#cbd9ff 0%,#e0f5ff 37%,transparent 73%),linear-gradient(140deg,#f7faff,#ecf5ff 70%,#fff)}
.bx-hero h1{font-size:clamp(44px,5.3vw,82px)!important;line-height:1.075!important}.bx-hero h1 span{background:linear-gradient(90deg,#126de9,#9d5efa)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}
.bx-hero-display{position:relative;transform-style:preserve-3d;min-height:490px;perspective:1100px}.c34-art{position:absolute;pointer-events:none;z-index:3;left:5%;top:-12%;width:min(94%,560px);height:88%;transform:translate3d(0,0,68px) rotate(-3deg);filter:drop-shadow(0 24px 30px rgba(21,66,151,.23));animation:c34Float 7s ease-in-out infinite}.c34-art img{width:100%;height:100%;object-fit:contain;object-position:center}.c34-halo{position:absolute;z-index:0;width:72%;aspect-ratio:1;left:18%;top:0;border-radius:50%;background:radial-gradient(circle,#85e0ff88 4%,#8b8af733 48%,transparent 74%);filter:blur(20px);animation:c34Glow 7s ease-in-out infinite}.bx-hero-display .bx-product-window{position:relative;z-index:2;transform:translate3d(8%,22%,0) rotateY(-7deg) rotateX(3deg) scale(.88);box-shadow:0 40px 75px rgba(35,75,151,.18)!important;transition:transform .5s ease}.bx-hero-display:hover .bx-product-window{transform:translate3d(6%,23%,0) rotateY(0) scale(.9)}.bx-floating-pill{z-index:5!important;backdrop-filter:blur(20px);background:#ffffffd9!important;box-shadow:0 15px 40px #2968b624!important;animation:c34Float 6.3s ease-in-out infinite}.bx-float-two{animation-delay:-3s}
.bx-btn-blue,.bx-header-cta,.bx-mobile-main{background:linear-gradient(112deg,#237df9,#576df5)!important;box-shadow:0 13px 28px #4167ff35!important}.bx-btn-blue:hover,.bx-header-cta:hover{box-shadow:0 17px 35px #4167ff50!important;filter:saturate(1.15)}
.bx-detail-card,.bx-solution,.bx-community-grid>*,.bx-onboarding article,.bx-help-command,.bx-subhero,.bx-final{border-radius:clamp(18px,2vw,30px)!important;box-shadow:0 12px 32px #1e73cf0d!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;will-change:auto}.bx-detail-card:hover,.bx-solution:hover,.bx-community-grid>*:hover{transform:translateY(-7px)!important;box-shadow:0 25px 55px #3d6cbb20!important;border-color:#bdd0fc!important}
.bx-subhero{background:radial-gradient(circle at 83% 35%,#c3f2ff,transparent 48%),linear-gradient(145deg,#eaf0ff,#f9fcff)!important;border:1px solid #d5e6ff!important;overflow:hidden}.bx-subhero-visual,.bx-solution-art,.bx-security-art,.bx-help-art,.bx-connect-art,.bx-updates-art{filter:drop-shadow(0 18px 25px #226abf20);transition:transform .5s ease}.bx-subhero:hover .bx-subhero-visual{transform:translateY(-7px) rotate(2deg)}
/* Scroll-triggered reveals only after JS opts in; content remains available without JS. */
html.c34-motion .c34-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}html.c34-motion .c34-reveal.c34-visible{opacity:1;transform:translateY(0)}
@keyframes c34Float{0%,100%{transform:translate3d(0,0,68px) rotate(-3deg)}50%{transform:translate3d(0,-19px,68px) rotate(-1deg)}}@keyframes c34Glow{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.13)}}
@media(min-width:1650px){.bx-shell.portal-shell{max-width:1650px!important}.bx-hero{min-height:770px}.bx-hero-display{min-height:570px}.bx-lead{font-size:20px!important}}
@media(min-width:2200px){.bx-shell.portal-shell{max-width:1850px!important}.bx-hero{min-height:840px}.bx-hero h1{font-size:94px!important}.bx-lead{font-size:23px!important}.bx-hero-display{min-height:660px}}
@media(max-width:1150px){.c34-art{left:0;top:-9%;width:100%}.bx-hero-display .bx-product-window{transform:translate3d(6%,23%,0) scale(.83)}.bx-hero{min-height:620px}}
@media(max-width:900px){.bx-hero{grid-template-columns:1fr!important;padding-top:55px;gap:20px}.bx-hero-display{min-height:450px;width:min(100%,650px);margin-inline:auto}.c34-art{width:85%;left:5%;top:-8%}.bx-hero-display .bx-product-window{transform:translate3d(10%,23%,0) scale(.83)}.bx-floating-pill{max-width:205px}}
@media(max-width:600px){.bx-header.portal-header{margin-inline:-14px!important;border-radius:0 0 20px 20px!important;min-height:68px!important}.bx-hero{min-height:auto!important;padding:44px 0 60px!important}.bx-hero h1{font-size:clamp(34px,9vw,51px)!important}.bx-lead{font-size:15px!important}.bx-hero-display{min-height:340px!important;margin-top:0}.c34-art{height:78%;width:90%;left:6%;top:-7%}.bx-hero-display .bx-product-window{transform:translate3d(4%,25%,0) scale(.79);transform-origin:50% 45%}.bx-hero-display:hover .bx-product-window{transform:translate3d(4%,25%,0) scale(.79)}.bx-floating-pill{max-width:150px;font-size:11px}.bx-category-strip{gap:7px!important}.bx-actions{flex-wrap:wrap}.bx-actions .bx-btn{min-width:0;flex:1 1 170px}}
@media(max-width:380px){.bx-hero-display{min-height:280px!important}.c34-art{height:72%}.bx-floating-pill{display:none!important}.bx-hero-display .bx-product-window{transform:translate3d(0,26%,0) scale(.72)}.bx-hero h1{font-size:33px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.c34-art,.bx-floating-pill,.c34-halo{animation:none!important}html.c34-motion .c34-reveal{opacity:1;transform:none;transition:none}}