.lang-hint{z-index:1001;color:#fff;text-align:center;background:#0f0c29eb;margin:0;padding:8px 24px;font-size:13px;position:relative}.lang-hint a{color:#5eead4;margin-left:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--text-1);background:var(--bg-page);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:root{--c-primary:#6366f1;--c-primary-dark:#4f46e5;--c-primary-light:#818cf8;--c-violet:#8b5cf6;--c-accent:#ec4899;--c-green:#10b981;--c-amber:#f59e0b;--c-red:#ef4444;--g-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--g-hero:linear-gradient(135deg, #0f0c29 0%, #302b63 45%, #24243e 100%);--g-accent:linear-gradient(135deg, #ec4899 0%, #f59e0b 100%);--text-1:#111827;--text-2:#374151;--text-3:#6b7280;--text-4:#9ca3af;--bg-page:#fff;--bg-soft:#f9fafb;--bg-light:#f3f4f6;--border:#e5e7eb;--shadow-xs:0 1px 4px #00000012;--shadow-sm:0 2px 8px #00000017;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 48px #00000026;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px}.gradient-text{background:var(--g-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-accent{background:var(--g-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:96px 0}.section-header{text-align:center;margin-bottom:64px}.section-tag{color:var(--c-primary);background:#6366f114;border-radius:50px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.section-title{color:var(--text-1);margin-bottom:14px;font-size:clamp(26px,3.5vw,40px);font-weight:800;line-height:1.2}.section-desc{color:var(--text-3);max-width:560px;margin:0 auto;font-size:17px;line-height:1.75}.btn{white-space:nowrap;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex}.btn-lg{padding:16px 36px;font-size:17px}.btn-primary{background:var(--g-primary);color:#fff;box-shadow:0 4px 18px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f180}.btn-outline{color:var(--c-primary);border:2px solid var(--c-primary);background:0 0}.btn-outline:hover{background:var(--c-primary);color:#fff;transform:translateY(-2px)}.btn-white{color:var(--c-primary-dark);box-shadow:var(--shadow-md);background:#fff}.btn-white:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-ghost-white{color:#ffffffe6;background:#ffffff1f;border:1.5px solid #ffffff40}.btn-ghost-white:hover{background:#fff3;transform:translateY(-2px)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.reveal-d5{transition-delay:.5s}@media (width<=768px){section{padding:64px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.navbar{z-index:1000;padding:0 24px;transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;box-shadow:0 1px 20px #00000012}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;display:flex}.nav-logo{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.navbar.scrolled .nav-logo{color:var(--text-1)}.logo-box{background:var(--g-primary);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-box svg{fill:#fff;width:20px;height:20px}.nav-links{align-items:center;gap:2px;list-style:none;display:flex}.nav-links a{color:#fffc;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s;display:block}.navbar.scrolled .nav-links a{color:var(--text-3)}.nav-links a:hover{color:#fff;background:#ffffff1a}.navbar.scrolled .nav-links a:hover{color:var(--c-primary);background:#0d948812}.nav-links a.active{color:#fff;background:#ffffff1f;font-weight:600}.navbar.scrolled .nav-links a.active{color:var(--c-primary);background:#0d948814;font-weight:700}.nav-right{align-items:center;gap:6px;display:flex}.lang-switcher{position:relative}.lang-btn{color:#ffffffd9;border-radius:8px;align-items:center;gap:4px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .2s,color .2s;display:flex}.navbar.scrolled .lang-btn{color:var(--text-3)}.lang-btn:hover{background:#ffffff1a}.navbar.scrolled .lang-btn:hover{background:var(--bg-light);color:var(--text-1)}.lang-btn svg{fill:currentColor;flex-shrink:0;width:18px;height:18px}.lang-btn .lang-caret{width:14px;height:14px;transition:transform .2s}.lang-switcher.open .lang-caret{transform:rotate(180deg)}.lang-current{white-space:nowrap}.lang-menu{z-index:1100;border-radius:var(--r-md);border:1px solid var(--border);min-width:168px;max-height:60vh;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;background:#fff;margin:0;padding:6px;list-style:none;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;transform:translateY(-6px)}.lang-switcher.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{text-align:left;width:100%;color:var(--text-2);border-radius:var(--r-sm);padding:9px 12px;font-size:14px;transition:background .15s,color .15s;display:block}.lang-option:hover{background:var(--bg-light);color:var(--c-primary)}.lang-option.active{color:var(--c-primary);background:#0d948812;font-weight:600}.nav-actions{align-items:center;gap:10px;display:flex}.nav-user{align-items:center;display:flex}.nav-login{color:#ffffffd9;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.navbar.scrolled .nav-login{color:var(--text-3)}.nav-login:hover{background:#ffffff1a}.navbar.scrolled .nav-login:hover{background:var(--bg-light);color:var(--text-1)}.nav-cta{color:var(--c-primary-dark);box-shadow:var(--shadow-sm);background:#fff;border-radius:50px;padding:9px 20px;font-size:14px;font-weight:600;transition:all .2s}.navbar.scrolled .nav-cta{background:var(--g-primary);color:#fff}.nav-cta:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.nav-hamburger{color:#ffffffd9;border-radius:8px;padding:8px;transition:background .2s;display:none}.navbar.scrolled .nav-hamburger{color:var(--text-2)}.nav-hamburger:hover{background:#ffffff1a}.navbar.scrolled .nav-hamburger:hover{background:var(--bg-light)}.nav-hamburger svg{fill:currentColor;width:22px;height:22px}.mobile-menu{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);border-top:1px solid var(--border);background:#fffffff7;padding:16px 24px 24px;display:none;position:fixed;top:70px;left:0;right:0}.mobile-menu.open{display:block}.mobile-menu ul{list-style:none}.mobile-menu ul li a{color:var(--text-2);border-radius:var(--r-sm);padding:13px 16px;font-size:15px;font-weight:500;transition:background .2s;display:block}.mobile-menu ul li a:hover{background:var(--bg-light);color:var(--c-primary)}.mobile-menu-actions{border-top:1px solid var(--border);gap:12px;margin-top:16px;padding-top:16px;display:flex}.mobile-menu-actions .btn{flex:1;justify-content:center}@media (width<=768px){.nav-links,.nav-actions{display:none!important}.nav-hamburger{display:flex!important}}footer{color:#ffffff8c;background:#09090f;padding:64px 0 0}.footer-grid{border-bottom:1px solid #ffffff0f;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px;display:grid}.foot-logo{color:#fff;align-items:center;gap:10px;margin-bottom:16px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.foot-tagline{color:#fff6;max-width:240px;margin-bottom:24px;font-size:14px;line-height:1.75}.foot-col h4{color:#ffffffb3;text-transform:uppercase;letter-spacing:.6px;margin-bottom:18px;font-size:13px;font-weight:700}.foot-col ul{list-style:none}.foot-col ul li{margin-bottom:11px}.foot-col ul li a{color:#ffffff61;font-size:14px;transition:color .2s}.foot-col ul li a:hover{color:#ffffffbf}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;display:flex}.foot-copy{color:#ffffff40;font-size:13px}.foot-legal{gap:20px;display:flex}.foot-legal a{color:#ffffff40;font-size:13px;transition:color .2s}.foot-legal a:hover{color:#ffffff8c}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;align-items:center}.foot-legal{flex-wrap:wrap;justify-content:center;gap:12px}}.hero{background:var(--g-hero);align-items:center;min-height:100vh;padding-top:70px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(at 25% 35%,#0d94882e 0%,#0000 50%),radial-gradient(at 75% 65%,#0e74901f 0%,#0000 50%);animation:10s ease-in-out infinite alternate heroBg;position:absolute;inset:0}@keyframes heroBg{0%{transform:scale(1)translate(0)}to{transform:scale(1.04)translate(1%,1%)}}.hero-orb-3{background:#ec4899;width:300px;height:300px;top:40%;left:40%}.hero-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid;position:relative}.hero-content{color:#fff}.hero-badge{color:#5eead4;background:#0d948833;border:1px solid #0d948859;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 16px;font-size:13px;font-weight:500;display:inline-flex}.badge-dot{background:#2dd4bf;border-radius:50%;width:6px;height:6px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero h1{margin-bottom:22px;font-size:clamp(30px,4.5vw,54px);font-weight:800;line-height:1.15}.hero h1 em{background:linear-gradient(135deg,#5eead4,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-desc{color:#ffffffad;max-width:480px;margin-bottom:36px;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:12px;display:flex}.hero-hint{color:#ffffff61;margin-bottom:48px;font-size:13px}.hero-stats{border-radius:var(--r-lg);background:#ffffff0f;border:1px solid #ffffff1a;gap:0;display:flex;overflow:hidden}.hero-stat{text-align:center;border-right:1px solid #ffffff14;flex:1;padding:18px 0}.hero-stat:last-child{border-right:none}.hero-stat .num{background:linear-gradient(135deg,#5eead4,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;line-height:1;display:block}.hero-stat .lbl{color:#ffffff73;margin-top:4px;font-size:12px}.hero-visual{position:relative}.product-mockup{background:#042f2e;border-radius:18px;transition:transform .6s;overflow:hidden;transform:perspective(1000px)rotateY(-6deg)rotateX(2deg);box-shadow:0 40px 100px #000000a6,0 0 0 1px #ffffff0f}.product-mockup:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.mock-titlebar{background:#134e4a;align-items:center;gap:7px;padding:11px 14px;display:flex}.mock-titlebar .t{color:#ffffff59;margin:0 auto;padding-right:32px;font-size:12px}.mock-video{background:linear-gradient(160deg,#0d0d20,#1a1a35);justify-content:center;align-items:center;width:100%;height:210px;display:flex;position:relative;overflow:hidden}.mock-video-bg{background:radial-gradient(at 30% 40%,#0d948826,#0000 60%),radial-gradient(at 70% 60%,#0e74901a,#0000 60%);position:absolute;inset:0}.mock-play{z-index:1;background:#0d9488d9;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;box-shadow:0 0 0 8px #0d948833}.mock-play svg{fill:#fff;width:20px;height:20px;margin-left:3px}.mock-subtitle-overlay{z-index:1;text-align:center;color:#fff;background:#000000b8;border-radius:6px;padding:7px 12px;font-size:13px;animation:5s ease-in-out infinite subAnim;position:absolute;bottom:18px;left:16px;right:16px}@keyframes subAnim{0%,25%{opacity:0;transform:translateY(6px)}35%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.mock-controls{background:#1a1a30;padding:10px 14px}.mock-timeline{background:#ffffff14;border-radius:2px;height:3px;margin-bottom:9px;overflow:hidden}.mock-progress{background:var(--g-primary);border-radius:2px;width:38%;height:100%}.mock-ctrl-row{align-items:center;gap:8px;display:flex}.mock-ctrl{background:#ffffff12;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.mock-ctrl svg{fill:#ffffffa6;width:12px;height:12px}.mock-time{color:#fff6;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.mock-panel{background:#111124;border-top:1px solid #ffffff0a;padding:12px 14px}.mock-panel-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px}.mock-sub-row{background:#ffffff05;border-radius:7px;align-items:center;gap:8px;margin-bottom:5px;padding:6px 9px;display:flex}.mock-sub-row.active{background:#0d948824;border:1px solid #0d948838}.mock-tc{color:#ffffff4d;font-variant-numeric:tabular-nums;min-width:75px;font-size:11px}.mock-sub-row.active .mock-tc{color:#2dd4bf}.mock-st{color:#ffffff8c;font-size:13px}.mock-sub-row.active .mock-st{color:#fff}.mock-ai-tag{color:#5eead4;background:#0d948838;border-radius:50px;margin-left:auto;padding:2px 7px;font-size:10px}.float-card{color:var(--text-1);white-space:nowrap;background:#fff;border-radius:13px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;box-shadow:0 8px 30px #0003}.float-card.fc1{animation:4s ease-in-out infinite floatUp;top:-16px;right:-24px}.float-card.fc2{animation:4s ease-in-out .2s infinite floatUp;bottom:32px;right:-32px}.float-card.fc3{animation:4s ease-in-out 1.5s infinite floatUp;bottom:-14px;left:20px}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fc-icon{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.fc-icon--green{background:#d1fae5}.fc-icon--violet{background:#ede9fe}.fc-icon--pink{background:#fce7f3}.fc-text .top{color:var(--text-3);font-size:12px;font-weight:400}.fc-text .bot{font-size:14px;font-weight:700}.pain-section{background:var(--bg-soft)}.pain-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.pain-card{border-radius:var(--r-lg);box-shadow:var(--shadow-xs);border:1px solid var(--border);background:#fff;padding:36px 28px;transition:all .3s;position:relative;overflow:hidden}.pain-card:before{content:"";opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.pain-card:first-child:before{background:linear-gradient(90deg,#ef4444,#f97316)}.pain-card:nth-child(2):before{background:linear-gradient(90deg,#f59e0b,#eab308)}.pain-card:nth-child(3):before{background:linear-gradient(90deg,#0d9488,#0e7490)}.pain-card:hover{box-shadow:var(--shadow-xl);border-color:#0000;transform:translateY(-6px)}.pain-card:hover:before{opacity:1}.pain-emoji{border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;font-size:26px;display:flex}.pain-emoji.red{background:#ef44441a}.pain-emoji.amber{background:#f59e0b1a}.pain-emoji.indigo{background:#0d94881a}.pain-before-label{color:var(--text-4);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.pain-card h3{margin-bottom:10px;font-size:19px;font-weight:700}.pain-card p{color:var(--text-3);margin-bottom:18px;font-size:14px;line-height:1.7}.pain-after{color:var(--c-green);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.pain-after svg{fill:currentColor;width:16px;height:16px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feat-card{border:1px solid var(--border);border-radius:var(--r-lg);background:#fff;padding:32px 26px;transition:all .3s;position:relative;overflow:hidden}.feat-card:hover{box-shadow:var(--shadow-xl);border-color:#0d94884d;transform:translateY(-4px)}.feat-icon{background:var(--g-primary);color:#fff;border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:18px;font-size:24px;display:flex}.feat-card h3{margin-bottom:9px;font-size:17px;font-weight:700}.feat-card p{color:var(--text-3);margin-bottom:16px;font-size:14px;line-height:1.7}.feat-tags{flex-wrap:wrap;gap:6px;display:flex}.feat-tag{background:var(--bg-light);color:var(--text-3);border-radius:50px;padding:3px 10px;font-size:12px}.comparison-section{background:linear-gradient(135deg,#f8f7ff,#f0f4ff)}.comparison-grid{grid-template-columns:1fr auto 1fr;align-items:start;gap:40px;display:grid}.cmp-box{border-radius:var(--r-xl);box-shadow:var(--shadow-lg);background:#fff;overflow:hidden}.cmp-head{justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.cmp-head .lbl{font-size:14px;font-weight:700}.cmp-head .time{border-radius:50px;padding:4px 11px;font-size:13px;font-weight:600}.cmp-box.before .cmp-head{color:#dc2626;background:#fef2f2}.cmp-box.before .cmp-head .time{background:#fca5a5}.cmp-box.after .cmp-head{color:#16a34a;background:#f0fdf4}.cmp-box.after .cmp-head .time{background:#bbf7d0}.cmp-body{padding:8px 0}.cmp-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 22px;display:flex}.cmp-row:last-child{border-bottom:none}.cmp-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:7px}.cmp-box.before .cmp-dot{background:var(--c-red)}.cmp-box.after .cmp-dot{background:var(--c-green)}.cmp-row p{color:var(--text-3);font-size:14px;line-height:1.55}.cmp-row .t{white-space:nowrap;margin-left:auto;padding-left:12px;font-size:13px;font-weight:700}.cmp-box.before .cmp-row .t{color:var(--c-red)}.cmp-box.after .cmp-row .t{color:var(--c-green)}.cmp-middle{flex-direction:column;align-items:center;gap:20px;padding-top:32px;display:flex}.vs-badge{background:var(--g-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 16px #0d948866}.time-saved-box{text-align:center;background:var(--g-primary);color:#fff;border-radius:var(--r-lg);padding:20px 28px;box-shadow:0 8px 24px #0d948859}.time-saved-box .big{font-size:42px;font-weight:800;line-height:1}.time-saved-box .lab{opacity:.75;margin-top:4px;font-size:13px}.cmp-arrow{color:var(--c-primary-light);font-size:22px}.stats-section{color:#fff;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#1e1b4b);padding:80px 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stat-item{text-align:center;border-right:1px solid #ffffff1a;padding:0 32px}.stat-item:last-child{border-right:none}.stat-num{background:linear-gradient(135deg,#5eead4,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(36px,4vw,52px);font-weight:800;line-height:1;display:block}.testimonials-section{background:var(--bg-soft)}.test-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.test-card{border-radius:var(--r-lg);box-shadow:var(--shadow-xs);border:1px solid var(--border);background:#fff;padding:28px 24px;transition:all .3s}.test-card:hover{box-shadow:var(--shadow-lg);border-color:#0d948833;transform:translateY(-4px)}.stars{gap:3px;margin-bottom:14px;display:flex}.star{color:#f59e0b;font-size:15px}.test-quote{color:var(--text-3);margin-bottom:20px;font-size:14px;line-height:1.8}.test-author{align-items:center;gap:12px;display:flex}.ava{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.ava--indigo{background:linear-gradient(135deg,#0d9488,#0e7490)}.ava--pink{background:linear-gradient(135deg,#ec4899,#f59e0b)}.ava--green{background:linear-gradient(135deg,#10b981,#3b82f6)}.ava--amber{background:linear-gradient(135deg,#f59e0b,#ef4444)}.ava--violet{background:linear-gradient(135deg,#0e7490,#ec4899)}.ava--blue{background:linear-gradient(135deg,#0ea5e9,#0d9488)}.test-name{font-size:14px;font-weight:600}.test-role{color:var(--text-4);font-size:12px}.test-platform{background:var(--bg-light);color:var(--text-3);border-radius:50px;margin-left:auto;padding:3px 9px;font-size:11px}.hiw-section{padding-bottom:128px}.hiw-steps{grid-template-columns:repeat(3,1fr);gap:48px;display:grid;position:relative}.hiw-step{text-align:center;position:relative}.hiw-step:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--c-primary-light), var(--c-violet));opacity:.35;pointer-events:none;width:calc(100% - 52px);height:2px;position:absolute;top:37px;left:calc(50% + 50px)}.hiw-num{background-color:#6366f1;background-image:var(--g-primary);color:#fff;width:76px;height:76px;box-shadow:0 0 0 12px var(--bg-page), 0 8px 24px #6366f159;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 22px;font-size:26px;font-weight:800;display:flex;position:relative}.hiw-step h3{margin-bottom:10px;font-size:18px;font-weight:700}.hiw-step p{color:var(--text-3);font-size:14px;line-height:1.7}.hiw-detail{flex-direction:column;gap:6px;margin-top:16px;display:flex}.hiw-item{color:var(--text-3);align-items:center;gap:7px;font-size:13px;display:flex}.hiw-item svg{width:14px;height:14px;fill:var(--c-green);flex-shrink:0}.hiw-section+.pricing-section{background:var(--bg-soft);padding-top:120px}.pricing-wrap{max-width:860px;margin:0 auto}.pricing-table{border-radius:var(--r-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border);background:#fff;overflow:hidden}.pt-head{background:var(--bg-light);border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr;display:grid}.pt-col{border-right:1px solid var(--border);padding:20px 24px}.pt-col:last-child{border-right:none}.pt-col.highlight{background:linear-gradient(#0d948812,#0e74900d)}.pt-col-name{color:var(--text-3);margin-bottom:4px;font-size:13px;font-weight:700}.pt-col-price{font-size:22px;font-weight:800}.pt-col-price.free{color:var(--text-3)}.pt-col-price.vps{background:var(--g-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pt-col-sub{color:var(--text-4);font-size:12px}.pt-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr;transition:background .15s;display:grid}.pt-row:last-child{border-bottom:none}.pt-row:hover{background:var(--bg-soft)}.pt-cell{padding:13px 24px;font-size:14px}.pt-cell:not(:first-child){text-align:center;border-left:1px solid var(--border)}.pt-cell.feat{color:var(--text-3)}.pt-cell .free-v{color:var(--text-3);font-weight:500}.pt-cell .vps-v{color:var(--c-primary);font-weight:700}.pt-cell .vps-v.big{font-size:15px}.pricing-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.faq-wrap{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:10px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item.active{border-color:var(--c-primary-light);box-shadow:0 0 0 3px #0d94881a}.faq-q{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:18px 22px;transition:background .2s;display:flex}.faq-q:hover{background:var(--bg-soft)}.faq-item.active .faq-q{background:#0d94880a}.faq-q h3{flex:1;font-size:15px;font-weight:600}.faq-toggle{background:var(--bg-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:14px;transition:background .25s,transform .25s;display:flex}.faq-item.active .faq-toggle{background:var(--c-primary);transform:rotate(45deg)}.faq-toggle svg{width:13px;height:13px;fill:var(--text-3);transition:fill .25s}.faq-item.active .faq-toggle svg{fill:#fff}.faq-a{background:#fff;max-height:0;transition:max-height .35s;overflow:hidden}.faq-item.active .faq-a{max-height:280px}.faq-a-inner{color:var(--text-3);padding:4px 22px 20px;font-size:14px;line-height:1.8}.faq-more-link{text-align:center;color:var(--c-primary);margin-top:36px;font-size:14px;font-weight:600;display:block}.faq-more-link:hover{text-decoration:underline}.cta-section{text-align:center;color:#fff;background:linear-gradient(135deg,#1e1b4b,#312e81 40%,#4c1d95);padding:100px 0;position:relative;overflow:hidden}.cta-section h2{margin-bottom:18px;font-size:clamp(28px,4vw,46px);font-weight:800}.cta-section h2 em{background:linear-gradient(135deg,#5eead4,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.cta-section p{color:#ffffffa6;margin-bottom:36px;font-size:17px}.live-pill{background:#ffffff1a;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:7px 18px;font-size:14px;display:inline-flex}.live-pill strong{margin:0 4px}.live-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:1.8s infinite livepulse}@keyframes livepulse{0%,to{box-shadow:0 0 #4ade8080}60%{box-shadow:0 0 0 6px #4ade8000}}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-visual{display:none}.hero h1{text-align:center}.hero-content{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-desc,.hero-hint{text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{border-bottom:1px solid #ffffff1a;border-right:none;padding:28px}.stat-item:nth-child(odd){border-right:1px solid #ffffff1a}.stat-item:last-child,.stat-item:nth-last-child(2){border-bottom:none}.comparison-grid{grid-template-columns:1fr;gap:28px}.cmp-middle{flex-direction:row;justify-content:center;padding-top:0}}@media (width<=768px){.section-header{margin-bottom:40px}.hiw-section{padding-bottom:80px}.hiw-section+.pricing-section{padding-top:80px}.pain-grid,.features-grid,.test-grid,.hiw-steps{grid-template-columns:1fr;gap:18px}.hiw-step:not(:last-child):after{display:none}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{justify-content:center;width:100%}.hero-stats{border-radius:var(--r-md);flex-wrap:wrap}.hero-stat{min-width:45%}.pt-head,.pt-row{grid-template-columns:1.8fr 1fr 1fr}}.page-hero{background:var(--g-hero);text-align:center;padding:160px 0 100px;position:relative;overflow:hidden}.page-hero:before{content:"";background:radial-gradient(at 20%,#0d948833 0%,#0000 55%),radial-gradient(at 80%,#0e749026 0%,#0000 55%);position:absolute;inset:0}.hero-orb{filter:blur(80px);opacity:.1;pointer-events:none;border-radius:50%;position:absolute}.hero-orb-1{background:#0d9488;width:500px;height:500px;top:-150px;left:-100px}.hero-orb-2{background:#0e7490;width:400px;height:400px;bottom:-100px;right:-100px}.page-hero-inner{z-index:1;position:relative}.page-hero-tag{color:#5eead4;background:#0d948833;border:1px solid #0d948859;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 18px;font-size:13px;font-weight:500;display:inline-flex}.page-hero h1{color:#fff;margin-bottom:20px;font-size:clamp(30px,4.5vw,56px);font-weight:800;line-height:1.15}.page-hero h1 em{background:linear-gradient(135deg,#5eead4,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.page-hero-desc{color:#ffffffa6;max-width:580px;margin:0 auto 40px;font-size:18px;line-height:1.75}.page-hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.page-hero-hint{color:#ffffff59;margin-top:16px;font-size:13px}.feature-nav{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#fffffff2;position:sticky;top:70px;box-shadow:0 2px 12px #0000000f}.feature-nav-inner{scrollbar-width:none;gap:0;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;overflow-x:auto}.feature-nav-inner::-webkit-scrollbar{display:none}.fnav-item{color:var(--text-3);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:7px;padding:16px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.fnav-item:hover{color:var(--c-primary)}.fnav-item.active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:600}.fnav-item svg{fill:currentColor;flex-shrink:0;width:16px;height:16px}.feat-section{padding:96px 0}.feat-section:nth-child(2n){background:var(--bg-soft)}.feat-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.feat-grid.reverse{direction:rtl}.feat-grid.reverse>*{direction:ltr}.feat-tag{letter-spacing:.03em;text-transform:uppercase;border-radius:50px;align-items:center;gap:6px;margin-bottom:18px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.feat-tag.indigo{color:var(--c-primary);background:#0d94881a}.feat-tag.violet{color:var(--c-violet);background:#0e74901a}.feat-tag.pink{color:var(--c-accent);background:#ec48991a}.feat-tag.green{color:var(--c-green);background:#10b9811a}.feat-tag.amber{color:var(--c-amber);background:#f59e0b1a}.feat-tag.blue{color:#3b82f6;background:#3b82f61a}.feat-content h2{color:var(--text-1);margin-bottom:16px;font-size:clamp(24px,2.8vw,36px);font-weight:800;line-height:1.2}.feat-content .feat-desc{color:var(--text-3);margin-bottom:28px;font-size:16px;line-height:1.8}.feat-points{flex-direction:column;gap:12px;margin-bottom:32px;list-style:none;display:flex}.feat-points li{color:var(--text-2);align-items:flex-start;gap:12px;font-size:15px;display:flex}.feat-points li .check{background:#0d94881a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:flex}.feat-points li .check svg{width:11px;height:11px;fill:var(--c-primary)}.feat-points li .check.green{background:#10b9811a}.feat-points li .check.green svg{fill:var(--c-green)}.feat-points li .check.violet{background:#0e74901a}.feat-points li .check.violet svg{fill:var(--c-violet)}.feat-cta{flex-wrap:wrap;gap:12px;display:flex}.feat-visual{position:relative}.feat-mock{box-shadow:var(--shadow-xl), 0 0 0 1px #ffffff0f;background:#042f2e;border-radius:18px;overflow:hidden}.feat-mock-bar{background:#134e4a;align-items:center;gap:7px;padding:11px 14px;display:flex}.mock-bar-title{color:#ffffff59;margin:0 auto;padding-right:32px;font-size:12px}.sub-mock-body{flex-direction:column;gap:10px;padding:20px;display:flex}.sub-mock-video{background:linear-gradient(160deg,#0d0d20,#1a1a35);border-radius:10px;justify-content:center;align-items:center;width:100%;height:160px;display:flex;position:relative;overflow:hidden}.sub-mock-video .play-btn{background:#0d9488b3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sub-mock-video .play-btn svg{fill:#fff;width:18px;height:18px;margin-left:2px}.sub-mock-video .caption{color:#fff;white-space:nowrap;background:#000000a6;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:500;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.sub-mock-rows{flex-direction:column;gap:6px;display:flex}.sub-mock-row{border-radius:var(--r-sm);background:#1a1a35;border:1px solid #ffffff0d;align-items:center;gap:10px;padding:9px 12px;display:flex}.sub-mock-row.active{background:#0d94881f;border-color:#0d948880}.sub-tc{color:#ffffff59;flex-shrink:0;font-family:monospace;font-size:11px}.sub-st{color:#fffc;flex:1;font-size:13px}.sub-ai-tag{letter-spacing:.04em;color:#5eead4;background:#0d948840;border-radius:50px;padding:2px 7px;font-size:10px;font-weight:700}.sub-accuracy{color:var(--c-green);font-size:11px;font-weight:600}.sub-mock-actions{gap:8px;display:flex}.sub-mock-btn{text-align:center;border-radius:var(--r-sm);background:var(--g-primary);color:#fff;flex:1;padding:9px 0;font-size:12px;font-weight:600}.sub-mock-btn.outline{color:#5eead4;background:0 0;border:1px solid #0d948866}.voice-mock-body{flex-direction:column;gap:14px;padding:20px;display:flex}.voice-list{flex-direction:column;gap:8px;display:flex}.voice-item{border-radius:var(--r-sm);cursor:pointer;background:#1a1a35;border:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.voice-item.active{background:#0e74901a;border-color:#0e749080}.voice-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.va-pink{background:#ec489926}.voice-info{flex:1}.voice-name{color:#ffffffd9;font-size:13px;font-weight:600}.voice-meta{color:#fff6;margin-top:2px;font-size:11px}.voice-wave{align-items:center;gap:2px;display:flex}.wave-bar{background:var(--c-violet);opacity:.6;border-radius:2px;width:3px;animation:1.1s ease-in-out infinite wave}.wave-bar:first-child{height:8px;animation-delay:0s}.wave-bar:nth-child(2){height:14px;animation-delay:.15s}.wave-bar:nth-child(3){height:10px;animation-delay:.3s}.wave-bar:nth-child(4){height:16px;animation-delay:.45s}.wave-bar:nth-child(5){height:8px;animation-delay:.6s}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.7)}}.voice-sliders{flex-direction:column;gap:10px;display:flex}.voice-slider-row{align-items:center;gap:10px;display:flex}.voice-slider-label{color:#fff6;flex-shrink:0;width:40px;font-size:11px}.voice-slider-track{background:#ffffff1a;border-radius:2px;flex:1;height:4px;position:relative}.voice-slider-fill{background:var(--g-primary);border-radius:2px;height:100%}.fill-volume{width:80%}.voice-slider-thumb{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 6px #0006}.thumb-speed{right:45%}.thumb-emotion{right:30%}.thumb-volume{right:20%}.trans-mock-body{flex-direction:column;gap:12px;padding:20px;display:flex}.trans-lang-bar{border-radius:var(--r-sm);background:#1a1a35;border:1px solid #ffffff0f;align-items:center;gap:8px;padding:10px 14px;display:flex}.lang-pill{color:#5eead4;background:#0d948840;border-radius:50px;padding:4px 10px;font-size:12px;font-weight:600}.lang-arrow{color:#ffffff4d;font-size:14px}.lang-targets{flex-wrap:wrap;gap:6px;display:flex}.lang-target{color:#ffffff80;background:#ffffff12;border-radius:50px;padding:3px 8px;font-size:11px;font-weight:600}.trans-rows{flex-direction:column;gap:6px;display:flex}.trans-row{border-radius:var(--r-sm);background:#1a1a35;border:1px solid #ffffff0d;padding:10px 12px}.trans-original{color:#ffffff73;margin-bottom:4px;font-size:12px}.trans-result{color:#ffffffd9;font-size:13px;font-weight:500}.trans-badge{color:var(--c-green);background:#10b98126;border-radius:4px;margin-top:5px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.cover-mock-body{flex-direction:column;gap:12px;padding:20px;display:flex}.cover-grid-mock{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cover-thumb{aspect-ratio:16/9;border-radius:var(--r-sm);cursor:pointer;border:2px solid #0000;transition:border-color .2s;position:relative;overflow:hidden}.cover-thumb.selected{border-color:var(--c-primary)}.cover-thumb-bg{justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;display:flex}.cover-thumb-bg.c1{background:linear-gradient(135deg,#0f0c29,#302b63)}.cover-thumb-bg.c2{background:linear-gradient(135deg,#1a1a2e,#16213e)}.cover-thumb-bg.c3{background:linear-gradient(135deg,#200122,#6f0000)}.cover-thumb-bg.c4{background:linear-gradient(135deg,#0a3d62,#1e3799)}.cover-thumb-bg.c5{background:linear-gradient(135deg,#1b2631,#2c3e50)}.cover-thumb-bg.c6{background:linear-gradient(135deg,#130f40,#30336b)}.cover-label{color:#ffffffb3;text-align:center;background:#0000008c;border-radius:4px;padding:2px 0;font-size:10px;position:absolute;bottom:4px;left:4px;right:4px}.cover-actions{gap:8px;display:flex}.cover-action-btn{text-align:center;border-radius:var(--r-sm);background:var(--g-primary);color:#fff;flex:1;padding:9px;font-size:12px;font-weight:600}.cover-action-btn.sec{color:#fff9;background:#ffffff12;border:1px solid #ffffff1a}.cover-ratio-row{gap:6px;display:flex}.ratio-btn{text-align:center;color:#ffffff73;background:#ffffff12;border:1px solid #ffffff12;border-radius:6px;flex:1;padding:6px;font-size:11px;font-weight:600;transition:all .2s}.ratio-btn.active{color:#5eead4;background:#0d948840;border-color:#0d948866}.script-mock-body{flex-direction:column;gap:12px;padding:20px;display:flex}.script-input-row{border-radius:var(--r-sm);background:#1a1a35;border:1px solid #0d94884d;align-items:center;gap:8px;padding:10px 14px;display:flex}.script-input-text{color:#ffffffb3;flex:1;font-size:13px}.script-input-cursor{background:var(--c-primary);width:2px;height:16px;animation:1s step-end infinite blink}.script-styles{flex-wrap:wrap;gap:6px;display:flex}.style-chip{color:#ffffff73;cursor:pointer;background:#ffffff12;border-radius:50px;padding:4px 10px;font-size:11px;font-weight:600}.style-chip.active{color:#5eead4;background:#0d948840}.script-output{border-radius:var(--r-sm);background:#1a1a35;border:1px solid #ffffff0d;padding:14px}.script-output p{color:#ffffffb3;font-size:13px;line-height:1.7}.script-output strong{color:#ffffffe6}.script-output-actions{gap:7px;margin-top:10px;display:flex}.script-out-btn{text-align:center;color:#5eead4;background:#0d948840;border-radius:6px;flex:1;padding:7px;font-size:11px;font-weight:600}.compare-section{background:var(--bg-soft)}.compare-table{border-collapse:separate;border-spacing:0;border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-md);background:#fff;overflow:hidden}.compare-table th,.compare-table td{text-align:center;border-bottom:1px solid var(--border);padding:16px 24px;font-size:14px}.compare-table thead th{font-size:15px;font-weight:700}.compare-table tbody tr:last-child td{border-bottom:none}.compare-table td:first-child{text-align:left;color:var(--text-2);font-weight:500}.compare-table thead th:first-child{text-align:left;background:var(--bg-soft)}.compare-table thead th:nth-child(2){background:var(--bg-soft);color:var(--text-3)}.compare-table thead th:nth-child(3){color:var(--c-primary);background:linear-gradient(135deg,#0d948814,#0e749014)}.compare-table tbody td:nth-child(3){color:var(--c-primary);background:linear-gradient(135deg,#0d948808,#0e749008);font-weight:600}.ct-check{color:var(--c-green);font-size:18px}.ct-cross{color:var(--text-4);font-size:18px}.ct-badge{background:var(--g-primary);color:#fff;border-radius:50px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.ct-row-header td{background:var(--bg-soft);text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);padding:10px 24px;font-size:12px;font-weight:700}.compare-cta{text-align:center;margin-top:36px}.stats-band{background:var(--g-hero);text-align:center;padding:72px 0;position:relative;overflow:hidden}.stats-band:before{content:"";background:radial-gradient(#0d948833 0%,#0000 60%);position:absolute;inset:0}.stats-grid{z-index:1;border-radius:var(--r-lg);background:#ffffff14;border:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;position:relative;overflow:hidden}.stat-item{background:#ffffff0a;padding:40px 20px}.stat-item .num{background:linear-gradient(135deg,#5eead4,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1;display:block}.stat-item .label{color:#ffffff80;font-size:15px}.testi-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testi-card{border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;padding:28px;transition:transform .3s,box-shadow .3s}.testi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.testi-stars{gap:3px;margin-bottom:14px;display:flex}.testi-stars span{color:var(--c-amber);font-size:15px}.testi-quote{color:var(--text-2);margin-bottom:18px;font-size:15px;line-height:1.7}.testi-author{align-items:center;gap:10px;display:flex}.testi-avatar{background:var(--bg-light);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.testi-name{color:var(--text-1);font-size:14px;font-weight:700}.testi-role{color:var(--text-4);margin-top:1px;font-size:12px}.cta-content{z-index:1;position:relative}.cta-content h2{color:#fff;margin-bottom:16px;font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.2}.cta-content p{color:#fff9;margin-bottom:36px;font-size:17px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cta-em{background:linear-gradient(135deg,#5eead4,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.cta-hint{color:#ffffff59;margin-top:20px;margin-bottom:0;font-size:13px}@media (width<=1024px){.feat-grid{gap:48px}.feat-grid.reverse{direction:ltr}.stats-grid,.testi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.feat-section{padding:64px 0}.feat-grid{grid-template-columns:1fr;gap:36px}.feat-grid.reverse{direction:ltr}.stats-grid{grid-template-columns:repeat(2,1fr)}.testi-grid{grid-template-columns:1fr}.compare-table th,.compare-table td{padding:12px 14px;font-size:13px}.page-hero{padding:130px 0 72px}.cta-buttons{flex-direction:column;align-items:center}.fnav-item{padding:14px;font-size:13px}}.link-primary{color:var(--c-primary);font-weight:600}.link-plain{color:var(--c-primary)}.feat-text-dim{color:var(--text-4)}.pricing-hero{background:var(--g-hero);text-align:center;padding:140px 0 80px;position:relative;overflow:hidden}.pricing-hero:before{content:"";background:radial-gradient(at 25%,#0d94882e 0%,#0000 55%),radial-gradient(at 75%,#0e74901f 0%,#0000 55%);position:absolute;inset:0}.pricing-hero-orb{filter:blur(80px);opacity:.1;pointer-events:none;border-radius:50%;position:absolute}.ph-orb1{background:#0d9488;width:500px;height:500px;top:-150px;left:-100px}.ph-orb2{background:#0e7490;width:400px;height:400px;bottom:-100px;right:-80px}.pricing-hero-inner{z-index:1;position:relative}.pricing-hero-tag{color:#5eead4;background:#0d948833;border:1px solid #0d948859;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 16px;font-size:13px;font-weight:500;display:inline-flex}.pricing-hero h1{color:#fff;margin-bottom:20px;font-size:clamp(30px,4.5vw,54px);font-weight:800;line-height:1.15}.pricing-hero h1 em{background:linear-gradient(135deg,#5eead4,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.pricing-hero-desc{color:#ffffffa6;max-width:540px;margin:0 auto 44px;font-size:17px;line-height:1.75}.billing-toggle-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.billing-toggle{background:#ffffff14;border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:2px;padding:5px;display:inline-flex}.billing-tab{appearance:none;color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50px;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .25s,color .25s}.billing-tab:hover{color:#fff}.billing-tab.active{color:var(--c-primary-dark);background:#fff;box-shadow:0 4px 14px #0003}.billing-save-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50px;padding:6px 14px;font-size:12px;font-weight:700;transition:opacity .2s}.billing-save-badge.hidden{display:none}.pricing-section{background:var(--bg-soft);padding:0 0 96px}.pricing-cards-wrap{flex-direction:column;gap:24px;max-width:880px;margin-top:-48px;margin-left:auto;margin-right:auto;display:flex}.hero-plan-card{border-radius:var(--r-xl);border:1.5px solid var(--c-primary);box-shadow:0 0 0 1px var(--c-primary), var(--shadow-xl);background:linear-gradient(160deg,#fafafe 0%,#f5f3ff 100%);padding:44px 48px;position:relative}.plan-badge{background:var(--g-primary);color:#fff;white-space:nowrap;border-radius:50px;padding:5px 16px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0d948866}.hero-plan-top{border-bottom:1px solid #0d948826;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;margin-bottom:32px;padding-bottom:32px;display:grid}.plan-icon{border-radius:var(--r-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;font-size:22px;display:flex}.plan-icon.free-icon{background:var(--bg-light)}.plan-icon.vps-icon{background:#0d94881a}.plan-name{text-transform:uppercase;letter-spacing:.8px;color:var(--text-3);margin-bottom:6px;font-size:13px;font-weight:700}.plan-title{color:var(--text-1);margin-bottom:12px;font-size:24px;font-weight:800}.plan-desc{color:var(--text-3);font-size:14px;line-height:1.65}.hero-plan-price-col{text-align:right}.plan-price-block{margin-bottom:18px}.plan-price{justify-content:flex-end;align-items:flex-end;gap:4px;line-height:1;display:flex}.price-currency{color:var(--c-primary-dark);padding-bottom:4px;font-size:22px;font-weight:700}.price-num{color:var(--c-primary-dark);font-size:56px;font-weight:900}.price-unit{color:var(--text-3);padding-bottom:8px;font-size:14px}.price-origin{color:var(--text-4);margin-top:6px;font-size:13px;text-decoration:line-through}.plan-cta{text-align:center;border-radius:50px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .25s;display:block}.plan-cta.cta-primary{background:var(--g-primary);color:#fff;box-shadow:0 4px 18px #0d948866}.plan-cta.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0d948880}.plan-cta.cta-outline{color:var(--c-primary);border:2px solid var(--c-primary);background:0 0}.plan-cta.cta-outline:hover{background:var(--c-primary);color:#fff;transform:translateY(-2px)}.plan-features{list-style:none}.plan-features.hero-features{grid-template-columns:repeat(2,1fr);gap:4px 32px;display:grid}.plan-features li{color:var(--text-2);align-items:flex-start;gap:10px;padding:9px 0;font-size:14px;line-height:1.5;display:flex}.feat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;display:flex}.feat-icon.check{color:var(--c-green);background:#10b9811f}.feat-icon.cross{color:var(--text-4);background:#6b728014}.feat-val{color:var(--c-primary-dark);font-weight:600}.free-plan-strip{border-radius:var(--r-xl);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:1.1fr 1.6fr auto;align-items:center;gap:28px;padding:24px 32px;transition:box-shadow .25s,transform .25s;display:grid}.free-plan-strip:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.free-strip-intro{align-items:center;gap:14px;display:flex}.free-strip-intro .plan-icon{margin-bottom:0}.free-strip-intro .plan-name{margin-bottom:3px}.free-strip-intro .plan-title{margin-bottom:0;font-size:16px}.free-strip-features{flex-wrap:wrap;gap:8px 10px;list-style:none;display:flex}.free-strip-features li{color:var(--text-3);background:var(--bg-soft);border:1px solid var(--border);white-space:nowrap;border-radius:50px;padding:6px 14px;font-size:13px}.free-strip-features li strong{color:var(--text-1);font-weight:700}.free-strip-action{justify-self:end;align-items:center;gap:18px;display:flex}.free-strip-price{text-align:right;line-height:1.2}.free-strip-price .price-currency{color:var(--text-1);font-size:24px;font-weight:800}.free-strip-price .price-unit{color:var(--text-4);font-size:12px;display:block}.free-strip-action .plan-cta{white-space:nowrap;width:auto;padding:12px 26px}.compare-section{background:#fff;padding:96px 0}.compare-table{border-collapse:collapse;border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-md);overflow:hidden}.compare-table thead tr{background:var(--g-hero)}.compare-table thead th{text-align:center;color:#ffffffd9;padding:24px 20px;font-size:15px;font-weight:700}.compare-table thead th:first-child{text-align:left;color:#ffffff80;width:40%;font-size:13px;font-weight:500}.th-plan-name{color:#fff;margin-bottom:4px;font-size:17px;font-weight:800;display:block}.th-plan-price{color:#ffffff80;font-size:12px;font-weight:400}.th-featured{border-radius:var(--r-md) var(--r-md) 0 0;background:#0d948859}.compare-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.compare-table tbody tr:hover{background:var(--bg-soft)}.compare-table tbody tr:last-child{border-bottom:none}.compare-table tbody td{color:var(--text-2);text-align:center;padding:16px 20px;font-size:14px}.compare-table tbody td:first-child{text-align:left;color:var(--text-1);font-weight:500}.compare-table tbody td.col-featured{background:#0d94880a}.compare-table .group-row td{background:var(--bg-soft);text-transform:uppercase;letter-spacing:.7px;color:var(--text-3);border-bottom:none;padding:12px 20px;font-size:12px;font-weight:700}.compare-table .group-row td.col-featured{background:#0d94880f}.check-yes{color:var(--c-green);font-size:18px}.check-no{color:var(--text-4);font-size:18px}.check-highlight{color:var(--c-primary-dark);background:#0d94881a;border-radius:50px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.proof-strip{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:48px 0}.proof-inner{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.proof-stat{text-align:center;border-right:1px solid var(--border);padding:0 24px}.proof-stat:last-child{border-right:none}.proof-num{background:var(--g-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:clamp(28px,3vw,40px);font-weight:900;line-height:1}.proof-label{color:var(--text-3);font-size:14px}.faq-section{background:var(--bg-soft);padding:96px 0}.cta-orb1{background:#0d9488;width:400px;height:400px;top:-80px;right:5%}.cta-orb2{background:#ec4899;width:300px;height:300px;bottom:-60px;left:5%}.mobile-compare-note{display:none}@media (width<=1024px){.hero-plan-card{padding:36px}.hero-plan-top{text-align:center;grid-template-columns:1fr;gap:24px}.hero-plan-price-col{text-align:center}.plan-price{justify-content:center}.free-plan-strip{text-align:center;grid-template-columns:1fr;gap:18px}.free-strip-intro,.free-strip-features{justify-content:center}.free-strip-action{flex-direction:column;justify-self:center;gap:12px}.free-strip-price{text-align:center}.proof-inner{grid-template-columns:repeat(2,1fr);gap:24px}.proof-stat{border-right:none;border-bottom:1px solid var(--border);padding-bottom:24px}.proof-stat:nth-child(odd){border-right:1px solid var(--border)}.proof-stat:last-child,.proof-stat:nth-last-child(2){border-bottom:none}}@media (width<=768px){.pricing-hero{padding:110px 0 60px}.hero-plan-card{padding:28px 24px}.plan-features.hero-features{grid-template-columns:1fr;gap:0}.plan-badge{top:-12px}.free-plan-strip{padding:24px}.compare-table{display:none}.mobile-compare-note{text-align:center;color:var(--text-3);background:var(--bg-soft);border-radius:var(--r-md);border:1px solid var(--border);padding:20px;font-size:14px;display:block}.proof-inner{grid-template-columns:1fr 1fr}.billing-toggle-wrap{gap:8px}.billing-tab{padding:8px 14px;font-size:13px}}.tut-hero{background:var(--g-hero);text-align:center;padding:160px 0 88px;position:relative;overflow:hidden}.tut-hero:before{content:"";background:radial-gradient(at 15% 20%,#0d948838 0%,#0000 55%),radial-gradient(at 85% 60%,#ec489924 0%,#0000 55%);position:absolute;inset:0}.tut-orb{filter:blur(90px);opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.tut-orb-1{background:#0d9488;width:460px;height:460px;top:-140px;right:-80px}.tut-orb-2{background:#ec4899;width:380px;height:380px;bottom:-120px;left:-100px}.tut-hero-inner{z-index:1;max-width:760px;margin:0 auto;position:relative}.tut-hero-tag{color:#5eead4;background:#0d948833;border:1px solid #0d948859;border-radius:50px;align-items:center;gap:8px;margin-bottom:26px;padding:7px 18px;font-size:13px;font-weight:500;display:inline-flex}.tut-hero h1{color:#fff;margin-bottom:18px;font-size:clamp(28px,4.2vw,50px);font-weight:800;line-height:1.22}.tut-hero h1 em{background:linear-gradient(135deg,#5eead4,#f0abfc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.tut-hero-desc{color:#ffffffa6;max-width:600px;margin:0 auto 36px;font-size:17px;line-height:1.75}.tut-hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px;display:flex}.tut-hero-stats{border-top:1px solid #ffffff1f;justify-content:center;gap:48px;padding-top:32px;display:flex}.ths-item{flex-direction:column;align-items:center;gap:4px;display:flex}.ths-num{background:linear-gradient(135deg,#5eead4,#f0abfc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.ths-lbl{color:#ffffff80;font-size:13px}.tut-nav{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#fffffff2;position:sticky;top:70px;box-shadow:0 2px 12px #0000000f}.tut-nav-inner{scrollbar-width:none;gap:0;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;overflow-x:auto}.tut-nav-inner::-webkit-scrollbar{display:none}.tnav-item{color:var(--text-3);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:16px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tnav-item:hover{color:var(--c-primary)}.tnav-item.active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:600}.qs-steps{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.qs-step{background:var(--bg-soft);border-radius:var(--r-lg);border:1px solid var(--border);padding:32px 28px;position:relative}.qs-num{background:var(--g-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:18px;font-size:18px;font-weight:800;display:inline-flex}.qs-step h3{color:var(--text-1);margin-bottom:10px;font-size:19px;font-weight:700}.qs-step>p{color:var(--text-3);margin-bottom:18px;font-size:14.5px;line-height:1.7}.qs-check{flex-direction:column;gap:8px;list-style:none;display:flex}.qs-check li{color:var(--text-2);align-items:flex-start;gap:8px;font-size:13.5px;display:flex}.qs-check li svg{fill:none;width:15px;height:15px;stroke:var(--c-green);stroke-width:2.5px;stroke-linecap:round;flex-shrink:0;margin-top:2px}.qs-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:48px;display:flex}.tut-topic{padding:96px 0}.tut-topic.alt-bg{background:var(--bg-soft)}.tut-topic-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.tut-topic-grid.reverse{direction:rtl}.tut-topic-grid.reverse>*{direction:ltr}.tut-topic-tag{letter-spacing:.03em;text-transform:uppercase;border-radius:50px;align-items:center;gap:6px;margin-bottom:18px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.tut-topic-tag.pink{color:var(--c-accent);background:#ec48991a}.tut-topic-tag.teal{color:#14b8a6;background:#14b8a61a}.tut-topic-tag.amber{color:var(--c-amber);background:#f59e0b1a}.tut-topic-tag.violet{color:var(--c-violet);background:#0e74901a}.tut-topic-tag.blue{color:#3b82f6;background:#3b82f61a}.tut-topic-tag.rose{color:#f43f5e;background:#f43f5e1a}.tut-topic-content h2{color:var(--text-1);margin-bottom:16px;font-size:clamp(24px,2.8vw,34px);font-weight:800;line-height:1.25}.tut-topic-intro{color:var(--text-3);margin-bottom:28px;font-size:15.5px;line-height:1.8}.tut-steps-list{flex-direction:column;gap:20px;margin-bottom:28px;list-style:none;display:flex}.tut-steps-list li{gap:14px;display:flex}.tsl-num{width:30px;height:30px;color:var(--c-primary);background:#0d94881a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.tsl-body h3{color:var(--text-1);margin-bottom:4px;font-size:15.5px;font-weight:700}.tsl-body p{color:var(--text-3);font-size:14px;line-height:1.7}.tut-tip{border-radius:var(--r-md);background:#f59e0b12;border:1px solid #f59e0b33;gap:12px;margin-bottom:28px;padding:16px 18px;display:flex}.tut-tip-icon{flex-shrink:0;font-size:18px;line-height:1}.tut-tip p{color:var(--text-2);font-size:13.5px;line-height:1.7}.tut-tip code{color:var(--c-primary-dark);background:#0000000f;border-radius:4px;padding:1px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:12.5px}.tut-topic-cta{flex-wrap:wrap;gap:12px;display:flex}.tut-topic-visual{position:relative}.tut-mock{box-shadow:var(--shadow-xl), 0 0 0 1px #ffffff0f;background:#042f2e;border-radius:18px;overflow:hidden}.tut-mock-bar{background:#134e4a;align-items:center;gap:7px;padding:11px 14px;display:flex}.mock-dot{border-radius:50%;width:11px;height:11px}.mock-dot.r{background:#ff5f57}.mock-dot.y{background:#febc2e}.mock-dot.g{background:#28c840}.tut-mock-title{color:#ffffff59;margin:0 auto;padding-right:32px;font-size:12px}.tut-mock-body{flex-direction:column;gap:12px;padding:20px;display:flex}.tm-video{background:linear-gradient(160deg,#0d0d20,#1a1a35);border-radius:10px;justify-content:center;align-items:center;width:100%;height:150px;display:flex;position:relative;overflow:hidden}.tm-play{background:#0d9488b3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tm-play svg{fill:#fff;width:17px;height:17px;margin-left:2px}.tm-caption{color:#fff;white-space:nowrap;background:#000000a6;border-radius:6px;padding:4px 12px;font-size:12.5px;font-weight:500;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.tm-rows{flex-direction:column;gap:6px;display:flex}.tm-row{border-radius:var(--r-sm);background:#1a1a35;border:1px solid #ffffff0d;align-items:center;gap:10px;padding:9px 12px;display:flex}.tm-row.active{background:#0d94881f;border-color:#0d948880}.tm-tc{color:#ffffff59;flex-shrink:0;font-family:monospace;font-size:11px}.tm-txt{color:#fffc;flex:1;font-size:13px}.tm-tag{letter-spacing:.04em;color:#5eead4;background:#0d948840;border-radius:50px;padding:2px 7px;font-size:10px;font-weight:700}.tm-ok{color:var(--c-green);font-size:11px;font-weight:600}.tm-actions{gap:8px;display:flex}.tm-btn{text-align:center;border-radius:var(--r-sm);background:var(--g-primary);color:#fff;flex:1;padding:9px 0;font-size:12px;font-weight:600}.tm-btn.outline{color:#5eead4;background:0 0;border:1px solid #0d948866}.tm-voice-list{flex-direction:column;gap:8px;display:flex}.tm-voice{border-radius:var(--r-sm);background:#1a1a35;border:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 14px;display:flex}.tm-voice.active{background:#0e74901a;border-color:#0e749080}.tm-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.va-indigo{background:#0d948826}.va-violet{background:#0e749026}.tm-vinfo{flex:1}.tm-vname{color:#ffffffd9;font-size:13px;font-weight:600}.tm-vmeta{color:#fff6;margin-top:2px;font-size:11px}.tm-wave{align-items:center;gap:2px;display:flex}.tm-wave-bar{background:var(--c-violet);opacity:.6;border-radius:2px;width:3px;animation:1.1s ease-in-out infinite tm-wave}.tm-wave-bar:first-child{height:8px;animation-delay:0s}.tm-wave-bar:nth-child(2){height:14px;animation-delay:.15s}.tm-wave-bar:nth-child(3){height:10px;animation-delay:.3s}.tm-wave-bar:nth-child(4){height:16px;animation-delay:.45s}@keyframes tm-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.7)}}.tm-sliders{flex-direction:column;gap:10px;display:flex}.tm-slider-row{align-items:center;gap:10px;display:flex}.tm-slabel{color:#fff6;flex-shrink:0;width:32px;font-size:11px}.tm-strack{background:#ffffff1a;border-radius:2px;flex:1;height:4px}.tm-sfill{background:var(--g-primary);border-radius:2px;height:100%}.fill-speed{width:55%}.fill-emotion{width:70%}.tm-lang-bar{border-radius:var(--r-sm);background:#1a1a35;border:1px solid #ffffff0f;align-items:center;gap:8px;padding:10px 14px;display:flex}.tm-lang-pill{color:#5eead4;background:#0d948840;border-radius:50px;padding:4px 10px;font-size:12px;font-weight:600}.tm-lang-arrow{color:#ffffff4d;font-size:14px}.tm-lang-targets{flex-wrap:wrap;gap:6px;display:flex}.tm-lang-target{color:#ffffff80;background:#ffffff12;border-radius:50px;padding:3px 8px;font-size:11px;font-weight:600}.tm-trans-rows{flex-direction:column;gap:6px;display:flex}.tm-trans-row{border-radius:var(--r-sm);background:#1a1a35;border:1px solid #ffffff0d;padding:10px 12px}.tm-trans-src{color:#ffffff73;margin-bottom:4px;font-size:12px}.tm-trans-out{color:#ffffffd9;font-size:13px;font-weight:500}.tm-trans-badge{color:var(--c-green);background:#10b98126;border-radius:4px;margin-top:5px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.tm-frame-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tm-frame{aspect-ratio:1;border-radius:var(--r-sm);background:linear-gradient(160deg,#1a1a35,#0d0d20);border:1px solid #ffffff0f;position:relative}.tm-frame.active{border-color:#0e749099;box-shadow:inset 0 0 0 2px #0e749040}.tm-frame-badge{white-space:nowrap;color:#fff;background:#0e7490d9;border-radius:50px;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.tm-cover-preview{border-radius:var(--r-sm);background:linear-gradient(135deg,#312e81,#6d28d9 60%,#1e1b4b);align-items:flex-end;height:110px;padding:12px;display:flex;position:relative;overflow:hidden}.tm-cover-logo{letter-spacing:.04em;color:#fffc;background:#ffffff26;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:10px;right:10px}.tm-cover-title{color:#fff;font-size:15px;font-weight:800;line-height:1.3}.tm-ratio-row{gap:8px;display:flex}.tm-ratio-pill{color:#ffffff80;background:#ffffff12;border-radius:50px;padding:4px 12px;font-size:11px;font-weight:600}.tm-ratio-pill.active{color:#c4b5fd;background:#0e749040}.tm-kw-row{align-items:center;gap:8px;display:flex}.tm-kw-input{border-radius:var(--r-sm);color:#ffffffb3;background:#1a1a35;border:1px solid #ffffff14;flex:1;padding:9px 12px;font-size:12.5px}.tm-kw-btn{border-radius:var(--r-sm);background:var(--g-primary);color:#fff;flex-shrink:0;padding:9px 16px;font-size:12.5px;font-weight:700}.tm-style-row{gap:8px;display:flex}.tm-style-pill{color:#ffffff80;background:#ffffff12;border-radius:50px;padding:4px 12px;font-size:11px;font-weight:600}.tm-style-pill.active{color:#fda4af;background:#f43f5e38}.gradient-text-fire{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-violet{background:linear-gradient(135deg,#0e7490,#0d9488);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-ocean{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-rose{background:linear-gradient(135deg,#f43f5e,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.vps-grid{grid-template-columns:1fr 1fr;align-items:start;gap:56px;margin-bottom:32px;display:grid}.vps-steps{flex-direction:column;gap:26px;display:flex}.vps-step{gap:16px;display:flex}.vps-step-num{background:var(--g-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:flex}.vps-step h3{color:var(--text-1);margin-bottom:6px;font-size:16.5px;font-weight:700}.vps-step p{color:var(--text-3);font-size:14px;line-height:1.7}.vps-terminal{box-shadow:var(--shadow-xl), 0 0 0 1px #ffffff0f;background:#042f2e;border-radius:16px;overflow:hidden}.vps-terminal-bar{background:#134e4a;align-items:center;gap:7px;padding:11px 14px;display:flex}.vps-terminal-title{color:#ffffff59;margin:0 auto;padding-right:32px;font-size:12px}.vps-terminal-body{color:#ffffffbf;white-space:pre-wrap;word-break:break-all;padding:22px 20px;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:12.5px;line-height:2}.vt-prompt{color:#5eead4;margin-right:6px;font-weight:700}.vt-line{color:#ffffff80;display:block}.vt-success{color:#34d399;margin-top:6px;font-weight:700;display:block}.vt-url{color:#5eead4;display:block}.vps-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.tut-faq-wrap{flex-direction:column;gap:14px;max-width:780px;margin:0 auto;display:flex}.tut-faq-item{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.tut-faq-q{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.tut-faq-q h3{color:var(--text-1);font-size:15.5px;font-weight:600}.tut-faq-toggle{background:var(--bg-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .25s,background .25s;display:flex}.tut-faq-toggle svg{width:14px;height:14px;fill:var(--text-3)}.tut-faq-item.open .tut-faq-toggle{background:#0d94881f;transform:rotate(45deg)}.tut-faq-item.open .tut-faq-toggle svg{fill:var(--c-primary)}.tut-faq-a{max-height:0;transition:max-height .35s;overflow:hidden}.tut-faq-item.open .tut-faq-a{max-height:320px}.tut-faq-a-inner{color:var(--text-3);padding:0 22px 20px;font-size:14px;line-height:1.75}.tut-faq-a-inner code{background:var(--bg-light);color:var(--c-primary-dark);border-radius:4px;padding:1px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:12.5px}.tut-faq-more{text-align:center;color:var(--c-primary);margin-top:32px;font-size:14.5px;font-weight:600;display:block}.tut-faq-more:hover{text-decoration:underline}.tut-cta-section{background:var(--g-hero);text-align:center;padding:96px 0;position:relative;overflow:hidden}.tut-cta-section:before{content:"";background:radial-gradient(#0d948840 0%,#0000 60%);position:absolute;inset:0}.tut-cta-content{z-index:1;position:relative}.tut-cta-content h2{color:#fff;margin-bottom:16px;font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.2}.tut-cta-content h2 em{background:linear-gradient(135deg,#5eead4,#f0abfc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.tut-cta-content p{color:#fff9;margin-bottom:36px;font-size:17px}.tut-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.tut-cta-hint{color:#ffffff59;margin-top:20px;margin-bottom:0;font-size:13px}@media (width<=1024px){.qs-steps{grid-template-columns:1fr}.tut-topic-grid{grid-template-columns:1fr;gap:44px}.tut-topic-grid.reverse{direction:ltr}.vps-grid{grid-template-columns:1fr;gap:40px}.tut-hero-stats{gap:32px}}@media (width<=768px){.tut-hero{padding:130px 0 64px}.tut-hero-actions{flex-direction:column;align-items:center}.tut-topic{padding:64px 0}.tnav-item{padding:14px;font-size:13px}.tut-cta-buttons{flex-direction:column;align-items:center}.tut-hero-stats{flex-wrap:wrap;row-gap:16px}}.hidden{display:none}.help-hero{background:var(--g-hero);text-align:center;padding:150px 0 70px}.help-hero .section-tag{color:#5eead4;background:#0d948833;border:1px solid #0d948859}.help-hero h1{color:#fff;margin:18px 0 12px;font-size:clamp(28px,4vw,46px);font-weight:800}.help-hero-desc{color:#fff9;margin-bottom:36px;font-size:16px}.help-search-wrap{max-width:520px;margin:0 auto;position:relative}.help-search-icon{color:#fff6;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.help-search-input{color:#fff;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:50px;width:100%;padding:15px 20px 15px 48px;font-family:inherit;font-size:15px}.help-search-input::placeholder{color:#fff6}.help-search-input:focus{border-color:var(--c-primary-light);background:#ffffff1f;outline:none}.help-body{background:var(--bg-soft)}.help-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.help-tab{border:1.5px solid var(--border);color:var(--text-3);background:#fff;border-radius:50px;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.help-tab:hover{border-color:var(--c-primary-light);color:var(--c-primary)}.help-tab.active{background:var(--g-primary);color:#fff;border-color:#0000}.faq-item.hidden{display:none}.faq-arrow svg{width:12px;height:12px;fill:var(--text-3);transition:fill .2s}.faq-item.open .faq-arrow svg{fill:#fff}.faq-body a{color:var(--c-primary);font-weight:600}.help-no-result{text-align:center;max-width:760px;color:var(--text-3);margin:24px auto 0;font-size:14.5px}.help-no-result a{color:var(--c-primary);font-weight:600}.help-cta{text-align:center;background:#fff}.help-cta-inner h2{color:var(--text-1);margin-bottom:10px;font-size:24px;font-weight:800}.help-cta-inner p{color:var(--text-3);margin-bottom:28px;font-size:15px}.help-cta-inner p a{color:var(--c-primary);font-weight:600}.help-cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (width<=768px){.help-hero{padding:120px 0 56px}.faq-q-text{font-size:14.5px}}.about-hero{background:var(--g-hero);text-align:center;padding:150px 0 90px;position:relative;overflow:hidden}.about-hero:before{content:"";background:radial-gradient(at 50% 30%,#0d948838 0%,#0000 60%);position:absolute;inset:0}.about-hero .container{z-index:1;position:relative}.about-hero-tag{color:#5eead4;background:#0d948833;border:1px solid #0d948859;border-radius:50px;align-items:center;gap:8px;margin-bottom:26px;padding:7px 16px;font-size:13px;font-weight:500;display:inline-flex}.about-hero h1{color:#fff;margin-bottom:20px;font-size:clamp(30px,4.5vw,50px);font-weight:800;line-height:1.25}.about-hero h1 em{background:linear-gradient(135deg,#5eead4,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.about-hero-desc{color:#ffffffa6;max-width:620px;margin:0 auto;font-size:17px;line-height:1.8}.about-story{background:#fff}.story-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:56px;display:grid}.story-text p{color:var(--text-2);margin-bottom:18px;font-size:15.5px;line-height:1.9}.story-text a{color:var(--c-primary);font-weight:600}.story-values{flex-direction:column;gap:18px;display:flex}.value-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px}.value-icon{margin-bottom:10px;font-size:26px}.value-card h3{color:var(--text-1);margin-bottom:6px;font-size:16px;font-weight:700}.value-card p{color:var(--text-3);font-size:13.5px;line-height:1.65}.about-stats{background:var(--bg-soft)}.stats-grid-about{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;background:#fff;padding:32px 20px}.stat-num{background:var(--g-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(28px,3vw,38px);font-weight:900;display:block}.stat-lbl{color:var(--text-3);font-size:14px}.about-timeline{background:#fff}.timeline{border-left:2px solid var(--border);max-width:720px;margin:0 auto;padding-left:32px;position:relative}.tl-item{padding-bottom:40px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-dot{background:var(--g-primary);border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:-39px;box-shadow:0 0 0 4px #0d948826}.tl-date{color:var(--c-primary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:12px;font-weight:700}.tl-content h3{color:var(--text-1);margin-bottom:8px;font-size:18px;font-weight:800}.tl-content p{color:var(--text-3);font-size:14.5px;line-height:1.7}.tl-content a{color:var(--c-primary);font-weight:600}.about-cta{background:var(--g-hero);text-align:center;padding:90px 0}.about-cta-inner h2{color:#fff;margin-bottom:14px;font-size:clamp(24px,3vw,34px);font-weight:800}.about-cta-inner p{color:#fff9;margin-bottom:30px;font-size:15.5px}.about-cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (width<=1024px){.story-grid{grid-template-columns:1fr;gap:36px}.stats-grid-about{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.about-hero{padding:120px 0 64px}.timeline{padding-left:26px}.tl-dot{left:-33px}}.link-style{color:var(--c-primary);font-weight:600}.section-title-left{text-align:left;margin:0 0 20px}.contact-hero{background:var(--g-hero);text-align:center;padding:150px 0 90px}.contact-hero .section-tag{color:#5eead4;background:#0d948833;border:1px solid #0d948859}.contact-hero h1{color:#fff;margin:20px 0 18px;font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.3}.contact-hero-desc{color:#ffffffa6;max-width:620px;margin:0 auto;font-size:16.5px;line-height:1.8}.hero-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.hero-pills span{color:#ffffffc7;background:#ffffff0f;border:1px solid #ffffff24;border-radius:50px;padding:7px 14px;font-size:13px;font-weight:600}.contact-channels{background:var(--bg-soft)}.channels-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.channel-card{border:1.5px solid var(--border);border-radius:var(--r-lg);background:#fff;flex-direction:column;padding:26px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.channel-card:not(.channel-card--static):hover{box-shadow:var(--shadow-md);border-color:var(--c-primary-light);transform:translateY(-4px)}.channel-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:20px;display:flex}.channel-icon.indigo{background:#0d94881a}.channel-icon.violet{background:#0e74901a}.channel-icon.amber{background:#f59e0b1a}.channel-icon.green{background:#10b9811a}.channel-card h3{color:var(--text-1);margin-bottom:6px;font-size:16px;font-weight:800}.channel-card p{color:var(--text-3);margin-bottom:14px;font-size:13px;line-height:1.6}.channel-value{color:var(--c-primary-dark);margin-bottom:8px;font-size:14px;font-weight:700}.channel-sla{color:var(--text-4);margin-top:auto;padding-top:10px;font-size:12px}.contact-flow{background:#fff}.flow-grid{grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;display:grid}.flow-card{background:var(--bg-soft);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:24px 22px}.flow-num{letter-spacing:.08em;color:var(--c-primary);margin-bottom:12px;font-size:13px;font-weight:800;display:block}.flow-card h3{color:var(--text-1);margin-bottom:8px;font-size:16px;font-weight:800}.flow-card p{color:var(--text-3);font-size:14px;line-height:1.7}.contact-prep{background:var(--bg-soft)}.prep-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.prep-copy p{color:var(--text-3);margin-bottom:14px;font-size:15px;line-height:1.8}.prep-list{gap:12px;list-style:none;display:grid}.prep-list li{border:1.5px solid var(--border);border-radius:var(--r-md);background:#fff;padding:16px 18px}.prep-list strong{color:var(--text-1);margin-bottom:4px;font-size:15px;display:block}.prep-list span{color:var(--text-3);font-size:13.5px;line-height:1.65}.contact-self{background:#fff}.self-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.self-card{background:var(--bg-soft);border:1.5px solid var(--border);border-radius:var(--r-lg);flex-direction:column;padding:26px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.self-card:hover{box-shadow:var(--shadow-md);border-color:var(--c-primary-light);transform:translateY(-4px)}.self-icon{margin-bottom:14px;font-size:26px}.self-card h3{color:var(--text-1);margin-bottom:8px;font-size:17px;font-weight:800}.self-card p{color:var(--text-3);margin-bottom:16px;font-size:14px;line-height:1.7}.self-link{color:var(--c-primary);margin-top:auto;font-size:14px;font-weight:700}.contact-faq{background:var(--bg-soft)}.faq-list{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex}.faq-item{border-radius:var(--r-md);border:1.5px solid var(--border);background:#fff;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item.open{border-color:var(--c-primary-light);box-shadow:var(--shadow-sm)}.faq-q{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.faq-q-text{color:var(--text-1);font-size:16px;font-weight:600}.faq-arrow{background:var(--bg-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .2s,transform .3s;display:flex}.faq-item.open .faq-arrow{background:var(--c-primary);transform:rotate(180deg)}.faq-arrow svg{width:12px;height:12px;color:var(--text-3);transition:color .2s}.faq-item.open .faq-arrow svg{color:#fff}.faq-body{padding:0 24px 20px;display:none}.faq-item.open .faq-body{display:block}.faq-body p{color:var(--text-3);font-size:15px;line-height:1.75}.faq-more{text-align:center;color:var(--c-primary);margin-top:32px;font-size:14px;font-weight:600;display:block}.faq-more:hover{text-decoration:underline}.contact-cta{background:var(--g-hero);text-align:center;padding:90px 0}.contact-cta-inner h2{color:#fff;margin-bottom:14px;font-size:clamp(24px,3vw,34px);font-weight:800}.contact-cta-inner p{color:#fff9;margin-bottom:30px;font-size:15.5px}.contact-cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.contact-cta .btn-outline{color:#fff;border-color:#ffffff47}.contact-cta .btn-outline:hover{background:#ffffff14;border-color:#ffffff80}@media (width<=1024px){.channels-grid,.flow-grid,.self-grid{grid-template-columns:repeat(2,1fr)}.prep-grid{grid-template-columns:1fr;gap:32px}}@media (width<=768px){.contact-hero{padding:120px 0 64px}.channels-grid,.flow-grid,.self-grid{grid-template-columns:1fr}.faq-q-text{font-size:14.5px}}.legal-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--r-md);width:100%;margin-bottom:18px;overflow:hidden}.legal-table th,.legal-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px;font-size:14px}.legal-table th{background:var(--bg-soft);color:var(--text-1);font-weight:700}.legal-table td{color:var(--text-2)}.legal-table tr:last-child td{border-bottom:none}@media (width<=1024px){.legal-container{grid-template-columns:1fr}.legal-toc{margin-bottom:32px;position:static}.legal-toc ol{flex-flow:wrap}}@media (width<=768px){.legal-hero{padding:120px 0 40px}.legal-body{padding:48px 0}}.legal-hero{background:var(--g-hero);padding:150px 0 56px}.legal-hero .section-tag{color:#5eead4;background:#0d948833;border:1px solid #0d948859}.legal-hero h1{color:#fff;margin:18px 0 10px;font-size:clamp(28px,4vw,42px);font-weight:800}.legal-updated{color:#ffffff80;font-size:13.5px}.legal-body{background:#fff;padding:72px 0}.legal-container{grid-template-columns:220px 1fr;align-items:start;gap:56px;display:grid}.legal-toc{position:sticky;top:104px}.legal-toc-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-4);margin-bottom:14px;font-size:12px;font-weight:700}.legal-toc ol{counter-reset:toc;flex-direction:column;gap:4px;list-style:none;display:flex}.legal-toc li{counter-increment:toc}.legal-toc a{color:var(--text-3);border-radius:var(--r-sm);padding:7px 10px;font-size:13.5px;transition:background .2s,color .2s;display:block}.legal-toc a:before{content:counter(toc) ". ";color:var(--text-4)}.legal-toc a:hover{background:var(--bg-soft);color:var(--c-primary)}.legal-content{max-width:720px}.legal-intro{color:var(--text-3);border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:28px;font-size:15px;line-height:1.9}.legal-intro a{color:var(--c-primary);font-weight:600}.legal-content h2{color:var(--text-1);margin:40px 0 14px;scroll-margin-top:100px;font-size:20px;font-weight:800}.legal-content h2:first-of-type{margin-top:0}.legal-content p{color:var(--text-2);margin-bottom:14px;font-size:14.5px;line-height:1.9}.legal-content p a,.legal-content li a{color:var(--c-primary);font-weight:600}.legal-content ul{flex-direction:column;gap:8px;margin:0 0 14px;padding-left:22px;display:flex}.legal-content li{color:var(--text-2);font-size:14.5px;line-height:1.75}.legal-content strong{color:var(--text-1)}@media (width<=1024px){.legal-container{grid-template-columns:1fr}.legal-toc{margin-bottom:32px;position:static}.legal-toc ol{flex-flow:wrap}}@media (width<=768px){.legal-hero{padding:120px 0 40px}.legal-body{padding:48px 0}}.blog-hero{background:var(--g-hero);text-align:center;padding:140px 0 80px;position:relative;overflow:hidden}.blog-hero:before{content:"";background:radial-gradient(at 20% 40%,#0d94882e 0%,#0000 55%),radial-gradient(at 80% 60%,#0e74901f 0%,#0000 55%);position:absolute;inset:0}.blog-hero-orb{filter:blur(80px);opacity:.1;pointer-events:none;border-radius:50%;position:absolute}.bh-orb1{background:#0d9488;width:480px;height:480px;top:-120px;left:-80px}.bh-orb2{background:#ec4899;width:360px;height:360px;bottom:-60px;right:-60px}.blog-hero-inner{z-index:1;position:relative}.blog-hero-tag{color:#5eead4;background:#0d948833;border:1px solid #0d948859;border-radius:50px;align-items:center;gap:7px;margin-bottom:24px;padding:7px 18px;font-size:13px;font-weight:500;display:inline-flex}.blog-hero h1{color:#fff;margin-bottom:18px;font-size:clamp(30px,4.5vw,52px);font-weight:800;line-height:1.15}.blog-hero h1 em{background:linear-gradient(135deg,#5eead4,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.blog-hero-desc{color:#ffffff9e;max-width:520px;margin:0 auto 40px;font-size:17px;line-height:1.75}.blog-search-wrap{max-width:500px;margin:0 auto;position:relative}.blog-search{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1a;border:1.5px solid #ffffff26;border-radius:50px;outline:none;width:100%;padding:15px 56px 15px 20px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s}.blog-search::placeholder{color:#fff6}.blog-search:focus{background:#ffffff26;border-color:#0d948899}.blog-search-btn{background:var(--g-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.blog-search-btn:hover{opacity:.85}.blog-search-btn svg{stroke:#fff;fill:none;width:16px;height:16px}.blog-hero-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-top:36px;display:flex}.blog-hero-meta-item{color:#ffffff73;align-items:center;gap:6px;font-size:13px;display:flex}.blog-hero-meta-item svg{stroke:currentColor;fill:none;width:14px;height:14px}.category-bar{background:var(--bg-page);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:70px}.category-inner{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:8px;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;overflow-x:auto}.category-inner::-webkit-scrollbar{display:none}.cat-btn{white-space:nowrap;cursor:pointer;border:1.5px solid var(--border);color:var(--text-3);background:0 0;border-radius:50px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.cat-btn:hover{border-color:var(--c-primary);color:var(--c-primary);background:#0d94880d}.cat-btn.active{background:var(--g-primary);color:#fff;border-color:#0000;box-shadow:0 3px 12px #0d948859}.cat-btn .cat-count{background:#00000012;border-radius:50px;padding:1px 7px;font-size:11px;font-weight:500}.cat-btn.active .cat-count{background:#fff3}.featured-section{padding:72px 0 0}.featured-section-header{text-align:left;margin-bottom:32px}.featured-card{border-radius:var(--r-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:0;transition:transform .35s,box-shadow .35s;display:grid;overflow:hidden}.featured-card:hover{transform:translateY(-6px);box-shadow:0 24px 64px #00000026}.featured-cover{aspect-ratio:16/9;background:var(--g-hero);position:relative;overflow:hidden}.featured-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.featured-cover-bg{position:absolute;inset:0}.cov-featured{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#4c1d95 100%)}.featured-cover-pattern{opacity:.08;background-image:radial-gradient(circle at 25% 25%,#fff 1px,#0000 1px),radial-gradient(circle at 75% 75%,#fff 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.featured-cover-glow{background:radial-gradient(circle,#0d948873 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.featured-cover-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:22px;justify-content:center;align-items:center;width:88px;height:88px;font-size:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.featured-cover-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.3px;background:#0d9488d9;border-radius:50px;padding:5px 13px;font-size:12px;font-weight:600;position:absolute;top:20px;left:20px}.featured-cover-read-time{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffbf;background:#00000080;border-radius:50px;align-items:center;gap:5px;padding:5px 13px;font-size:12px;display:flex;position:absolute;bottom:20px;right:20px}.featured-cover-read-time svg{stroke:currentColor;fill:none;width:12px;height:12px}.featured-body{background:#fff;flex-direction:column;justify-content:center;padding:52px 52px 52px 48px;display:flex}.featured-eyebrow{align-items:center;gap:10px;margin-bottom:18px;display:flex}.featured-cat{letter-spacing:.5px;text-transform:uppercase;color:var(--c-primary);font-size:12px;font-weight:700}.featured-dot{background:var(--text-4);border-radius:50%;width:3px;height:3px}.featured-date{color:var(--text-4);font-size:12px}.featured-title{color:var(--text-1);margin-bottom:16px;font-size:clamp(20px,2.2vw,28px);font-weight:800;line-height:1.3;transition:color .2s}.featured-card:hover .featured-title{color:var(--c-primary)}.featured-excerpt{color:var(--text-3);margin-bottom:28px;font-size:15px;line-height:1.75}.featured-tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.tag{background:var(--bg-light);color:var(--text-3);border:1px solid var(--border);border-radius:50px;padding:4px 11px;font-size:12px;font-weight:500;transition:all .2s}.tag:hover{color:var(--c-primary);background:#0d948814;border-color:#0d948833}.featured-read-link{color:var(--c-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;transition:gap .2s;display:inline-flex}.featured-read-link:hover{gap:12px}.featured-read-link svg{stroke:currentColor;fill:none;width:16px;height:16px}.articles-section{padding:64px 0 80px}.articles-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.articles-title{color:var(--text-1);font-size:22px;font-weight:800}.articles-count{color:var(--text-4);font-size:14px}.articles-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.post-card{border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-xl);border-color:#0d948826;transform:translateY(-6px)}.post-cover{aspect-ratio:16/9;background:var(--g-hero);height:220px;position:relative;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.post-card:hover .post-cover img{transform:scale(1.04)}.post-cover-bg{transition:transform .5s;position:absolute;inset:0}.post-card:hover .post-cover-bg{transform:scale(1.05)}.post-cover-overlay{background:linear-gradient(#0000000d 0%,#00000040 100%);position:absolute;inset:0}.post-cover-cat{letter-spacing:.4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;padding:4px 11px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}.post-cover-emoji{font-size:42px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cov-indigo{background:linear-gradient(135deg,#312e81 0%,#4c1d95 100%)}.cov-pink{background:linear-gradient(135deg,#831843 0%,#9d174d 100%)}.cov-teal{background:linear-gradient(135deg,#134e4a 0%,#065f46 100%)}.cov-amber{background:linear-gradient(135deg,#78350f 0%,#92400e 100%)}.cov-blue{background:linear-gradient(135deg,#1e3a5f 0%,#1e40af 100%)}.cov-rose{background:linear-gradient(135deg,#881337 0%,#be123c 100%)}.cov-violet{background:linear-gradient(135deg,#2e1065 0%,#5b21b6 100%)}.cov-cyan{background:linear-gradient(135deg,#164e63 0%,#0e7490 100%)}.cov-green{background:linear-gradient(135deg,#14532d 0%,#166534 100%)}.cat-tutorial{color:#fff;background:#0d9488d9}.cat-compare{color:#fff;background:#ec4899cc}.cat-global{color:#fff;background:#10b981d9}.cat-tech{color:#fff;background:#f59e0bd9}.cat-tips{color:#fff;background:#0e7490d9}.cat-industry{color:#fff;background:#10b981d9}.cat-news{color:#fff;background:#3b82f6d9}.post-body{flex-direction:column;flex:1;padding:28px 32px 32px;display:flex}.post-meta-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.post-cat-label{letter-spacing:.5px;text-transform:uppercase;color:var(--c-primary);font-size:11px;font-weight:700}.post-read-time{color:var(--text-4);align-items:center;gap:4px;font-size:11px;display:flex}.post-read-time svg{stroke:currentColor;fill:none;width:11px;height:11px}.post-title{color:var(--text-1);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:19px;font-weight:800;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.post-card:hover .post-title{color:var(--c-primary)}.post-excerpt{color:var(--text-3);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:24px;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}.post-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:18px;display:flex}.post-date{color:var(--text-4);font-size:13px}.post-arrow{background:var(--bg-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,transform .2s;display:flex}.post-card:hover .post-arrow{background:var(--c-primary);transform:translate(3px)}.post-arrow svg{width:14px;height:14px;stroke:var(--text-3);fill:none}.post-card:hover .post-arrow svg{stroke:#fff}.newsletter-section{background:var(--bg-soft);padding:72px 0}.newsletter-card{border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:52px 64px;display:grid}.newsletter-tag{color:var(--c-primary);background:#0d948814;border-radius:50px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 13px;font-size:12px;font-weight:600;display:inline-flex}.newsletter-title{color:var(--text-1);margin-bottom:8px;font-size:clamp(20px,2vw,26px);font-weight:800;line-height:1.3}.newsletter-desc{color:var(--text-3);font-size:15px;line-height:1.7}.newsletter-form{flex-shrink:0;gap:10px;display:flex}.newsletter-input{border:1.5px solid var(--border);background:var(--bg-soft);color:var(--text-1);border-radius:50px;outline:none;width:260px;padding:13px 20px;font-family:inherit;font-size:14px;transition:border-color .2s}.newsletter-input::placeholder{color:var(--text-4)}.newsletter-input:focus{border-color:var(--c-primary)}.main-with-sidebar{grid-template-columns:1fr 300px;align-items:start;gap:52px;display:grid}.sidebar{position:sticky;top:130px}.sidebar-widget{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:28px;padding:28px}.sidebar-widget-title{color:var(--text-1);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;font-weight:800;display:flex}.sidebar-widget-title svg{width:15px;height:15px;stroke:var(--c-primary);fill:none}.popular-list{list-style:none}.popular-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:12px 0;display:flex}.popular-item:last-child{border-bottom:none;padding-bottom:0}.popular-num{color:var(--border);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:26px;font-size:22px;font-weight:900;line-height:1}.popular-item:first-child .popular-num{color:var(--c-primary)}.popular-item-title{color:var(--text-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.5;transition:color .2s;display:-webkit-box;overflow:hidden}.popular-item a:hover .popular-item-title{color:var(--c-primary)}.popular-item-meta{color:var(--text-4);margin-top:4px;font-size:12px}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-cloud-item{color:var(--text-3);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:50px;padding:5px 13px;font-size:13px;font-weight:500;transition:all .2s}.tag-cloud-item:hover{color:var(--c-primary);background:#0d948814;border-color:#0d948840}.cta-widget{background:var(--g-primary);border-radius:var(--r-lg);text-align:center;color:#fff;padding:28px}.cta-widget-emoji{margin-bottom:12px;font-size:36px}.cta-widget-title{margin-bottom:8px;font-size:17px;font-weight:800}.cta-widget-desc{color:#ffffffb3;margin-bottom:18px;font-size:13px;line-height:1.6}.cta-widget .btn{justify-content:center;width:100%;padding:12px;font-size:14px}.cta-section{background:var(--g-hero);text-align:center;padding:96px 0;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(at 20%,#0d948833 0%,#0000 55%),radial-gradient(at 80%,#0e749026 0%,#0000 55%);position:absolute;inset:0}.cta-orb{filter:blur(80px);opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.cta-orb1{background:#0d9488;width:500px;height:500px;top:-150px;left:-100px}.cta-orb2{background:#ec4899;width:400px;height:400px;bottom:-100px;right:-100px}.cta-inner{z-index:1;position:relative}.cta-eyebrow{color:#a5b4fccc;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:600}.cta-title{color:#fff;margin-bottom:18px;font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.15}.cta-title em{background:linear-gradient(135deg,#5eead4,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.cta-desc{color:#fff9;max-width:480px;margin:0 auto 36px;font-size:16px;line-height:1.75}.cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cta-hint{color:#ffffff59;margin-top:14px;font-size:13px}@media (width<=1024px){.main-with-sidebar{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;gap:24px;display:grid}.sidebar-widget{margin-bottom:0}.featured-card{grid-template-columns:1fr}.featured-cover{min-height:0}.featured-body{padding:36px}.newsletter-card{grid-template-columns:1fr;gap:28px}.newsletter-form{flex-direction:row}}@media (width<=768px){.blog-hero{padding:110px 0 60px}.articles-grid,.sidebar{grid-template-columns:1fr}.articles-header{flex-direction:column;align-items:flex-start;gap:12px}.newsletter-card{padding:32px 24px}.newsletter-form{flex-direction:column}.newsletter-input{width:100%}.blog-hero-meta{gap:16px}}@media (width<=640px){.articles-grid{grid-template-columns:1fr}}.blog-empty{color:var(--text-3);padding:40px 0}.art-page{background:var(--bg-page)}.art-hero{background:#fff;padding:112px 0 28px}.art-hero-inner{max-width:820px;margin:0 auto}.art-back{color:var(--text-3);align-items:center;margin-bottom:20px;font-size:13.5px;font-weight:600;display:inline-flex}.art-back:hover{color:var(--c-primary)}.art-kicker{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.art-category{background:var(--bg-soft);color:var(--c-primary);border-radius:6px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.art-hero h1{color:var(--text-1);margin:0;font-size:clamp(26px,3.4vw,36px);font-weight:800;line-height:1.35}.art-meta{color:var(--text-4);font-size:13.5px}.art-wrap{max-width:860px}.art-cover{border-radius:var(--r-md);border:1px solid var(--border);aspect-ratio:16/9;object-fit:cover;background:var(--bg-soft);width:100%;height:auto;margin:8px auto 0;display:block}.art-body{padding:48px 0 24px}.art-body-inner{max-width:780px;margin:0 auto}.art-body-inner>p:first-child{color:var(--text-2);margin-bottom:36px;font-size:18px;line-height:1.9}.art-body h2{color:var(--text-1);margin:40px 0 14px;font-size:23px;font-weight:800;line-height:1.35}.art-body h3{color:var(--text-1);margin:28px 0 8px;font-size:17px;font-weight:700}.art-body p{color:var(--text-2);margin-bottom:16px;font-size:16px;line-height:1.9}.art-body ul,.art-body ol{flex-direction:column;gap:10px;margin:0 0 20px;padding-left:22px;display:flex}.art-body ul{padding-left:0;list-style:none}.art-body ul li{color:var(--text-2);padding-left:22px;font-size:15.5px;line-height:1.8;position:relative}.art-body ul li:before{content:"";background:var(--c-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:4px}.art-body ol li{color:var(--text-2);padding-left:6px;font-size:15.5px;line-height:1.8}.art-body strong{color:var(--text-1);font-weight:700}.art-body a{color:var(--c-primary);font-weight:600}.art-body a:hover{color:var(--c-primary-dark)}.art-body code{background:var(--bg-light);color:var(--c-primary-dark);border-radius:4px;padding:2px 7px;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:13.5px}.art-body blockquote{border-left:3px solid var(--c-primary);background:var(--bg-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text-2);margin:8px 0 24px;padding:14px 18px}.art-related{padding:8px 0 40px}.art-related h2{color:var(--text-1);margin-bottom:16px;font-size:18px;font-weight:800}.art-related-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.art-related-card{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;grid-template-columns:120px 1fr;align-items:center;gap:14px;padding:12px;transition:border-color .2s,box-shadow .2s;display:grid}.art-related-card:hover{box-shadow:var(--shadow-sm);border-color:#0d948840}.art-related-card img{object-fit:cover;background:var(--g-hero);border-radius:8px;width:120px;height:68px}.art-related-card span{color:var(--c-primary);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.art-related-card strong{color:var(--text-1);font-size:14px;line-height:1.45;display:block}.art-cta{border-radius:var(--r-lg);background:var(--bg-soft);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:8px 0 80px;padding:28px 32px;display:flex}.art-cta p{color:var(--text-1);margin:0;font-size:16px;font-weight:700}.art-cta-actions{flex-wrap:wrap;gap:10px;display:flex}.art-buy-spacer{pointer-events:none;height:88px}.art-buy-bar{z-index:900;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);padding:12px 24px calc(12px + env(safe-area-inset-bottom,0px));background:#fffffff5;transition:transform .28s,opacity .28s;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 36px #11182714}.art-buy-bar:before{content:"";background:var(--g-primary);height:2px;position:absolute;top:0;left:0;right:0}.art-buy-inner{align-items:center;gap:18px;max-width:1080px;margin:0 auto;display:flex}.art-buy-copy{flex:1;min-width:0}.art-buy-name{color:var(--c-primary);background:#6366f114;border-radius:999px;align-items:center;margin-bottom:4px;padding:2px 9px;font-size:12px;font-weight:800;display:inline-flex}.art-buy-desc{color:var(--text-2);margin:0;font-size:14px;font-weight:600;line-height:1.45}.art-buy-offer{flex-shrink:0;align-items:center;gap:16px;display:flex}.art-buy-price{color:var(--text-1);white-space:nowrap;align-items:baseline;display:flex}.art-buy-currency{margin-right:1px;font-size:16px;font-weight:800}.art-buy-num{letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1}.art-buy-unit{color:var(--text-3);margin-left:4px;font-size:13px;font-weight:600}.art-buy-cta{padding:12px 22px}.art-buy-close{width:36px;height:36px;color:var(--text-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.art-buy-close:hover{background:var(--bg-light);color:var(--text-1)}.art-buy-spacer.is-hidden,.art-buy-bar.is-hidden{opacity:0;visibility:hidden;pointer-events:none;height:0;padding:0}.art-buy-bar.is-hidden{transform:translateY(110%)}@media (width<=768px){.art-hero{padding:100px 0 20px}.art-cover{margin-top:0}.art-body{padding:32px 0 16px}.art-body h2{font-size:20px}.art-related-grid,.art-cta{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.art-related-card{grid-template-columns:96px 1fr}.art-related-card img{width:96px;height:54px}.art-buy-spacer{height:76px}.art-buy-bar{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}.art-buy-inner{gap:10px}.art-buy-desc{display:none}.art-buy-name{margin-bottom:0}.art-buy-offer{gap:10px}.art-buy-num{font-size:22px}.art-buy-cta{padding:10px 14px;font-size:13.5px}.art-buy-close{width:32px;height:32px}}