:root{--v-ink:#0b0a1c;--v-indigo:#2a1f73;--v-violet:#8e7bff;--v-gold:#e9c46a;--v-gold-2:#c99a2e;--v-line:#ffffff14}
body.vinaya-page{background:radial-gradient(1200px 600px at 80% -10%,#3a2a9a55,transparent 60%),radial-gradient(900px 500px at -10% 20%,#5b3fd033,transparent 60%),var(--v-ink)}
.vinaya-page .eyebrow{color:var(--v-gold)}
.v-hero{padding-block:96px 72px}
.v-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.v-label{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.v-label img{width:30px;height:30px;border-radius:8px}
.v-label span{color:#a99fd6;font-weight:500}
.v-hero h1{font-size:clamp(42px,6vw,76px);color:#fff}
.v-hero h1 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:var(--v-gold)}
.v-lede{font-size:18px;max-width:600px;margin-top:24px;color:#c9c3e6}
.v-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.v-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:10px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}
.v-btn-gold{background:linear-gradient(180deg,var(--v-gold),var(--v-gold-2));color:#1a1250;box-shadow:0 10px 30px #e9c46a33}
.v-btn-gold:hover{transform:translateY(-1px);box-shadow:0 14px 36px #e9c46a55}
.v-btn-quiet{border:1px solid #ffffff26;color:#e9e5ff;background:#ffffff08}
.v-btn-quiet:hover{background:#ffffff14}
.v-note{margin-top:18px;font-size:13px;color:#8f88b3}
.v-art{position:relative;aspect-ratio:1;max-width:420px;margin-inline:auto;width:100%}
.v-orb{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 210deg,#8e7bff55,#e9c46a55,#2a1f7355,#8e7bff55);filter:blur(40px);opacity:.7}
.v-art-card{position:absolute;inset:12%;border-radius:34px;background:linear-gradient(160deg,#2c2180,#151040);border:1px solid #ffffff1f;display:grid;place-items:center;box-shadow:0 40px 80px #0008}
.v-art-card img{width:46%;border-radius:28%;box-shadow:0 20px 50px #0009}
.v-art-chip{position:absolute;padding:9px 14px;border-radius:999px;background:#15113bcc;border:1px solid #ffffff1f;font-size:12px;color:#e9e5ff;backdrop-filter:blur(8px)}
.v-art-chip b{color:var(--v-gold);font-weight:600}
.v-art-chip.c1{top:6%;left:-2%}.v-art-chip.c2{bottom:12%;right:-4%}.v-art-chip.c3{bottom:2%;left:6%}
.v-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:72px;border:1px solid var(--v-line);border-radius:14px;overflow:hidden;background:var(--v-line)}
.v-principles p{background:#100d27;padding:18px 22px;font-size:14px;color:#ddd8f5}
.v-principles span{color:var(--v-gold);margin-right:10px;font-size:12px}
.v-sec{padding-block:96px}
.v-head{max-width:720px;margin-bottom:48px}
.v-head h2{font-size:clamp(32px,4vw,48px);color:#fff;margin-top:12px}
.v-head h2 em{font-family:Georgia,serif;font-weight:400;color:var(--v-gold)}
.v-head p.v-sub{margin-top:16px;font-size:17px;color:#bdb6dc}
.v-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.v-pillar{padding:34px;border-radius:20px;background:linear-gradient(180deg,#1a1545,#120f30);border:1px solid var(--v-line)}
.v-pillar h3{font-size:26px;color:#fff;margin:14px 0 10px}
.v-pillar ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.v-pillar li{padding-left:26px;position:relative;color:#c9c3e6;font-size:15px}
.v-pillar li:before{content:"";position:absolute;left:0;top:9px;width:12px;height:6px;border-left:2px solid var(--v-gold);border-bottom:2px solid var(--v-gold);transform:rotate(-45deg)}
.v-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v-card{padding:28px;border-radius:18px;background:#14113a;border:1px solid var(--v-line);transition:border-color .25s,transform .25s}
.v-card:hover{border-color:#e9c46a55;transform:translateY(-2px)}
.v-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#e9c46a1a;color:var(--v-gold);margin-bottom:18px}
.v-ic svg{width:24px;height:24px}
.v-card h3{font-size:19px;color:#fff;margin-bottom:8px;letter-spacing:-.02em}
.v-card p{font-size:14.5px}
.v-band{background:linear-gradient(180deg,#120f30,#0b0a1c);border-block:1px solid var(--v-line)}
.v-compare{width:100%;border-collapse:collapse;font-size:14.5px}
.v-compare th,.v-compare td{padding:15px 18px;border-bottom:1px solid var(--v-line);text-align:left}
.v-compare th{font-size:11px;letter-spacing:.14em;color:#a99fd6;font-weight:600}
.v-compare td{color:#d6d1ef}.v-compare td.y{color:var(--v-gold);font-weight:600}.v-compare td.n{color:#7e77a3}
.v-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s;list-style:none;padding:0;margin:0}
.v-steps li{padding:26px;border-radius:16px;border:1px solid var(--v-line);background:#100d27}
.v-steps li:before{counter-increment:s;content:"0" counter(s);display:block;color:var(--v-gold);font-size:12px;letter-spacing:.14em;margin-bottom:12px}
.v-steps h3{font-size:17px;color:#fff;margin-bottom:6px}
.v-steps p{font-size:14px}
.v-dl{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.v-dl-item{padding:30px;border-radius:20px;background:linear-gradient(180deg,#1c1650,#120f30);border:1px solid #ffffff1c;display:flex;flex-direction:column}
.v-dl-item .plat{font-size:10px;letter-spacing:.17em;color:var(--v-gold);font-weight:600}
.v-dl-item h3{font-size:24px;color:#fff;margin:10px 0 8px}
.v-dl-item p{font-size:14.5px;flex:1}
.v-dl-item .v-btn{margin-top:22px;align-self:flex-start}
.v-dl-meta{margin-top:12px;font-size:12.5px;color:#8f88b3}
.v-dl-meta code{color:#cfc7f5}
.v-trust{margin-top:28px;padding:22px 26px;border-radius:14px;border:1px solid #e9c46a33;background:#e9c46a0d;font-size:14px;color:#d9d3f0}
.v-trust a{color:var(--v-gold);text-decoration:underline}
.v-faq details{border-bottom:1px solid var(--v-line);padding:20px 0}
.v-faq summary{cursor:pointer;color:#fff;font-size:17px;list-style:none}
.v-faq summary::-webkit-details-marker{display:none}
.v-faq summary:after{content:"+";float:right;color:var(--v-gold)}
.v-faq details[open] summary:after{content:"–"}
.v-faq details p{margin-top:12px;max-width:760px}
@media (max-width:900px){.v-hero-grid,.v-split,.v-dl{grid-template-columns:1fr}.v-cards{grid-template-columns:1fr 1fr}.v-steps{grid-template-columns:1fr 1fr}.v-principles{grid-template-columns:1fr}.v-art{max-width:320px}}
@media (max-width:600px){.container{width:calc(100% - 40px)}.v-cards,.v-steps{grid-template-columns:1fr}.v-hero{padding-block:56px}.v-sec{padding-block:64px}.v-compare th:nth-child(3),.v-compare td:nth-child(3){display:none}}
/* vinaya.aavahanam.com additions */
.v-hero h1 small{display:block;font-family:Inter,Arial,sans-serif;font-style:normal;font-size:.36em;letter-spacing:-.02em;color:#c9c3e6;font-weight:450;margin-top:18px}
.v-tagline{display:inline-flex;gap:10px;align-items:center;margin-top:22px;padding:7px 14px;border-radius:999px;border:1px solid #e9c46a40;background:#e9c46a0f;color:var(--v-gold);font-size:12px;letter-spacing:.08em}
.v-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.v-group{margin-top:44px}.v-group:first-of-type{margin-top:0}
.v-group-title{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.17em;color:#a99fd6;font-weight:600;margin-bottom:18px}
.v-group-title:after{content:"";flex:1;height:1px;background:var(--v-line)}
.v-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--v-line);border-radius:18px;overflow:hidden}
.v-flow div{padding:26px;background:#100d27;border-right:1px solid var(--v-line)}.v-flow div:last-child{border-right:0}
.v-flow b{display:block;color:var(--v-gold);font-size:11px;letter-spacing:.14em;margin-bottom:10px}
.v-flow h3{font-size:17px;color:#fff;margin-bottom:6px}.v-flow p{font-size:14px}
.v-plat{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.v-plat .v-pillar h3{font-size:22px}
.v-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.v-chips span{padding:6px 12px;border-radius:999px;border:1px solid var(--v-line);background:#ffffff06;font-size:12.5px;color:#d6d1ef}
.v-callout{margin-top:24px;padding:22px 26px;border-radius:14px;border:1px solid #8e7bff40;background:#8e7bff12;font-size:14.5px;color:#ddd8f5}
.v-callout strong{color:#fff}
.v-dl-item .role{display:inline-block;margin-top:6px;font-size:11px;padding:4px 10px;border-radius:999px;background:#8e7bff22;color:#d9d1ff;letter-spacing:.04em;align-self:flex-start}
.v-dl-item ul{margin:12px 0 0;padding-left:18px;color:#bdb6dc;font-size:14px}
.v-dl-item.secondary .v-btn{background:#ffffff0d;color:#efeaff;box-shadow:none;border:1px solid #ffffff26}
.v-family{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}
.v-family a{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--v-line);border-radius:10px;font-size:13px;color:#d6d1ef}
.v-family a:hover{border-color:#e9c46a55}
.v-credit{color:#a99fd6}.v-credit a{color:var(--v-gold)}
.v-cta-band{text-align:center;padding-block:96px}
.v-cta-band h2{font-size:clamp(34px,5vw,58px);color:#fff}
.v-cta-band h2 em{font-family:Georgia,serif;font-weight:400;color:var(--v-gold)}
.v-cta-band .v-actions{justify-content:center}
@media (max-width:900px){.v-grid4,.v-flow{grid-template-columns:1fr 1fr}.v-flow div:nth-child(2){border-right:0}.v-flow div{border-bottom:1px solid var(--v-line)}.v-plat{grid-template-columns:1fr}}
@media (max-width:600px){.v-grid4,.v-flow{grid-template-columns:1fr}.v-flow div{border-right:0}}
/* ---- magic layer ---- */
body.vinaya-page{overflow-x:hidden}
.v-aurora{position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 35% at 75% 20%,#5b3fd055,transparent 70%),radial-gradient(35% 30% at 15% 60%,#2a1f9a55,transparent 70%),radial-gradient(30% 25% at 60% 90%,#e9c46a1c,transparent 70%);filter:blur(30px);animation:vAurora 26s ease-in-out infinite alternate}
@keyframes vAurora{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(-4%,3%,0) rotate(8deg)}}
.v-stars{position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(circle at 12% 22%,#fff 1px,transparent 1.5px),radial-gradient(circle at 82% 14%,#e9c46a 1px,transparent 1.6px),radial-gradient(circle at 64% 72%,#cfc2ff .8px,transparent 1.4px),radial-gradient(circle at 30% 85%,#e9c46a .8px,transparent 1.4px),radial-gradient(circle at 92% 58%,#fff .7px,transparent 1.3px),radial-gradient(circle at 45% 35%,#cfc2ff .7px,transparent 1.3px);animation:vTwinkle 6s ease-in-out infinite alternate}
@keyframes vTwinkle{to{opacity:.25}}
.v-hero{position:relative;isolation:isolate}
.v-hero h1{background:linear-gradient(180deg,#fff 30%,#d9d1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.v-hero h1 span{background:linear-gradient(90deg,#f7dc8f,#e9c46a 40%,#fff1c2 50%,#c99a2e 70%,#e9c46a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vShimmer 7s linear infinite}
.v-hero h1 small{-webkit-text-fill-color:#c9c3e6}
@keyframes vShimmer{to{background-position:200% center}}
.v-emblem{position:relative;aspect-ratio:1;max-width:460px;width:100%;margin-inline:auto;display:grid;place-items:center}
.v-emblem .halo{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#e9c46a40,#8e7bff30 45%,transparent 70%);filter:blur(24px);animation:vPulse 5s ease-in-out infinite}
.v-emblem .ring{position:absolute;border-radius:50%;border:1px solid #e9c46a40}
.v-emblem .r1{inset:2%;border-style:dashed;animation:vSpin 60s linear infinite}
.v-emblem .r2{inset:12%;border-color:#8e7bff44;animation:vSpin 40s linear infinite reverse}
.v-emblem .r2:after,.v-emblem .r1:after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--v-gold);box-shadow:0 0 16px #e9c46a}
.v-emblem .r2:after{background:#b9a9ff;box-shadow:0 0 16px #8e7bff}
.v-emblem img{position:relative;width:62%;border-radius:28%;box-shadow:0 30px 80px #000a,0 0 60px #e9c46a33;animation:vFloat 7s ease-in-out infinite}
@keyframes vPulse{50%{opacity:.6;transform:scale(1.06)}}
@keyframes vSpin{to{transform:rotate(360deg)}}
@keyframes vFloat{50%{transform:translateY(-12px)}}
.v-emblem .v-art-chip{animation:vFloat 9s ease-in-out infinite}.v-emblem .c2{animation-delay:-3s}.v-emblem .c3{animation-delay:-6s}
.v-card,.v-pillar,.v-dl-item,.v-steps li{position:relative;overflow:hidden}
.v-card:before,.v-pillar:before,.v-dl-item:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#e9c46a00,#e9c46a66,#8e7bff55,#e9c46a00);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s}
.v-card:hover:before,.v-pillar:hover:before,.v-dl-item:hover:before{opacity:1}
.v-card:hover{box-shadow:0 20px 50px #0007,0 0 40px #8e7bff1f}
.v-card:hover .v-ic{background:#e9c46a2e;box-shadow:0 0 22px #e9c46a40}
.v-ic{transition:background .3s,box-shadow .3s}
.v-btn-gold{position:relative;overflow:hidden}
.v-btn-gold:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#fff8,transparent);transform:skewX(-20deg);animation:vSweep 4.5s ease-in-out infinite}
@keyframes vSweep{0%,60%{left:-60%}100%{left:130%}}
.v-head h2 em{background:linear-gradient(90deg,#f7dc8f,#e9c46a,#c99a2e);-webkit-background-clip:text;background-clip:text;color:transparent}
.js .v-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.js .v-reveal.in{opacity:1;transform:none}
.brand img.v-logo{width:34px;height:34px;border-radius:9px;box-shadow:0 0 18px #e9c46a33}
.v-compare tbody tr{transition:background .2s}.v-compare tbody tr:hover{background:#ffffff06}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js .v-reveal{opacity:1;transform:none}}
.v-emblem img{height:auto;aspect-ratio:auto}