/* AWEBZONE V36 FX layer — purposeful motion only. Everything degrades gracefully; reduced-motion & touch safe. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
@property --awx-a{syntax:'<angle>';initial-value:0deg;inherits:false}
:where(a,button,select,input,summary,[tabindex]):focus-visible{outline:3px solid #55D6E8;outline-offset:3px;border-radius:10px}
html{scroll-padding-top:90px}
/* scroll progress */
.awzx-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:9998;background:linear-gradient(90deg,#397BFF,#A78BFA,#FF9B91);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
/* aurora hero + dark panels */
.awzi-hero{position:relative;overflow:hidden;isolation:isolate}
.awzi-hero::before{content:"";position:absolute;inset:-35%;z-index:-1;pointer-events:none;background:radial-gradient(38% 38% at 20% 30%,rgba(57,123,255,.5),transparent 70%),radial-gradient(34% 34% at 82% 18%,rgba(167,139,250,.42),transparent 70%),radial-gradient(40% 40% at 62% 92%,rgba(85,214,232,.3),transparent 70%),radial-gradient(26% 26% at 8% 90%,rgba(255,155,145,.22),transparent 70%);filter:blur(34px);animation:awzxAurora 20s ease-in-out infinite alternate}
@keyframes awzxAurora{to{transform:translate3d(4%,3%,0) rotate(6deg) scale(1.08)}}
.awzi-hero h1{background:linear-gradient(100deg,#fff 30%,#CFE0FF 60%,#FFD2CD);-webkit-background-clip:text;background-clip:text;color:transparent}
.awzi-mt{position:relative;overflow:hidden;isolation:isolate}
.awzi-mt::before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(30% 30% at 15% 20%,rgba(167,139,250,.35),transparent 70%),radial-gradient(30% 30% at 85% 80%,rgba(57,123,255,.35),transparent 70%);filter:blur(40px);animation:awzxAurora 24s ease-in-out infinite alternate}
/* animated gradient border on the ₹5 Cr+ card */
.awzi-proof{position:relative;border:1.5px solid transparent;background:linear-gradient(135deg,#080B18,#17214A 70%) padding-box,conic-gradient(from var(--awx-a),#397BFF,#A78BFA,#FF9B91,#55D6E8,#397BFF) border-box;animation:awzxSpin 9s linear infinite}
@keyframes awzxSpin{to{--awx-a:360deg}}
.awzi-proof::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--mx,85%) var(--my,10%),rgba(85,214,232,.16),transparent 65%)}
/* spotlight cards */
.awzx-spot{position:relative}
.awzx-spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(57,123,255,.13),rgba(167,139,250,.08) 45%,transparent 70%)}
.awzx-spot:hover::after{opacity:1}
.awzx-tilt{transition:transform .25s ease,box-shadow .25s ease;will-change:transform}
/* bento KPI grid */
@media (min-width:900px){
 .awzi-bento{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:minmax(120px,auto)}
 .awzi-bento>:first-child{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#080B18,#1A2552);border-color:rgba(167,139,250,.35)}
 .awzi-bento>:first-child small,.awzi-bento>:first-child>span,.awzi-bento>:first-child summary{color:#AEB8DA}.awzi-bento>:first-child b{color:#fff;font-size:clamp(2.4rem,5vw,3.6rem);background:linear-gradient(110deg,#fff,#55D6E8);-webkit-background-clip:text;background-clip:text;color:transparent}
 .awzi-bento>:first-child details p{color:#AEB8DA}
 .awzi-bento>:nth-child(4):last-child{grid-column:span 2}
}
.awzi-kpi b{font-variant-numeric:tabular-nums}
/* sticky section nav (scrollspy) */
.awzx-subnav{position:sticky;top:64px;z-index:40;background:rgba(247,248,252,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--awi-line,rgba(16,26,56,.1))}
.awzx-subnav .awz-wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:8px;-webkit-overflow-scrolling:touch}
.awzx-subnav .awz-wrap::-webkit-scrollbar{display:none}
.awzx-subnav a{flex:none;min-height:40px;display:inline-flex;align-items:center;padding:6px 14px;border-radius:99px;font-size:.88rem;font-weight:600;color:var(--awi-mute,#5B6682);text-decoration:none;transition:background .2s,color .2s}
.awzx-subnav a:hover{background:rgba(57,123,255,.08)}
.awzx-subnav a.on{background:linear-gradient(120deg,#397BFF,#A78BFA);color:#fff}
/* expertise cards */
.awzi-expert{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin-top:20px}
.awzi-expert-card{padding:22px;border-radius:22px;background:#fff;border:1px solid var(--awi-line,rgba(16,26,56,.1));overflow:hidden;position:relative}
.awzi-expert-card .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;background:linear-gradient(135deg,rgba(57,123,255,.16),rgba(167,139,250,.2));margin-bottom:10px}
.awzi-expert-card h3{margin:0 0 4px}.awzi-expert-card p{margin:0;color:var(--awi-mute,#5B6682);font-size:.92rem}
.awzi-also{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.9rem;color:var(--awi-mute,#5B6682)}
.awzi-also span.c{padding:6px 12px;border-radius:99px;background:rgba(167,139,250,.14);color:var(--awi-ink,#101A38);font-weight:600;font-size:.82rem}
/* simulator */
.awzi-sim{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px}
@media (max-width:860px){.awzi-sim{grid-template-columns:minmax(0,1fr)}}
.awzi-sim-in{display:grid;gap:18px;align-content:start}
.awzi-sim-in label{display:grid;gap:8px;font-weight:600;font-size:.9rem}.awzi-sim-in .row{display:flex;gap:10px;align-items:center}
.awzi-sim-in input[type=number]{width:120px;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--awi-line,rgba(16,26,56,.15));font:inherit}
.awzi-sim-in input[type=range]{flex:1;min-width:0;accent-color:#397BFF;height:32px}
.awzi-sim-out{display:grid;gap:12px}
.awzi-meter{padding:16px;border-radius:18px;background:var(--awi-cloud,#F7F8FC)}.awzi-meter h4{margin:0 0 6px;font-size:.95rem}
.awzi-meter .bar{height:12px;border-radius:99px;background:rgba(16,26,56,.08);position:relative;margin:12px 0 6px;overflow:hidden}
.awzi-meter .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#397BFF,#55D6E8);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.awzi-meter p{margin:0;font-size:.85rem;color:var(--awi-mute,#5B6682)}.awzi-meter b{font-size:1.4rem;font-family:'Bricolage Grotesque',Inter,sans-serif}
.awzi-sim-note{font-size:.8rem;color:var(--awi-mute,#5B6682);margin-top:6px}
/* command palette */
.awzx-kbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:99px;border:1px solid rgba(255,255,255,.2);background:rgba(8,11,24,.7);color:#fff;font:inherit;font-size:.85rem;cursor:pointer;backdrop-filter:blur(10px)}
.awzx-kbtn kbd{font:inherit;font-size:.7rem;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.15)}
.awzx-fab{position:fixed;left:14px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:900;box-shadow:0 12px 30px rgba(8,11,24,.35)}
@media (min-width:900px){.awzx-fab{bottom:22px;left:22px}.awzx-fab kbd{display:inline}}
@media (max-width:899px){.awzx-fab kbd{display:none}}
dialog.awzx-pal{border:0;padding:0;border-radius:22px;width:min(640px,calc(100vw - 24px));max-height:min(560px,80vh);margin:12vh auto auto;background:#fff;color:var(--awi-ink,#101A38);box-shadow:0 40px 90px rgba(8,11,24,.5);overflow:hidden}
dialog.awzx-pal::backdrop{background:rgba(8,11,24,.62);backdrop-filter:blur(6px)}
.awzx-pal form{display:contents}
.awzx-pal input{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid rgba(16,26,56,.1);padding:18px 20px;font:inherit;font-size:1.05rem;outline:none}
.awzx-pal ul{list-style:none;margin:0;padding:8px;overflow:auto;max-height:min(430px,60vh)}
.awzx-pal li a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;color:inherit;text-decoration:none;min-height:44px}
.awzx-pal li a small{flex:none;font-size:.7rem;padding:2px 8px;border-radius:99px;background:rgba(57,123,255,.1);color:#397BFF}
.awzx-pal li a[aria-selected=true],.awzx-pal li a:hover{background:rgba(57,123,255,.09)}
.awzx-pal .none{padding:20px;color:var(--awi-mute,#5B6682)}
/* chart hover emphasis */
.awzi-svg circle[data-tip]{transition:r .15s,fill-opacity .15s}.awzi-svg circle[data-tip]:hover{r:7;fill-opacity:1}.awzi-svg rect[data-tip]:hover{fill-opacity:1;filter:brightness(1.08)}
.awzi-bars li{transition:transform .2s}.awzi-bars li:hover{transform:translateX(3px)}
/* glass in dark sections */
.awz-sec-dark .awzi-panel--dark,.awzi-mt-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
/* progressive scroll-driven reveal for new cards (no JS) */
@supports (animation-timeline:view()){
 @media (prefers-reduced-motion:no-preference){
  .awzi-case,.awzi-lesson,.awzi-lib,.awzi-expert-card{animation:awzxRise both linear;animation-timeline:view();animation-range:entry 0% cover 28%}
  @keyframes awzxRise{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}
 }
}
@media (prefers-reduced-motion:reduce){.awzi-hero::before,.awzi-mt::before,.awzi-proof{animation:none}.awzx-tilt{transform:none!important}}
@media (hover:none){.awzx-spot::after{display:none}}