/* Prism · Bajaj Tech AI — shared design system (WHITE / light, Stripe-style) */
:root{
  --bg:#fbfafe; --surface:#ffffff; --panel:#ffffff; --ink-2:#f4f3fa;
  --hair:rgba(22,18,45,.09); --hair-2:rgba(22,18,45,.16);
  --text:#15161f; --dim:#5b5c69; --faint:#9a9ba6;
  --v:#6d3bef; --a1:#7c5cff; --a2:#e84cc4; --a3:#3fb9f5;
  --ok:#0a9d63; --warn:#b45309; --bad:#e0245e;
  --font:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;
  position:relative;overflow-x:hidden;min-height:100%;opacity:0;animation:px-in .5s ease forwards}
@keyframes px-in{to{opacity:1}}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 50% at 85% -8%,rgba(124,92,255,.10),transparent 60%),
             radial-gradient(ellipse 70% 45% at 0% 0%,rgba(232,76,196,.07),transparent 55%)}
.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.022;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wrap{position:relative;z-index:2;max-width:1000px;margin:0 auto;padding:0 22px 60px}

.px-top{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:14px}
.px-top img{height:30px;display:block}
.back{display:inline-flex;align-items:center;gap:8px;color:var(--dim);text-decoration:none;font-size:14px;font-weight:500;transition:.25s}
.back:hover{color:var(--text)} .back svg{width:16px;height:16px}
.px-foot{position:relative;z-index:2;text-align:center;padding:46px 22px 36px;margin-top:34px}
.px-foot .hair,.hair{height:1px;background:linear-gradient(90deg,transparent,var(--hair-2),transparent);max-width:460px;margin:0 auto 22px}
.px-foot img{height:56px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.32));opacity:.95}
.px-foot .fline{margin-top:13px;font-size:12px;letter-spacing:.04em;color:#4a4b57;font-weight:500}

.eyebrow{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--v);font-weight:700}
h1{font-size:clamp(34px,6vw,52px);font-weight:700;letter-spacing:-.03em;margin:12px 0 10px;color:var(--text)}
.grad{background:linear-gradient(100deg,var(--a1),var(--a2) 55%,var(--a3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sub{font-size:16px;color:var(--dim);max-width:600px;line-height:1.55}

.panel{background:var(--panel);border:1px solid var(--hair);border-radius:20px;padding:22px;margin-bottom:16px;box-shadow:0 12px 32px -22px rgba(50,30,90,.3)}
.panel h2{font-size:15px;font-weight:600;margin-bottom:4px}
.hint{font-size:12.5px;color:var(--dim);margin-bottom:10px;display:block}
label{display:block;font-size:12px;color:var(--dim);margin-bottom:6px;font-weight:500}
input[type=text],input[type=number],input[type=url],input[type=search],select,textarea{width:100%;background:var(--ink-2);color:var(--text);
  border:1px solid var(--hair);border-radius:12px;padding:12px 14px;font:inherit;font-size:14px;line-height:1.6;outline:none;transition:border-color .25s}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--v)}
::placeholder{color:var(--faint)}
.btn{border:none;cursor:pointer;font:inherit;font-weight:600;font-size:14.5px;padding:12px 24px;border-radius:12px;transition:.25s}
.btn-primary{color:#fff;background:linear-gradient(100deg,var(--a1),var(--a2) 60%,var(--a3));box-shadow:0 10px 26px -10px rgba(124,92,255,.5)}
.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-ghost{background:#fff;color:var(--text);border:1px solid var(--hair)}
.btn-ghost:hover{border-color:var(--v);color:var(--v)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}

.mirror,.ptrack{height:7px;border-radius:99px;background:#ece9f6;overflow:hidden;border:1px solid var(--hair);position:relative}
.pfill{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--a1),var(--a2),var(--a3));background-size:200% 100%;animation:px-flow 2.4s linear infinite;transition:width .35s ease}
.mirror{background:linear-gradient(90deg,var(--a1),var(--a2),var(--a3));background-size:200% 100%;animation:px-flow 4s linear infinite;border:none}
@keyframes px-flow{to{background-position:200% 0}}
.pmeta{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:12.5px;color:var(--dim);font-variant-numeric:tabular-nums}
.elapsed{display:inline-flex;align-items:center;gap:6px;color:var(--v);font-weight:600}

.seg{display:inline-flex;background:var(--ink-2);border:1px solid var(--hair);border-radius:11px;padding:3px}
.seg button{border:none;background:transparent;color:var(--dim);font:inherit;font-size:13px;font-weight:500;padding:7px 14px;border-radius:8px;cursor:pointer;transition:.2s}
.seg button.active{background:#fff;color:var(--v);box-shadow:0 1px 3px rgba(40,20,80,.12)}
.stat{font-size:12.5px;color:var(--dim);background:#fff;border:1px solid var(--hair);padding:6px 12px;border-radius:99px;font-variant-numeric:tabular-nums;display:inline-block}
.stat b{color:var(--text);font-weight:700}
.tablewrap{border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 32px -24px rgba(50,30,90,.3)}
table{width:100%;border-collapse:collapse;font-size:13.5px}
thead th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:600;padding:12px 15px;border-bottom:1px solid var(--hair);background:#faf9fe}
tbody td{padding:12px 15px;border-bottom:1px solid var(--hair);color:var(--dim);vertical-align:middle}
tbody tr:last-child td{border-bottom:none} tbody tr{transition:background .15s} tbody tr:hover{background:#faf9fe}
.mono{font-variant-numeric:tabular-nums}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;white-space:nowrap}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.c-ok{color:var(--ok);background:rgba(10,157,99,.12)}
.c-warn{color:var(--warn);background:rgba(180,83,9,.12)}
.c-bad{color:var(--bad);background:rgba(224,36,94,.12)}
.yes{color:var(--ok);font-weight:600}.no{color:var(--bad);font-weight:600}.muted{color:var(--faint)}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001s!important}}
@media(max-width:640px){.sslcol,.redircol{display:none}}

/* ─── Feature page wordmark (matches homepage Prism wordmark, scaled down) ─── */
@keyframes shimmer{0%{background-position:-60% 0,0% 0}100%{background-position:160% 0,210% 0}}
@keyframes tittle-pulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.18)}}
.wm{position:relative;display:inline-block;font-size:clamp(34px,5.8vw,52px);line-height:1.05;font-weight:700;letter-spacing:-.025em;margin:6px 0 4px;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.92) 48%,transparent 58%),linear-gradient(100deg,#6d3bef 0%,#b026c9 18%,#e0249f 34%,#ff5fa2 50%,#7a4bff 64%,#3b62f0 80%,#18a0e6 100%);
  background-size:250% 100%,210% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 6px 18px rgba(124,92,255,.22));animation:shimmer 5s linear infinite}
.iw{position:relative;display:inline-block}
.tittle{position:absolute;left:50%;top:.04em;transform:translateX(-50%);width:.30em;height:.30em;
  background:linear-gradient(140deg,#7c5cff 0%,#e84cc4 50%,#3fb9f5 100%);
  clip-path:polygon(50% 0%,100% 100%,0% 100%);
  filter:drop-shadow(0 2px 7px rgba(124,92,255,.55));animation:tittle-pulse 3.4s ease-in-out infinite}
.iw.cap .tittle{top:-.08em;width:.28em;height:.28em}