/* ALGIZ R51 — Final Experience Polish */
:root{
  --r51-navy-950:#03101c;
  --r51-navy-900:#06182b;
  --r51-navy-800:#0a2540;
  --r51-navy-700:#0e355b;
  --r51-electric:#176fff;
  --r51-blue:#1596ff;
  --r51-cyan:#00d8ff;
  --r51-cyan-soft:#8cecff;
  --r51-ice:#f6fbff;
  --r51-steel:#d9e7f2;
  --r51-silver:#aabed0;
  --r51-ink:#071b2d;
  --r51-muted:#597188;
  --r51-line:rgba(24,77,120,.12);
  --r51-line-dark:rgba(133,202,255,.16);
  --r51-shadow-sm:0 14px 34px rgba(5,24,42,.08);
  --r51-shadow-md:0 24px 60px rgba(5,24,42,.12);
  --r51-shadow-lg:0 40px 110px rgba(2,14,28,.24);
  --r51-ease:cubic-bezier(.2,.7,.2,1);
}

html{scroll-behavior:smooth}
body.r51-experience{background:linear-gradient(180deg,#f8fbff 0%,#eef5fb 100%);color:var(--r51-ink)}
body.r51-experience::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;background:radial-gradient(circle at var(--r51-cursor-x,50%) var(--r51-cursor-y,30%),rgba(0,216,255,.035),transparent 18%);mix-blend-mode:screen;opacity:.9}

/* page progress */
.r51-page-progress{position:fixed;z-index:10000;left:0;top:0;width:100%;height:2px;pointer-events:none;background:rgba(255,255,255,.04)}
.r51-page-progress>i{display:block;width:var(--r51-scroll,0%);height:100%;background:linear-gradient(90deg,var(--r51-electric),var(--r51-cyan));box-shadow:0 0 18px rgba(0,216,255,.65);transition:width .08s linear}

/* header + navigation */
body.r51-experience .algiz-header,body.r51-experience .r32-header{background:rgba(3,16,28,.86)!important;border-bottom:1px solid rgba(132,201,255,.12)!important;box-shadow:0 8px 28px rgba(2,12,22,.08)!important;backdrop-filter:blur(18px) saturate(1.2)!important;transition:background .25s var(--r51-ease),box-shadow .25s var(--r51-ease),border-color .25s var(--r51-ease)}
body.r51-experience.r51-scrolled .algiz-header,body.r51-experience.r51-scrolled .r32-header{background:rgba(3,16,28,.96)!important;box-shadow:0 14px 38px rgba(2,12,22,.18)!important;border-color:rgba(132,201,255,.18)!important}
body.r51-experience .algiz-brand img,body.r51-experience .r32-brand img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.16))}
body.r51-experience .algiz-nav a,body.r51-experience .r32-nav a{position:relative;border-radius:12px!important;padding-inline:13px!important;transition:background .2s var(--r51-ease),color .2s var(--r51-ease),transform .2s var(--r51-ease)!important}
body.r51-experience .algiz-nav a::after,body.r51-experience .r32-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,transparent,var(--r51-cyan),transparent);transition:transform .22s var(--r51-ease)}
body.r51-experience .algiz-nav a:hover::after,body.r51-experience .algiz-nav a.is-active::after,body.r51-experience .r32-nav a:hover::after,body.r51-experience .r32-nav a.is-active::after{transform:scaleX(1)}
body.r51-experience .algiz-nav a:hover,body.r51-experience .r32-nav a:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.055)!important}
body.r51-experience .algiz-access,body.r51-experience .r32-access{position:relative;overflow:hidden;background:linear-gradient(135deg,#176fff 0%,#0d8ff0 50%,#00c8ec 100%)!important;border:1px solid rgba(153,222,255,.24)!important;box-shadow:0 14px 34px rgba(15,113,255,.27),inset 0 1px 0 rgba(255,255,255,.2)!important;transition:transform .2s var(--r51-ease),box-shadow .2s var(--r51-ease)!important}
body.r51-experience .algiz-access::after,body.r51-experience .r32-access::after{content:"";position:absolute;inset:-2px;transform:translateX(-115%) skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transition:transform .55s var(--r51-ease)}
body.r51-experience .algiz-access:hover::after,body.r51-experience .r32-access:hover::after{transform:translateX(115%) skewX(-18deg)}
body.r51-experience .algiz-access:hover,body.r51-experience .r32-access:hover{transform:translateY(-2px)!important;box-shadow:0 18px 42px rgba(15,113,255,.34),inset 0 1px 0 rgba(255,255,255,.24)!important}

/* global typography */
body.r51-experience h1,body.r51-experience h2,body.r51-experience h3{font-kerning:normal;text-wrap:balance}
body.r51-experience p{font-kerning:normal}
body.r51-experience .section-head h2,body.r51-experience .r44-section-head h2,body.r51-experience .r47-head h2{letter-spacing:-.04em!important}
body.r51-experience .section-id,body.r51-experience .r44-kicker,body.r51-experience .r47-kicker,body.r51-experience .algiz-ds-kicker{font-weight:850!important;letter-spacing:.16em!important}

/* buttons */
body.r51-experience .btn,body.r51-experience .r47-btn,body.r51-experience .r32-btn{position:relative;overflow:hidden;border-radius:14px!important;min-height:48px!important;transition:transform .2s var(--r51-ease),box-shadow .2s var(--r51-ease),border-color .2s var(--r51-ease),background .2s var(--r51-ease)!important}
body.r51-experience .btn::before,body.r51-experience .r47-btn::before,body.r51-experience .r32-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.18) 48%,transparent 72%);transform:translateX(-130%);transition:transform .55s var(--r51-ease);pointer-events:none}
body.r51-experience .btn:hover::before,body.r51-experience .r47-btn:hover::before,body.r51-experience .r32-btn:hover::before{transform:translateX(130%)}
body.r51-experience .btn:hover,body.r51-experience .r47-btn:hover,body.r51-experience .r32-btn:hover{transform:translateY(-2px)!important}
body.r51-experience .btn-primary,body.r51-experience .r47-btn--primary,body.r51-experience .r32-btn--primary{background:linear-gradient(135deg,#176fff,#1596ff 56%,#00c9ee)!important;border-color:rgba(123,208,255,.24)!important;box-shadow:0 14px 34px rgba(15,113,255,.22)!important;color:#fff!important}
body.r51-experience .btn-secondary,body.r51-experience .r47-btn--secondary,body.r51-experience .r32-btn--ghost{border-color:rgba(29,93,146,.16)!important;box-shadow:0 10px 26px rgba(5,24,42,.06)!important}

/* hero architecture */
body.r51-experience .r44-hero,body.r51-experience .r35-hero,body.r51-experience .r47-hero{position:relative;overflow:hidden!important}
body.r51-experience .r44-hero::after,body.r51-experience .r35-hero::after,body.r51-experience .r47-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent 2%,rgba(23,111,255,.6) 24%,rgba(0,216,255,.8) 50%,rgba(23,111,255,.6) 76%,transparent 98%);box-shadow:0 0 28px rgba(0,216,255,.32);pointer-events:none}
body.r51-experience .r49-hero-art{position:relative!important;isolation:isolate;transform:perspective(1400px) rotateX(var(--r51-hero-rx,0deg)) rotateY(var(--r51-hero-ry,0deg)) translateZ(0);transition:transform .15s linear,box-shadow .2s var(--r51-ease)!important}
body.r51-experience .r49-hero-art::before{background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 26%,transparent 72%,rgba(0,216,255,.08))!important}
body.r51-experience .r49-hero-art::after{box-shadow:0 0 30px rgba(0,216,255,.6)!important}
body.r51-experience .r49-hero-art img{filter:saturate(1.08) contrast(1.03) brightness(1.015)!important;transition:filter .25s var(--r51-ease),transform .5s var(--r51-ease)!important}
body.r51-experience .r49-hero-art:hover img{filter:saturate(1.12) contrast(1.04) brightness(1.025)!important;transform:scale(1.008)}
body.r51-experience .r44-chip-row span,body.r51-experience .r47-flow,body.r51-experience .r47-eyebrow{backdrop-filter:blur(8px)}

