@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap");:root{--bg:#f4f8ff;--bg2:#eaf2ff;--bg3:#def;--surface:#fff;--surface2:#f8faff;--border:rgba(0,80,180,.1);--border2:rgba(0,80,180,.16);--navy:#0c2a72;--navy2:#1a3a8f;--gray:#f1f5f9;--gray2:#e2e8f0;--teal:#00a8c0;--cyan:#14b8c8;--lime:#65a30d;--blue:#1a6fff;--blue2:#0058e8;--orange:#fe5f01;--orange2:#e54e00;--grad-teal:linear-gradient(155deg,#00c7de,#1a8cff 54.9%,#0071f2);--grad-lime:linear-gradient(135deg,#84cc16,#06b6d4);--grad-dark:linear-gradient(135deg,#f4f8ff,#def);--text:#0c1a2e;--text2:rgba(12,26,46,.68);--text3:rgba(12,26,46,.42);--green:#16a34a;--red:#dc2626;--yellow:#d97706;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--shadow:0 2px 16px rgba(0,80,180,.08);--shadow-lg:0 8px 40px rgba(0,80,180,.12);--shadow-xl:0 20px 60px rgba(0,80,180,.15);--nav-h:68px;--counter-h:40px;--header-h:108px;--max-w:1200px;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}*{max-width:100%}h1{font-size:clamp(2rem,5.5vw,4.5rem);font-weight:900;line-height:1.1;letter-spacing:-.5px}h2{font-size:clamp(1.75rem,4vw,3rem);font-weight:800;line-height:1.2;letter-spacing:-.3px}h3{font-size:1.25rem;font-weight:700}p{line-height:1.7}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px;width:100%}.section{padding:100px 0}.section-sm{padding:64px 0}.text-teal{color:var(--teal)}.text-lime{color:var(--lime)}.text-orange{color:var(--orange)}.grad-text{background:var(--grad-teal);-webkit-background-clip:text;background-clip:text}.grad-text,.grad-text-lime{-webkit-text-fill-color:transparent}.grad-text-lime{background:var(--grad-lime);-webkit-background-clip:text;background-clip:text}.grad-text-orange{background:linear-gradient(135deg,var(--orange),#ff9a3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-full);font-size:15px;font-weight:700;border:none;font-family:inherit;text-decoration:none;white-space:nowrap;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden;cursor:pointer}.btn-teal{background:var(--grad-teal);color:#fff;box-shadow:0 4px 20px rgba(0,199,222,.4)}.btn-teal:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,199,222,.5)}.btn-lime{background:var(--lime);color:#000;box-shadow:0 4px 20px rgba(204,244,86,.3)}.btn-lime:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-orange{background:var(--orange);color:#fff;box-shadow:0 4px 20px rgba(254,95,1,.4)}.btn-orange:hover{background:var(--orange2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(254,95,1,.5)}.btn-navy{background:var(--navy);color:#fff;box-shadow:0 4px 16px rgba(12,42,114,.3)}.btn-navy:hover{background:var(--navy2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(12,42,114,.4)}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 4px 20px rgba(254,95,1,.4)}.btn-primary:hover{background:var(--orange2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(254,95,1,.5)}.btn-outline{background:transparent;color:var(--teal);border:1.5px solid var(--teal)}.btn-outline:hover{background:rgba(0,168,192,.08)}.btn-glass{background:rgba(0,80,180,.05);color:var(--text);border:1px solid var(--border2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-glass:hover{background:rgba(0,80,180,.1)}.btn-sm{padding:8px 20px;font-size:13px}.btn-lg{padding:15px 36px;font-size:16px}.btn-xl{padding:18px 44px;font-size:17px}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.1);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.btn-ripple:hover:after{transform:scaleX(1)}.card{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border2);border-radius:var(--radius-lg);padding:28px;transition:var(--transition);position:relative;overflow:hidden}.card:hover{border-color:rgba(0,199,222,.3);box-shadow:var(--shadow-lg)}.card-solid{background:#fff;border:1px solid var(--border2);border-radius:var(--radius-lg);padding:28px;transition:var(--transition)}.card-solid:hover{border-color:rgba(0,150,180,.35)}.float-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,150,200,.18);border-radius:var(--radius-lg);padding:18px 22px;box-shadow:0 8px 40px rgba(0,80,180,.15)}.badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;background:rgba(0,199,222,.1);color:var(--teal);border:1px solid rgba(0,199,222,.25);letter-spacing:.3px;margin-bottom:18px}.badge-lime{background:rgba(101,163,13,.1);color:var(--lime);border-color:rgba(101,163,13,.25)}.badge-orange{background:rgba(254,95,1,.1);color:var(--orange);border-color:rgba(254,95,1,.25)}.badge-navy{background:rgba(12,42,114,.08);color:var(--navy);border-color:rgba(12,42,114,.2)}.badge-white{background:hsla(0,0%,100%,.12);color:#fff;border-color:hsla(0,0%,100%,.3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.section-header{text-align:center;margin-bottom:72px}.section-header p{color:var(--text2);font-size:17px;margin-top:14px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.75}.nav-link{font-size:14px;font-weight:500;color:var(--text2);padding:8px 14px;border-radius:8px;transition:var(--transition)}.nav-link:hover{color:var(--text);background:var(--surface2)}.divider{height:1px;background:var(--border)}.divider-glow{height:1px;background:linear-gradient(90deg,transparent,var(--teal),transparent)}.tag{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700}.tag-teal{background:rgba(0,199,222,.1);color:var(--teal)}.tag-lime{background:rgba(204,244,86,.1);color:var(--lime)}.tag-orange{background:rgba(254,95,1,.1);color:var(--orange)}.tag-green{background:rgba(0,230,118,.1);color:var(--green)}.form-label{display:block;font-weight:600;font-size:13px;color:var(--text2);margin-bottom:7px;text-transform:uppercase;letter-spacing:.4px}.form-input{width:100%;padding:12px 16px;background:#fff;border:1px solid var(--border2);border-radius:var(--radius-sm);font-size:15px;color:var(--text);font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,180,210,.12)}.form-input::placeholder{color:var(--text3)}.form-group{margin-bottom:18px}.form-error{font-size:13px;color:var(--red);margin-top:5px}.alert{border-radius:var(--radius-sm);padding:13px 18px;font-size:14px;line-height:1.65}.alert-success{background:rgba(0,230,118,.06);border:1px solid rgba(0,230,118,.2);color:#00e676}.alert-error{background:rgba(255,69,96,.06);border:1px solid rgba(255,69,96,.2);color:#ff4560}.alert-warning{background:rgba(255,180,0,.06);border:1px solid rgba(255,180,0,.2);color:#ffb400}.alert-info{background:rgba(0,199,222,.06);border:1px solid rgba(0,199,222,.2);color:var(--teal)}.accordion{border-bottom:1px solid var(--border)}.accordion-trigger{width:100%;padding:20px 0;background:none;border:none;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;color:var(--text2);cursor:pointer;font-family:inherit;text-align:left;transition:color .2s}.accordion-trigger:hover{color:var(--text)}.accordion-trigger .icon{color:var(--teal);font-size:20px;transition:transform .3s;flex-shrink:0}.accordion-trigger[aria-expanded=true]{color:var(--text)}.accordion-trigger[aria-expanded=true] .icon{transform:rotate(45deg)}.accordion-body{padding:0 0 20px;font-size:14.5px;color:var(--text2);line-height:1.75;animation:fadeIn .25s ease}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity .7s ease,transform .7s ease}.reveal-left.visible{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(30px);transition:opacity .7s ease,transform .7s ease}.reveal-right.visible{opacity:1;transform:translateX(0)}.stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stagger.visible>:first-child{transition-delay:0ms}.stagger.visible>:nth-child(2){transition-delay:80ms}.stagger.visible>:nth-child(3){transition-delay:.16s}.stagger.visible>:nth-child(4){transition-delay:.24s}.stagger.visible>:nth-child(5){transition-delay:.32s}.stagger.visible>:nth-child(6){transition-delay:.4s}.stagger.visible>*{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(0,199,222,.3)}50%{box-shadow:0 0 40px rgba(0,199,222,.6)}}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes arcRotate{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.4}}@keyframes rippleAnim{to{transform:scale(4);opacity:0}}@keyframes starTwinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes lineGrow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes progressLoad{0%{width:0}to{width:95%}}.animate-float{animation:float 5s ease-in-out infinite}.animate-floatSlow{animation:floatSlow 7s ease-in-out infinite}.animate-blink{animation:blink 1.5s step-end infinite}.animate-glowPulse{animation:glowPulse 2.5s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.text-center{text-align:center}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.gap-4{gap:16px}.gap-6{gap:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.w-full{width:100%}.relative{position:relative}.overflow-hidden{overflow:hidden}.spinner{width:18px;height:18px;border:2.5px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.step-bar{margin-bottom:40px}.step-bar,.step-item{display:flex;align-items:center}.step-item{flex:1 1}.step-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;transition:var(--transition);border:2px solid var(--border2);background:var(--surface);color:var(--text3)}.step-circle.active{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 0 16px rgba(0,199,222,.4)}.step-circle.done{background:var(--lime);border-color:var(--lime);color:#000}.step-line{flex:1 1;height:2px;background:var(--border);transition:background .3s;margin:0 4px}.step-line.done{background:var(--teal)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px}.choice-card{border:1.5px solid var(--border2);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:var(--transition);text-align:left;background:var(--surface);font-family:inherit;width:100%;color:var(--text)}.choice-card:hover{border-color:rgba(0,199,222,.4);background:rgba(0,199,222,.05)}.choice-card.selected{border-color:var(--teal);background:rgba(0,199,222,.08);box-shadow:0 0 0 1px var(--teal)}.choice-card .choice-icon{font-size:22px;margin-bottom:8px}.choice-card .choice-title{font-size:14px;font-weight:700}.choice-card .choice-desc{font-size:12px;color:var(--text2);margin-top:3px;line-height:1.4}.toast{position:fixed;bottom:28px;right:28px;z-index:9999;background:#0c2a72;color:#fff;padding:12px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;box-shadow:var(--shadow-xl);animation:slideDown .3s ease;border:1px solid hsla(0,0%,100%,.15);max-width:320px}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(45deg);animation:scrollBounce 1.5s ease-in-out infinite}.glow-line-h{height:1px;background:linear-gradient(90deg,transparent,var(--teal),transparent)}.glow-line-v{width:1px;background:linear-gradient(180deg,transparent,var(--teal),transparent)}.arc-wrap{position:absolute;bottom:-10%;left:50%;transform:translateX(-50%);width:min(900px,100vw);aspect-ratio:1;pointer-events:none}.arc-circle{position:absolute;inset:0;border-radius:50%}.arc-circle:first-child{background:radial-gradient(ellipse at 50% 100%,rgba(0,199,222,.18) 0,transparent 60%)}.arc-circle:nth-child(2){inset:6%;background:radial-gradient(ellipse at 50% 100%,rgba(53,231,233,.12) 0,transparent 60%)}.arc-circle:nth-child(3){inset:12%;background:radial-gradient(ellipse at 50% 100%,rgba(204,244,86,.06) 0,transparent 60%)}.arc-glow{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,var(--cyan) 0,var(--teal) 40%,transparent 70%);box-shadow:0 0 60px 20px rgba(0,199,222,.5);animation:glowPulse 3s ease-in-out infinite}.feature-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;background:rgba(0,199,222,.08);border:1px solid rgba(0,199,222,.15);transition:var(--transition)}.card:hover .feature-icon{background:rgba(0,199,222,.15);transform:scale(1.08) rotate(-3deg);box-shadow:0 0 20px rgba(0,199,222,.2)}.stat-number{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1;background:var(--grad-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:13px;color:var(--text2);margin-top:6px;font-weight:500}.grid-bg{background-image:linear-gradient(rgba(0,80,200,.06) 1px,transparent 0),linear-gradient(90deg,rgba(0,80,200,.06) 1px,transparent 0);background-size:60px 60px}.testimonial-card{transition:var(--transition)}.testimonial-card:hover{transform:translateY(-6px);border-color:rgba(0,199,222,.3)}.plan-card{transition:var(--transition)}.plan-card:hover{transform:translateY(-6px)}.plan-card.recommended{border-color:var(--teal)!important;box-shadow:0 0 40px rgba(0,199,222,.15)}.check-list{list-style:none}.check-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:14px;color:var(--text2);border-bottom:1px solid var(--border)}.check-list li:last-child{border-bottom:none}.check-list .check{color:var(--teal);flex-shrink:0;font-weight:800;margin-top:2px}.check-list .cross{color:var(--text3);flex-shrink:0;margin-top:2px}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.section{padding:72px 0}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section,.section-sm{padding:56px 0}.section-header{margin-bottom:48px}.container{padding:0 16px}h1{font-size:clamp(1.75rem,7vw,2.5rem)}h2{font-size:clamp(1.5rem,5vw,2rem)}.hide-mobile{display:none!important}.arc-wrap{width:100vw}}@media (min-width:769px){.hide-desktop{display:none!important}}@media (prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.stagger>*{opacity:1!important;transform:none!important}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}