:root{--bg:#0d0a1f;--bg2:#17123a;--ink:#f4f2ff;--mut:#a9a4d0;--lime:#c8ff3d;--vio:#7a4dff;--pink:#ff4d8d;--card:rgba(255,255,255,.06);--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}body.zyro{margin:0;background:var(--bg);color:var(--ink);font-family:'Sora',sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit}.zy-wrap{max-width:900px;margin:100px auto;padding:0 20px}
.zy-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;backdrop-filter:blur(14px);background:rgba(13,10,31,.6);border-bottom:1px solid var(--line)}
.zy-nav nav{display:flex;gap:20px;align-items:center}.zy-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}.zy-nav li a{text-decoration:none;color:var(--mut)}
.zy-logo{font:800 1.6rem 'Bricolage Grotesque';text-decoration:none}.zy-logo span{color:var(--lime);font-size:.8rem;margin-left:6px;font-weight:500}
.zy-btn{display:inline-block;border:0;cursor:pointer;font:700 1rem 'Sora';color:#10002b;background:linear-gradient(120deg,var(--lime),#6dffb0);padding:15px 34px;border-radius:50px;text-decoration:none;animation:pulse 2.4s infinite;transition:transform .2s}
.zy-btn:hover{transform:translateY(-3px) scale(1.04)}.zy-btn.sm{padding:9px 20px;font-size:.85rem}.zy-btn.ghost{background:none;color:var(--ink);border:1px solid var(--line);animation:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(200,255,61,.6)}70%,100%{box-shadow:0 0 0 18px rgba(200,255,61,0)}}
.zy-hero{position:relative;min-height:100vh;display:grid;place-items:center;text-align:center;padding:120px 6vw 60px;background:radial-gradient(circle at 50% 0,var(--bg2),var(--bg) 70%);overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:float 9s ease-in-out infinite}
.o1{width:380px;height:380px;background:var(--vio);top:5%;left:-5%}.o2{width:300px;height:300px;background:var(--pink);bottom:5%;right:0;animation-delay:-3s}.o3{width:200px;height:200px;background:var(--lime);top:40%;right:30%;opacity:.25;animation-delay:-6s}
@keyframes float{50%{transform:translate(40px,-50px) scale(1.15)}}
.zy-hero-in{position:relative;max-width:820px}
.zy-title{font:800 clamp(2.8rem,9vw,6.5rem)/1 'Bricolage Grotesque';margin:0 0 24px}.zy-title span{display:block;opacity:0;transform:translateY(60px) skewY(4deg);animation:rise .9s cubic-bezier(.2,.9,.2,1) forwards}.zy-title span:nth-child(2){animation-delay:.25s}
.zy-title .g{background:linear-gradient(90deg,var(--lime),var(--pink),var(--vio),var(--lime));background-size:300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise .9s .25s forwards,shine 5s linear infinite}
@keyframes rise{to{opacity:1;transform:none}}@keyframes shine{to{background-position:300%}}
.zy-hero p{color:var(--mut);font-size:1.15rem;max-width:560px;margin:0 auto 32px}
.zy-stats{display:flex;justify-content:center;gap:40px;margin-top:50px;flex-wrap:wrap}.zy-stats div{color:var(--mut);font-size:.85rem}.zy-stats b{display:block;font:800 2.6rem 'Bricolage Grotesque';color:var(--lime)}
.zy-sec{padding:80px 5vw;display:flex;justify-content:center}
.zyro-app{width:100%;max-width:760px;background:var(--bg2);border:1px solid var(--line);border-radius:28px;padding:clamp(22px,5vw,46px);position:relative;box-shadow:0 0 60px rgba(122,77,255,.3);animation:glow 4s ease-in-out infinite alternate}
@keyframes glow{to{box-shadow:0 0 90px rgba(200,255,61,.22)}}
.zy-bar{height:6px;border-radius:9px;background:var(--line);margin-bottom:28px;overflow:hidden}.zy-bar i{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--vio),var(--lime));transition:width .5s}
.zy-step{display:none;animation:slide .5s}.zy-step.on{display:block}@keyframes slide{from{opacity:0;transform:translateX(40px)}}
.zy-step h2{font:800 1.9rem 'Bricolage Grotesque';margin:0 0 4px}.zy-step>p{color:var(--mut);margin:0 0 22px}
.zy-f{display:grid;gap:16px;grid-template-columns:1fr 1fr}.zy-f .full{grid-column:1/-1}
label.l{display:block;font-size:.85rem;color:var(--mut);margin-bottom:6px}
.zyro-app input[type=text],.zyro-app input[type=number],.zyro-app select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.3);color:var(--ink);font:inherit;outline:0;transition:.25s}
.zyro-app input:focus,.zyro-app select:focus{border-color:var(--lime);box-shadow:0 0 0 4px rgba(200,255,61,.15)}.zyro-app option{background:#17123a}
.zy-bad{border-color:var(--pink)!important;animation:shake .4s}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.zy-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.zy-opts.s{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}
.zy-opts label{cursor:pointer;position:relative}.zy-opts input{position:absolute;opacity:0}
.zy-opts span{display:block;padding:16px 12px;border:1px solid var(--line);border-radius:16px;text-align:center;font-size:.92rem;transition:.25s;background:rgba(0,0,0,.2)}
.zy-opts span small{display:block;color:var(--mut);font-size:.75rem}
.zy-opts label:hover span{transform:translateY(-4px);border-color:var(--vio)}.zy-opts input:checked+span{background:linear-gradient(135deg,rgba(122,77,255,.5),rgba(200,255,61,.25));border-color:var(--lime);box-shadow:0 8px 30px rgba(122,77,255,.4)}
.zy-opts input:focus-visible+span{outline:2px solid var(--lime)}
input[type=range]{width:100%;accent-color:var(--lime)}.zy-rv{font:800 1.4rem 'Bricolage Grotesque';color:var(--lime)}
.zy-nav2{display:flex;justify-content:space-between;margin-top:30px;gap:12px}
.zy-res h2{font:800 2.2rem 'Bricolage Grotesque';margin:0}.zy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}
.zy-card{background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:18px;padding:16px;animation:rise .6s both}.zy-card b{display:block;font:800 1.9rem 'Bricolage Grotesque';color:var(--lime)}.zy-card small{color:var(--mut)}
.zy-warn{border-left:4px solid var(--pink);background:rgba(255,77,141,.1);border-radius:14px;padding:16px 18px;margin:18px 0}.zy-warn h4{margin:0 0 8px;color:var(--pink)}.zy-warn ul,.zy-box ul{margin:6px 0 0;padding-left:18px;color:#ddd8ff}
.zy-box{border:1px solid var(--line);border-radius:16px;padding:16px;margin:14px 0}.zy-box h4{margin:0 0 8px;color:var(--lime)}.zy-box p{margin:4px 0;font-size:.92rem}
.zy-foot{text-align:center;padding:30px;color:var(--mut);border-top:1px solid var(--line)}
@media(max-width:560px){.zy-f{grid-template-columns:1fr}.zy-nav ul{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.zy-title span{opacity:1;transform:none}}