/* ALGIZ Learning — Home-only premium design system. Other pages never import this file. */
body.algiz-ux03 {
  --ux-night:#041020;
  --ux-deep:#06182b;
  --ux-mid:#0c2c4e;
  --ux-blue:#1477ff;
  --ux-cyan:#19d5fb;
  --ux-ice:#f2f7fc;
  --ux-border:rgba(101,185,249,.25);
  --ux-ease:cubic-bezier(.2,.7,.2,1);
  font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;
  font-feature-settings:"kern" 1,"liga" 1;
  -webkit-font-smoothing:antialiased;
}
body.algiz-ux03 :where(a,button,[role="tab"],summary):focus-visible{outline:3px solid #41dcfa!important;outline-offset:4px!important}
body.algiz-ux03 :where(h1,h2,h3){text-wrap:balance;}
body.algiz-ux03 :where(p,li){text-wrap:pretty;}
body.algiz-ux03 .r47-shell{max-width:1370px}
/* Header treatment remains in Home only, without changing links or navigation behaviors. */
body.algiz-ux03 .r47-header{
  background:rgba(2,12,25,.94)!important;
  border-bottom:1px solid rgba(72,154,226,.26)!important;
  box-shadow:0 16px 35px rgba(0,5,18,.17)!important;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
body.algiz-ux03 .r47-header a{transition:color .24s var(--ux-ease),background .24s var(--ux-ease),border-color .24s var(--ux-ease)}
/* HERO — spacious, cinematic and deliberate, without hiding or deleting any sections. */
body.algiz-ux03 .r51-hero{
  isolation:isolate;position:relative;
  background:
    radial-gradient(ellipse 56% 44% at 85% 32%,rgba(16,104,211,.30),transparent 80%),
    radial-gradient(ellipse 37% 42% at 8% 72%,rgba(0,155,248,.09),transparent 85%),
    linear-gradient(137deg,#020b17 0%,#041426 36%,#071b34 72%,#041020 100%)!important;
  padding-bottom:clamp(72px,8vw,122px)!important;
}
body.algiz-ux03 .r51-hero::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:linear-gradient(rgba(35,115,190,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(35,115,190,.055) 1px,transparent 1px);
 background-size:86px 86px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 86%,transparent);
}
body.algiz-ux03 .r51-hero::after{
 content:"";position:absolute;top:0;left:0;right:0;height:2px;
 background:linear-gradient(90deg,transparent 4%,rgba(24,127,255,.2) 30%,rgba(37,224,255,.85) 68%,transparent 97%);pointer-events:none;
}
body.algiz-ux03 .r51-hero__gridlight{opacity:.38;pointer-events:none}
body.algiz-ux03 .r51-hero__main{
 width:calc(100% - 96px);max-width:1370px;
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)!important;
 align-items:center;column-gap:clamp(22px,3.6vw,58px)!important;
 padding-top:clamp(132px,10.9vw,174px)!important;
 padding-bottom:clamp(26px,3vw,50px)!important;
 min-height:740px;
}
body.algiz-ux03 .r51-hero__copy{padding:8px 0 12px!important;position:relative;z-index:2}
body.algiz-ux03 .r51-hero__eyebrow{
 width:max-content;max-width:100%;padding:10px 14px 10px 10px;
 background:linear-gradient(90deg,rgba(12,60,108,.62),rgba(9,43,80,.18));
 border:1px solid rgba(74,173,251,.23);border-radius:999px;
 box-shadow:inset 0 1px 0 rgba(239,252,255,.09);
 letter-spacing:.11em!important;color:#b7def5!important;
}
body.algiz-ux03 .r51-hero__eyebrow i{height:5px!important;width:5px!important;background:#39d7ff!important;box-shadow:0 0 14px #18cfff}
body.algiz-ux03 .r51-hero h1{
 font-family:Inter,Manrope,"Segoe UI",sans-serif;
 font-weight:900!important;font-size:clamp(48px,4.6vw,74px)!important;
 line-height:1.035!important;letter-spacing:-.066em!important;
 max-width:13.5ch!important;margin:28px 0 24px!important;
 text-transform:uppercase;color:#f5fbff!important;
 text-shadow:0 12px 35px rgba(0,2,16,.22);
}
body.algiz-ux03 .r51-hero h1>span{display:block;color:#f4f9ff;white-space:nowrap}
body.algiz-ux03 .r51-hero h1 em{display:flex!important;flex-direction:column;gap:0;font-style:normal!important;letter-spacing:inherit!important}
body.algiz-ux03 .r51-hero h1 em>span:first-child{color:#40d1fb;background:linear-gradient(104deg,#149bff 2%,#5be9ff 74%,#e0fbff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.algiz-ux03 .r51-hero h1 em>span:last-child{color:#d9f5ff;white-space:nowrap}
body.algiz-ux03 .r51-hero__lead{
 font-size:clamp(16px,1.23vw,19px)!important;line-height:1.73!important;
 letter-spacing:.005em!important;color:#bcd1e8!important;max-width:54ch!important;
 margin-bottom:29px!important;
}
body.algiz-ux03 .r51-hero__actions{gap:12px!important;flex-wrap:wrap}
body.algiz-ux03 .r51-hero__btn{
 min-height:57px!important;border-radius:11px!important;padding:0 24px!important;
 font-size:14px!important;font-weight:750!important;transition:transform .26s var(--ux-ease),box-shadow .26s var(--ux-ease),background .26s var(--ux-ease)
}
body.algiz-ux03 .r51-hero__btn--primary{border:1px solid rgba(120,227,255,.45)!important;background:linear-gradient(120deg,#1266f4,#00a7e8)!important;box-shadow:0 15px 32px rgba(0,110,242,.23),inset 0 1px 0 rgba(255,255,255,.29)!important}
body.algiz-ux03 .r51-hero__btn--outline{background:rgba(22,59,91,.42)!important;border:1px solid rgba(119,179,230,.38)!important;color:#f0f8ff!important}
body.algiz-ux03 .r51-hero__btn:hover{transform:translateY(-2px);box-shadow:0 19px 34px rgba(0,85,220,.3)!important}
body.algiz-ux03 .ux03-hero__microcopy{
 margin:20px 0 14px!important;color:#80b9dc!important;
 font-size:10px;letter-spacing:.095em;font-weight:750;line-height:1.8;
}
body.algiz-ux03 .r51-hero__divider{margin-top:22px!important;max-width:500px!important;opacity:.6}
body.algiz-ux03 .r51-hero__method-label{font-size:10px!important;letter-spacing:.12em!important;color:#93c6e3!important}
body.algiz-ux03 .r51-hero__method{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;margin-top:14px!important}
body.algiz-ux03 .r51-hero__method li{
 display:inline-flex;align-items:center;letter-spacing:.08em!important;
 font-size:10px!important;font-weight:800!important;color:#d4ecfb!important;
 padding:8px 9px!important;border:1px solid rgba(87,157,218,.22);
 background:rgba(9,49,85,.36);border-radius:6px;
}
body.algiz-ux03 .r51-hero__method li::before,body.algiz-ux03 .r51-hero__method li::after{display:none!important}
/* Hero right-hand visual stage — cinematic backing plane, image fully contained. */
body.algiz-ux03 .r51-hero__stage{
 min-height:620px!important;position:relative;display:flex;flex-direction:column;
 justify-content:center;padding:25px 12px 79px!important;overflow:visible;
}
body.algiz-ux03 .ux03-stage__frame{
 position:absolute;z-index:0;inset:36px 3px 80px 3px;border-radius:46px;
 background:linear-gradient(147deg,rgba(15,76,134,.46),rgba(3,18,44,.08) 52%,rgba(1,39,83,.47));
 border:1px solid rgba(80,160,237,.20);
 box-shadow:inset 0 1px 0 rgba(156,224,255,.12),0 40px 100px rgba(0,11,29,.3);
 transform:perspective(800px) rotateY(-2deg);pointer-events:none;
}
body.algiz-ux03 .ux03-stage__frame::before{
 content:"";position:absolute;inset:-25px;border-radius:70px;
 background:radial-gradient(ellipse at 50% 50%,rgba(0,122,255,.22),transparent 70%);
 filter:blur(21px);
}
body.algiz-ux03 .ux03-stage__frame::after{
 content:"";position:absolute;inset:14px;border-radius:34px;
 border:1px solid rgba(108,197,249,.10);pointer-events:none;
}
body.algiz-ux03 .r51-hero__stage-halo{z-index:0;opacity:.7;filter:blur(28px)}
body.algiz-ux03 .r51-hero__art{
 position:relative;z-index:2;width:112%!important;max-width:none!important;
 margin:0 -5% 0 -7%!important;transform:translateY(5px)!important;
 filter:drop-shadow(0 22px 36px rgba(0,10,34,.46));
}
body.algiz-ux03 .r51-hero__art img{display:block;width:100%!important;max-height:575px;object-fit:contain}
body.algiz-ux03 .r51-hero__art figcaption{
 bottom:7px!important;right:6%!important;position:absolute;font-size:9px!important;
 letter-spacing:.12em!important;color:#8ccef4!important;background:rgba(2,20,39,.85);
 padding:8px 10px;border:1px solid rgba(60,162,231,.29);border-radius:6px;
}
body.algiz-ux03 .r51-hero__preview{
 z-index:4;left:5%!important;bottom:38px!important;right:auto;
 min-width:0!important;max-width:370px!important;
 border:1px solid rgba(99,203,255,.56)!important;
 background:linear-gradient(130deg,rgba(8,33,66,.96),rgba(6,59,100,.94))!important;
 box-shadow:0 23px 55px rgba(0,12,38,.55),0 0 33px rgba(0,143,250,.12)!important;
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
 transition:transform .25s var(--ux-ease),border-color .25s var(--ux-ease)
}
body.algiz-ux03 .r51-hero__preview:hover{transform:translateY(-4px);border-color:#50dbff!important}
body.algiz-ux03 .ux03-art__annotation{
 position:absolute;right:24px;top:48px;z-index:3;display:flex;flex-direction:column;
 gap:5px;text-align:right;font-size:9px;font-weight:750;letter-spacing:.13em;color:#bce9ff;
 text-shadow:0 2px 15px #01111f;pointer-events:none;
}
body.algiz-ux03 .ux03-art__annotation span:last-child{font-size:8px;color:#5dbbe7}
/* Experience cards — retain every link, improve clarity */
body.algiz-ux03 .r51-hero__feature-wrap{z-index:4;margin-top:0!important;padding-top:0!important}
body.algiz-ux03 .r51-hero__feature-label{margin-bottom:15px!important}
body.algiz-ux03 .r51-hero__features{gap:16px!important}
body.algiz-ux03 .r51-feature{
 border:1px solid rgba(95,182,241,.3)!important;border-radius:18px!important;
 background:linear-gradient(140deg,rgba(17,62,104,.86),rgba(8,29,57,.95))!important;
 min-height:125px!important;padding:19px 17px!important;
 box-shadow:0 22px 39px rgba(0,11,31,.16),inset 0 1px 0 rgba(140,221,255,.06)!important;
 transition:transform .25s var(--ux-ease),border-color .25s var(--ux-ease),box-shadow .25s var(--ux-ease);
}
body.algiz-ux03 .r51-feature:hover{transform:translateY(-5px)!important;border-color:rgba(71,213,254,.77)!important;box-shadow:0 27px 48px rgba(0,19,49,.28)!important}
body.algiz-ux03 .r51-feature img{filter:drop-shadow(0 8px 15px rgba(0,152,252,.22));}
body.algiz-ux03 .r51-feature small{letter-spacing:.13em!important;color:#78d9fa!important}
body.algiz-ux03 .r51-feature strong{font-size:17px!important;letter-spacing:-.02em}
body.algiz-ux03 .r51-feature em{font-style:normal!important;color:#a8c1d8!important}
/* Campaign block with original high-detail supplied visual */
body.algiz-ux03 .r51-campaign{
 margin-top:clamp(75px,7.5vw,112px)!important;
 grid-template-columns:minmax(0,.79fr) minmax(0,1.21fr)!important;
 gap:clamp(26px,4vw,66px)!important;
 padding:clamp(32px,4vw,62px)!important;
 border-radius:32px!important;border:1px solid rgba(88,179,246,.35)!important;
 background:radial-gradient(ellipse at 79% 32%,rgba(7,119,221,.28),transparent 60%),linear-gradient(137deg,#09233d,#06172d 67%,#073158)!important;
 box-shadow:0 35px 88px rgba(0,7,23,.34),inset 0 1px 0 rgba(197,239,255,.10)!important;
}
body.algiz-ux03 .r51-campaign::before{content:"";position:absolute;top:-1px;left:10%;right:35%;height:2px;background:linear-gradient(90deg,transparent,#17baff,transparent);opacity:.8}
body.algiz-ux03 .r51-campaign h2{font-size:clamp(43px,4.4vw,74px)!important;line-height:1.03!important;letter-spacing:-.054em!important}
body.algiz-ux03 .r51-campaign__copy>p{font-size:17px!important;line-height:1.75!important;color:#c5d8eb!important;max-width:42ch}
body.algiz-ux03 .r51-campaign__visual{margin:0;min-width:0}
body.algiz-ux03 .r51-campaign__visual a{display:block;width:100%!important;max-width:none!important;border-radius:24px!important;overflow:hidden;box-shadow:0 30px 65px rgba(0,5,22,.28)}
body.algiz-ux03 .r51-campaign__visual img{width:100%;height:auto;object-fit:contain;max-height:610px}
body.algiz-ux03 .r51-campaign__copy>small{display:block;color:#83bbdb;letter-spacing:.13em;font-weight:750;font-size:10px;margin-top:18px}
/* System-wide Home heading and interactive refinements; preserve all existing content. */
body.algiz-ux03 :is(.r47-head,.r52-section-heading,.r53-details__intro) h2{
 letter-spacing:-.047em!important;line-height:1.12!important;
}
body.algiz-ux03 :is(.r47-head,.r52-section-heading) p{line-height:1.7!important}
body.algiz-ux03 :where(.r52-explore__tab,.r53-showcase__tab,.r53-method__step,.r53-filter,.r52-link){transition:transform .2s var(--ux-ease),border-color .2s var(--ux-ease),box-shadow .2s var(--ux-ease)}
@media(hover:hover) and (pointer:fine){body.algiz-ux03 :where(.r52-explore__tab,.r53-showcase__tab,.r53-method__step):hover{transform:translateY(-2px)}}
/* Tablets */
@media(max-width:1120px){
 body.algiz-ux03 .r51-hero__main{grid-template-columns:minmax(0,1fr) minmax(0,.98fr)!important;padding-top:140px!important;min-height:690px;column-gap:18px!important}
 body.algiz-ux03 .r51-hero h1{font-size:clamp(43px,4.9vw,61px)!important}
 body.algiz-ux03 .r51-hero__stage{min-height:540px!important}
 body.algiz-ux03 .r51-hero__art{width:111%!important}
 body.algiz-ux03 .r51-campaign{grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr)!important}
}
@media(max-width:900px){
 body.algiz-ux03 .r51-hero .r47-shell{width:calc(100% - 56px)!important}
 body.algiz-ux03 .r51-hero__main{display:grid!important;grid-template-columns:1fr!important;padding-top:126px!important;min-height:0!important;gap:12px!important}
 body.algiz-ux03 .r51-hero__copy{padding-top:0!important}
 body.algiz-ux03 .r51-hero h1{font-size:clamp(49px,7.8vw,74px)!important;max-width:100%!important}
 body.algiz-ux03 .r51-hero__lead{max-width:57ch!important}
 body.algiz-ux03 .r51-hero__stage{min-height:0!important;max-width:720px!important;width:100%;margin:5px auto 10px!important;padding-bottom:80px!important}
 body.algiz-ux03 .r51-hero__art{width:100%!important;margin:0!important;transform:none!important}
 body.algiz-ux03 .r51-hero__art img{max-height:575px}
 body.algiz-ux03 .ux03-stage__frame{inset:27px 13px 63px}
 body.algiz-ux03 .r51-hero__preview{left:3%!important;bottom:20px!important}
 body.algiz-ux03 .r51-hero__feature-wrap{margin-top:20px!important}
 body.algiz-ux03 .r51-campaign{grid-template-columns:1fr!important;gap:26px!important}
 body.algiz-ux03 .r51-campaign__visual a{max-width:740px!important;margin:0 auto}
}
@media(max-width:600px){
 body.algiz-ux03 .r51-hero .r47-shell{width:calc(100% - 32px)!important}
 body.algiz-ux03 .r51-hero__main{padding-top:105px!important;padding-bottom:14px!important;gap:8px!important}
 body.algiz-ux03 .r51-hero__eyebrow{padding:7px 10px 7px 7px;gap:7px!important;font-size:8px!important}
 body.algiz-ux03 .r51-hero__eyebrow span:last-child{font-size:7px!important;letter-spacing:.05em!important}
 body.algiz-ux03 .r51-hero h1{font-size:clamp(33px,10.35vw,54px)!important;max-width:100%!important;line-height:1.035!important;letter-spacing:-.067em!important;margin:22px 0 20px!important}
 body.algiz-ux03 .r51-hero h1>span,body.algiz-ux03 .r51-hero h1 em>span{white-space:nowrap!important}
 body.algiz-ux03 .r51-hero__lead{font-size:15px!important;line-height:1.66!important;margin-bottom:22px!important}
 body.algiz-ux03 .r51-hero__actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
 body.algiz-ux03 .r51-hero__btn{width:100%;justify-content:center;min-height:53px!important;font-size:13px!important}
 body.algiz-ux03 .ux03-hero__microcopy{font-size:9px;letter-spacing:.04em;margin:13px 0 11px!important}
 body.algiz-ux03 .r51-hero__divider{margin-top:15px!important}
 body.algiz-ux03 .r51-hero__method-label{font-size:9px!important;line-height:1.7!important}
 body.algiz-ux03 .r51-hero__method{gap:5px!important;margin-top:11px!important}
 body.algiz-ux03 .r51-hero__method li{font-size:8px!important;padding:7px 6px!important}
 body.algiz-ux03 .r51-hero__stage{padding:4px 0 67px!important;margin:8px auto 4px!important;min-height:0!important}
 body.algiz-ux03 .ux03-stage__frame{inset:20px 0 64px;border-radius:20px}
 body.algiz-ux03 .r51-hero__art{width:100%!important;margin:0!important}
 body.algiz-ux03 .r51-hero__art figcaption{font-size:7px!important;bottom:3px!important;right:2%!important;padding:5px}
 body.algiz-ux03 .r51-hero__preview{left:0!important;right:0!important;max-width:100%!important;bottom:4px!important;padding:8px!important}
 body.algiz-ux03 .ux03-art__annotation{display:none}
 body.algiz-ux03 .r51-hero__features{grid-template-columns:1fr!important;gap:10px!important}
 body.algiz-ux03 .r51-feature{min-height:85px!important;padding:11px!important;border-radius:13px!important}
 body.algiz-ux03 .r51-feature strong{font-size:15px!important}
 body.algiz-ux03 .r51-hero__feature-label{margin-bottom:10px!important}
 body.algiz-ux03 .r51-campaign{margin-top:54px!important;padding:24px 17px!important;border-radius:22px!important;gap:18px!important}
 body.algiz-ux03 .r51-campaign h2{font-size:clamp(40px,10.5vw,53px)!important}
 body.algiz-ux03 .r51-campaign__copy>p{font-size:14px!important;line-height:1.7!important}
 body.algiz-ux03 .r51-campaign__visual a{border-radius:15px!important}
 body.algiz-ux03 .r51-campaign__areas span{font-size:9px!important}
}
@media(max-width:365px){body.algiz-ux03 .r51-hero h1{font-size:9.85vw!important}}
@media(prefers-reduced-motion:reduce){
 body.algiz-ux03 *,body.algiz-ux03 *::before,body.algiz-ux03 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* Resolve legacy cascade conflict: the existing mobile toggle must open its navigation. */
@media(max-width:980px){
 body.algiz-ux03.r45-final .r32-nav:not(.is-open){display:none!important}
 body.algiz-ux03.r45-final .r32-nav.is-open{
   display:flex!important;position:fixed;top:76px;left:16px;right:16px;z-index:360;
   flex-direction:column;align-items:stretch;max-height:calc(100dvh - 96px);overflow-y:auto;
   padding:13px;background:rgba(5,24,44,.98);border:1px solid rgba(97,205,251,.4);
   border-radius:18px;box-shadow:0 22px 64px rgba(0,4,18,.65);
   opacity:1;transform:none;pointer-events:auto;
 }
 body.algiz-ux03.r45-final .r32-nav.is-open a{display:block;color:#e6f4ff;padding:13px 16px;min-height:45px}
 body.algiz-ux03 .r32-nav-scrim.is-open{z-index:330;display:block}
}
@media(max-width:980px){body.algiz-ux03 .r32-header{z-index:450!important}}