/* card system */
body.r51-experience .product-card,body.r51-experience .r07-product-card,body.r51-experience .r44-family-card,body.r51-experience .r36-path-card,body.r51-experience .r44-cert-card,body.r51-experience .r44-lab-domain,body.r51-experience .r47-card,body.r51-experience .r47-product,body.r51-experience .r47-engine-grid a,body.r51-experience .r47-benefits article,body.r51-experience .r47-path-grid a{position:relative;isolation:isolate;overflow:hidden!important;will-change:transform;transition:transform .22s var(--r51-ease),box-shadow .22s var(--r51-ease),border-color .22s var(--r51-ease)!important}
body.r51-experience [data-r51-card]::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(360px circle at var(--r51-card-x,50%) var(--r51-card-y,50%),rgba(0,216,255,.09),transparent 45%);opacity:0;transition:opacity .22s var(--r51-ease)}
body.r51-experience [data-r51-card]:hover::after{opacity:1}
body.r51-experience [data-r51-card]:hover{border-color:rgba(23,111,255,.18)!important;box-shadow:0 30px 72px rgba(5,24,42,.15)!important}
body.r51-experience .r47-product>img:first-child,body.r51-experience .r44-family-card__img,body.r51-experience .r37-family-visual__img,body.r51-experience .r36-path-card__visual img,body.r51-experience .r44-screen img,body.r51-experience .r47-practice-grid article>img{transition:transform .5s var(--r51-ease),filter .35s var(--r51-ease)!important}
body.r51-experience .r47-product:hover>img:first-child,body.r51-experience .r44-family-card:hover .r44-family-card__img,body.r51-experience .r36-path-card:hover .r36-path-card__visual img,body.r51-experience .r47-practice-grid article:hover>img{transform:scale(1.018);filter:saturate(1.09) contrast(1.025)!important}

