/* OLi glass: readable surfaces, light at the edges, motion at the next action. */
body{background:radial-gradient(ellipse 70% 500px at 12% 180px,#dff3ff 0%,transparent 75%),radial-gradient(ellipse 65% 600px at 95% 430px,#e4eaff 0%,transparent 75%),#f9fbff}
.header{background:rgba(255,255,255,.83);border-bottom-color:#ffffff;box-shadow:0 4px 24px #183b7110;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
:is(.product-card,.post-card,.tour-shell,.principles-panel,.milestone-grid article,.choice){background:linear-gradient(145deg,#ffffffed,#eef5ffc9);border:1px solid #fff;border-radius:20px;box-shadow:inset 0 1px 0 #fff,0 12px 32px #183b710b}
.product-card.audit,.cta{background:linear-gradient(125deg,#203e77f5,#102756f5);border:1px solid #5277aa70;box-shadow:inset 0 1px 0 #ffffff30,0 16px 40px #12326618}
.product-section,.pale,.client-milestones{background:linear-gradient(125deg,#edf5ffb3,#edf0ff91)}
.screen-frame{border-color:#fff;box-shadow:0 18px 44px #12326616,inset 0 1px 0 #fff}.screen-bar{background:linear-gradient(110deg,#f9fcff,#e8f0ff)}
.button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#246bea,#144cce);border-color:#ffffff55;box-shadow:inset 0 1px 0 #ffffff50,0 5px 15px #1658df22;transition:transform .22s,box-shadow .22s}
.button::after,.app-tile::after{content:"";position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ffffff4a 49%,transparent 58%);transform:translateX(-100%)}
.button:hover::after,.button:focus-visible::after{animation:oli-shine .85s ease-out}.button:hover,.button:focus-visible{box-shadow:inset 0 1px 0 #ffffff70,0 8px 24px #1658df40}
.button.white,.button.outline{background:linear-gradient(145deg,#fff,#edf5ff);color:var(--blue)}
.app-tile{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 18% 5%,#6089c8aa,transparent 60%),linear-gradient(145deg,#25477feF,#182f69);border:1px solid #ffffffb0;box-shadow:inset 0 2px 2px #ffffff65,inset 0 -3px 4px #0c255a80,0 8px 0 #122b58,0 18px 32px #123b692a}
.app-audit .app-tile{background:radial-gradient(circle at 18% 5%,#c1f3ff95,transparent 60%),linear-gradient(145deg,#1b9bdc,#0573bd);box-shadow:inset 0 2px 2px #ffffff90,inset 0 -3px 4px #03639b80,0 8px 0 #066398,0 18px 32px #127ead33}
.hero-choice{position:relative}.hero-choice:is(:hover,:focus-visible) .app-tile{box-shadow:inset 0 2px 3px #ffffff90,0 8px 0 #173569,0 16px 44px #3c95ff70;transform:translateY(-4px)}
.hero-choice.oli-charge .app-tile::after,.hero-choice.oli-intro .app-tile::after{animation:oli-shine 1.1s ease-out}
.hero-choice.oli-charge .app-tile{filter:brightness(1.08)}
.oli-spark{position:absolute;left:50%;top:42%;width:6px;height:6px;border-radius:2px;background:#279ce7;box-shadow:0 0 8px #5bcaff90;pointer-events:none;z-index:3;animation:oli-burst .85s cubic-bezier(.15,.7,.3,1) both}
@keyframes oli-shine{to{transform:translateX(100%)}}
@keyframes oli-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:.9}100%{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) rotate(120deg) scale(.3)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.app-tile{transition:none!important}.button::after,.app-tile::after,.oli-spark{display:none!important}.home-hero>*{animation:none!important}.hero-choice:is(:hover,:focus-visible) .app-tile{transform:none}}
@media(max-width:600px){body{background:radial-gradient(ellipse at 10% 240px,#e6f5ff,transparent 650px),#f9fbff}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}

.product-card,.tour-shell,.choice{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}