/* Việt Corel: match the live VEO4U midnight / violet / orange direction. */
:root{--paper:#080b21;--ink:#f4f2ff;--muted:#bac3de;--purple:#b999ff;--frame:clamp(16px,4vw,70px)}
body{background:radial-gradient(ellipse at 15% 0,#3c236733,transparent 35%),#080b21;color:var(--ink)}
header{height:86px;background:#0c1029ed;border-bottom:1px solid #8274b840;box-shadow:0 8px 30px #0003;backdrop-filter:blur(14px)}
.brand{color:#eee7ff;font-size:20px}.brand span{color:#a8b7d5}.brand img{transition:transform .3s}.brand:hover img{transform:rotate(-8deg) scale(1.08)}
nav{gap:10px}nav>a{padding:10px 16px;border-radius:30px;color:#d1d7ec;transition:background .2s,color .2s}nav>a:hover{background:#59408455;color:white}
.wrap{max-width:1560px;padding-inline:var(--frame)}
.hero.wrap{width:calc(100% - 2 * var(--frame));max-width:1420px;margin:30px auto;padding:clamp(25px,3.5vw,60px);gap:40px;border:1px solid #8179b44d;border-radius:24px;background:radial-gradient(ellipse at 95% 0,#7037a440,transparent 55%),radial-gradient(ellipse at 0 100%,#098caa22,transparent 45%),#10152e;box-shadow:0 24px 60px #0004;overflow:hidden}
h1{font-size:clamp(36px,4vw,60px);letter-spacing:-1.9px}h1 em{background:linear-gradient(100deg,#ffc36c,#ff825c 55%,#d49aff);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{color:#c2cae1;font-size:16px;line-height:1.85}
.eyebrow{color:#ccb0ff;letter-spacing:1.4px}.hero .eyebrow{display:inline-block;background:#7556a927;border:1px solid #a57ce459;color:#e1ceff;border-radius:30px;padding:7px 12px;font-size:9px;letter-spacing:.7px}
.button{position:relative;overflow:hidden;background:linear-gradient(105deg,#ff9e2e,#ff5e58);color:#fff;border:1px solid #ffbd7b;border-radius:10px;box-shadow:0 5px 18px #ff71483b;transition:transform .2s,box-shadow .2s,filter .2s}
.button::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,#ffffff38,transparent);transform:translateX(-120%);transition:transform .6s;pointer-events:none}
.button:hover{background:linear-gradient(105deg,#ffac41,#ff576f);transform:translateY(-3px);box-shadow:0 0 24px #ff915b60;filter:brightness(1.08)}.button:hover::after{transform:translateX(120%)}.button:active{transform:none}
.textlink{border:1px solid #aa8de27a;border-radius:10px;padding:13px 17px;background:#60409d35;color:#efe8ff;transition:background .2s,transform .2s}.textlink:hover{background:#7958b955;transform:translateY(-2px)}
.facts{border-color:#9595c329;color:#d5dbf0;flex-wrap:wrap;gap:8px}.facts span{background:#69689920;padding:6px 10px;border:1px solid #9288c13b;border-radius:6px}.facts span:nth-child(2){color:#8be2ed}.facts span:nth-child(3){color:#ffd097}
.hero-art{transform:none;background:#11182a;border:1px dashed #9d83ce77;box-shadow:0 16px 35px #0004;transition:transform .35s,border-color .35s}.hero-art:hover{transform:translateY(-4px);border-color:#dabaff}.hero-art img{max-height:520px}.figurebar{color:#a7b5d1}.figurebar i:nth-child(1){background:#ff9674}.figurebar i:nth-child(2){background:#dfb0ff}.figurebar i:nth-child(3){background:#62dce8}.hero-art figcaption{color:#bac4df}
.strip{background:linear-gradient(100deg,#201d3f,#35244c,#152f48);border-block:1px solid #aa85d943;color:#e5d9fa;padding-block:18px;font-size:10px}.strip b{color:#ffb375}
.intro{padding-top:65px;padding-bottom:28px;text-align:center}.intro>p:last-child{margin-inline:auto;max-width:650px}.intro h2{font-size:clamp(30px,3.1vw,44px)}
#features.wrap{max-width:1420px;width:calc(100% - 2 * var(--frame));padding:0}
.feature,.feature:nth-child(even){grid-template-columns:1.25fr 1fr;gap:clamp(25px,4vw,65px);padding:32px;margin:0 0 28px;border:1px solid #8179b43d;border-radius:22px;background:radial-gradient(circle at 1px 1px,#9d83ce0c 1px,transparent 1.5px) 0 0/26px 26px,linear-gradient(125deg,#15172f,#0d152d);box-shadow:0 20px 55px #0003;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.feature:nth-child(even){grid-template-columns:1fr 1.25fr;background:radial-gradient(ellipse at 95% 100%,#5e379c1c,transparent 65%),linear-gradient(125deg,#101a30,#1b1531)}
.feature:hover{border-color:#a280d178;box-shadow:0 20px 55px #0005,0 0 25px #7650a812}
.feature .visual{background:#11182a99;border:1px dashed #9d83ce66;border-radius:18px;padding:12px;overflow:hidden;transition:border-color .3s,box-shadow .3s}.feature:nth-child(3n+2) .visual,.feature:nth-child(3n) .visual{background:#11182a99}.visual img{height:450px;transition:transform .4s;filter:drop-shadow(0 8px 12px #0003)}.visual:hover{border-color:#d6b0ff;box-shadow:0 0 28px #8957c327}.visual:hover img{transform:scale(1.02)}.visual small{color:#9dabc9;margin:12px 0 2px}
.number{display:inline-block;background:linear-gradient(105deg,#ff9736,#ff604e);color:white;padding:8px 25px 8px 13px;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);border-radius:5px;font-size:10px;letter-spacing:.8px;box-shadow:0 5px 18px #ff7c3220}
.feature h2{font-size:clamp(28px,2.6vw,38px);line-height:1.3;color:#fff;margin-top:23px}.feature p{font-size:15px;line-height:1.9;color:#c4c7de}.tags{gap:8px}.tags span{border-color:#9c80c555;background:#6d4ca52b;color:#dfcff7;transition:background .2s,transform .2s}.tags span:hover{background:#7351a95c;transform:translateY(-2px)}
.feature-cta{margin-top:24px;padding:16px;border:1px solid #ffad7655;border-left:3px solid #ffad76;background:linear-gradient(100deg,#ff883116,#b33eff18,#34cce612);border-radius:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.feature-cta span{font-size:12px;color:#e6e3f7;flex:1}.feature-cta .button{font-size:12px;padding:10px 15px}
.workflow.wrap{padding-block:60px}.workflow h2{font-size:36px}.steps{gap:22px}.steps article{background:linear-gradient(135deg,#252745,#151d38);border:1px solid #7485ca55;border-top:2px solid #a977ef;padding:25px;border-radius:16px;transition:transform .3s,box-shadow .3s}.steps article:nth-child(2){border-top-color:#24b9e4}.steps article:nth-child(3){border-top-color:#ffa35c}.steps article:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0004}.steps b{font-size:34px;color:#cba7ff}.steps article:nth-child(2) b{color:#76d4ec}.steps article:nth-child(3) b{color:#ffb77c}.steps h3{font-size:20px}.steps p{font-size:13px}
.purchase.wrap{max-width:1420px;width:calc(100% - 2 * var(--frame));margin:24px auto;padding:clamp(25px,4vw,65px);gap:50px;background:radial-gradient(ellipse at 0 0,#91406935,transparent 60%),linear-gradient(130deg,#231c39,#101c32);border:1px solid #9d79b766;border-radius:24px;box-shadow:0 20px 50px #0004}.purchase .eyebrow{color:#ffc890}.purchase .price{color:#ffd28c!important;text-shadow:0 0 28px #ffb04e30}.purchase .note{color:#b9bfd4}.checkout{background:linear-gradient(145deg,#30223e,#171c34);color:#f3effc;border:1px solid #d399715e;border-top:3px solid #ffb36b;box-shadow:0 15px 30px #0003}.checkout p{color:#c3c8dc}.checkout .eyebrow{color:#ffca8a}.checkout input{background:#10172a;color:#f1f3ff;border-color:#77648e;font-size:12px;transition:border-color .2s,box-shadow .2s}.checkout input:focus{outline:0;border-color:#dfb0ff;box-shadow:0 0 0 3px #a66ce329}.checkout input::placeholder{color:#939bb7}.checkout #qr{background:white;border-radius:12px;padding:8px}.copyrow button{background:#705097;color:white;border:1px solid #aa8bce;padding:8px}.copyrow button:hover{background:#8a63b9}.checkout #status{background:#37687129;color:#b8eaf0;border:1px solid #5999a34d}.checkout #payment-error{color:#ffa4af}dt{color:#a6b3cf}dd{color:#edf0ff}
.faq.wrap{padding-block:60px}.faq details{max-width:none;background:linear-gradient(110deg,#1c2039,#141c31);border:1px solid #767ba544;padding:20px 25px;margin-bottom:12px;border-radius:12px;transition:background .25s,border-color .25s}.faq summary{color:#e7defa}.faq details:hover,.faq details[open]{background:#28233e;border-color:#aa86d380}.faq details p{color:#c4c7de}
footer{border-color:#8b79b844;color:#aab7d4}footer .brand{color:#d9c4ff}footer>a:last-child{color:#ffbd80}footer>a:last-child:hover{color:white}
:focus-visible{outline:3px solid #76dfea;outline-offset:4px}
@media(max-width:900px){.hero.wrap{grid-template-columns:1fr}.hero-art img{max-height:480px}.feature,.feature:nth-child(even){gap:25px;padding:24px}.feature h2{font-size:28px}.visual img{height:380px}.steps{gap:14px}.steps article{padding:20px}.purchase.wrap{gap:28px}}
@media(max-width:760px){header{height:78px}.brand{font-size:15px}nav{gap:0}nav .small{font-size:10px;padding:10px}.hero.wrap{margin-block:18px;padding:24px}.hero .eyebrow{font-size:8px}h1{font-size:38px}.hero-art img{max-height:420px}.strip{font-size:9px;letter-spacing:1px;flex-wrap:wrap}.intro{padding-top:40px}.feature,.feature:nth-child(even){grid-template-columns:1fr;margin-bottom:18px;padding:20px}.feature:nth-child(even) .visual{order:0}.visual img{height:360px}.feature h2{font-size:28px}.feature p{font-size:14px}.workflow.wrap{padding-block:40px}.workflow h2{font-size:29px}.purchase.wrap{grid-template-columns:1fr;padding:24px}.checkout{padding:20px}.actions{gap:12px;flex-wrap:wrap}.feature-cta{padding:12px}.faq.wrap{padding-block:40px}.faq details{padding:17px}.hero .facts{font-size:9px}}
@media(hover:none){.hero-art:hover,.visual:hover img,.steps article:hover,.button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art:hover,.visual:hover img,.steps article:hover,.button:hover,.brand:hover img,.tags span:hover,.textlink:hover{transform:none}}