/* premium icon plates */
body.r51-experience .r45-section-icon,body.r51-experience .r44-path-icon,body.r51-experience .r44-lab-domain-icon,body.r51-experience .v10-icon-plate,body.r51-experience .icon-plate,body.r51-experience .r47-card>img,body.r51-experience .r47-benefits img,body.r51-experience .r47-domain-grid img,body.r51-experience .r47-process img,body.r51-experience .r47-engine-grid img{background:linear-gradient(145deg,#071b2f 0%,#0d355b 60%,#0a2947 100%)!important;border:1px solid rgba(93,184,255,.2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -12px 24px rgba(0,0,0,.08),0 14px 32px rgba(5,24,42,.12),0 0 0 1px rgba(0,216,255,.025)!important;filter:drop-shadow(0 0 15px rgba(0,216,255,.05))}

/* section rhythm */
body.r51-experience main>section{scroll-margin-top:82px}
body.r51-experience main>section:not(:first-child){position:relative}
body.r51-experience main>section:not(:first-child)::before{content:"";position:absolute;left:50%;top:0;width:min(1180px,86%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(25,86,136,.09),rgba(0,216,255,.13),rgba(25,86,136,.09),transparent);pointer-events:none}
body.r51-experience .section,body.r51-experience .r44-scene,body.r51-experience .r47-section{--r51-section-glow:rgba(0,216,255,.045);background-image:radial-gradient(circle at 92% 12%,var(--r51-section-glow),transparent 20%)}

/* filters / controls */
body.r51-experience input,body.r51-experience select,body.r51-experience textarea,body.r51-experience .search-box,body.r51-experience .filter-btn{transition:border-color .2s var(--r51-ease),box-shadow .2s var(--r51-ease),background .2s var(--r51-ease)!important}
body.r51-experience input:focus,body.r51-experience select:focus,body.r51-experience textarea:focus,body.r51-experience .search-box:focus-within{border-color:rgba(23,111,255,.34)!important;box-shadow:0 0 0 4px rgba(23,111,255,.07)!important;background:#fff!important}
body.r51-experience .filter-btn:hover{border-color:rgba(23,111,255,.2)!important;background:#f1f7fd!important}
body.r51-experience .filter-btn.is-active{background:linear-gradient(135deg,#176fff,#00bfe8)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(15,113,255,.22)!important}

/* details / labs / faq */
body.r51-experience details{transition:box-shadow .2s var(--r51-ease),border-color .2s var(--r51-ease),background .2s var(--r51-ease)}
body.r51-experience details[open]{border-color:rgba(23,111,255,.14)!important;box-shadow:0 18px 44px rgba(5,24,42,.09)!important}
body.r51-experience details summary{transition:color .2s var(--r51-ease)}
body.r51-experience details summary:hover{color:#116fdc!important}

/* footer */
body.r51-experience .algiz-footer,body.r51-experience .r32-footer{position:relative;overflow:hidden;background:linear-gradient(145deg,#03101c,#06192b 58%,#071d33)!important}
body.r51-experience .algiz-footer::before,body.r51-experience .r32-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 15%,rgba(0,216,255,.08),transparent 24%),linear-gradient(rgba(79,168,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(79,168,255,.025) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px}
body.r51-experience .algiz-footer__main,body.r51-experience .r32-footer__grid,body.r51-experience .algiz-footer__bottom,body.r51-experience .r32-footer__bottom{position:relative;z-index:1}

/* reveal */
.r51-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--r51-ease),transform .6s var(--r51-ease)}
.r51-reveal.r51-visible{opacity:1;transform:none}

/* accessibility */
body.r51-experience a:focus-visible,body.r51-experience button:focus-visible,body.r51-experience input:focus-visible,body.r51-experience select:focus-visible,body.r51-experience summary:focus-visible{outline:2px solid var(--r51-cyan)!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(0,216,255,.09)!important}

@media(max-width:1100px){
  body.r51-experience .r49-hero-art{transform:none!important}
}
@media(max-width:760px){
  body.r51-experience::before{display:none}
  .r51-page-progress{height:1px}
  body.r51-experience .algiz-header__inner,body.r51-experience .r32-header__inner{min-height:64px!important}
  body.r51-experience .r44-hero,body.r51-experience .r35-hero,body.r51-experience .r47-hero{padding-top:66px!important}
  body.r51-experience .r49-hero-art{box-shadow:0 22px 54px rgba(4,18,34,.23)!important}
  body.r51-experience .r44-hero__visual::after{display:none}
  body.r51-experience main>section:not(:first-child)::before{width:90%}
  body.r51-experience .r47-product>img:first-child,body.r51-experience .r44-family-card__img,body.r51-experience .r37-family-visual__img{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .r51-reveal{opacity:1!important;transform:none!important;transition:none!important}
  body.r51-experience .r49-hero-art{transform:none!important}
  body.r51-experience *,body.r51-experience *::before,body.r51-experience *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
