:root{--aub:#4A1D6E;--lime:#8CC63F;--mul:#7A3E9D;--mist:#D9CCE6;--vel:#F7F3EA;--ink:#1B1024;
--bg:#F7F3EA;--surf:#fff;--text:#1B1024;--head:#4A1D6E;--muted:#7A3E9D;--line:#D9CCE6;--soft:#EFE8DD;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1B1024;--surf:#2A1540;--text:#EDE6F3;--head:#F7F3EA;--muted:#D9CCE6;--line:#44285F;--soft:#241236}}
:root[data-theme="dark"]{--bg:#1B1024;--surf:#2A1540;--text:#EDE6F3;--head:#F7F3EA;--muted:#D9CCE6;--line:#44285F;--soft:#241236}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top,0px));height:100%}
body{background:var(--bg);color:var(--text);font:16px/1.7 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:#4A1D6E;z-index:30}
h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;color:var(--head)}
.w{max-width:1160px;margin:auto;padding:0 24px}
.eb{font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.bar{display:block;width:56px;height:4px;background:var(--lime);margin:18px 0 26px;border-radius:2px;transform-origin:left;transition:transform 1s .3s}
.js .rv:not(.in) .bar{transform:scaleX(0)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(74,29,110,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,204,230,.15)}
.nav{display:flex;align-items:center;gap:30px;height:72px}
.nav img{height:32px;display:block}
.nav nav{display:flex;gap:28px;margin-left:auto}
.nav nav a{color:#D9CCE6;text-decoration:none;font-size:14px;font-weight:500;position:relative;padding:4px 0}
.nav nav a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.nav nav a:hover::after{transform:scaleX(1)}
.tg{background:none;border:1px solid rgba(217,204,230,.4);color:#F7F3EA;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:15px}
.btn{display:inline-block;background:var(--lime);color:#1B1024;font:700 14px/1 Inter,Arial,sans-serif;padding:16px 28px;border-radius:999px;text-decoration:none;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px -10px rgba(140,198,63,.7)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s}
.btn:hover::after{transform:translateX(120%)}
.gh{background:none;color:#F7F3EA;border:1px solid rgba(217,204,230,.5)}
.hero{background:radial-gradient(900px 500px at 78% 30%,#6a2d96 0%,transparent 60%),#4A1D6E;color:#F7F3EA;position:relative;overflow:hidden;padding:88px 0 110px}
.hero .w{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;position:relative;z-index:2}
.hero h1{color:#F7F3EA;font-size:clamp(42px,6.4vw,82px);letter-spacing:-.01em;margin:22px 0}
.hero h1 em{color:var(--lime);font-style:italic}
.hero p.l{color:#D9CCE6;font-size:19px;max-width:520px}
.hero .eb{color:#D9CCE6}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.stage{position:relative;display:grid;place-items:center}
.stage img{width:100%;max-width:470px;animation:fl 7s ease-in-out infinite;transition:transform .2s}
@keyframes fl{50%{translate:0 -14px}}
.arcs{position:absolute;right:-6%;top:-10%;width:74%;height:140%;opacity:.9;pointer-events:none;z-index:1;animation:sw 14s ease-in-out infinite alternate}
.arcs path{fill:none;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;animation:dr 3.2s cubic-bezier(.4,0,.2,1) forwards}
@keyframes dr{to{stroke-dashoffset:0}}@keyframes sw{to{transform:rotate(6deg) translateY(18px)}}
.hi{opacity:0;transform:translateY(26px);animation:up 1s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d,0s)}
@keyframes up{to{opacity:1;transform:none}}
section{padding:104px 0}
h2{font-size:clamp(32px,4.4vw,52px)}
.lead{max-width:600px;color:var(--text);opacity:.82;font-size:18px}
.g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:52px}
.card{background:var(--surf);border:1px solid var(--line);border-top:4px solid var(--aub);border-radius:10px;padding:30px 26px;transition:transform .4s,box-shadow .4s}
.card:hover{transform:translateY(-8px);box-shadow:0 24px 40px -22px rgba(74,29,110,.45)}
.card .n{font-family:Georgia,serif;color:var(--muted);font-size:15px}
.card h3{font-size:23px;margin:10px 0 12px}
.card p{font-size:15px;opacity:.85}
.jr{background:#4A1D6E;color:#F7F3EA;position:relative;overflow:hidden}
.jr h2,.jr .eb{color:#F7F3EA}.jr .eb{color:#D9CCE6}
.rail{position:relative;height:6px;background:rgba(217,204,230,.2);border-radius:3px;margin:54px 0 30px}
.rail i{position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,#D9CCE6,#8CC63F);border-radius:3px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tabs button{background:rgba(247,243,234,.06);border:1px solid rgba(217,204,230,.25);color:#D9CCE6;border-radius:10px;padding:18px 20px;text-align:left;cursor:pointer;font:500 15px Inter,Arial,sans-serif;transition:.4s}
.tabs button b{display:block;font:400 24px Georgia,serif;color:#F7F3EA;margin-top:4px}
.tabs button[aria-selected=true]{background:#F7F3EA;color:#4A1D6E;border-color:#F7F3EA;transform:translateY(-4px)}
.tabs button[aria-selected=true] b{color:#4A1D6E}
.panel{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:34px;background:rgba(247,243,234,.06);border:1px solid rgba(217,204,230,.2);border-radius:14px;padding:38px}
.panel .serif{font-size:clamp(28px,3.4vw,40px);color:#F7F3EA}
.panel p{color:#D9CCE6;margin-top:12px}
.panel ul{list-style:none;padding:0;display:grid;gap:14px;align-content:center}
.panel li{padding-left:26px;position:relative;color:#F7F3EA}
.panel li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;background:var(--lime);transform:rotate(45deg)}
.fade{animation:fd .7s both}@keyframes fd{from{opacity:0;transform:translateY(12px)}}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:52px}
.tag{display:inline-block;background:#7A3E9D;color:#fff;font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.14em;padding:7px 12px;border-radius:5px;margin-bottom:18px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ui{background:#F7F3EA;border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -34px rgba(74,29,110,.6);border:1px solid var(--line);color:#1B1024;transition:transform .5s}
.ui:hover{transform:translateY(-6px) rotate(-.6deg)}
.ui .t{background:#4A1D6E;display:flex;align-items:center;gap:16px;padding:14px 20px;color:#D9CCE6;font-size:12px}
.ui .t img{height:22px;margin-right:auto}
.ui .b{padding:30px 26px 32px}.ui h3{color:#4A1D6E;font-size:26px}
.ui small{display:block;color:#5d5368;margin:8px 0 18px}
.pg{height:8px;background:#E3DBEC;border-radius:4px;overflow:hidden}
.pg i{display:block;height:100%;width:0;background:#8CC63F;border-radius:4px;transition:width 2s .4s cubic-bezier(.4,0,.2,1)}
.ui .btn{margin-top:24px;padding:13px 22px}
blockquote{font:italic 400 clamp(26px,3.6vw,40px)/1.3 Georgia,serif;color:var(--head)}
.ct{background:#4A1D6E;color:#F7F3EA;text-align:center;padding:80px 0}
.ct h2{color:#F7F3EA}.ct .bar{margin:22px auto}
.tally-container{max-width:850px;margin:32px auto 0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.2)}
.ch{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.ch span{border:1px solid rgba(217,204,230,.4);border-radius:999px;padding:12px 22px;font-weight:500;transition:.3s}
.ch span:hover{background:#8CC63F;color:#1B1024;border-color:#8CC63F;transform:translateY(-3px)}
footer{background:#1B1024;color:#D9CCE6;padding:40px 0;font-size:14px}
footer .w{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between}
footer img{height:26px}
.js .rv{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform 1s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
@media(max-width:860px){.hero .w,.split,.panel{grid-template-columns:1fr}.nav nav{display:none}.tg{margin-left:auto}.tabs{grid-template-columns:1fr}.stage{order:-1;max-width:340px;margin:0 auto}section{padding:76px 0}.hero{padding:56px 0 80px}.panel{padding:26px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.hi,.js .rv{opacity:1!important;transform:none!important}.arcs path{stroke-dashoffset:0}}
.sp{position:absolute;left:0;bottom:-1px;height:3px;width:0;background:#8CC63F}
.g2{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;margin-top:48px;align-items:start}
.qz{background:var(--surf);border:1px solid var(--line);border-top:4px solid var(--aub);border-radius:14px;padding:32px;min-height:370px}
.qz .pr{height:6px;background:var(--line);border-radius:3px;margin-bottom:22px;overflow:hidden}.qz .pr i{display:block;height:100%;background:#8CC63F;border-radius:3px}
.qz h3{font-size:24px;margin:10px 0 22px}
.qz .o{display:block;width:100%;text-align:left;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:14px 18px;border-radius:10px;margin-bottom:10px;font:500 16px Inter,Arial,sans-serif;cursor:pointer;transition:.3s}
.qz .o:hover{border-color:var(--mul);transform:translateX(6px)}
.qz .res{text-align:center;padding-top:14px;animation:fd .8s both}
.qz .big{font:400 clamp(36px,5vw,54px)/1.1 Georgia,serif;color:var(--head);margin:12px 0 14px}
.qz .btn{margin:14px 6px 0}.qz .gh{color:var(--head);border-color:var(--line)}
.fc{perspective:1200px;height:320px;cursor:pointer}
.cd{position:relative;width:100%;height:100%;transition:transform .9s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}
.fc.fl .cd{transform:rotateY(180deg)}
.fc .f,.fc .b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;padding:32px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.fc .f{background:#4A1D6E;color:#F7F3EA}.fc .f h3{color:#F7F3EA;font-size:clamp(28px,3.4vw,38px)}.fc .f .eb{color:#D9CCE6;margin-bottom:14px}
.fc .b{background:#F7F3EA;color:#1B1024;transform:rotateY(180deg);border:2px solid #8CC63F}.fc .b p{margin-top:10px}.fc .b em{color:#7A3E9D}
.nx{margin-top:16px;background:none;border:1px solid var(--line);color:var(--head);border-radius:999px;padding:11px 20px;cursor:pointer;font:700 13px Inter,Arial,sans-serif;transition:.3s}.nx:hover{background:var(--lime);color:#1B1024;border-color:var(--lime)}
.mf{position:relative;max-width:980px;margin:0 auto;background:radial-gradient(700px 360px at 85% 0%,#6a2d96 0%,transparent 70%),#4A1D6E;border-radius:22px;padding:clamp(28px,5vw,56px);color:#F7F3EA;overflow:hidden;box-shadow:0 40px 80px -40px rgba(74,29,110,.7)}
.mf .eb{color:#8CC63F}
.mf h2{color:#F7F3EA;font-weight:700;font-size:clamp(30px,4.4vw,48px);margin:12px 0 30px}
.mf .qm{position:absolute;top:18px;right:34px;font:400 150px/1 Georgia,serif;color:#8CC63F;opacity:.85;animation:fl 7s ease-in-out infinite}
.mf .bq{position:relative;padding-left:30px}
.mf .bq::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#8CC63F;border-radius:2px;transform:scaleY(0);transform-origin:top;transition:transform 1.4s .3s cubic-bezier(.4,0,.2,1)}
.mf.in .bq::before{transform:scaleY(1)}
.mf .bq p{font-style:italic;font-size:clamp(16px,1.9vw,19px);line-height:1.8;color:#F7F3EA;margin:0 0 20px}
.mf .sg{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(217,204,230,.25)}
.mf .sg b{display:block;font:italic 700 24px Georgia,serif;color:#8CC63F}
.mf .sg span{color:#D9CCE6;font-size:14px}
.mf .sg img{height:46px}
@media(max-width:860px){.g2{grid-template-columns:1fr}}