:root{--orange:var(--accent);--orange-red:var(--accent);--orange-yellow:var(--accent);--orange-light:var(--accent);--orange-glow:rgba(var(--accent-rgb), .18);--orange-soft:rgba(var(--accent-rgb), .08);--success:#22c55e;--danger:#ef4444;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--font-mono:"SF Mono", "Fira Code", "Consolas", monospace;--container:1200px;--r-xs:6px;--r-sm:8px;--r:10px;--r-md:12px;--r-lg:14px;--transition:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}:root,[data-theme=dark]{--bg:#0a0b0f;--bg-soft:#0f1115;--surface:#13161c;--surface-2:#1a1e26;--surface-3:#232831;--border:#ffffff0f;--border-strong:#ffffff1f;--text:#f0f2f5;--text-soft:#a8aeb8;--text-muted:#6b7280;--nav-bg:#0a0b0fb3;--shadow:0 20px 60px #00000080;--shadow-orange:0 20px 60px rgba(var(--shadow-rgb), .165);--glass:#ffffff08;--glass-border:#ffffff14;--hero-grid:#ffffff06}[data-theme=light]{--bg:#edf0f4;--bg-soft:#e4e7ed;--surface:#fff;--surface-2:#f2f4f8;--surface-3:#dde1e8;--border:#0f172a1c;--border-strong:#0f172a33;--text:#0e1320;--text-soft:#364056;--text-muted:#6c7588;--nav-bg:#edf0f4d1;--shadow:0 4px 24px #0f172a14, 0 1px 3px #0f172a0f;--shadow-orange:0 8px 32px rgba(var(--shadow-rgb), .099), 0 2px 8px rgba(var(--shadow-rgb), .066);--glass:#fffc;--glass-border:#0f172a1a;--hero-grid:#0f172a09;--orange-glow:rgba(var(--accent-rgb), .12);--orange-soft:rgba(var(--accent-rgb), .07)}[data-theme=light] .hero-glow-1{background:radial-gradient(circle, rgba(var(--accent-rgb), .12) 0%, transparent 65%)!important}[data-theme=light] .hero-glow-2{background:radial-gradient(circle, rgba(var(--accent-rgb), .08) 0%, transparent 65%)!important}[data-theme=light] .cta-box{background:linear-gradient(135deg, var(--accent) 0%, var(--accent) 100%)!important}[data-theme=light] ::selection{background:var(--accent);color:#fff}[data-theme=light] ::-webkit-scrollbar-thumb{border-radius:var(--r-xs);background:#c5cad4}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--accent)}[data-theme=light] ::-webkit-scrollbar-track{background:#e4e7ed}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background var(--transition), color var(--transition);line-height:1.6;overflow-x:hidden}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition);text-decoration:none}a:hover{color:var(--orange)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit;font-size:1rem}ul,ol{list-style:none}::selection{background:var(--orange);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--r-xs)}::-webkit-scrollbar-thumb:hover{background:var(--orange)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em;font-weight:700;line-height:1.1}h1{font-size:clamp(2.5rem,6vw,4.8rem)}h2{font-size:clamp(2rem,4.5vw,3.4rem)}h3{font-size:clamp(1.4rem,2.5vw,1.9rem)}h4{font-size:1.2rem}p{color:var(--text-soft)}.gradient-text{background:linear-gradient(120deg, var(--orange) 0%, var(--orange-yellow) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.gradient-text-cool{background:linear-gradient(120deg, var(--orange) 0%, var(--orange-red) 50%, var(--orange-yellow) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:clamp(70px,11vw,140px) 0;position:relative}.text-center{text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--orange);border-radius:var(--r-sm);background:var(--orange-soft);border:1px solid rgba(var(--accent-rgb), .25);align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--orange);border-radius:50%;width:6px;height:6px}.section-title{margin-bottom:18px}.section-subtitle{color:var(--text-soft);max-width:640px;margin:0 auto;font-size:1.05rem}.text-center .section-subtitle{margin-left:auto;margin-right:auto}.btn{border-radius:var(--r-sm);transition:transform var(--transition), box-shadow var(--transition), background var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn svg{width:18px;height:18px;transition:transform var(--transition)}.btn-primary{background:linear-gradient(120deg, var(--orange) 0%, var(--orange-red) 100%);color:#fff;box-shadow:var(--shadow-orange)}.btn-primary:hover{color:#fff;box-shadow:0 24px 70px rgba(var(--shadow-rgb), .248);transform:translateY(-2px)}.btn-primary:hover svg{transform:translate(3px)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}.btn-outline{color:var(--orange);border-color:var(--orange);background:0 0}.btn-outline:hover{background:var(--orange);color:#fff;box-shadow:var(--shadow-orange);transform:translateY(-2px)}.btn[data-spin].is-loading{pointer-events:none;opacity:.7}.btn[data-spin].is-loading .btn-text:after{content:"…"}.btn-lg{padding:16px 34px;font-size:1.05rem}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);background:var(--nav-bg);transition:all var(--transition);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{font-family:var(--font-display);align-items:center;gap:11px;font-size:1.3rem;font-weight:700;display:flex}.logo:hover{color:var(--text)}.brand-logo-img{object-fit:contain;background:0 0;width:auto;max-width:100%;height:34px;display:block}.nav .brand-logo-img{height:46px}.footer .brand-logo-img{transform-origin:0;background:0 0;width:auto;max-width:220px;height:56px;transform:none}.nav-menu{align-items:center;gap:2px;display:flex}.nav-link{border-radius:var(--r-sm);color:var(--text-soft);transition:all var(--transition);padding:9px 16px;font-size:.94rem;font-weight:500;position:relative}.nav-link:hover{color:var(--text);background:var(--orange-soft)}.nav-link.active{color:var(--orange)}.nav-actions{align-items:center;gap:8px;display:flex}.nav-icon-btn{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--text-soft);transition:all var(--transition);place-items:center;display:grid}.nav-icon-btn:hover{color:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.nav-icon-btn svg{width:18px;height:18px}.nav-lang-switch{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);align-items:center;gap:2px;height:40px;padding:0 4px;display:flex}.nav-lang-switch a{border-radius:var(--r-xs);height:32px;color:var(--text-muted);transition:all var(--transition);align-items:center;padding:0 8px;font-size:.76rem;font-weight:700;display:flex}.nav-lang-switch a:hover{color:var(--text)}.nav-lang-switch a.active{color:#fff;background:linear-gradient(120deg, var(--orange), var(--orange-red))}.nav-lang-switch span{color:var(--text-muted);font-size:.76rem}.nav-toggle{display:none}.nav-icon-btn.nav-profile-login{width:auto;color:var(--text);align-items:center;gap:6px;padding:0 14px;font-size:.86rem;font-weight:600;display:inline-flex}.nav-icon-btn.nav-profile-login:hover{color:var(--orange)}.nav-profile-login-text{white-space:nowrap}.nav-icon-btn.nav-profile-dd-trigger{width:auto;color:var(--text);align-items:center;gap:8px;padding:0 10px 0 4px;font-size:.84rem;font-weight:600;display:inline-flex}.nav-profile-avatar{background:linear-gradient(135deg, var(--orange), var(--orange-red));color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.72rem;font-weight:700;display:grid}.nav-profile-username{text-overflow:ellipsis;white-space:nowrap;max-width:110px;color:var(--text);overflow:hidden}.nav-profile-caret{width:14px;height:14px;color:var(--text-muted);transition:transform var(--transition);flex-shrink:0}.nav-profile-dd:focus-within .nav-profile-caret{transform:rotate(180deg)}.nav-profile-dd{position:relative}.nav-profile-dd:after{content:"";height:10px;display:none;position:absolute;top:100%;left:0;right:0}.nav-profile-dd:hover:after,.nav-profile-dd:focus-within:after{display:block}.nav-profile-dd-menu{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow-md);z-index:99;margin-top:0;padding:6px 6px 8px;display:none;position:absolute;top:calc(100% + 10px);right:0}.nav-profile-dd:hover .nav-profile-dd-menu,.nav-profile-dd:focus-within .nav-profile-dd-menu,.nav-profile-dd.is-open .nav-profile-dd-menu{display:block}.nav-profile-dd-item{border-radius:var(--r-sm);color:var(--text);transition:background var(--transition), color var(--transition);align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;font-weight:500;text-decoration:none;display:flex}.nav-profile-dd-item:hover{background:var(--orange-soft);color:var(--orange)}.nav-profile-dd-item svg{flex-shrink:0;width:16px;height:16px}.nav-profile-dd-item-danger{color:var(--text-muted)}.nav-profile-dd-item-danger:hover{background:rgba(var(--accent-rgb), .12);color:var(--orange-red)}.nav-profile-dd-sep{background:var(--border);border:0;height:1px;margin:4px 8px}@media (width<=768px){.nav-profile-username,.nav-icon-btn.nav-profile-login .nav-profile-login-text{display:none}.nav-icon-btn.nav-profile-login,.nav-icon-btn.nav-profile-dd-trigger{justify-content:center;width:40px;padding:0}.nav-icon-btn.nav-profile-dd-trigger{padding:0}.nav-profile-dd-menu{min-width:200px;right:0}}.hero{padding:150px 0 90px;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-grid-overlay{background-image:linear-gradient(var(--hero-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 20%,#000 20%,#0000 80%);mask-image:radial-gradient(90% 70% at 50% 20%,#000 20%,#0000 80%)}.hero-glow{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.hero-glow-1{background:radial-gradient(circle, var(--orange-glow) 0%, transparent 65%);width:600px;height:600px;top:-250px;left:50%;transform:translate(-50%)}.hero-glow-2{background:radial-gradient(circle, rgba(var(--accent-rgb), .15) 0%, transparent 65%);width:450px;height:450px;top:30%;left:-150px}.hero-content{text-align:center;z-index:2;max-width:820px;margin:0 auto;position:relative}.hero-title{text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-title{margin-bottom:24px;font-size:clamp(2.5rem,6vw,4.8rem);font-weight:800}.hero-subtitle{color:var(--text-soft);max-width:620px;margin:0 auto 36px;font-size:clamp(1.02rem,1.8vw,1.2rem)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.ln{color:var(--text-muted);opacity:.4;text-align:right;user-select:none;min-width:18px;font-size:.76rem}.cls{color:#e5c07b}.fn{color:#61dafb}.var{color:#e06c75}.ns{color:#d19a66}.stats-bar-section{padding:clamp(60px,9vw,110px) 0}.stats-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0;margin-top:56px;display:grid;overflow:hidden}.stats-bar>.stats-bar-item{flex:1 1 0;min-width:0}@media (width>=720px){.stats-bar:has(.stats-bar-item:nth-child(4):last-child),.stats-bar{grid-template-columns:repeat(4,minmax(0,1fr))}}.stats-bar-item{text-align:center;transition:all var(--transition);padding:40px 24px;position:relative;overflow:hidden}.stats-bar-item:before{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), var(--orange-glow), transparent 60%);opacity:0;transition:opacity var(--transition);pointer-events:none;position:absolute;inset:0}.stats-bar-item:hover:before{opacity:1}.stats-bar-item:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:20%;bottom:20%;right:0}.stats-bar-item:hover{background:var(--surface-2);transform:translateY(-3px)}.stats-bar-num{font-family:var(--font-display);margin-bottom:10px;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:800;line-height:1;position:relative}.stats-bar-num sup{vertical-align:super;color:var(--orange);font-size:.45em;font-weight:700}.stats-bar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:500;position:relative}.svc-select-item{border-radius:var(--r-sm);color:var(--text-soft);text-align:left;transition:all var(--transition);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:.95rem;font-weight:500;display:flex}.svc-select-item:hover{background:var(--surface);color:var(--text)}.svc-select-item.active{background:var(--surface);color:var(--orange);border-color:rgba(var(--shadow-rgb), .165);box-shadow:0 4px 16px rgba(var(--shadow-rgb), .055)}.svc-preview-panel{height:100%;padding:36px;display:none}.svc-preview-panel.active{grid-template-columns:1fr;gap:28px;animation:.4s cubic-bezier(.16,1,.3,1) svc-fade-in;display:grid}@keyframes svc-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.svc-browser-url{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);flex:1;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;display:flex}.svc-browser-url svg{width:14px;height:14px;color:var(--orange)}.svc-game-tab{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);transition:all var(--transition);cursor:pointer;flex:1;padding:7px;font-size:.76rem;font-weight:600}.svc-game-tab:hover{border-color:var(--orange)}.svc-game-tab.active{background:var(--orange-soft);border-color:var(--orange);color:var(--orange)}.svc-game-panel{display:none}.svc-game-panel.active{display:block}.svc-game{flex-direction:column;gap:12px;display:flex}.process-flow{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.process-line{background:var(--border);z-index:0;height:2px;position:absolute;top:44px;left:12.5%;right:12.5%}.process-line-progress{background:linear-gradient(90deg, var(--orange), var(--orange-yellow));border-radius:2px;width:0;height:100%;transition:width 2s cubic-bezier(.16,1,.3,1)}.process-flow.visible .process-line-progress{width:100%}.process-node{text-align:center;z-index:1;padding:0 16px;position:relative}.process-node-circle{border-radius:var(--r-md);background:var(--bg);border:2px solid var(--orange);width:88px;height:88px;font-family:var(--font-display);color:var(--orange);transition:all var(--transition-slow);box-shadow:0 0 0 6px var(--bg);place-items:center;margin:0 auto 24px;font-size:1.7rem;font-weight:700;display:grid;position:relative}.process-node-circle:before{content:"";border-radius:var(--r-md);background:linear-gradient(135deg, var(--orange), var(--orange-red));opacity:0;transition:opacity var(--transition-slow);z-index:-1;position:absolute;inset:-2px}.process-node:hover .process-node-circle{color:#fff;box-shadow:0 0 0 6px var(--bg), 0 16px 40px rgba(var(--shadow-rgb), .193);border-color:#0000;transform:scale(1.1)translateY(-4px)}.process-node:hover .process-node-circle:before{opacity:1}.process-node-arrow{background:var(--bg);border:2px solid var(--orange);width:30px;height:30px;color:var(--orange);z-index:3;transition:all var(--transition);border-radius:50%;place-items:center;display:grid;position:absolute;top:30px;right:-16px}.process-node:hover .process-node-arrow{background:var(--orange);color:#fff}.process-node-arrow svg{width:14px;height:14px}.process-node-content{padding-top:4px}.process-node-content h4{margin-bottom:10px;font-size:1.15rem}.process-node-content p{font-size:.88rem;line-height:1.6}.ref-hero-content{text-align:center;max-width:880px}.ref-breadcrumb{color:var(--text-soft);align-items:center;gap:8px;margin-bottom:18px;font-size:.82rem;display:inline-flex}.ref-breadcrumb a{color:var(--text-soft);transition:color var(--transition)}.ref-breadcrumb a:hover{color:var(--orange)}.ref-bc-sep{color:var(--text-muted);opacity:.55}.ref-bc-current{color:var(--text);font-weight:600}.ref-hero-meta{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;display:flex}.ref-hero-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.ref-hero-pill svg{width:14px;height:14px;color:var(--orange);flex-shrink:0}.ref-hero-pill-tech{font-family:var(--font-mono);color:var(--orange)}.ref-section-inner{max-width:880px;margin:0 auto}.ref-section-title{font-family:var(--font-display);text-align:left;letter-spacing:-.015em;margin-bottom:22px;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;line-height:1.25}.ref-section-body{color:var(--text-soft);margin:0;font-size:1.06rem;line-height:1.85}@media (width<=920px){.prod-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.prod-highlights-grid{grid-template-columns:1fr}}.prod-faq{flex-direction:column;gap:10px;max-width:880px;margin:30px auto 0;display:flex}.prod-faq-item[open]{border-color:rgba(var(--accent-rgb), .4)}.prod-faq-item summary{cursor:pointer;font-family:var(--font-display);color:var(--text);user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;font-size:1rem;font-weight:700;list-style:none;display:flex}.prod-faq-toggle svg{width:14px;height:14px}.prod-faq-q{flex:1}.prod-faq-a{color:var(--text-soft);padding:0 22px 20px;font-size:.94rem;line-height:1.65}@media (width<=640px){.ref-breadcrumb{font-size:.74rem}}.why-v2-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:all var(--transition-slow);padding:36px 32px;position:relative;overflow:hidden}.why-v2-card:hover{border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-8px)}.why-v2-card:before{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), var(--orange-glow), transparent 50%);opacity:0;transition:opacity var(--transition);pointer-events:none;position:absolute;inset:0}.why-v2-card:hover:before{opacity:1}.why-v2-num{font-family:var(--font-display);color:var(--orange);opacity:.07;transition:opacity var(--transition);font-size:5rem;font-weight:800;line-height:1;position:absolute;top:16px;right:24px}.why-v2-card:hover .why-v2-num{opacity:.15}.why-v2-card h4{margin-bottom:10px;font-size:1.2rem;position:relative}.why-v2-card>p{font-size:.9rem;line-height:1.65;position:relative}.faq-list{max-width:760px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:var(--r-sm);transition:border-color var(--transition);background:var(--surface);margin-bottom:12px;overflow:hidden}.faq-item.open{border-color:var(--orange)}.faq-question{text-align:left;width:100%;font-family:var(--font-display);color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:1.02rem;font-weight:600;display:flex}.faq-question:hover{color:var(--orange)}.faq-answer{max-height:0;transition:max-height var(--transition-slow);overflow:hidden}.cta-section{padding:clamp(60px,10vw,110px) 0}.cta-box{background:linear-gradient(135deg, var(--orange) 0%, var(--orange-red) 100%);border-radius:var(--r-md);text-align:center;color:#fff;padding:clamp(48px,7vw,80px);position:relative;overflow:hidden}.cta-box:before{content:"";background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.cta-box:after{content:"";background:radial-gradient(#ffffff26,#0000 60%);width:60%;height:200%;animation:8s ease-in-out infinite cta-shine;position:absolute;top:-50%;left:-10%}@keyframes cta-shine{0%,to{transform:translate(0)}50%{transform:translate(150%)}}.cta-box h2{color:#fff;margin-bottom:16px;position:relative}.cta-box p{color:#ffffffeb;max-width:560px;margin-bottom:32px;margin-left:auto;margin-right:auto;position:relative}.cta-box .btn{z-index:1;position:relative}.cta-box .btn-primary{color:var(--orange-red);background:#fff}.cta-box .btn-primary:hover{color:var(--orange-red)}.cta-box .btn-secondary{color:#fff;background:#ffffff26;border-color:#fff6}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23FF5A1F' stroke-width='3' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.hp-field{opacity:0;pointer-events:none;position:absolute;left:-9999px}.form-feedback{border-radius:var(--r-sm);margin-bottom:18px;padding:12px 16px;font-size:.9rem;display:none}.form-feedback.show{animation:.4s slideIn;display:block}.form-feedback.success{color:var(--success);background:#22c55e1a;border:1px solid #22c55e4d}.form-feedback.error{color:var(--danger);background:#ef44441a;border:1px solid #ef44444d}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.float-buttons{z-index:90;flex-direction:column;align-items:center;gap:0;display:flex;position:fixed;bottom:20px;right:20px}.whatsapp-float{color:#fff;width:48px;height:48px;transition:transform var(--transition), margin-bottom .35s ease, opacity .35s ease;background:#25d366;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 8px 24px #25d36666}.whatsapp-float:hover{color:#fff;transform:scale(1.08)}.whatsapp-float svg{width:24px;height:24px}.whatsapp-float:after{content:"";opacity:.5;pointer-events:none;border:2px solid #25d366;border-radius:50%;animation:2.5s ease-out infinite wa-ring;position:absolute;inset:0}@keyframes wa-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.quote-popup{z-index:95;opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(120%)}.quote-popup.show{opacity:1;pointer-events:auto;animation:3s ease-in-out .6s infinite popup-float;transform:translate(-50%)translateY(0)}@keyframes popup-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}.quote-popup-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow), 0 0 50px rgba(var(--shadow-rgb), .066);align-items:center;gap:14px;max-width:520px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.quote-popup-card:before{content:"";background:linear-gradient(90deg, var(--orange), var(--orange-yellow));height:3px;position:absolute;top:0;left:0;right:0}.quote-popup-glow{background:radial-gradient(circle, var(--orange-glow), transparent 70%);pointer-events:none;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.quote-popup-icon{border-radius:var(--r-md);background:linear-gradient(135deg, var(--orange), var(--orange-red));color:#fff;width:44px;height:44px;box-shadow:0 8px 20px rgba(var(--shadow-rgb), .165), inset 0 1px 0 #fff3;z-index:2;flex-shrink:0;place-items:center;display:grid;position:relative}.quote-popup-icon svg{width:22px;height:22px}.quote-popup-content{z-index:2;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;position:relative}.quote-popup-title{font-family:var(--font-display);color:var(--text);font-size:.92rem;font-weight:700}.quote-popup-text{color:var(--text-soft);font-size:.78rem;line-height:1.4}.quote-popup-btn{border-radius:var(--r-sm);background:linear-gradient(120deg, var(--orange), var(--orange-red));color:#fff;white-space:nowrap;box-shadow:0 6px 20px rgba(var(--shadow-rgb), .193);transition:all var(--transition);z-index:2;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-size:.84rem;font-weight:700;display:flex;position:relative}.quote-popup-btn:hover{box-shadow:0 10px 28px rgba(var(--shadow-rgb), .275);color:#fff;gap:10px;transform:translateY(-2px)}.quote-popup-btn svg{width:16px;height:16px}@media (width<=560px){.nav .brand-logo-img{height:38px}.footer .brand-logo-img{max-width:180px;height:46px}.quote-popup{bottom:16px;left:12px;right:12px;transform:translateY(120%)}.quote-popup.show{animation:none;transform:translateY(0)}.quote-popup-card{gap:10px;width:100%;max-width:100%;padding:14px}.quote-popup-icon{width:38px;height:38px}.quote-popup-icon svg{width:18px;height:18px}.quote-popup-title{font-size:.84rem}.quote-popup-text{font-size:.72rem}.quote-popup-btn{padding:8px 14px;font-size:.78rem}}.scroll-top{background:var(--surface);border:1px solid var(--border-strong);width:48px;height:48px;color:var(--text-soft);box-shadow:var(--shadow);transition:opacity .35s ease, transform .35s ease, margin-top .35s ease, color var(--transition), border-color var(--transition);opacity:0;pointer-events:none;border-radius:50%;place-items:center;max-height:0;display:grid;overflow:hidden;transform:scale(.8)}.scroll-top.visible{opacity:1;pointer-events:auto;max-height:60px;margin-top:10px;transform:scale(1)}.scroll-top:hover{color:var(--orange);border-color:var(--orange);transform:translateY(-3px)}.scroll-top svg{width:22px;height:22px}.footer{background:var(--bg-soft);border-top:1px solid var(--border);padding:80px 0 30px;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--orange), transparent);width:700px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.blog-table-wrap{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);margin:1.8em 0;overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;font-size:.92rem}.blog-table thead th{background:linear-gradient(180deg, rgba(var(--accent-rgb), .08) 0%, rgba(var(--accent-rgb), 0) 100%);color:var(--orange);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);text-align:left;padding:14px 16px;font-size:.78rem;font-weight:700}.blog-table tbody td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;padding:12px 16px;line-height:1.5}.blog-table tbody tr:last-child td{border-bottom:0}.blog-table tbody tr:nth-child(2n){background:#ffffff04}.blog-table tbody tr:hover{background:rgba(var(--accent-rgb), .04)}.footer-desc{max-width:340px;margin-bottom:24px;font-size:.9rem;line-height:1.7}.footer h5{color:var(--text);margin-bottom:20px;font-size:.92rem;font-weight:600}.footer-links li{margin-bottom:11px}.footer-links a{color:var(--text-muted);transition:all var(--transition);align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.footer-links a:hover{color:var(--orange);transform:translate(4px)}.footer-links a:before{content:"";background:var(--surface-3);width:4px;height:4px;transition:background var(--transition);border-radius:50%;flex-shrink:0}.footer-links a:hover:before{background:var(--orange)}.footer-links a,.footer-contact-plain a{color:var(--text-muted);transition:color var(--transition)}.footer-contact-plain a:hover{color:var(--orange)}.footer-social{gap:10px;display:flex}.footer-social a{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);width:42px;height:42px;color:var(--text-muted);transition:all var(--transition);place-items:center;display:grid}.footer-social a:hover{color:var(--orange);border-color:var(--orange);box-shadow:var(--shadow-orange);transform:translateY(-3px)}.footer-social svg{width:18px;height:18px}.footer-copyright{color:var(--text-muted);white-space:nowrap;font-size:.82rem}.footer-certs-logos{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.footer-cert-logo{object-fit:contain;opacity:.85;filter:none;width:auto;max-width:60px;height:36px;transition:none}.footer-cert-logo:hover{opacity:1}.footer-cert-logo-placeholder{border-radius:var(--r-xs);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:.62rem;font-weight:600;font-family:var(--font-mono);opacity:.4;border-radius:var(--r-xs);background:var(--surface);border:1px solid var(--border);font-size:.7rem;font-weight:600;font-family:var(--font-mono);opacity:.6;padding:6px 12px}.footer-contact-plain{flex-direction:column;gap:12px;display:flex}.footer-contact-item{color:var(--text-muted);transition:color var(--transition);align-items:flex-start;gap:10px;font-size:.84rem;display:flex}.footer-contact-item:hover{color:var(--orange)}.footer-contact-item svg{width:16px;height:16px;color:var(--text-muted);transition:color var(--transition);flex-shrink:0;margin-top:2px}.footer-contact-item:hover svg{color:var(--orange)}.footer-contact-item a{color:inherit;transition:color var(--transition);font-size:.84rem}.footer-contact-item a:hover{color:var(--orange)}.footer-contact-item>span:not(.obfuscated-mail):not(.obfuscated-tel){line-height:1.6}.obfuscated-mail a,.obfuscated-tel a{color:var(--text-muted);transition:color var(--transition);font-size:.84rem}.obfuscated-mail a:hover,.obfuscated-tel a:hover{color:var(--orange)}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:.1s}.reveal.delay-2{transition-delay:.2s}.reveal.delay-3{transition-delay:.3s}.reveal.delay-4{transition-delay:.4s}.reveal-left{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:scale(.92)}.reveal-scale.visible{opacity:1;transform:scale(1)}.filter-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;display:flex}.filter-btn{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-soft);transition:all var(--transition);padding:9px 20px;font-size:.88rem;font-weight:500}.filter-btn:hover{border-color:var(--orange);color:var(--orange)}.filter-btn.active{background:linear-gradient(120deg, var(--orange), var(--orange-red));color:#fff;border-color:#0000}.store-btn{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border-strong);transition:all var(--transition);align-items:center;gap:10px;padding:11px 20px;display:inline-flex}.store-btn:hover{border-color:var(--orange);box-shadow:var(--shadow-orange);transform:translateY(-3px)}.store-btn svg{width:26px;height:26px}.store-btn small{color:var(--text-muted);font-size:.65rem;display:block}.store-btn strong{font-size:.95rem}.glass{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--r-md)}.timeline{max-width:900px;margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--orange), var(--orange-yellow) 50%, transparent);width:2px;position:absolute;top:0;bottom:0;left:30px}.bento{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);transition:all var(--transition-slow);padding:30px;position:relative;overflow:hidden}.bento:hover{border-color:var(--orange);transform:translateY(-4px)}.bento h3{margin-bottom:8px}@media (width<=980px){.stats-bar{grid-template-columns:repeat(3,1fr)}.stats-bar-item:nth-child(3):after{display:none}.stats-bar-item:nth-child(n+4){border-top:1px solid var(--border)}.svc-select-item{flex:1;min-width:140px;padding:10px 14px;font-size:.85rem}.svc-preview-panel.active{grid-template-columns:1fr;gap:24px}.process-flow{gap:40px;grid-template-columns:repeat(2,1fr)!important}.process-line,.process-node-arrow{display:none}.hero-content{text-align:center;max-width:100%;margin:0 auto}.hero-content .hero-title{text-align:center}.hero-content .hero-actions{justify-content:center}}@media (width<=768px){.nav{-webkit-backdrop-filter:none;overflow:visible}.nav-inner{height:68px}.nav-actions [data-theme-toggle]{display:none}.nav-actions{gap:6px;margin-left:auto}.nav-menu{z-index:140;background:var(--bg);border-top:1px solid var(--border);height:calc(100dvh - 68px);max-height:calc(100dvh - 68px);transition:transform var(--transition);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;flex-direction:column;align-items:stretch;gap:0;padding:16px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;transform:translate(100%)}.nav-menu.open{transform:translate(0)}.nav-link{border-radius:var(--r-sm);padding:16px;font-size:1.05rem}.nav-toggle{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);width:42px;height:42px;color:var(--text);z-index:130;flex-shrink:0;place-items:center;display:grid;position:relative}.nav-toggle span{background:var(--text);width:20px;height:2px;position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";background:var(--text);width:20px;height:2px;transition:transform var(--transition);position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.nav-toggle.open span{background:0 0}.nav-toggle.open span:before{transform:rotate(45deg)translate(4px,4px)}.nav-toggle.open span:after{transform:rotate(-45deg)translate(4px,-4px)}.nav-mega-panel{opacity:0;visibility:hidden;pointer-events:none;z-index:125;width:100%;position:fixed;inset:68px 0 0;overflow-y:auto;transform:none}.nav.is-mega-open .nav-mega-panel{opacity:1;visibility:visible;pointer-events:auto;z-index:150}.hero{padding:130px 0 70px}.timeline:before{left:16px}}@media (width<=560px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center}.float-buttons{bottom:16px;right:16px}.whatsapp-float{width:44px;height:44px}.whatsapp-float svg{width:22px;height:22px}.scroll-top{width:44px;height:44px}.scroll-top svg{width:20px;height:20px}.stats-bar{grid-template-columns:repeat(2,1fr)}.stats-bar-item:nth-child(2n):after{display:none}.stats-bar-item:nth-child(n+3){border-top:1px solid var(--border)}.process-flow{grid-template-columns:1fr}.footer-copyright{text-align:center}.footer-certs-logos{justify-content:center}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-mega{display:inline-block;position:relative}.nav-mega-trigger{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.nav-mega-caret{opacity:.7;width:14px;height:14px;transition:transform .2s}.nav-mega:hover .nav-mega-caret,.nav-mega:focus-within .nav-mega-caret{opacity:1;transform:rotate(180deg)}.nav-mega-panel{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;box-shadow:0 24px 60px -20px #00000059, 0 12px 30px -16px rgba(var(--accent-rgb), .12);opacity:0;visibility:hidden;pointer-events:none;z-index:100;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px)}.nav-mega-panel:before{content:"";pointer-events:none;background:radial-gradient(1100px 280px at 0% 0%, rgba(var(--accent-rgb), .05), transparent 60%), radial-gradient(900px 240px at 100% 100%, #ff8c3c0a, transparent 60%);z-index:0;position:absolute;inset:0}.nav-mega-panel-inner{max-width:var(--container);z-index:1;margin:0 auto;padding:36px 24px 32px;position:relative}.nav.is-mega-open .nav-mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav.is-mega-open .nav-mega-caret{opacity:1;transform:rotate(180deg)}*,:before,:after{view-transition-name:none!important}::view-transition,::view-transition-group,::view-transition-image-pair,::view-transition-old,::view-transition-old(root),::view-transition-new,::view-transition-new(root){transition:none!important;animation:none!important}@view-transition{navigation:none}html.loaded,html.loaded body{overflow:visible}@media (width<=900px){.nav-mega-panel-inner{padding:28px 24px 26px}}@media (width<=600px){.nav-mega-panel{width:100%;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;background:var(--bg);backdrop-filter:none;z-index:125;border:none;position:fixed;inset:68px 0 0;overflow-y:auto;transform:none}.nav.is-mega-open .nav-mega-panel{opacity:1;visibility:visible;pointer-events:auto;z-index:150}.nav-mega-panel-inner{padding:14px 0 0}}.work-featured{background:var(--surface);border:1px solid var(--border);isolation:isolate;border-radius:18px;flex-direction:column;min-height:420px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000059,inset 0 1px #ffffff0a}.work-featured-link{z-index:1;text-indent:-9999px;position:absolute;inset:0;overflow:hidden}.work-featured-brand{aspect-ratio:1400/380;background-color:#000a1b;width:100%;position:relative;overflow:hidden}.work-featured-brand img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.work-featured-brand:before,.work-featured-brand:after{content:none}.work-featured-brand-fallback{z-index:2;font-family:var(--font-display,"Inter", sans-serif);color:#fff;letter-spacing:-.04em;text-shadow:0 24px 48px #00000080;font-size:140px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-featured-content{z-index:2;background:var(--surface);border-top:1px solid #ffffff0f;grid-template-columns:1.2fr auto;align-items:center;gap:24px 36px;padding:32px 44px;display:grid;position:relative}.work-featured-content-left{flex-direction:column;gap:10px;min-width:0;display:flex}.work-featured-title{font-family:var(--font-display,"Inter", sans-serif);color:var(--text,#111);letter-spacing:-.03em;margin:0;font-size:clamp(1.55rem,2.4vw,1.9rem);font-weight:800;line-height:1.05}.work-featured-title a{color:inherit;text-decoration:none;transition:color .2s}.work-featured-title a:hover{color:var(--orange,var(--accent))}.work-featured-tagline{color:var(--text-soft);max-width:64ch;margin:0;font-size:1rem;font-weight:500;line-height:1.5}.work-featured-features{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.work-featured-feature{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:5px 11px 5px 9px;font-size:.78rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.work-featured-feature:hover{background:var(--surface-2);border-color:rgba(var(--accent-rgb), .35)}.work-featured-feature:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent));border-radius:50%;flex-shrink:0;width:6px;height:6px}.work-featured-cta{z-index:3;flex-direction:column;justify-content:center;align-self:stretch;gap:10px;min-width:200px;display:flex;position:relative}.work-featured-cta .btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 22px;font-size:.92rem;font-weight:700;display:inline-flex}.work-featured-cta .btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent) 100%);color:#fff;border:1px solid rgba(var(--shadow-rgb), .28);box-shadow:0 0 0 1px rgba(var(--shadow-rgb), .11), 0 8px 24px -8px rgba(var(--shadow-rgb), .28), inset 0 1px 0 #fff3}.work-featured-cta .btn-primary:hover{background:linear-gradient(135deg, var(--accent) 0%, var(--accent) 100%);transform:translateY(-1px)}.work-featured-cta .btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.work-featured-cta .btn-secondary:hover{border-color:rgba(var(--accent-rgb), .45);color:var(--orange);transform:translateY(-1px)}.work-featured-cta .btn svg{stroke-width:2.4px;width:18px;height:18px}@media (width<=760px){.work-featured{min-height:0}.work-featured-brand{aspect-ratio:1400/320;height:auto}.work-featured-content{grid-template-columns:1fr;gap:16px;padding:24px 22px 26px}.work-featured-cta{min-width:0}}.ref-hero-pill-ico{width:14px;height:14px;color:var(--orange);place-items:center;display:inline-grid}.ref-hero-pill-ico svg{width:14px;height:14px}.prod-highlights-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}@media (width<=880px){.prod-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.prod-highlights-grid{grid-template-columns:1fr}}.prod-highlight-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:22px 22px 24px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.prod-highlight-card:before{content:"";background:linear-gradient(90deg, var(--orange), var(--accent));opacity:.35;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.prod-highlight-card:hover{border-color:rgba(var(--shadow-rgb), .22);transform:translateY(-3px);box-shadow:0 14px 36px #00000047}.prod-highlight-card:hover:before{opacity:1}.prod-highlight-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.prod-highlight-card-no{font-family:var(--font-display);background:linear-gradient(135deg, var(--orange), var(--accent));-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;line-height:1}.prod-highlight-card-icon{background:rgba(var(--accent-rgb), .1);width:42px;height:42px;color:var(--orange);border:1px solid rgba(var(--accent-rgb), .22);border-radius:12px;flex-shrink:0;place-items:center;display:inline-grid}.prod-highlight-card-icon svg{width:22px;height:22px}.prod-highlight-card-title{font-family:var(--font-display);color:var(--text);margin:0;font-size:1.06rem;font-weight:700}.prod-highlight-card-desc{color:var(--text-soft);margin:0;font-size:.9rem;line-height:1.6}.prod-process-flow{max-width:1100px;margin-top:12px;margin-left:auto;margin-right:auto}.prod-process-flow .process-node-circle{width:84px;height:84px;font-size:1.55rem}@media (width<=880px){.prod-process-flow{grid-template-columns:repeat(2,1fr);gap:32px 12px}.prod-process-flow .process-line,.prod-process-flow .process-node-arrow{display:none}}@media (width<=480px){.prod-process-flow{grid-template-columns:1fr}}.prod-style-list{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:24px;padding:6px 0;display:grid}.prod-style-row{border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:12px 18px;transition:background .15s;display:grid}.prod-style-row:hover{background:var(--bg-soft)}.prod-style-no{font-family:var(--font-display);background:linear-gradient(135deg, var(--orange), var(--accent));-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-.02em;text-align:right;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;min-width:32px;font-size:1.1rem;font-weight:800;line-height:1}.prod-style-text{min-width:0}.prod-style-title{font-family:var(--font-display);color:var(--text);margin:0 0 2px;font-size:1rem;font-weight:700}.prod-style-desc{color:var(--text-soft);margin:0;font-size:.82rem;line-height:1.5}@media (width<=640px){.prod-style-list{grid-template-columns:1fr}}.prod-faq{flex-direction:column;gap:10px;margin-top:30px;display:flex}.prod-faq-item{border:1px solid var(--border);background:var(--surface);border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.prod-faq-item[open]{border-color:rgba(var(--shadow-rgb), .22);box-shadow:0 12px 30px #0003}.prod-faq-item summary{cursor:pointer;font-family:var(--font-display);color:var(--text);user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:1rem;font-weight:700;list-style:none;transition:background .2s;display:flex}.prod-faq-item summary:hover{background:var(--bg-soft)}.prod-faq-item summary::-webkit-details-marker{display:none}.prod-faq-q{flex:1;line-height:1.45}.prod-faq-toggle{background:var(--bg-soft);border:1px solid var(--border);width:30px;height:30px;color:var(--orange);border-radius:8px;flex-shrink:0;place-items:center;transition:transform .3s;display:grid}.prod-faq-toggle svg{width:14px;height:14px;transition:transform .3s}.prod-faq-item[open] .prod-faq-toggle{transform:rotate(180deg)}.prod-faq-a{opacity:0;grid-template-rows:0fr;padding:0 22px;transition:grid-template-rows .35s,opacity .25s,padding .35s;display:grid}.prod-faq-a-inner{min-height:0;color:var(--text-soft);font-size:.94rem;line-height:1.7;overflow:hidden}.prod-faq-item[open] .prod-faq-a{opacity:1;grid-template-rows:1fr;padding:0 22px 20px}.about-tl-btn{border-radius:var(--r-md);background:var(--surface);border:2px solid var(--border-strong);font-family:var(--font-display);color:var(--text-soft);cursor:pointer;transition:all var(--transition-slow);white-space:nowrap;flex-shrink:0;padding:14px 26px;font-size:1.05rem;font-weight:700;position:relative;box-shadow:0 4px 12px #00000014}.about-tl-btn:hover{border-color:var(--orange);color:var(--text);transform:translateY(-2px)}.about-tl-btn.active{background:linear-gradient(135deg, var(--orange), var(--orange-red));color:#fff;box-shadow:0 8px 24px rgba(var(--shadow-rgb), .193);border-color:#0000;transform:translateY(-2px)}.about-tl-content{max-width:700px;margin-top:16px;margin-left:auto;margin-right:auto;display:none}@media (width<=768px){.about-tl-btn{padding:10px 16px;font-size:.85rem}}@media (width<=560px){.about-tl-btn{padding:8px 12px;font-size:.78rem}}.about-mv-card{background:linear-gradient(160deg, var(--surface) 0%, var(--bg-soft) 100%);border:1px solid var(--border);isolation:isolate;border-radius:20px;flex-direction:column;padding:44px 40px;transition:all .35s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden}.about-mv-card:before{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(var(--accent-rgb), .1), transparent 55%);opacity:0;pointer-events:none;z-index:0;transition:opacity .35s;position:absolute;inset:0}.about-mv-card:after{content:"";background:conic-gradient(from 0deg, rgba(var(--accent-rgb), 0) 0deg, rgba(var(--accent-rgb), .55) 90deg, #ff8c3c59 180deg, rgba(var(--accent-rgb), 0) 270deg, rgba(var(--accent-rgb), 0) 360deg);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:-1;border-radius:20px;padding:1px;transition:opacity .35s;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.about-mv-card:hover{box-shadow:0 24px 60px -20px rgba(var(--shadow-rgb), .165), 0 10px 24px -10px #0006;transform:translateY(-6px)}.about-mv-card:hover:before,.about-mv-card:hover:after{opacity:1}.about-mv-card h4{letter-spacing:-.01em;margin-bottom:14px;font-size:1.45rem;font-weight:800;line-height:1.2;position:relative}.about-mv-card p{color:var(--text-soft);font-size:.95rem;line-height:1.75;position:relative}.store-btn{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border-strong);transition:all var(--transition);cursor:pointer;align-items:center;gap:10px;padding:11px 20px;display:inline-flex}.store-btn-soon{opacity:.6;cursor:not-allowed}.store-btn-soon:hover{opacity:.8;border-color:var(--border-strong);box-shadow:none;transform:none}.store-btn:hover{border-color:var(--orange);box-shadow:var(--shadow-orange);transform:translateY(-3px)}.store-btn svg{width:26px;height:26px}.store-btn small{color:var(--text-muted);font-size:.62rem;display:block}.store-btn strong{font-size:.92rem}.auth-toggle-pass{width:28px;height:28px;color:var(--text-muted);transition:color var(--transition);place-items:center;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-toggle-pass:hover{color:var(--orange)}.auth-toggle-pass svg{width:18px;height:18px}.auth-submit{margin-top:4px}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-phone-opt{border-radius:var(--r-xs);cursor:pointer;transition:background var(--transition);align-items:center;gap:10px;padding:8px 10px;display:flex}.auth-phone-opt:hover{background:var(--surface-2)}.auth-phone-opt img{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:14px}.auth-country-opt{border-radius:var(--r-xs);cursor:pointer;transition:background var(--transition);align-items:center;gap:10px;padding:8px 10px;display:flex}.auth-country-opt:hover,.auth-country-opt:focus-visible{background:var(--surface-2);outline:none}.auth-country-opt.selected{color:var(--orange);background:#f973161f}.auth-country-opt img{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:14px}.auth-country-empty{color:var(--text-muted);text-align:center;padding:14px 10px;font-size:.82rem}.legal-toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:40px;padding:24px 28px}.legal-toc h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:14px;font-size:.88rem}.legal-toc ol{counter-reset:toc;grid-template-columns:1fr 1fr;gap:6px;padding:0;list-style:none;display:grid}.legal-toc li{counter-increment:toc;font-size:.86rem}.legal-toc li a{color:var(--text-soft);transition:color var(--transition);align-items:center;gap:8px;text-decoration:none;display:flex}.legal-toc li a:before{content:counter(toc, decimal-leading-zero);font-family:var(--font-mono);color:var(--orange);font-size:.72rem;font-weight:700}.legal-toc li a:hover{color:var(--orange)}@media (width<=560px){.legal-toc ol{grid-template-columns:1fr}}[data-product-type],[data-type]{transition:opacity .3s,transform .3s}.filter-hide{opacity:0;pointer-events:none;transform:scale(.9)translateY(10px)}.filter-show{animation:.4s cubic-bezier(.16,1,.3,1) filter-fade-in}@keyframes filter-fade-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.server-order-popup{z-index:200;display:none;position:fixed;inset:0}.server-order-popup.show{display:block}.contact-office-tab{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;transition:all var(--transition);flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:.82rem;font-weight:600;display:flex}.contact-office-tab:hover{border-color:var(--orange);color:var(--text)}.contact-office-tab.active{background:var(--orange-soft);border-color:var(--orange);color:var(--orange)}.contact-office-tab svg{width:16px;height:16px}.breadcrumb-nav{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 24px;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumb-nav li{align-items:center;gap:6px;display:flex}.breadcrumb-nav a{color:var(--text-muted);transition:color var(--transition);text-decoration:none}.breadcrumb-nav a:hover{color:var(--orange)}.breadcrumb-nav .breadcrumb-sep{color:var(--text-muted);opacity:.5;font-size:.8rem}.breadcrumb-nav .breadcrumb-current{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-weight:600;overflow:hidden}.share-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0;display:flex}.share-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;transition:all var(--transition);align-items:center;gap:7px;padding:9px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.share-btn:hover{border-color:var(--orange);color:var(--orange)}.share-btn svg{flex-shrink:0;width:16px;height:16px}.share-copy.share-copied{color:#22c55e;border-color:#22c55e}.share-copy.share-copied .share-copy-label:after{content:" ✓"}.price{justify-content:center;align-items:baseline;gap:4px;margin-bottom:14px;display:flex}.price .amount{font-family:var(--font-display);color:var(--text);font-size:2rem;font-weight:800}.price .period{color:var(--text-soft);font-size:.92rem}body,html{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root{--font-system-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-system-serif:Georgia, "Times New Roman", serif}img:not([width]):not([height]){aspect-ratio:attr(width) / attr(height)}img{max-width:100%;height:auto}.hero img{object-fit:cover;width:100%;height:auto}.hero-bg,[class^=hero-bg-]{will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.about-tl-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;border-radius:999px;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.about-tl-btn:hover{color:var(--text);border-color:rgba(var(--accent-rgb), .4)}.about-tl-btn.active{color:#fff;background:linear-gradient(135deg, var(--orange) 0%, var(--orange-red) 100%);box-shadow:0 6px 18px rgba(var(--shadow-rgb), .193);border-color:#0000}.about-tl-content{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow,0 8px 24px #00000040);border-radius:16px;padding:32px 28px;display:none}.about-tl-content.active{animation:.4s both aboutTlFade;display:block}@keyframes aboutTlFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.about-tl-content h4{font-family:var(--font-display);color:var(--text);margin-bottom:10px;font-size:1.4rem}.about-tl-content p{color:var(--text-soft);margin:0;line-height:1.7}.about-mv-card{background:linear-gradient(160deg, var(--surface) 0%, var(--bg-soft) 100%);border:1px solid var(--border);transition:transform var(--transition-slow), border-color var(--transition), box-shadow var(--transition);border-radius:22px;padding:48px 44px 40px;position:relative;overflow:hidden}.about-mv-card:before{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), var(--orange-glow), transparent 50%);opacity:0;transition:opacity var(--transition);pointer-events:none;position:absolute;inset:0}.about-mv-card:after{content:none!important}.about-mv-card>*{z-index:1;position:relative}.about-mv-card:hover{border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-8px)}.about-mv-card:hover:before{opacity:1}.about-mv-card:hover:after{opacity:0!important}@media (width<=920px){.about-mv-card{padding:36px 30px 30px}}@media (width<=600px){.about-tl-btn{padding:8px 12px;font-size:.82rem}}.et-card-logo-text{letter-spacing:-.025em;text-align:center;text-transform:lowercase;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 5px;font-size:.7rem;font-weight:900;line-height:1;display:block;overflow:hidden}.et-card-logo-img{object-fit:contain;max-width:100%;max-height:100%;display:block}.et-card-logo-text{letter-spacing:-.02em;font-size:.95rem;font-weight:800;line-height:1}:root{--ember:#3a6ff8;--ember-rgb:58, 111, 248;--ink:#0b0b0f;--paper:#fff;--c1:#2563eb;--c2:#0ea5e9;--c3:#10b981;--c4:#8b5cf6;--c5:#f59e0b;--pos:#16a34a;--neg:#dc2626;--ds-font:"Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ds-mono:"Geist Mono", ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--font-sans:var(--ds-font);--font-body:var(--ds-font);--font-display:var(--ds-font);--font-mono:var(--ds-mono);--ds-r-xs:6px;--ds-r-sm:8px;--ds-r:10px;--ds-r-md:12px;--ds-r-lg:16px;--ds-r-xl:20px;--ds-r-2xl:28px;--ds-r-full:999px;--r-xs:var(--ds-r-xs);--r-sm:var(--ds-r);--r:var(--ds-r-md);--r-md:var(--ds-r-lg);--r-lg:var(--ds-r-xl);--ds-ease:cubic-bezier(.2, .8, .2, 1);--ds-ease-out:cubic-bezier(.16, 1, .3, 1);--ds-ease-spring:cubic-bezier(.34, 1.4, .64, 1);--ds-fast:.15s;--ds-base:.24s;--ds-slow:.6s;--transition:var(--ds-base) var(--ds-ease);--transition-slow:var(--ds-slow) var(--ds-ease-out);--container:1200px}html[data-theme=light]{--bg:#fff;--bg-soft:#fafafa;--surface:#fff;--surface-2:#f4f4f5;--surface-3:#e4e4e7;--border:#e4e4e7;--border-strong:#d4d4d8;--text:#09090b;--text-soft:#52525b;--text-muted:#71717a;--primary:#3a6ff8;--primary-fg:#fff;--primary-hover:#2554da;--accent:#3a6ff8;--accent-rgb:58, 111, 248;--accent-fg:#fff;--tint-rgb:9, 9, 11;--shadow-rgb:9, 9, 11;--ring:0 0 0 3px #09090b1a;--nav-bg:#ffffffc7;--glass:#ffffffb8;--glass-border:#09090b14;--hero-grid:#09090b0b;--ds-shadow-xs:0 1px 2px #09090b0d;--ds-shadow-sm:0 1px 3px #09090b0f, 0 1px 2px #09090b0a;--ds-shadow:0 4px 12px -2px #09090b0f, 0 2px 4px -2px #09090b0a;--ds-shadow-lg:0 24px 48px -16px #09090b24, 0 8px 16px -8px #09090b0f;--shadow:var(--ds-shadow);--shadow-orange:var(--ds-shadow);--orange-glow:#09090b0a;--orange-soft:#09090b0a;color-scheme:light}:root,[data-theme=dark]{--bg:#09090b;--bg-soft:#0c0c0f;--surface:#111114;--surface-2:#18181b;--surface-3:#27272a;--border:#232327;--border-strong:#34343a;--text:#fafafa;--text-soft:#a1a1aa;--text-muted:#71717a;--primary:#fafafa;--primary-fg:#09090b;--primary-hover:#e4e4e7;--accent:#3b82f6;--accent-rgb:59, 130, 246;--accent-fg:#fff;--tint-rgb:250, 250, 250;--shadow-rgb:0, 0, 0;--ring:0 0 0 3px #fafafa1f;--nav-bg:#09090bb8;--glass:#111114b8;--glass-border:#fafafa14;--hero-grid:#fafafa09;--ds-shadow-xs:0 1px 2px #0006;--ds-shadow-sm:0 1px 3px #00000073;--ds-shadow:0 8px 24px -8px #0009;--ds-shadow-lg:0 32px 64px -24px #000c, 0 0 0 1px #fafafa08;--shadow:var(--ds-shadow);--shadow-orange:var(--ds-shadow);--orange-glow:#fafafa09;--orange-soft:#fafafa0d;color-scheme:dark}:root,[data-theme=dark],[data-theme=light]{--orange:var(--accent);--orange-red:var(--accent);--orange-yellow:var(--accent);--orange-light:var(--accent)}html{font-family:var(--ds-font);background:var(--bg)}body{font-family:var(--ds-font);background:var(--bg);color:var(--text);font-feature-settings:"ss01", "cv11";text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6{font-family:var(--ds-font);letter-spacing:-.035em;font-weight:600}h4,h5,h6{letter-spacing:-.02em}p{color:var(--text-soft)}a:hover{color:var(--text)}::selection,[data-theme=light] ::selection{background:var(--text);color:var(--bg)}::-webkit-scrollbar-thumb,[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover,[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-track,[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg)}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:6px}.num,[data-count]{font-variant-numeric:tabular-nums}.gradient-text,.gradient-text-cool{background:0 0!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;color:inherit!important}.hero-glow,.hero-glow-1,.hero-glow-2{display:none!important}.hero-grid-overlay{background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000 30%,#0000 75%)}.container{max-width:var(--container);padding:0 24px}.section{padding:clamp(72px,9vw,120px) 0}.section-title{letter-spacing:-.04em;text-wrap:balance;margin-bottom:16px;font-size:clamp(1.9rem,3.6vw,3rem);font-weight:600;line-height:1.08}.section-subtitle{color:var(--text-soft);text-wrap:pretty;max-width:620px;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.65}[style*="background:var(--bg-soft)"],[style*="background: var(--bg-soft)"]{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.eyebrow{border-radius:var(--ds-r-full);background:var(--surface);border:1px solid var(--border);box-shadow:var(--ds-shadow-xs);color:var(--text-soft);letter-spacing:0;text-transform:none;align-items:center;gap:8px;margin-bottom:20px;padding:5px 12px 5px 10px;font-size:.78rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--ember);width:6px;height:6px;box-shadow:0 0 0 3px rgba(var(--ember-rgb), .16);border-radius:50%}.btn{border-radius:var(--ds-r);letter-spacing:-.005em;height:40px;transition:background var(--ds-fast) var(--ds-ease), color var(--ds-fast) var(--ds-ease), border-color var(--ds-fast) var(--ds-ease), box-shadow var(--ds-base) var(--ds-ease), transform var(--ds-fast) var(--ds-ease);gap:8px;padding:0 18px;font-size:.9rem;font-weight:500}.btn:active{transform:scale(.98)!important}.btn svg{width:16px;height:16px}.btn-lg{border-radius:var(--ds-r-md);height:48px;padding:0 22px;font-size:.95rem}.btn-primary,.work-featured-cta .btn-primary{background:var(--primary)!important;color:var(--primary-fg)!important;border:1px solid var(--primary)!important;box-shadow:var(--ds-shadow-sm), inset 0 1px 0 #ffffff14!important}.btn-primary:hover,.work-featured-cta .btn-primary:hover{transform:translateY(-1px);background:var(--primary-hover)!important;color:var(--primary-fg)!important;box-shadow:var(--ds-shadow)!important}.btn-primary:hover svg{transform:translate(2px)}.btn-secondary,.work-featured-cta .btn-secondary{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:var(--ds-shadow-xs)!important;backdrop-filter:none!important}.btn-secondary:hover,.work-featured-cta .btn-secondary:hover{transform:translateY(-1px);background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border-strong)!important}.btn-outline{color:var(--text);border:1px solid var(--border-strong);background:0 0}.btn-outline:hover{background:var(--surface-2);color:var(--text);box-shadow:none}.nav{-webkit-backdrop-filter:none;transition:padding var(--ds-base) var(--ds-ease);background:0 0;padding-top:12px;border-bottom:0!important}.nav.scrolled{padding-top:8px}.nav-inner{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px)saturate(160%);border:1px solid var(--border);border-radius:var(--ds-r-lg);max-width:1240px;height:60px;box-shadow:var(--ds-shadow-sm);transition:box-shadow var(--ds-base) var(--ds-ease), background var(--ds-base) var(--ds-ease);padding:0 10px 0 18px}.nav.scrolled .nav-inner{box-shadow:var(--ds-shadow)}@media (width>=1265px){.nav-inner{width:calc(100% - 24px)}}@media (width<=1264px){.nav-inner{width:calc(100% - 24px)}}.ds-logo{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.ds-logo:hover{color:var(--text)}.ds-logo-mark{width:30px;height:30px;transition:transform var(--ds-base) var(--ds-ease-spring);flex-shrink:0;display:block}.ds-logo:hover .ds-logo-mark{transform:rotate(-6deg)scale(1.04)}.footer .ds-logo-mark{width:38px;height:38px}.nav-menu{gap:0}.nav-link{border-radius:var(--ds-r-sm);color:var(--text-soft);padding:7px 12px;font-size:.89rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--surface-2)}.nav-link.active:after,.nav-link:after{display:none!important}.nav-icon-btn{border-radius:var(--ds-r-sm);width:36px;height:36px;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-soft)!important;box-shadow:none!important}.nav-icon-btn:hover{color:var(--text)!important;background:var(--surface-2)!important;border-color:var(--border-strong)!important}.nav-icon-btn svg{width:16px;height:16px}.nav-lang-switch{border-radius:var(--ds-r-sm);align-items:center;gap:2px;height:36px;padding:3px;display:inline-flex;background:var(--surface-2)!important;border:1px solid var(--border)!important}.nav-lang-switch span{display:none}.nav-lang-switch a{letter-spacing:.02em;min-width:32px;height:28px;transition:all var(--ds-fast) var(--ds-ease);border-radius:6px;place-items:center;padding:0 8px;font-size:.74rem;font-weight:600;display:grid;color:var(--text-muted)!important;box-shadow:none!important;background:0 0!important}.nav-lang-switch a.active{background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--ds-shadow-xs)!important}.nav-profile-login{gap:7px;font-size:.85rem;font-weight:500;background:var(--primary)!important;width:auto!important;color:var(--primary-fg)!important;border-color:var(--primary)!important;padding:0 14px!important}.nav-profile-login:hover{background:var(--primary-hover)!important;color:var(--primary-fg)!important}.nav-profile-login svg{width:15px;height:15px}.nav-mega-panel{top:calc(100% + 6px)!important}.nav-mega-panel-inner{margin:0 auto;overflow:hidden;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--ds-r-xl)!important;max-width:1216px!important;box-shadow:var(--ds-shadow-lg)!important}.nav-profile-dd-menu{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--ds-r-lg)!important;box-shadow:var(--ds-shadow-lg)!important}.nav-profile-avatar{background:var(--text)!important;color:var(--bg)!important}.why-v2-card,.faq-item,.stats-bar,.work-featured{box-shadow:var(--ds-shadow-xs);background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--ds-r-xl)!important}.why-v2-card,.work-featured{transition:transform var(--ds-base) var(--ds-ease), box-shadow var(--ds-base) var(--ds-ease), border-color var(--ds-base) var(--ds-ease)!important}.why-v2-card:hover,.work-featured:hover{border-color:var(--border-strong)!important;box-shadow:var(--ds-shadow-lg)!important;transform:translateY(-4px)!important}.why-v2-card:before,.stats-bar-item:before{display:none!important}.work-featured-title a:hover{opacity:.8;color:var(--text)!important}.work-featured-feature{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important;border-radius:var(--ds-r-full)!important;font-weight:500!important}.work-featured-feature:before{background:var(--ember)!important}.work-featured-content{background:var(--surface)!important;border-top-color:var(--border)!important}.work-featured-cta .btn{border-radius:var(--ds-r-md)!important;font-weight:500!important}.why-v2-card{padding:28px 26px!important}.why-v2-num{color:var(--text-muted)!important;font-family:var(--ds-mono)!important;opacity:1!important;-webkit-text-fill-color:currentColor!important;background:0 0!important;font-size:.78rem!important;font-weight:500!important}.why-v2-card:hover .why-v2-num{opacity:1!important}.why-v2-card h4{font-weight:600;font-size:1.05rem!important}.faq-list{max-width:820px;margin-left:auto;margin-right:auto}.faq-item{margin-bottom:10px;border-radius:var(--ds-r-lg)!important}.faq-item.open{border-color:var(--border-strong)!important;box-shadow:var(--ds-shadow)!important}.faq-question{font-family:var(--ds-font)!important;color:var(--text)!important;padding:18px 22px!important;font-size:1rem!important;font-weight:500!important}.faq-question:hover{color:var(--text)!important}.svc-select-item{font-weight:500;border-radius:var(--ds-r-md)!important}.svc-select-item.active{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:var(--ds-shadow-sm)!important}.svc-game-tab.active{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important}.process-node-circle{box-shadow:var(--ds-shadow-sm);border:1px solid var(--border)!important;background:var(--surface)!important;border-radius:var(--ds-r-xl)!important;font-family:var(--ds-mono)!important;color:var(--text)!important}.process-node-circle:before{background:var(--text)!important;border-radius:var(--ds-r-xl)!important}.process-node:hover .process-node-num{color:var(--bg)!important;-webkit-text-fill-color:currentColor!important}.process-node-num{-webkit-text-fill-color:currentColor!important;background:0 0!important}.process-line-progress{background:var(--ember)!important;box-shadow:none!important}.process-node-arrow{color:var(--text-muted)!important}.cta-box,[data-theme=light] .cta-box{box-shadow:var(--ds-shadow-lg);isolation:isolate;border:1px solid #232327;background:var(--ink)!important;border-radius:var(--ds-r-2xl)!important}[data-theme=dark] .cta-box{background:#131316!important}.cta-box:before{-webkit-mask-image:radial-gradient(60% 80% at 50% 0,#000,#0000 75%);mask-image:radial-gradient(60% 80% at 50% 0,#000,#0000 75%);background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px)!important;background-size:44px 44px!important}.cta-box:after{filter:blur(20px);transform:translate(-50%);background:radial-gradient(ellipse, rgba(var(--ember-rgb), .35), transparent 70%)!important;width:520px!important;height:260px!important;animation:none!important;top:auto!important;bottom:-140px!important;left:50%!important}.cta-box h2{letter-spacing:-.04em;font-size:clamp(1.8rem,3.4vw,2.8rem);color:#fafafa!important}.cta-box .btn-primary{color:#09090b!important;background:#fafafa!important;border-color:#fafafa!important}.cta-box .btn-primary:hover{color:#09090b!important;background:#e4e4e7!important}.cta-box .btn-secondary{color:#fafafa!important;background:#ffffff0f!important;border-color:#ffffff24!important}.cta-box .btn-secondary:hover{color:#fafafa!important;background:#ffffff1f!important}.cta-box .hero-actions{justify-content:center}.req{color:var(--ember)!important}.cs-trigger{box-shadow:var(--ds-shadow-xs);border-radius:var(--ds-r)!important;height:40px!important}.cs-trigger:hover{border-color:var(--border-strong)!important}.cs-trigger:focus,.cs-root.is-open .cs-trigger{border-color:var(--text-muted)!important;box-shadow:var(--ring)!important}.cs-trigger svg{color:var(--text-muted)!important}.cs-menu{border-radius:var(--ds-r-md)!important;box-shadow:var(--ds-shadow-lg)!important;padding:6px!important}.cs-menu li{border-radius:var(--ds-r-sm)!important}.cs-menu li:hover{background:var(--surface-2)!important;color:var(--text)!important}.cs-menu li.is-active{background:var(--surface-2)!important;color:var(--text)!important;font-weight:600!important}.footer{background:var(--bg)!important;border-top:1px solid var(--border)!important}.footer:before{display:none!important}.footer h5{letter-spacing:0;color:var(--text)!important;font-size:.8rem!important;font-weight:600!important}.footer-links a{color:var(--text-soft)!important}.footer-links a:hover{color:var(--text)!important;padding-left:0!important}.footer-links a:before{display:none!important}.footer-social a{border-radius:var(--ds-r-sm)!important;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text-soft)!important;box-shadow:none!important}.footer-social a:hover{transform:translateY(-2px);color:var(--text)!important;background:var(--surface-2)!important}.whatsapp-float{box-shadow:0 8px 20px -6px #25d3668c!important}.scroll-top{border-radius:var(--ds-r-md)!important;background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:var(--ds-shadow)!important}.scroll-top:hover{color:var(--text)!important;border-color:var(--border-strong)!important}.quote-popup-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--ds-r-xl)!important;box-shadow:var(--ds-shadow-lg)!important}.quote-popup-glow{display:none!important}.quote-popup-icon{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--ds-r-md)!important;box-shadow:none!important}.quote-popup-btn{background:var(--primary)!important;color:var(--primary-fg)!important;border-radius:var(--ds-r)!important;box-shadow:none!important}.quote-popup-title{color:var(--text)!important}.cc-banner{border-radius:var(--ds-r-xl)!important}.reveal{filter:blur(6px);transition:opacity .8s var(--ds-ease-out), transform .8s var(--ds-ease-out), filter .8s var(--ds-ease-out);transform:translateY(18px)}.reveal.visible{filter:blur()}.reveal-scale{filter:blur(6px);transition:opacity .9s var(--ds-ease-out), transform .9s var(--ds-ease-out), filter .9s var(--ds-ease-out);transform:scale(.97)translateY(12px)}.reveal-scale.visible{filter:blur();transform:none}html.no-anim .reveal,html.no-anim .reveal-scale{filter:none!important}[data-stagger]>*{opacity:0;transition:opacity .7s var(--ds-ease-out), transform .7s var(--ds-ease-out);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(14px)}[data-stagger].is-in>*{opacity:1;transform:none}html.no-anim [data-stagger]>*{opacity:1!important;transform:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal-scale,[data-stagger]>*{opacity:1!important;filter:none!important;transform:none!important}}.ds-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--ds-r-xl);box-shadow:var(--ds-shadow-sm);transition:transform var(--ds-base) var(--ds-ease), box-shadow var(--ds-base) var(--ds-ease), border-color var(--ds-base) var(--ds-ease);padding:18px;position:relative;overflow:hidden}.ds-tile:hover{box-shadow:var(--ds-shadow-lg);border-color:var(--border-strong);transform:translateY(-3px)}.ds-chart{width:100%;height:auto;display:block;overflow:visible}.ds-chart .grid line{stroke:var(--border);stroke-dasharray:2 4}.ds-chart .axis text{fill:var(--text-muted);font-size:9px;font-family:var(--ds-mono)}.ds-line{fill:none;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round}.ds-area{opacity:.9}.ds-chart-dot{fill:var(--surface);stroke-width:2.25px}[data-draw] .ds-line{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.8s var(--ds-ease-out)}[data-draw].is-drawn .ds-line{stroke-dashoffset:0}[data-draw] .ds-area{opacity:0;transition:opacity 1.2s var(--ds-ease) .6s}[data-draw].is-drawn .ds-area{opacity:.9}[data-draw] .ds-chart-dot{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .3s 1.6s, transform .5s var(--ds-ease-spring) 1.6s;transform:scale(0)}[data-draw].is-drawn .ds-chart-dot{opacity:1;transform:scale(1)}.ds-bars{align-items:flex-end;gap:6px;height:84px;display:flex}.ds-bars>i{height:var(--h,50%);background:var(--surface-3);transform-origin:bottom;transition:transform .9s var(--ds-ease-out), background var(--ds-base);transition-delay:calc(var(--i,0) * 60ms);border-radius:5px 5px 2px 2px;flex:1;display:block;transform:scaleY(0)}.is-drawn .ds-bars>i,.ds-bars.is-drawn>i{transform:scaleY(1)}.ds-bars:hover>i{background:var(--border-strong)}.ds-bars:hover>i:hover{background:var(--ember)}.ds-ring{width:96px;height:96px;position:relative}.ds-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ds-ring .track{stroke:var(--surface-3)}.ds-ring .meter{stroke:var(--ember);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.6s var(--ds-ease-out)}.is-drawn .ds-ring .meter,.ds-ring.is-drawn .meter{stroke-dashoffset:var(--off,0)}.ds-seg{border-radius:99px;gap:3px;height:8px;margin:12px 0 10px;display:flex;overflow:hidden}.ds-seg>i{height:100%;width:var(--w);transform-origin:0;transition:transform 1s var(--ds-ease-out);transition-delay:calc(var(--i,0) * .12s);border-radius:99px;display:block;transform:scaleX(0)}.is-drawn .ds-seg>i{transform:scaleX(1)}.ds-duo-card{border-radius:var(--ds-r-2xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--ds-shadow-xs);transition:transform var(--ds-base) var(--ds-ease), box-shadow var(--ds-base) var(--ds-ease);padding:28px;position:relative;overflow:hidden}.ds-duo-card:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-3px)}.ds-duo-card h3{letter-spacing:-.035em;margin:14px 0 10px;font-size:1.5rem}.ds-duo-card p{margin-bottom:18px;font-size:.95rem;line-height:1.65}.ds-duo-card .btn{z-index:1;position:relative}@media (width<=768px){.nav{padding-top:8px}.nav-inner{border-radius:var(--ds-r-md);height:56px}}.ds-tile:after,.ds-duo-card:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,-999px) var(--my,-999px), rgba(var(--tint-rgb), .05), transparent 70%);opacity:0;transition:opacity var(--ds-base) var(--ds-ease);position:absolute;inset:0}.ds-tile:hover:after,.ds-duo-card:hover:after{opacity:1}html.ds-theme-anim,html.ds-theme-anim *,html.ds-theme-anim :before,html.ds-theme-anim :after{transition:background-color .35s var(--ds-ease), color .35s var(--ds-ease), border-color .35s var(--ds-ease), fill .35s var(--ds-ease)!important}html .cc-banner{border-radius:var(--ds-r-xl);box-shadow:var(--ds-shadow-lg);border-color:var(--border);background:var(--surface)}html .cc-icon{color:var(--text)}html .cc-desc a{color:var(--text);text-underline-offset:3px;font-weight:500}html .cc-btn{border-radius:var(--ds-r);height:36px;padding:0 14px;font-weight:500}html .cc-btn-primary{background:var(--primary);color:var(--primary-fg)}html .cc-btn-primary:hover{background:var(--primary-hover);color:var(--primary-fg)}html .cc-btn-secondary,html .cc-btn-reject{background:var(--surface);color:var(--text);border:1px solid var(--border);font-weight:500}html .cc-btn-secondary:hover,html .cc-btn-reject:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}html .cc-btn-outline:hover{border-color:var(--border-strong);color:var(--text)}html .cc-cat input[type=checkbox]{accent-color:var(--text)}html[data-theme=dark] [data-theme-toggle] .icon-sun{display:block!important}html[data-theme=dark] [data-theme-toggle] .icon-moon,html[data-theme=light] [data-theme-toggle] .icon-sun{display:none!important}html[data-theme=light] [data-theme-toggle] .icon-moon{display:block!important}.reveal,.reveal-left,.reveal-right{transition-duration:.6s!important}.reveal-scale{transition-duration:.7s!important}.reveal{filter:blur(4px)}.reveal.delay-1,.reveal-scale.delay-1{transition-delay:60ms}.reveal.delay-2,.reveal-scale.delay-2{transition-delay:.12s}.reveal.delay-3,.reveal-scale.delay-3{transition-delay:.18s}.reveal.delay-4,.reveal-scale.delay-4{transition-delay:.24s}.btn-whatsapp{background:#128c4a!important}.btn-whatsapp:hover{background:#0f7a40!important}.dc-plan-price .num,[data-price-num]{background:0 0!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;color:var(--text)!important}.about-tl-btn.active,.filter-btn.active,.fr-cycle-btn.active{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important;box-shadow:var(--ds-shadow-sm)!important}.filter-btn,.about-tl-btn{border-radius:var(--ds-r-full)!important}.dc-plan-popular-tag{background:var(--text)!important;color:var(--bg)!important;box-shadow:none!important;letter-spacing:.02em!important;border:0!important;font-weight:600!important}.prod-highlight-card:before,.quote-popup-card:before{display:none!important}.nav [data-theme-toggle]{display:none!important}html[data-theme=light]{--bg-soft:#f8f8fa;--surface-2:#f4f4f6;--hero-grid:#09090b09}.reveal,.reveal-scale,.reveal.visible,.reveal-scale.visible{filter:none!important}.reveal,.reveal-scale{transform:translateY(12px)}.reveal-scale.visible{transform:none}.cta-box,html[data-theme=light] .cta-box{border:1px solid var(--border)!important;box-shadow:none!important;background:#f8f8fa!important}.cta-box:before{background-image:linear-gradient(#09090b0a 1px,#0000 1px),linear-gradient(90deg,#09090b0a 1px,#0000 1px)!important}.cta-box:after{display:none!important}.cta-box h2{color:var(--text)!important}.cta-box p{color:var(--text-soft)!important}.cta-box .btn-primary{background:var(--primary)!important;color:var(--primary-fg)!important;border-color:var(--primary)!important}.cta-box .btn-primary:hover{background:var(--primary-hover)!important;color:var(--primary-fg)!important}.cta-box .btn-secondary{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}.cta-box .btn-secondary:hover{background:var(--surface-2)!important;color:var(--text)!important}.why-v2-card:hover,.work-featured:hover,.ds-tile:hover,.ds-duo-card:hover{transform:translateY(-2px)!important;box-shadow:0 1px 2px #09090b0a,0 16px 32px -16px #09090b24!important}.ds-ring .meter{stroke:var(--c1)}.dc-plan-popular-tag,.about-tl-btn.active,.filter-btn.active,.fr-cycle-btn.active,.svc-game-tab.active{background:var(--ember)!important;color:#fff!important;border-color:var(--ember)!important}.nav-profile-avatar{background:var(--ember)!important;color:#fff!important}.process-node-circle:before{background:var(--ember)!important}.process-node:hover .process-node-num{color:#fff!important}.svc-select-item.active{box-shadow:inset 3px 0 0 var(--ember), var(--ds-shadow-sm)!important}.nav-link.active{color:var(--ember);background:rgba(var(--ember-rgb), .07)}.eyebrow:before{box-shadow:0 0 0 3px rgba(var(--ember-rgb), .14)}:focus-visible{outline-color:var(--ember)}::selection,html[data-theme=light] ::selection{background:rgba(var(--ember-rgb), .18);color:var(--text)}:root,html[data-theme="light"]{
    --blue: #3A6FF8;
    --blue-rgb: 58, 111, 248;
    --blue-deep: #2554DA;
    --blue-soft: #EEF3FF;
    --ember: #3A6FF8;
    --ember-rgb: 58, 111, 248;
    --accent: #3A6FF8;
    --accent-rgb: 58, 111, 248;
    --c1: #3A6FF8;
    --c2: #22C1EE;
    --primary: #0E1116;
    --primary-hover: #262B33;
    --primary-fg: #FFFFFF;
    --text: #0E1116;
    --text-soft: #4B5160;
    --text-muted: #656B79;
    --bg-soft: #F6F7F9;
    --border: #E6E8EC;
    --border-strong: #D4D7DD;
    --serif: 'Instrument Serif', 'Times New Roman', Georgia, serif;
    --x-ease: cubic-bezier(.22, 1, .36, 1);
}.nav-link.active{ color: var(--text) !important; }.about-tl-btn.active,.filter-btn.active,.fr-cycle-btn.active,.svc-game-tab.active{ background: var(--text) !important; color: #fff !important; border-color: var(--text) !important; }.dc-plan-popular-tag{ background: var(--blue) !important; border-color: var(--blue) !important; }.st-ico{ width: 20px; height: 20px; flex-shrink: 0; }.x-live{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #16A34A; box-shadow: 0 0 0 0 rgba(22,163,74,.5); animation: xPing 2s infinite; flex-shrink: 0; }@keyframes xPing{ 80%, 100% { box-shadow: 0 0 0 7px rgba(22,163,74,0); } }.x-btn{ display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 24px; border-radius: 12px; font-weight: 600; font-size: .98rem; transition: background .25s, color .25s, border-color .25s, box-shadow .3s, transform .3s var(--x-ease); }.x-btn .st-ico{ width: 18px; height: 18px; transition: transform .3s var(--x-ease); }.x-btn:hover .st-ico{ transform: translateX(3px); }.x-btn-ink{ background: var(--text); color: #fff; box-shadow: 0 1px 2px rgba(14,17,22,.2), inset 0 1px 0 rgba(255,255,255,.1); }.x-btn-ink:hover{ background: var(--blue); color: #fff; box-shadow: 0 14px 30px -12px rgba(var(--blue-rgb), .65); transform: translateY(-1px); }.x-btn-line{ background: #fff; color: var(--text); border: 1px solid var(--border-strong); }.x-btn-line:hover{ color: var(--text); border-color: var(--text); }.x-in{ opacity: 0; transform: translateY(18px); transition: opacity .9s var(--x-ease), transform 1s var(--x-ease); transition-delay: calc(var(--d, 0) * 110ms + 120ms); }.x-mask{ display: block; overflow: hidden; padding-bottom: .12em; margin-bottom: -.12em; }.x-mask > .x-in{ display: block; transform: translateY(108%); opacity: 1; transition-duration: 1.1s; }html.no-anim .x-in{ opacity: 1 !important; transform: none !important; }[data-glow]::before{ content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: radial-gradient(420px circle at var(--mx, 50%) var(--my, -40%), rgba(var(--blue-rgb), .08), transparent 60%); opacity: 0; transition: opacity .4s; }[data-glow]:hover::before{ opacity: 1; }.x-mock-ai{ display: flex; flex-direction: column; gap: 10px; }.x-bubble{ max-width: 88%; padding: 11px 14px; border-radius: 14px; font-size: .86rem; line-height: 1.45; }.x-bubble.is-user{ align-self: flex-end; background: var(--text); color: #fff; border-bottom-right-radius: 4px; }.x-bubble.is-ai{ align-self: flex-start; background: var(--blue-soft); color: var(--blue-deep); border-bottom-left-radius: 4px; min-width: 64px; }.x-card{ flex: 0 0 340px; scroll-snap-align: start; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border); border-radius: 24px; overflow: hidden; color: var(--text); transition: transform .5s var(--x-ease), box-shadow .5s; }.x-card:hover{ color: var(--text); transform: translateY(-5px); box-shadow: 0 30px 60px -32px rgba(14,17,22,.28); }.x-step{ min-height: 42vh; padding: 34px; border-radius: 24px; background: var(--bg-soft); border: 1px solid transparent; display: flex; flex-direction: column; justify-content: flex-end; opacity: .45; transform: scale(.98); transition: opacity .5s var(--x-ease), transform .5s var(--x-ease), background .5s, border-color .5s, box-shadow .5s; }.x-step.is-active{ opacity: 1; transform: none; background: #fff; border-color: var(--border); box-shadow: 0 30px 60px -38px rgba(14,17,22,.28); }.x-step h3{ font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 600; letter-spacing: -0.035em; margin: 8px 0 10px; }.x-step p{ line-height: 1.65; max-width: 440px; }.x-quote{ position: absolute; inset: 0 0 auto 0; margin: 0; opacity: 0; transform: translateY(16px); transition: opacity .7s var(--x-ease), transform .7s var(--x-ease); pointer-events: none; }.x-quote.is-active{ position: relative; opacity: 1; transform: none; pointer-events: auto; }.x-quote blockquote{ font-size: clamp(1.5rem, 3vw, 2.4rem); font-weight: 500; line-height: 1.3; letter-spacing: -0.03em; color: var(--text); max-width: 980px; margin: 0; text-wrap: pretty; }.x-quote blockquote::before{ content: '“'; font-family: var(--serif); color: var(--blue); margin-right: .05em; }.x-quote blockquote::after{ content: '”'; font-family: var(--serif); color: var(--blue); }.x-quote figcaption{ display: flex; align-items: center; gap: 14px; margin-top: 30px; }.x-quote figcaption strong{ display: block; }.x-quote figcaption small{ color: var(--text-muted); }.nav-inner{ border-radius: 16px !important; height: 62px !important; }@media (min-width: 769px){.nav-menu{ position: relative; }}.nav-link{ position: relative; z-index: 1; background: transparent !important; transition: color .25s !important; }.nav-link:hover,.nav-link.active{ background: transparent !important; color: var(--text) !important; }.st-nav-pill{ position: absolute; z-index: 0; top: 50%; height: 34px; margin-top: -17px; border-radius: 10px; background: var(--bg-soft); transition: left .35s var(--x-ease), width .35s var(--x-ease), opacity .25s; opacity: 0; pointer-events: none; }.nav-profile-login{ border-radius: 10px !important; height: 40px !important; background: var(--text) !important; border-color: var(--text) !important; color: #fff !important; }.nav-profile-login:hover{ background: var(--blue) !important; border-color: var(--blue) !important; }@media (max-width: 768px){.nav-menu.open .nav-link{ font-size: 1.6rem !important; font-weight: 600 !important; letter-spacing: -0.04em; padding: 12px 16px !important; color: var(--text) !important; }.nav-menu.open .nav-link.active{ color: var(--blue) !important; }}.st-footer-word{ font-weight: 700; letter-spacing: -0.07em; line-height: .78; font-size: clamp(5rem, 21vw, 19rem); text-align: center; margin: 60px 0 -0.06em; user-select: none; background: linear-gradient(180deg, var(--text) 30%, rgba(14,17,22,.06)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.st-footer-word span{ -webkit-text-fill-color: var(--blue); }@media (max-width: 900px){.x-step{ min-height: 0; opacity: 1; transform: none; background: #fff; border-color: var(--border); }}@media (max-width: 640px){.x-card{ flex-basis: 280px; }}@media (prefers-reduced-motion: reduce){.x-in,.x-mask > .x-in{ opacity: 1 !important; transform: none !important; }.x-live{ animation: none !important; }}:root{ --display: 'Bricolage Grotesque', 'Geist', system-ui, sans-serif; }h1,h2,h3,.section-title,.hero-title{
    font-family: var(--display) !important;
    font-optical-sizing: auto;
}.v-aurora{ position: absolute; inset: 0; overflow: hidden; pointer-events: none; }.v-aurora i{ position: absolute; border-radius: 50%; filter: blur(80px); opacity: .55; will-change: transform; }.v-aurora .a1{ width: 52vw; height: 52vw; max-width: 760px; max-height: 760px; left: -10%; top: -25%; background: #BFD0FF; animation: vA1 18s ease-in-out infinite alternate; }.v-aurora .a2{ width: 44vw; height: 44vw; max-width: 640px; max-height: 640px; right: -8%; top: -10%; background: #D9CCFF; animation: vA2 22s ease-in-out infinite alternate; }.v-aurora .a3{ width: 40vw; height: 40vw; max-width: 600px; max-height: 600px; left: 30%; top: 30%; background: #C8F0FF; opacity: .45; animation: vA3 20s ease-in-out infinite alternate; }@keyframes vA1{ to { transform: translate(14%, 18%) scale(1.15); } }@keyframes vA2{ to { transform: translate(-18%, 22%) scale(.9); } }@keyframes vA3{ to { transform: translate(-12%, -16%) scale(1.2); } }.v-pill{ display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px 8px 14px; border-radius: 999px; background: rgba(255,255,255,.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(14,17,22,.08); font-size: .88rem; font-weight: 500; color: var(--text); margin-bottom: 30px; }.v-pill:hover{ color: var(--text); border-color: rgba(14,17,22,.18); }.v-pill .st-ico{ width: 15px; height: 15px; color: var(--text-muted); transition: transform .3s var(--x-ease); }.v-pill:hover .st-ico{ transform: translateX(3px); }.v-pill-dot{ width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(var(--blue-rgb), .15); }.v-globe{ position: absolute; left: 50%; top: 0; width: min(1100px, 120vw); height: min(1100px, 120vw); transform: translateX(-50%); cursor: grab; touch-action: pan-y; }.v-globe.is-dragging{ cursor: grabbing; }.v-prod{ display: grid; grid-template-columns: 340px 1fr; gap: 20px; align-items: stretch; }.v-prod-bar{ position: absolute; left: 18px; right: 18px; bottom: 0; height: 2px; }.v-prod-bar i{ display: block; height: 100%; width: 0; background: var(--blue); }.v-prod.is-paused .v-prod-bar i{ animation-play-state: paused; }.v-seg-thumb{ position: absolute; z-index: 0; top: 5px; bottom: 5px; left: 5px; border-radius: 12px; background: var(--text); transition: left .45s var(--x-ease), width .45s var(--x-ease); }@media (max-width: 1024px){.v-prod{ grid-template-columns: 1fr; }}@media (prefers-reduced-motion: reduce){.v-aurora i{ animation: none !important; }}.v-aurora[data-parallax]{ transition: none; will-change: transform; inset: -40px; }.v-pin{ position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .4s; will-change: transform; }.v-pin.is-on{ opacity: 1; }.v-pin i{ position: absolute; left: -5px; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(var(--blue-rgb), .18); }.v-pin b{ position: absolute; left: 10px; top: -9px; white-space: nowrap; font-size: .72rem; font-weight: 600; color: var(--text); padding: 2px 8px; border-radius: 999px; background: rgba(255,255,255,.85); border: 1px solid rgba(14,17,22,.06); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }.v-pin b:empty{ display: none; }.v-pin em{ position: absolute; left: 50%; bottom: 18px; transform: translate(-50%, 8px) scale(.9); opacity: 0; white-space: nowrap; font-style: normal; font-size: .82rem; font-weight: 600; color: #fff; background: var(--text); padding: 8px 12px; border-radius: 12px; box-shadow: 0 14px 30px -12px rgba(14,17,22,.45); transition: opacity .35s, transform .45s var(--x-ease); }.v-pin em::after{ content: ''; position: absolute; left: 50%; bottom: -5px; width: 10px; height: 10px; margin-left: -5px; background: var(--text); transform: rotate(45deg); border-radius: 2px; }.v-pin.is-pop em{ opacity: 1; transform: translate(-50%, 0) scale(1); }.v-pin.is-pop i{ animation: vPinPop 1s var(--x-ease); background: #16A34A; box-shadow: 0 0 0 4px rgba(22,163,74,.2); }@keyframes vPinPop{ 0% { transform: scale(1); } 30% { transform: scale(1.8); } 100% { transform: scale(1); } }.v-pin.is-minor b{ opacity: 0; transition: opacity .3s; }.v-pin.is-minor.is-pop b{ opacity: 1; }.v-pin.is-minor i{ width: 7px; height: 7px; left: -3.5px; top: -3.5px; }.h-nav{ display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 9px; font-size: .86rem; font-weight: 500; color: var(--text-soft); text-align: left; transition: background .3s, color .3s; }.h-nav .st-ico{ width: 16px; height: 16px; }.h-nav em{ margin-left: auto; font-style: normal; font-size: .72rem; padding: 1px 7px; border-radius: 999px; background: var(--border); }.h-nav.is-active{ background: #fff; color: var(--text); box-shadow: 0 1px 3px rgba(14,17,22,.08), 0 0 0 1px rgba(14,17,22,.04); }.h-nav.is-active .st-ico{ color: var(--blue); }.h-nav.is-static{ cursor: default; }@keyframes hView{ from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }.h-toast{ position: absolute; left: 0; top: 0; display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(14,17,22,.07); box-shadow: 0 24px 50px -20px rgba(14,23,60,.4); text-align: left; opacity: 0; transform: translateX(-24px) scale(.96); transition: opacity .5s var(--x-ease), transform .6s var(--x-ease); }.h-toast.is-in{ opacity: 1; transform: none; }.h-toast.is-out{ opacity: 0; transform: translateY(-18px) scale(.96); }.h-toast b{ display: block; font-size: .88rem; }.h-toast small{ color: var(--text-muted); font-size: .76rem; }.t-spot-item{ display: none; margin: 0; flex: 1; }.t-spot-item.is-active{ display: flex; flex-direction: column; animation: hView .6s var(--x-ease); }.t-spot-item blockquote{ margin: 0 0 22px; font-family: var(--display); font-size: 1.3rem; font-weight: 500; line-height: 1.45; letter-spacing: -0.015em; color: #fff; }.t-spot-item figcaption{ display: flex; align-items: center; gap: 12px; margin-top: auto; }.t-spot-item strong{ display: block; }.t-spot-item small{ color: #A6ADBB; }.wl-hero{ position: relative; overflow: hidden; min-height: min(100vh, 940px); display: flex; align-items: center; padding: 140px 0 90px; background: #FBFCFF; isolation: isolate; }.wl-hero .x-in{ transition-delay: calc(var(--d, 0) * 120ms + 150ms); }.wl-hero.is-in .x-in{ opacity: 1; transform: none; }@media (max-width: 760px){.wl-hero{ min-height: 0; padding: 120px 0 0; flex-direction: column; align-items: stretch; }}@keyframes cpFloat{ 50% { transform: translateY(-8px); } }.ed-cap{ position: relative; display: inline-block; flex-shrink: 0; width: 2.1em; height: .76em; border-radius: 999px; overflow: hidden; background: #E3E9F6; box-shadow: inset 0 0 0 1px rgba(14,17,22,.06); transition: width .7s var(--x-ease); }.ed-cap:hover{ width: 3em; }.ed-cap img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.14); transition: opacity .9s ease, transform 3.2s ease-out; }.ed-cap img.is-on{ opacity: 1; transform: scale(1); }@media (max-width: 760px){.ed-cap{ width: 1.7em; }}.ms-hero .x-in,.bt-hero .x-in{ transition-delay: calc(var(--d, 0) * 120ms + 150ms); }.ms-hero.is-in .x-in,.bt-hero.is-in .x-in{ opacity: 1; transform: none; }.rl-btn{ display: inline-flex; align-items: center; gap: 8px; height: 50px; padding: 0 22px; border-radius: 999px; font-weight: 600; font-size: .95rem; transition: transform .3s var(--x-ease), background .3s, border-color .3s; }.rl-btn .st-ico{ width: 17px; height: 17px; }.rl-btn-light,.rl-btn-light:hover,.rl-btn-light:focus{ background: #fff; color: #0B0E14; }.rl-btn-light:hover{ transform: translateY(-2px); }.rl-btn-ghost,.rl-btn-ghost:hover,.rl-btn-ghost:focus{ color: #fff; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.04); }.rl-btn-ghost:hover{ background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.4); }.rl-grad{ background: linear-gradient(90deg, #9DB8FF 0%, #C9B8FF 50%, #8FE3FF 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }.rl-amb{ position: absolute; inset: -15%; z-index: -2; }.rl-amb img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(80px) saturate(1.5); opacity: 0; transform: scale(1.1); transition: opacity 1.4s ease; }.rl-amb img.is-on{ opacity: .8; }.rl-pill{ display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); color: #DCE3F2; font-size: .86rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }.rl-pill:hover{ color: #fff; }.rl-pill .st-ico{ width: 15px; height: 15px; }.rl-title{ margin: 26px 0 0; font-family: var(--display) !important; font-size: clamp(3rem, 6vw, 6.2rem); font-weight: 750; letter-spacing: -0.055em; line-height: .95; color: #fff; }.rl-sub{ margin: 24px 0 0; max-width: 500px; font-size: 1.08rem; line-height: 1.65; color: rgba(226,232,245,.72); }.rl-cta{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }.rl-card{ position: absolute; inset: 0; margin: 0; border-radius: 26px; overflow: hidden; background: #0E1116; box-shadow: 0 50px 100px -30px rgba(0,0,0,.85), 0 0 0 1px rgba(255,255,255,.12); opacity: 0; pointer-events: none; transform: translate3d(70px, -34px, -260px) rotateY(-8deg) rotateX(3deg) scale(.86); transition: transform 1.1s var(--x-ease), opacity .9s ease; }.rl-card.is-on{ z-index: 3; opacity: 1; pointer-events: auto; transform: rotateY(calc(-8deg + var(--ry, 0deg))) rotateX(calc(3deg + var(--rx, 0deg))); }.rl-card.is-next{ z-index: 2; opacity: .42; transform: translate3d(64px, -36px, -150px) rotateY(-8deg) rotateX(3deg) scale(.92); }.rl-card.is-prev{ z-index: 4; opacity: 0; transform: translate3d(-140px, 60px, 120px) rotateY(-8deg) rotateX(3deg) scale(1.04); }.rl-card img{ display: block; width: 100%; height: 100%; object-fit: cover; }.rl-card figcaption{ position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; align-items: center; gap: 14px; padding: 12px 12px 12px 16px; border-radius: 18px; background: rgba(10,12,20,.62); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }.ms-hero{ position: relative; overflow: hidden; isolation: isolate; padding: 150px 0 110px; background: #FBFCFF; }.ms-band{ position: absolute; z-index: -1; left: -10%; right: -10%; top: -38%; height: 92%; transform: skewY(-9deg); transform-origin: 0 100%; overflow: hidden; background: #E9EFFF; -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.45) 35%, #000 62%); mask-image: linear-gradient(90deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.45) 35%, #000 62%); }.ms-band i{ position: absolute; border-radius: 50%; filter: blur(60px); }.ms-band .b1{ width: 55%; height: 130%; left: 42%; top: -10%; background: #3A6FF8; animation: msB1 14s ease-in-out infinite alternate; }.ms-band .b2{ width: 45%; height: 110%; left: 68%; top: 5%; background: #7C5CFF; animation: msB2 17s ease-in-out infinite alternate; }.ms-band .b3{ width: 40%; height: 100%; left: 26%; top: 30%; background: #22C1EE; animation: msB3 19s ease-in-out infinite alternate; }.ms-band .b4{ width: 32%; height: 80%; left: 82%; top: 40%; background: #A78BFA; opacity: .7; animation: msB4 21s ease-in-out infinite alternate; }@keyframes msB1{ to { transform: translate(-18%, 12%) scale(1.15); } }@keyframes msB2{ to { transform: translate(-22%, -10%) scale(.9); } }@keyframes msB3{ to { transform: translate(30%, -18%) scale(1.2); } }@keyframes msB4{ to { transform: translate(-30%, -20%) scale(1.1); } }.ms-grid{ display: grid; grid-template-columns: 1fr 1.12fr; gap: 40px; align-items: center; }.ms-title{ margin: 24px 0 0; font-family: var(--display) !important; font-size: clamp(3rem, 6vw, 6rem); font-weight: 750; letter-spacing: -0.055em; line-height: .95; color: #0B0E14; }.ms-sub{ margin: 24px 0 0; max-width: 500px; font-size: 1.08rem; line-height: 1.65; color: var(--text-soft); }.ms-cta{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }.ms-stats{ list-style: none; padding: 0; margin: 40px 0 0; display: flex; gap: 32px; }.ms-stats strong{ display: block; font-family: var(--display); font-size: 1.7rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1; color: #0B0E14; }.ms-stats span{ display: block; margin-top: 6px; font-size: .8rem; color: var(--text-muted); }.ms-comp{ position: relative; height: 540px; perspective: 1600px; transform-style: preserve-3d; transition: transform .6s var(--x-ease); }.ms-comp > *{ position: absolute; }.ms-browser{ left: 0; top: 34px; width: 86%; border-radius: 18px; overflow: hidden; background: #fff; box-shadow: 0 50px 100px -40px rgba(14,30,80,.55), 0 0 0 1px rgba(14,17,22,.06); transform: rotateY(-10deg) rotateX(4deg); transform-origin: left center; }.ms-bar{ display: flex; align-items: center; gap: 6px; padding: 11px 14px; background: #F4F6FA; border-bottom: 1px solid var(--border); }.ms-bar i{ width: 9px; height: 9px; border-radius: 50%; background: #FF5F57; }.ms-bar i:nth-child(2){ background: #FEBC2E; }.ms-bar i:nth-child(3){ background: #28C840; }.ms-bar span{ display: flex; align-items: center; gap: 6px; flex: 1; max-width: 240px; margin-left: 12px; padding: 5px 12px; border-radius: 8px; background: #fff; font-size: .74rem; color: var(--text-muted); }.ms-bar .st-ico{ width: 12px; height: 12px; }.ms-browser img{ display: block; width: 100%; aspect-ratio: 1983 / 793; object-fit: cover; }.ms-rows{ display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 12px; padding: 16px; }.ms-kpi{ padding: 12px; border-radius: 12px; border: 1px solid var(--border); }.ms-kpi small{ display: block; font-size: .72rem; color: var(--text-muted); }.ms-kpi strong{ display: block; margin: 3px 0; font-family: var(--display); font-size: 1.3rem; font-weight: 700; letter-spacing: -0.03em; }.ms-kpi em{ font-style: normal; font-size: .68rem; font-weight: 600; color: #15803D; }.ms-chart{ align-self: center; }.ms-phone{ right: 1%; top: 116px; width: 190px; height: 392px; padding: 9px; border-radius: 38px; background: #0B0E14; box-shadow: 0 50px 90px -30px rgba(14,30,80,.65); transform: rotateY(-10deg) rotateX(4deg) translateZ(90px); }.ms-phone img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: 20% center; border-radius: 30px; }.ms-notch{ position: absolute; z-index: 2; top: 16px; left: 50%; width: 62px; height: 18px; margin-left: -31px; border-radius: 10px; background: #0B0E14; }.ms-phone-cap{ position: absolute; left: 18px; right: 18px; bottom: 20px; padding: 10px 12px; border-radius: 16px; background: rgba(255,255,255,.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }.ms-phone-cap b{ display: block; font-size: .86rem; }.ms-phone-cap small{ font-size: .68rem; color: var(--text-muted); }.ms-game{ left: -5%; bottom: 0; width: 280px; border-radius: 18px; overflow: hidden; border: 4px solid #fff; box-shadow: 0 40px 70px -30px rgba(14,30,80,.6); transform: rotateY(-10deg) translateZ(70px); }.ms-game img{ display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }.ms-game span{ position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: rgba(10,12,20,.72); color: #fff; font-size: .74rem; font-weight: 600; }.ms-game .st-ico{ width: 14px; height: 14px; }.ms-toast{ right: 20%; top: 0; display: flex; align-items: center; gap: 10px; padding: 10px 16px 10px 10px; border-radius: 14px; background: #fff; border: 1px solid var(--border); box-shadow: 0 24px 40px -20px rgba(14,30,80,.5); transform: translateZ(120px); animation: cpFloat 6s ease-in-out infinite; }.ms-toast > span{ width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: #16A34A; color: #fff; }.ms-toast .st-ico{ width: 16px; height: 16px; stroke-width: 2.6; }.ms-toast b{ display: block; font-size: .8rem; }.ms-toast small{ font-size: .7rem; color: var(--text-muted); }.ms-deploy{ left: 44%; bottom: 26px; display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 12px; background: #0E1116; box-shadow: 0 20px 40px -20px rgba(14,17,22,.6); animation: cpFloat 7s ease-in-out -2s infinite; }.ms-deploy code{ background: none; padding: 0; color: #4ADE80; font-family: var(--ds-mono); font-size: .74rem; }.bt-hero{ position: relative; overflow: hidden; isolation: isolate; padding: 116px 0 60px; background: #FBFCFF; }.bt-grid{ display: grid; grid-template-columns: 1.5fr 1fr 1fr .95fr; grid-template-rows: 290px 290px; gap: 16px; }.bt-tile{ position: relative; display: block; border-radius: 30px; overflow: hidden; isolation: isolate; }.bt-head{ grid-row: 1 / 3; display: flex; flex-direction: column; justify-content: flex-end; padding: 44px; background: #0B0E14; color: #fff; }.bt-head::after{ content: ''; position: absolute; z-index: -1; left: -140px; bottom: -180px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(124,92,255,.45), transparent 65%); }.bt-glow{ position: absolute; z-index: -1; right: -120px; top: -140px; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(58,111,248,.75), transparent 65%); animation: btGlow 10s ease-in-out infinite alternate; }@keyframes btGlow{ to { transform: translate(-60px, 50px) scale(1.15); } }.bt-pill{ position: absolute; top: 36px; left: 44px; display: inline-flex; align-items: center; gap: 10px; padding: 7px 13px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: #DCE3F2; font-size: .82rem; }.bt-pill:hover{ color: #fff; }.bt-title{ margin: 0; font-family: var(--display) !important; font-size: clamp(2.6rem, 4.6vw, 4.8rem); font-weight: 750; letter-spacing: -0.055em; line-height: .95; color: #fff; }.bt-title span{ background: linear-gradient(90deg, #9DB8FF, #C9B8FF 50%, #8FE3FF); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }.bt-sub{ margin: 20px 0 0; max-width: 470px; color: rgba(226,232,245,.7); line-height: 1.6; }.bt-cta{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }.bt-img,.bt-img:hover,.bt-img:focus{ color: #fff; background: #0E1116; }.bt-img img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--x-ease); }.bt-img:hover img{ transform: scale(1.06); }.bt-img::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,7,13,.6), transparent 48%); }.bt-label{ position: absolute; z-index: 1; left: 18px; right: 18px; bottom: 18px; display: flex; align-items: center; gap: 10px; font-weight: 650; font-size: 1.05rem; color: #fff; }.bt-label em{ padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.18); font-style: normal; font-size: .72rem; font-weight: 600; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }.bt-label .st-ico{ width: 40px; height: 40px; margin-left: auto; padding: 11px; border-radius: 50%; background: #fff; color: #0B0E14; transition: transform .4s var(--x-ease); }.bt-img:hover .bt-label .st-ico{ transform: rotate(45deg); }.bt-game{ grid-column: 2 / 4; grid-row: 1; }.bt-app{ grid-column: 4; grid-row: 1; }.bt-app img{ object-position: 18% center; }.bt-dc{ grid-column: 2 / 4; grid-row: 2; }.bt-stats{ grid-column: 4; grid-row: 2; display: flex; flex-direction: column; padding: 24px; background: linear-gradient(150deg, #3A6FF8, #2554DA); color: #fff; }.bt-stats small{ font-size: .8rem; opacity: .85; }.bt-stats strong{ margin-top: 4px; font-family: var(--display); font-size: 2.8rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1; }.bt-stats [data-spark]{ margin: auto 0 12px; }.bt-mini{ display: flex; gap: 18px; font-size: .74rem; opacity: .9; }.bt-mini b{ display: block; font-size: 1.05rem; }@media (max-width: 1024px){.ms-grid{ grid-template-columns: 1fr; gap: 44px; }.ms-comp{ height: 480px; }.bt-grid{ grid-template-columns: 1fr 1fr; grid-template-rows: auto 240px 240px 180px; }.bt-head{ grid-column: 1 / -1; grid-row: auto; min-height: 460px; padding: 32px; }.bt-pill{ top: 28px; left: 32px; }.bt-game{ grid-column: 1 / -1; grid-row: auto; }.bt-app,.bt-stats{ grid-column: auto; grid-row: auto; }.bt-dc{ grid-column: 1 / -1; grid-row: auto; }}@media (max-width: 760px){.rl-card figcaption{ left: 8px; right: 8px; bottom: 8px; padding: 8px 8px 8px 12px; }.ms-hero{ padding: 116px 0 70px; }.ms-comp{ height: 400px; transform: scale(.72); transform-origin: left top; width: 139%; margin-bottom: -112px; }.ms-stats{ gap: 20px; }.ms-stats strong{ font-size: 1.35rem; }.bt-hero{ padding-top: 100px; }.bt-grid{ grid-template-columns: 1fr; grid-template-rows: none; }.bt-game,.bt-dc,.bt-app,.bt-stats{ grid-column: 1; min-height: 210px; }}@media (prefers-reduced-motion: reduce){.ms-band i,.ms-toast,.ms-deploy,.bt-glow{ animation: none !important; }}.rl-card:first-child img{ object-position: 8% center; }.bt-grid{ grid-template-columns: 1.75fr 1fr 1fr .9fr; grid-template-rows: 300px 300px; }.bt-head{ justify-content: space-between; }.bt-pill{ position: static; align-self: flex-start; }.bt-title{ font-size: clamp(2.4rem, 3.9vw, 4.2rem); }.bt-sub{ font-size: .98rem; }.bt-bars{ display: flex; align-items: flex-end; gap: 5px; height: 70px; margin: auto 0 14px; }.bt-bars i{ flex: 1; height: var(--h); border-radius: 4px 4px 2px 2px; background: rgba(255,255,255,.35); }.bt-bars i:last-child{ background: #fff; }.ms-deploy{ left: 30%; bottom: -6px; }@media (max-width: 1024px){.bt-grid{ grid-template-columns: 1fr 1fr; grid-template-rows: auto 240px 240px 180px; }}@media (max-width: 760px){.bt-grid{ grid-template-columns: 1fr; grid-template-rows: none; }}.rl2{ display: block; min-height: 0; padding: 150px 0 0; }.rl2 .rl-title{ font-size: clamp(3rem, 7vw, 7rem); }.rl2 .rl-sub{ max-width: 620px; margin-left: auto; margin-right: auto; }.rl2 .rl-cta{ justify-content: center; }.rl2-stats{ list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 30px 0 0; padding: 0; }.rl2-stats li{ display: flex; align-items: baseline; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); font-size: .82rem; color: rgba(226,232,245,.7); }.rl2-stats strong{ font-family: var(--display); font-size: 1.05rem; font-weight: 700; color: #fff; }.rl2 .rl-amb{ will-change: transform; }.nav-inner{ transition: background .35s ease, border-color .35s ease, box-shadow .35s ease !important; }html.has-dark-hero .nav:not(.scrolled) .nav-inner{ background: transparent !important; border-color: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }html.has-dark-hero .nav:not(.scrolled) .ds-logo,html.has-dark-hero .nav:not(.scrolled) .ds-logo:hover{ color: #fff; }html.has-dark-hero .nav:not(.scrolled) .nav-toggle{ color: #fff !important; }html.has-dark-hero .nav:not(.scrolled) .nav-toggle span{ background: #fff !important; }html.has-dark-hero .nav:not(.scrolled) .nav-lang-switch{ background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.16) !important; }html.has-dark-hero .nav:not(.scrolled) .nav-lang-switch a{ color: rgba(255,255,255,.6) !important; }html.has-dark-hero .nav:not(.scrolled) .nav-lang-switch a.active{ background: rgba(255,255,255,.16) !important; color: #fff !important; box-shadow: none !important; }html.has-dark-hero .nav:not(.scrolled) .nav-profile-login{ background: #fff !important; border-color: #fff !important; color: #0B0E14 !important; }html.has-dark-hero .nav:not(.scrolled) .nav-profile-login:hover{ background: #DCE6FF !important; border-color: #DCE6FF !important; }@media (min-width: 769px){html.has-dark-hero .nav:not(.scrolled) .nav-link{ color: rgba(255,255,255,.72) !important; }html.has-dark-hero .nav:not(.scrolled) .nav-link:hover,html.has-dark-hero .nav:not(.scrolled) .nav-link.active{ color: #fff !important; }html.has-dark-hero .nav:not(.scrolled) .st-nav-pill{ background: rgba(255,255,255,.1); }}@media (max-width: 760px){.rl2{ padding-top: 112px; }.rl2-stats li{ padding: 6px 11px; font-size: .74rem; }}html[data-theme="light"]{ --bg: #F6F5F1; --bg-soft: #EFEEE8; }html[data-theme="light"] body{ background: #F6F5F1; }.pt-hero{ position: relative; height: 260vh; }.pt-pin{ position: sticky; top: 10px; height: calc(100vh - 20px); min-height: 620px; margin: 10px 10px 0; border-radius: 34px; overflow: hidden; isolation: isolate; display: flex; align-items: center; justify-content: center; color: #fff; background: radial-gradient(1200px 640px at 50% 118%, #10204F 0%, rgba(16,32,79,0) 62%), #05070D; transform-origin: 50% 0; will-change: transform; }.pt-hero .x-in{ transition-delay: calc(var(--d, 0) * 120ms + 150ms); }.pt-hero.is-in .x-in{ opacity: 1; transform: none; }.pt-glow i{ position: absolute; z-index: -1; border-radius: 50%; filter: blur(100px); opacity: .5; }.pt-glow .g1{ left: -12%; top: 18%; width: 46vw; height: 46vw; max-width: 640px; max-height: 640px; background: #1C3EA6; animation: vA1 18s ease-in-out infinite alternate; }.pt-glow .g2{ right: -12%; top: 28%; width: 42vw; height: 42vw; max-width: 600px; max-height: 600px; background: #4A2EA6; animation: vA2 22s ease-in-out infinite alternate; }.pt-canvas{ position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; display: block; }.pt-mark{ display: none; }.pt-head{ position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 40px; will-change: transform, opacity; pointer-events: auto; }.pt-title{ font-size: clamp(3rem, 7.4vw, 7.6rem) !important; }.pt-head .rl-sub{ max-width: 620px; margin-left: auto; margin-right: auto; }.pt-head .rl-cta{ justify-content: center; }.pt-outro{ position: absolute; z-index: 2; left: 0; right: 0; bottom: 8%; text-align: center; opacity: 0; pointer-events: none; will-change: transform, opacity; }.pt-word{ display: block; font-family: var(--display); font-weight: 750; font-size: clamp(2.4rem, 5vw, 4.4rem); letter-spacing: -0.05em; line-height: 1; color: #fff; }.pt-word i{ font-style: normal; color: #8FB0FF; }.pt-line{ display: block; margin-top: 12px; font-family: var(--ds-mono); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(226,232,245,.6); }.pt-scroll{ position: absolute; z-index: 2; left: 50%; bottom: 26px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 10px; font-family: var(--ds-mono); font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; color: rgba(226,232,245,.5); }.pt-scroll i{ position: relative; width: 1px; height: 38px; overflow: hidden; background: rgba(255,255,255,.14); }.pt-scroll i::after{ content: ''; position: absolute; left: 0; top: -40%; width: 1px; height: 40%; background: linear-gradient(transparent, #fff); animation: ptLine 1.8s cubic-bezier(.6,0,.3,1) infinite; }@keyframes ptLine{ to { top: 100%; } }.pt-hero.is-static{ height: auto; }.pt-hero.is-static .pt-pin{ position: relative; top: 0; min-height: 760px; }@media (max-width: 760px){.pt-hero{ height: 220vh; }.pt-pin{ margin: 6px 6px 0; top: 6px; height: calc(100svh - 12px); border-radius: 24px; min-height: 560px; }.pt-head{ padding-top: 56px; }}@media (prefers-reduced-motion: reduce){.pt-scroll i::after,.pt-glow i{ animation: none !important; }}.ds-logo-full{ display: block; width: auto; height: 42px; }.ds-logo-full.is-dark{ display: none; }.nav .ds-logo-full{ height: 40px; }.footer .ds-logo-full{ height: 52px; }html.has-dark-hero .nav:not(.scrolled) .ds-logo-full.is-light{ display: none; }html.has-dark-hero .nav:not(.scrolled) .ds-logo-full.is-dark{ display: block; }.ds-logo:hover .ds-logo-full{ transform: none; }img.ds-logo-mark{ object-fit: contain; }@media (max-width: 768px){.nav .ds-logo-full{ height: 34px; }}.st-footer-word{ display: flex; justify-content: center; align-items: flex-end; overflow: hidden; padding-top: .08em; background: none !important; -webkit-text-fill-color: initial !important; }.st-footer-word .fw-l{ --f: 0; display: inline-block; background: linear-gradient(180deg, color-mix(in srgb, #3A6FF8 calc(var(--f) * 100%), #0E1116) 30%, rgba(14,17,22,.06)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; opacity: 0; filter: blur(12px); transform: translateY(70%); transition: transform 1.1s var(--x-ease) calc(var(--i) * 70ms), opacity .9s ease calc(var(--i) * 70ms), filter 1s ease calc(var(--i) * 70ms); will-change: transform; }.st-footer-word.is-in .fw-l{ opacity: 1; filter: none; transform: translateY(calc(var(--f) * -12%)); }.st-footer-word.is-ready .fw-l{ transition: transform .45s var(--x-ease); }.st-footer-word .fw-dot{ display: inline-block; -webkit-text-fill-color: var(--blue); color: var(--blue); opacity: 0; transform: translateY(-140%); }.st-footer-word.is-in .fw-dot{ animation: fwDrop 1s cubic-bezier(.3,1.5,.5,1) .65s forwards, fwPulse 3.2s ease-in-out 2.4s infinite; }@keyframes fwDrop{ 0% { opacity: 0; transform: translateY(-140%); } 55% { opacity: 1; transform: translateY(5%); } 75% { transform: translateY(-10%); } 100% { opacity: 1; transform: none; } }@keyframes fwPulse{ 0%, 100% { filter: none; } 50% { filter: drop-shadow(0 0 22px rgba(58,111,248,.85)); } }@media (prefers-reduced-motion: reduce){.st-footer-word .fw-l{ opacity: 1; filter: none; transform: none; transition: none; }.st-footer-word .fw-dot{ opacity: 1; transform: none; animation: none !important; }}.footer.ft{ background: transparent !important; border: 0 !important; padding: 0 10px 10px !important; margin-top: 40px; }.ft-card{ position: relative; overflow: hidden; isolation: isolate; border-radius: 34px; padding: clamp(44px, 5vw, 76px) 0 0; color: #C9D1E0; background: radial-gradient(1000px 520px at 88% -12%, rgba(58,111,248,.3), transparent 60%), radial-gradient(800px 480px at 0% 110%, rgba(124,92,255,.2), transparent 60%), #05070D; }.ft-glow i{ position: absolute; z-index: -1; border-radius: 50%; filter: blur(90px); opacity: .35; }.ft-glow i:first-child{ left: -10%; top: 30%; width: 40vw; height: 40vw; max-width: 560px; max-height: 560px; background: #1C3EA6; animation: vA1 18s ease-in-out infinite alternate; }.ft-glow i:last-child{ right: -8%; bottom: -10%; width: 36vw; height: 36vw; max-width: 520px; max-height: 520px; background: #4A2EA6; animation: vA2 22s ease-in-out infinite alternate; }.ft-word{ position: absolute; z-index: 0; left: 0; right: 0; bottom: -0.13em; margin: 0 !important; font-size: clamp(6rem, 24vw, 25rem) !important; pointer-events: none; }.ft-word .fw-l{ background: linear-gradient(180deg, color-mix(in srgb, #3A6FF8 calc(var(--f) * 100%), rgba(255,255,255,.17)) 0%, rgba(255,255,255,.015) 88%) !important; -webkit-background-clip: text !important; background-clip: text !important; }.ft-word .fw-dot{ opacity: 0; }.ft-word.is-in .fw-dot{ filter: none; }.ft-inner{ position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 48px); }.ft-top{ display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: end; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.08); }.ft .ds-logo-full{ height: 52px; }.ft .ds-logo-full.is-light{ display: none; }.ft .ds-logo-full.is-dark{ display: block; }.ft .footer-desc{ max-width: 420px; margin: 18px 0 0; color: rgba(201,209,224,.7); line-height: 1.6; }.ft .footer-social{ display: flex; gap: 8px; margin-top: 20px; }.ft .footer-social a{ width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: #C9D1E0; transition: background .25s, color .25s, transform .25s; }.ft .footer-social a:hover{ background: var(--blue); border-color: var(--blue); color: #fff; transform: translateY(-2px); }.ft .footer-social svg{ width: 16px; height: 16px; }.ft-cta{ justify-self: end; display: flex; flex-direction: column; align-items: flex-end; gap: 14px; text-align: right; }.ft-status{ display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(34,197,94,.1); border: 1px solid rgba(34,197,94,.22); color: #86EFAC; font-size: .78rem; font-weight: 600; }.ft-cta h4{ margin: 0; font-family: var(--display); font-size: clamp(1.8rem, 3.2vw, 2.8rem); font-weight: 750; letter-spacing: -0.04em; line-height: 1.02; color: #fff; }.ft-cta-btns{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }.ft-cols{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; padding: 40px 0; }.ft h5{ margin: 0 0 16px; color: #fff; font-size: .78rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }.ft .footer-links{ list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }.ft .footer-links a{ display: inline-block; color: rgba(201,209,224,.72); font-size: .94rem; transition: color .2s, transform .25s var(--x-ease); }.ft .footer-links a:hover{ color: #fff; transform: translateX(4px); }.ft .footer-contact-plain{ display: grid; gap: 12px; }.ft .footer-contact-item{ display: flex; align-items: flex-start; gap: 10px; color: rgba(201,209,224,.72); font-size: .92rem; line-height: 1.5; }.ft .footer-contact-item a{ color: inherit; }.ft .footer-contact-item a:hover{ color: #fff; }.ft .footer-contact-item .st-ico{ width: 16px; height: 16px; flex-shrink: 0; margin-top: 3px; color: #8FB0FF; }.ft-regions{ display: flex; align-items: center; gap: 24px; padding: 18px 20px; border-radius: 22px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }.ft-city{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: #DCE3F2; font-size: .84rem; white-space: nowrap; transition: background .2s, border-color .2s, color .2s; }.ft-city::before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: #8FB0FF; }.ft-city:hover{ background: var(--blue); border-color: var(--blue); color: #fff; }.ft-city:hover::before{ background: #fff; }.ft-bottom{ display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 0 clamp(120px, 16vw, 250px); border-top: 1px solid rgba(255,255,255,.08); color: rgba(201,209,224,.55); font-size: .84rem; }.ft .footer-certs-logos{ display: flex; gap: 10px; }.ft .footer-cert-logo{ height: 38px; width: auto; opacity: .85; }@media (max-width: 900px){.ft-top{ grid-template-columns: 1fr; gap: 30px; }.ft-cta{ justify-self: start; align-items: flex-start; text-align: left; }.ft-cta-btns{ justify-content: flex-start; }.ft-cols{ grid-template-columns: 1fr 1fr; }.ft-regions{ flex-direction: column; align-items: stretch; }}@media (max-width: 560px){.footer.ft{ padding: 0 6px 6px !important; }.ft-card{ border-radius: 24px; }.ft-bottom{ flex-direction: column; align-items: flex-start; }}@media (prefers-reduced-motion: reduce){.ft-glow i{ animation: none !important; }}.ft h5,.ft .footer-col h5{ color: #fff !important; opacity: 1 !important; }.ft .footer-links a{ color: rgba(201,209,224,.75) !important; }.ft .footer-links a:hover{ color: #fff !important; }.ft-word{ bottom: -0.06em; }.ft-word .fw-dot{ -webkit-text-fill-color: rgba(58,111,248,.75); }.nav-mega-panel-inner{ padding: 0 !important; border-radius: 24px !important; box-shadow: 0 40px 80px -30px rgba(14,30,80,.35), 0 0 0 1px rgba(14,17,22,.05) !important; border: 0 !important; }.mm{ display: grid; grid-template-columns: 260px 1fr 300px; min-height: 340px; text-align: left; }@media (max-width: 1100px){.mm{ grid-template-columns: 230px 1fr; }}@media (max-width: 768px){.nav-mega-panel-inner{ box-shadow: none !important; }.mm{ display: block; min-height: 0; }}.nav-mega-panel-inner{ background: #070A12 !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 28px !important; box-shadow: 0 50px 100px -30px rgba(5,7,13,.7) !important; overflow: hidden; }.mx{ position: relative; isolation: isolate; display: grid; grid-template-columns: 1.15fr 1fr; color: #fff; text-align: left; background: radial-gradient(700px 360px at 100% 0%, rgba(58,111,248,.24), transparent 60%), radial-gradient(600px 300px at 0% 100%, rgba(124,92,255,.16), transparent 60%); }.mx-list{ position: relative; display: grid; grid-template-columns: 1fr 1fr; align-content: start; column-gap: 6px; row-gap: 2px; padding: 24px 20px 10px 24px; }.mx-ind{ position: absolute; z-index: 0; left: 0; top: 0; width: 0; height: 0; border-radius: 14px; background: rgba(255,255,255,.07); box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); opacity: 0; pointer-events: none; transition: transform .38s var(--x-ease), width .38s var(--x-ease), height .38s var(--x-ease), opacity .25s; }.mx.has-ind .mx-ind{ opacity: 1; }.mx-stage{ position: relative; min-height: 340px; margin: 18px 18px 0 0; border-radius: 22px; overflow: hidden; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.08); }.ft-regions{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 2px; padding: 18px 0 24px; background: none; border: 0; border-radius: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }.ft-regions-label{ display: inline-flex; align-items: center; gap: 8px; margin-right: 10px; color: rgba(201,209,224,.55); font-size: .74rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }.ft-regions-label svg{ width: 14px; height: 14px; color: #8FB0FF; }.ft-regions .ft-city{ padding: 2px 10px 2px 0; background: none; border: 0; border-radius: 0; color: rgba(201,209,224,.7); font-size: .84rem; }.ft-regions .ft-city::before{ display: none; }.ft-regions .ft-city:not(:last-child)::after{ content: '·'; margin-left: 10px; color: rgba(201,209,224,.3); }.ft-regions .ft-city:hover{ background: none; color: #fff; }@media (max-width: 1100px){.mx{ grid-template-columns: 1fr; }.mx-stage{ display: none; }}@media (max-width: 768px){.nav-mega-panel-inner{ background: transparent !important; border: 0 !important; box-shadow: none !important; }.mx{ background: none; color: var(--text); }.mx-ind{ display: none; }.mx-list{ grid-template-columns: 1fr; padding: 4px 0; }}@media (prefers-reduced-motion: reduce){.mx *,.mx *::before,.mx *::after{ animation: none !important; }}.nav-mega-panel{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 12px; }.nav-mega-panel::before{ display: none !important; }.nav::after{ content: ''; position: fixed; inset: 0; z-index: -1; background: rgba(5,7,13,.38); backdrop-filter: blur(6px) saturate(120%); -webkit-backdrop-filter: blur(6px) saturate(120%); opacity: 0; pointer-events: none; transition: opacity .35s ease; }.nav.is-mega-open::after{ opacity: 1; }.nav-mega-panel-inner{ position: relative; isolation: isolate; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 1px !important; border-radius: 30px !important; }.nav-mega-panel-inner::before{ content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 1px; background: conic-gradient(from var(--mx-a, 0deg), rgba(58,111,248,.0), rgba(58,111,248,.9), rgba(143,227,255,.9), rgba(124,92,255,.9), rgba(58,111,248,.0) 60%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: mxRing 6s linear infinite; }.nav-mega-panel-inner::after{ content: ''; position: absolute; inset: 20px 40px -30px; z-index: -2; border-radius: 40px; background: radial-gradient(closest-side, rgba(58,111,248,.45), transparent); filter: blur(40px); opacity: .7; }@property --mx-a{ syntax: '<angle>'; inherits: false; initial-value: 0deg; }@keyframes mxRing{ to { --mx-a: 360deg; } }.mx{ border-radius: 29px; overflow: hidden; background: radial-gradient(760px 380px at 100% 0%, rgba(58,111,248,.26), transparent 60%), radial-gradient(620px 320px at 0% 100%, rgba(124,92,255,.18), transparent 60%), #070A12; box-shadow: 0 60px 120px -40px rgba(5,7,13,.8); clip-path: inset(0 0 100% 0 round 29px); transition: clip-path .6s cubic-bezier(.2,.8,.2,1); }.nav.is-mega-open .mx{ clip-path: inset(0 0 0 0 round 29px); }.mx::before{ content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px); background-size: 18px 18px; -webkit-mask-image: radial-gradient(ellipse 60% 70% at 30% 40%, #000, transparent 75%); mask-image: radial-gradient(ellipse 60% 70% at 30% 40%, #000, transparent 75%); }.mx-list{ padding: 28px 22px 12px 28px; }.mx-ind{ background: linear-gradient(90deg, rgba(58,111,248,.22), rgba(124,92,255,.12)); box-shadow: inset 0 0 0 1px rgba(143,176,255,.22), 0 10px 30px -14px rgba(58,111,248,.7); }.mx-stage{ perspective: 1200px; background: transparent; border: 0; overflow: visible; margin: 20px 20px 0 0; }@media (max-width: 768px){.nav-mega-panel{ padding: 0; }.nav::after{ display: none; }.nav-mega-panel-inner::before,.nav-mega-panel-inner::after,.mx::before{ display: none; }.mx{ clip-path: none !important; box-shadow: none; background: none; }}@media (prefers-reduced-motion: reduce){.nav-mega-panel-inner::before{ animation: none; }.mx{ transition: none; }}.ct-form{ display: flex; flex-direction: column; gap: 14px; }.nav-mega-panel-inner{ padding: 0 !important; overflow: hidden !important; background: #fff !important; border: 1px solid rgba(14,17,22,.09) !important; border-radius: 24px !important; box-shadow: 0 30px 70px -30px rgba(14,30,80,.35), 0 2px 6px rgba(14,17,22,.04) !important; }.nav-mega-panel-inner::before,.nav-mega-panel-inner::after{ display: none !important; }.nav::after{ background: rgba(14,17,22,.14); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }.m3{ display: grid; grid-template-columns: 1fr 290px; text-align: left; opacity: 0; transform: translateY(-6px); transition: opacity .3s ease, transform .4s var(--x-ease); }.nav.is-mega-open .m3{ opacity: 1; transform: none; }.m3-cols{ display: grid; grid-template-columns: repeat(3, 1fr); padding: 12px; }.m3-col{ padding: 14px 10px; border-right: 1px solid var(--border); }.m3-col:last-child{ border-right: 0; }.m3-head{ display: flex; align-items: center; gap: 8px; padding: 0 10px 10px; color: var(--text-muted); font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }.m3-head .st-ico{ width: 15px; height: 15px; color: var(--blue); }.m3-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }.m3-link{ display: flex; align-items: flex-start; gap: 12px; padding: 10px; border-radius: 12px; color: var(--text); transition: background .2s; }.m3-link:hover{ background: #F4F6FB; color: var(--text); }.m3-ico{ width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; display: grid; place-items: center; background: var(--blue-soft); color: var(--blue); transition: background .2s, color .2s; }.m3-ico svg{ width: 18px; height: 18px; }.m3-link:hover .m3-ico{ background: var(--blue); color: #fff; }.m3-txt b{ display: block; font-size: .92rem; font-weight: 600; }.m3-txt small{ display: block; margin-top: 2px; font-size: .78rem; line-height: 1.4; color: var(--text-muted); }.m3-side{ display: flex; flex-direction: column; gap: 10px; padding: 16px; background: #F7F7F4; border-left: 1px solid var(--border); }.m3-feat{ display: block; overflow: hidden; border-radius: 16px; background: #fff; border: 1px solid var(--border); color: var(--text); transition: border-color .2s, transform .3s var(--x-ease); }.m3-feat:hover{ color: var(--text); border-color: var(--blue); transform: translateY(-2px); }.m3-feat-txt{ display: block; padding: 12px 14px 14px; }.m3-feat-txt em{ font-style: normal; font-size: .68rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--blue); }.m3-feat-txt b{ display: block; margin: 2px 0 4px; font-size: 1rem; }.m3-feat-txt small{ display: block; font-size: .78rem; line-height: 1.45; color: var(--text-muted); }.m3-cta,.m3-cta:hover{ display: flex; align-items: center; justify-content: space-between; height: 46px; padding: 0 16px; border-radius: 12px; background: #0E1116; color: #fff; font-size: .9rem; font-weight: 600; transition: background .2s; }.m3-cta:hover{ background: var(--blue); }.m3-cta .st-ico,.m3-all .st-ico{ width: 15px; height: 15px; }.m3-all{ display: inline-flex; align-items: center; gap: 6px; padding: 4px 2px; color: var(--text-soft); font-size: .84rem; font-weight: 600; }.m3-all:hover{ color: var(--blue); }@media (min-width: 769px){html.has-dark-hero .nav:not(.scrolled) .nav-mega-panel-inner{ background: #0B0F1A !important; border-color: rgba(255,255,255,.1) !important; box-shadow: 0 30px 70px -30px rgba(0,0,0,.85) !important; }html.has-dark-hero .nav:not(.scrolled) .m3-col{ border-right-color: rgba(255,255,255,.08); }html.has-dark-hero .nav:not(.scrolled) .m3-head{ color: rgba(226,232,245,.5); }html.has-dark-hero .nav:not(.scrolled) .m3-head .st-ico{ color: #8FB0FF; }html.has-dark-hero .nav:not(.scrolled) .m3-link{ color: #fff; }html.has-dark-hero .nav:not(.scrolled) .m3-link:hover{ background: rgba(255,255,255,.06); color: #fff; }html.has-dark-hero .nav:not(.scrolled) .m3-ico{ background: rgba(58,111,248,.18); color: #8FB0FF; }html.has-dark-hero .nav:not(.scrolled) .m3-link:hover .m3-ico{ background: var(--blue); color: #fff; }html.has-dark-hero .nav:not(.scrolled) .m3-txt small{ color: rgba(226,232,245,.55); }html.has-dark-hero .nav:not(.scrolled) .m3-side{ background: rgba(255,255,255,.03); border-left-color: rgba(255,255,255,.08); }html.has-dark-hero .nav:not(.scrolled) .m3-feat{ background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.1); color: #fff; }html.has-dark-hero .nav:not(.scrolled) .m3-feat:hover{ border-color: #8FB0FF; }html.has-dark-hero .nav:not(.scrolled) .m3-feat-txt em{ color: #8FB0FF; }html.has-dark-hero .nav:not(.scrolled) .m3-feat-txt small{ color: rgba(226,232,245,.6); }html.has-dark-hero .nav:not(.scrolled) .m3-cta{ background: #fff; color: #0B0E14; }html.has-dark-hero .nav:not(.scrolled) .m3-cta:hover{ background: #DCE6FF; }html.has-dark-hero .nav:not(.scrolled) .m3-all{ color: rgba(226,232,245,.7); }html.has-dark-hero .nav:not(.scrolled) .m3-all:hover{ color: #fff; }}@media (max-width: 1100px){.m3{ grid-template-columns: 1fr; }.m3-side{ display: none; }}@media (max-width: 768px){.nav-mega-panel-inner{ background: transparent !important; border: 0 !important; box-shadow: none !important; }.m3{ opacity: 1; transform: none; }.m3-cols{ grid-template-columns: 1fr; padding: 0; }.m3-col{ border-right: 0; padding: 6px 0; }.m3-txt small{ display: none; }}.m3{ grid-template-columns: 1fr 300px; grid-template-rows: 1fr auto; }.m3-cols{ grid-column: 1; grid-row: 1; }.m3-col{ position: relative; border-right: 0 !important; }.m3-col:not(:last-child)::after{ content: ''; position: absolute; right: 0; top: 12%; bottom: 12%; width: 1px; background: linear-gradient(180deg, transparent, rgba(14,17,22,.1) 22%, rgba(58,111,248,.25) 50%, rgba(14,17,22,.1) 78%, transparent); }.m3-bar{ grid-column: 1; grid-row: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 22px 18px; padding-top: 14px; border-top: 1px dashed rgba(14,17,22,.12); }.m3-bar .m3-cta{ height: 40px; padding: 0 16px; gap: 10px; }.m3-side{ grid-column: 2; grid-row: 1 / 3; padding: 0 !important; background: none !important; border-left: 0 !important; display: flex; }.m3-feat{ position: relative; flex: 1; display: flex; flex-direction: column; justify-content: flex-end; min-height: 100%; border: 0 !important; border-radius: 0 !important; overflow: hidden; background: #050B1F !important; color: #fff !important; transform: none !important; }.m3-feat img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 18% center; transition: transform 1.2s var(--x-ease); }.m3-feat::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,11,31,0) 20%, rgba(5,11,31,.85) 62%, #050B1F 100%); }.m3-feat:hover img{ transform: scale(1.06); }.m3-feat .m3-feat-txt{ position: relative; z-index: 1; padding: 22px; }.m3-feat .m3-feat-txt em{ color: #8FB0FF !important; }.m3-feat .m3-feat-txt b{ display: flex; align-items: center; gap: 6px; font-size: 1.35rem; font-family: var(--display); letter-spacing: -0.02em; }.m3-feat .m3-feat-txt b .st-ico{ width: 18px; height: 18px; transition: transform .3s var(--x-ease); }.m3-feat:hover .m3-feat-txt b .st-ico{ transform: translate(3px, -3px); }.m3-feat .m3-feat-txt small{ color: rgba(226,232,245,.75) !important; }.m3-feat-chips{ display: flex; flex-wrap: wrap; gap: 4px; margin-top: 12px; }.m3-feat-chips i{ padding: 3px 9px; border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); font-style: normal; font-size: .68rem; }@media (min-width: 769px){html.has-dark-hero .nav:not(.scrolled) .m3-col:not(:last-child)::after{ background: linear-gradient(180deg, transparent, rgba(255,255,255,.08) 22%, rgba(143,176,255,.3) 50%, rgba(255,255,255,.08) 78%, transparent); }html.has-dark-hero .nav:not(.scrolled) .m3-bar{ border-top-color: rgba(255,255,255,.12); }}@media (max-width: 1100px){.m3{ grid-template-columns: 1fr; }.m3-side{ display: none; }}@media (max-width: 768px){.m3-bar{ margin: 8px 0; }.m3-col::after{ display: none; }}.ct-form{ flex: 1; }.m3-feat img{ object-position: 86% 30%; }.bl-gen{ position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; padding: 20px 22px; overflow: hidden; color: #fff; background: radial-gradient(120% 90% at 100% 0%, hsl(var(--h) 85% 58% / .85), transparent 55%), radial-gradient(90% 80% at 0% 100%, hsl(calc(var(--h) + 40) 70% 45% / .7), transparent 60%), #070A12; }.bl-gen em{ align-self: flex-start; padding: 3px 9px; border-radius: 999px; background: rgba(255,255,255,.14); font-style: normal; font-size: .68rem; font-weight: 600; }.bl-gen b{ position: relative; font-family: var(--display); font-size: 1.15rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }.bl-gen small{ font-family: var(--display); font-weight: 750; letter-spacing: -0.04em; opacity: .55; }.rf-card-foot{ display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 6px; }.rf-card-foot small{ color: var(--text-muted); font-size: .8rem; }.rf-card-foot i{ width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--blue-soft); color: var(--blue); transition: background .3s, color .3s, transform .35s var(--x-ease); }.rf-card-foot .st-ico{ width: 15px; height: 15px; }details > summary ~ *{ transition: opacity .35s ease, transform .4s cubic-bezier(.2,.7,.2,1); }details:not([open]) > summary ~ *,details.is-closing > summary ~ *{ opacity: 0; transform: translateY(-6px); }details[open]:not(.is-closing) > summary ~ *{ animation: accIn .45s cubic-bezier(.2,.7,.2,1); }@keyframes accIn{ from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }details.is-closing summary i{ transform: none !important; background: var(--blue-soft) !important; color: var(--blue) !important; }section.hero.pd-hero{ margin: 10px 10px 0; padding: 150px 0 76px !important; border-radius: 34px; overflow: hidden; isolation: isolate; color: #fff; background: radial-gradient(1100px 600px at 50% 120%, #10204F 0%, rgba(16,32,79,0) 62%), radial-gradient(700px 420px at 12% -10%, rgba(58,111,248,.20), transparent 60%), #05070D; }.pd-hero .hero-bg{ display: none; }.pd-hero::before{ content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: radial-gradient(70% 70% at 50% 40%, #000 30%, transparent 80%); mask-image: radial-gradient(70% 70% at 50% 40%, #000 30%, transparent 80%); }.pd-hero::after{ content: ""; position: absolute; left: 50%; top: -30%; z-index: -1; width: 720px; height: 720px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(58,111,248,.22), transparent 62%); filter: blur(10px); animation: pdGlow 9s ease-in-out infinite alternate; }@keyframes pdGlow{ from { transform: translateX(-60%) scale(1); opacity: .7; } to { transform: translateX(-40%) scale(1.15); opacity: 1; } }.pd-hero .reveal,.pd-hero [class*="reveal"]{ opacity: 0; transform: translateY(16px); filter: none; animation: pdIn .9s cubic-bezier(.2,.7,.2,1) forwards; animation-delay: .08s; transition: none !important; }.pd-hero .delay-1{ animation-delay: .16s; }.pd-hero .delay-2{ animation-delay: .28s; }.pd-hero .delay-3{ animation-delay: .4s; }.pd-hero .delay-4{ animation-delay: .52s; }@keyframes pdIn{ to { opacity: 1; transform: none; } }html.no-anim .pd-hero [class*="reveal"]{ opacity: 1; transform: none; animation: none; }@media (prefers-reduced-motion: reduce){.pd-hero [class*="reveal"]{ opacity: 1; transform: none; animation: none; }.pd-hero::after{ animation: none; }}.pd-hero .hero-title{ color: #fff; font-family: var(--display); font-size: clamp(3rem, 7vw, 6.2rem) !important; font-weight: 750; letter-spacing: -0.045em; line-height: .98; margin-bottom: 20px; background: linear-gradient(180deg, #fff 30%, #B9CBFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.pd-hero .hero-subtitle,.pd-hero .hero-content > p,.pd-hero .hero-content p{ color: rgba(226,232,245,.72) !important; }.pd-hero .hero-subtitle{ font-size: clamp(1.02rem, 1.4vw, 1.18rem); line-height: 1.65; }.pd-hero .gradient-text,.pd-hero .gradient-text-cool{ background: linear-gradient(90deg, #8FB0FF, #C9D7FF) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; }.pd-hero .ref-breadcrumb,.pd-hero .breadcrumb-nav{ display: inline-flex; padding: 6px 14px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: rgba(226,232,245,.55); font-size: .8rem; }.pd-hero .ref-breadcrumb a,.pd-hero .breadcrumb-nav a{ color: rgba(226,232,245,.75); }.pd-hero .ref-breadcrumb a:hover,.pd-hero .breadcrumb-nav a:hover{ color: #fff; }.pd-hero .ref-bc-current,.pd-hero .breadcrumb-current{ color: #8FB0FF; font-weight: 600; }.pd-hero .ref-bc-sep,.pd-hero .breadcrumb-sep{ color: rgba(226,232,245,.3); }.pd-hero .ref-hero-pill{ background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.12) !important; color: rgba(226,232,245,.85) !important; backdrop-filter: blur(6px); }.pd-hero .ref-hero-pill-ico{ color: #8FB0FF !important; }.pd-hero .ref-hero-pill-tech{ background: rgba(58,111,248,.18) !important; border-color: rgba(143,176,255,.35) !important; color: #fff !important; }.pd-hero .btn-primary{ background: #fff !important; color: #0B0E14 !important; border: 0 !important; box-shadow: 0 16px 40px -16px rgba(143,176,255,.65) !important; }.pd-hero .btn-primary:hover{ background: #E8EEFF !important; transform: translateY(-2px); }.pd-hero .btn-secondary{ background: rgba(255,255,255,.06) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.18) !important; }.pd-hero .btn-secondary:hover{ background: rgba(255,255,255,.12) !important; }.pd-hero .btn-primary svg,.pd-hero .btn-secondary svg{ stroke: currentColor; }.pd-hero .store-btn{ background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.16); color: #fff; border-radius: 16px; }.pd-hero .store-btn:hover{ background: rgba(255,255,255,.12); border-color: rgba(143,176,255,.5); box-shadow: 0 16px 34px -18px rgba(58,111,248,.8); }.pd-hero .store-btn small{ color: rgba(226,232,245,.6); }.pd-hero .store-btn strong{ color: #fff; }.pd-hero .store-btn-soon:hover{ background: rgba(255,255,255,.06); box-shadow: none; }.pd-hero .dc-aud-btn{ color: rgba(226,232,245,.75) !important; background: transparent !important; }.pd-hero .dc-aud-btn.active{ background: #fff !important; color: #0B0E14 !important; box-shadow: none !important; }@media (max-width: 760px){section.hero.pd-hero{ margin: 6px 6px 0; padding: 116px 0 56px !important; border-radius: 24px; }.pd-hero .hero-title{ font-size: clamp(2.6rem, 13vw, 3.6rem) !important; }}.pd-hero ~ section .process-node-circle{ border: 0 !important; border-radius: 24px !important; background: #fff !important; color: var(--blue) !important; box-shadow: 0 0 0 6px var(--bg), 0 18px 36px -20px rgba(14,30,80,.45) !important; }.pd-hero ~ section .process-node-circle::before{ background: var(--blue) !important; border-radius: 24px !important; }.pd-hero ~ section .process-node:hover .process-node-circle{ color: #fff !important; }.pd-hero ~ section .process-line-progress{ background: var(--blue) !important; }.pd-hero ~ section .process-node-arrow{ color: var(--blue) !important; border-color: rgba(58,111,248,.35) !important; }.pd-hero ~ .stats-bar-section .stats-bar{ border-radius: 28px; background: #fff; border: 1px solid rgba(14,17,22,.06); box-shadow: 0 30px 60px -44px rgba(14,30,80,.45); }.pd-hero ~ .stats-bar-section .stats-bar-num{ font-family: var(--display); letter-spacing: -0.04em; background: linear-gradient(180deg, #0B0E14 40%, #3A6FF8) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }.pd-hero ~ .stats-bar-section .stats-bar-label{ color: var(--text-muted); letter-spacing: .08em; }.pr-card{ display: flex; flex-direction: column; overflow: hidden; border-radius: 26px; background: #fff; border: 1px solid rgba(14,17,22,.06); color: var(--text); box-shadow: 0 1px 2px rgba(14,17,22,.04), 0 18px 40px -30px rgba(14,30,80,.35); transition: transform .45s var(--x-ease), box-shadow .45s, border-color .3s; }.pr-card:hover{ color: var(--text); transform: translateY(-6px); border-color: rgba(58,111,248,.25); box-shadow: 0 30px 60px -34px rgba(14,30,80,.5); }.pr-media{ position: relative; display: grid; place-items: center; aspect-ratio: 15 / 8; overflow: hidden; background: linear-gradient(160deg, #EEF3FF, #F7F7F4); }.pr-media img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--x-ease); }.pr-card:hover .pr-media img{ transform: scale(1.06); }.pr-media > b{ font-family: var(--display); font-size: 2rem; color: var(--blue); }.pr-status{ position: absolute; top: 14px; left: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; background: rgba(5,7,13,.62); backdrop-filter: blur(8px); color: #fff; font-size: .72rem; font-weight: 600; }.pr-status i{ width: 7px; height: 7px; border-radius: 50%; background: #22C55E; box-shadow: 0 0 0 3px rgba(34,197,94,.25); }.pr-body{ display: flex; flex-direction: column; gap: 9px; flex: 1; padding: 20px 22px 18px; }.pr-type{ display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; padding: 4px 10px; border-radius: 999px; background: var(--blue-soft); color: var(--blue-deep); font-size: .72rem; font-weight: 600; }.pr-type .st-ico{ width: 13px; height: 13px; }.pr-body > b{ font-family: var(--display); font-size: 1.35rem; font-weight: 700; letter-spacing: -0.025em; }.pr-body > em{ margin-top: -4px; font-style: normal; font-weight: 600; font-size: .9rem; color: var(--blue); }.pr-body > p{ margin: 0; color: var(--text-soft); font-size: .88rem; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }.pr-hl{ display: grid; gap: 6px; margin: 4px 0 6px; padding-top: 12px; border-top: 1px solid rgba(14,17,22,.06); }.pr-hl span{ display: flex; align-items: flex-start; gap: 8px; font-size: .84rem; color: var(--text); }.pr-hl .st-ico{ width: 16px; height: 16px; margin-top: 1px; padding: 2px; border-radius: 50%; background: var(--blue-soft); color: var(--blue); }.pr-card:hover .rf-card-foot i{ background: var(--blue); color: #fff; transform: rotate(45deg); }.rf-shot{ position: absolute; left: 18px; right: 18px; top: 18px; width: calc(100% - 36px); height: calc(100% - 6px); object-fit: cover; object-position: top center; border-radius: 12px 12px 0 0; box-shadow: 0 24px 44px -24px rgba(14,30,80,.55), 0 0 0 1px rgba(14,17,22,.06); opacity: 0; transform: translateY(10px) scale(.985); transition: opacity .55s ease, transform .8s var(--x-ease); }.rf-shot.is-on{ opacity: 1; transform: translateY(6px); }.rf-dots{ position: absolute; right: 28px; bottom: 18px; z-index: 2; display: flex; gap: 4px; padding: 5px 7px; border-radius: 999px; background: rgba(5,7,13,.55); backdrop-filter: blur(8px); }.rf-dots i{ width: 6px; height: 6px; border-radius: 999px; background: rgba(255,255,255,.4); transition: width .35s var(--x-ease), background .35s; }.rf-dots i.is-on{ width: 16px; background: #fff; }.rf-fan-shot{ position: absolute; left: 6%; bottom: 9%; width: 74%; aspect-ratio: 1600 / 891; object-fit: cover; object-position: top; border-radius: 12px; box-shadow: 0 40px 70px -34px rgba(14,30,80,.6), 0 0 0 1px rgba(14,17,22,.06); transform-origin: left bottom; transform: translate(calc(var(--p, var(--i)) * 8%), calc(var(--p, var(--i)) * -10%)) scale(calc(1 - var(--p, var(--i)) * .07)); z-index: calc(10 - var(--p, var(--i))); opacity: calc(1 - var(--p, var(--i)) * .2); filter: saturate(calc(1 - var(--p, var(--i)) * .15)); transition: transform 1s var(--x-ease), opacity .8s ease, filter .8s ease; }.rd-screens{ position: relative; aspect-ratio: 1600 / 891; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 60px 120px -50px rgba(5,7,13,.65), 0 0 0 1px rgba(14,17,22,.08); }.rd-screen{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; opacity: 0; transform: scale(1.025); transition: opacity .8s ease, transform 1.4s var(--x-ease); }.rd-screen.is-on{ opacity: 1; transform: none; }.rd-progress{ position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: rgba(14,17,22,.08); }.rd-progress i{ display: block; height: 100%; width: 0; background: var(--blue); }.rd-progress i.is-run{ animation: rdProg var(--rd-dur, 4.2s) linear forwards; }@keyframes rdProg{ to { width: 100%; } }@media (max-width: 760px){.rd-screens{ border-radius: 12px; }}@media (prefers-reduced-motion: reduce){.rf-shot,.rd-screen,.rf-fan-shot{ transition: none; }}.rf-fan-shot{ left: 5%; bottom: 7%; width: 68%; transform: translate(calc(var(--p, var(--i)) * 11%), calc(var(--p, var(--i)) * -15%)) scale(calc(1 - var(--p, var(--i)) * .06)); opacity: calc(1 - var(--p, var(--i)) * .14); }.pd-hero::before{ content: none !important; display: none !important; }.pd-hero + section,.pd-hero + .dcx + section{ padding-top: clamp(84px, 9vw, 124px) !important; }.pd-hero + .stats-bar-section{ padding-top: clamp(48px, 5vw, 64px) !important; }.pd-hero + .dcx{ padding-top: 0 !important; }.rf-fan-shot{ left: 40px; top: 40px; right: auto; bottom: auto; width: calc(100% - 40px); height: calc(100% - 40px); aspect-ratio: auto; object-fit: cover; object-position: left top; border-radius: 14px 0 0 0; transform: none !important; z-index: 1; opacity: 0 !important; filter: none !important; box-shadow: -30px 30px 70px -40px rgba(14,30,80,.55), 0 0 0 1px rgba(14,17,22,.06); transition: opacity .9s ease; }.rf-fan-shot.is-on{ opacity: 1 !important; z-index: 2; }.rf-fan-dots{ position: absolute; right: 18px; bottom: 16px; z-index: 6; display: flex; gap: 5px; padding: 6px 8px; border-radius: 999px; background: rgba(5,7,13,.6); backdrop-filter: blur(8px); }.rf-fan-dots i{ width: 6px; height: 6px; border-radius: 999px; background: rgba(255,255,255,.4); transition: width .35s var(--x-ease), background .35s; }.rf-fan-dots i.is-on{ width: 18px; background: #fff; }@media (max-width: 760px){.rf-fan-shot{ left: 20px; top: 20px; width: calc(100% - 20px); height: calc(100% - 20px); }}.dcx{ position: relative; }.dcx-track{ position: relative; height: 430vh; }.dcx-sticky{ position: sticky; top: 0; height: 100vh; display: flex; align-items: center; overflow: hidden; }.dcx-grid{ position: relative; z-index: 2; display: grid; grid-template-columns: minmax(280px, .62fr) 1.38fr; gap: clamp(28px, 4vw, 64px); align-items: center; width: 100%; padding-top: 64px; }.dcx-copy > .dc-aud-block.is-active{ display: block; }.dcx-copy h2{ margin: 6px 0 24px; font-family: var(--display); font-size: clamp(1.9rem, 3vw, 2.9rem); font-weight: 750; line-height: 1.04; letter-spacing: -0.04em; color: #0B0E14; }.dcx-copy h2 em{ font-style: normal; background: linear-gradient(90deg, #1E7BFF, #3A6FF8 60%, #6C8DFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.dcx-steps{ display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }.dcx-step{ position: relative; display: flex; align-items: flex-start; gap: 14px; padding: 12px 14px 12px 18px; border-radius: 16px; cursor: pointer; opacity: .45; transition: opacity .45s ease, background .45s ease, box-shadow .45s ease; }.dcx-step::before{ content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 3px; background: var(--blue); transform: scaleY(0); transition: transform .5s var(--x-ease); }.dcx-step:hover{ opacity: .8; }.dcx-step-no{ flex-shrink: 0; margin-top: 2px; font-family: var(--display); font-size: .8rem; font-weight: 700; color: var(--blue); letter-spacing: .02em; }.dcx-step-txt{ display: grid; gap: 3px; }.dcx-step-txt b{ font-size: 1.04rem; font-weight: 650; color: #0B0E14; }.dcx-step-txt small{ max-height: 0; overflow: hidden; opacity: 0; font-size: .88rem; line-height: 1.55; color: var(--text-soft); transition: max-height .5s var(--x-ease), opacity .4s ease; }.dcx[data-step="1"] .dcx-step:nth-child(1),.dcx[data-step="2"] .dcx-step:nth-child(2),.dcx[data-step="3"] .dcx-step:nth-child(3),.dcx[data-step="4"] .dcx-step:nth-child(4){ opacity: 1; background: #fff; box-shadow: 0 18px 40px -28px rgba(14,30,80,.45), 0 0 0 1px rgba(14,17,22,.05); }.dcx[data-step="1"] .dcx-step:nth-child(1)::before,.dcx[data-step="2"] .dcx-step:nth-child(2)::before,.dcx[data-step="3"] .dcx-step:nth-child(3)::before,.dcx[data-step="4"] .dcx-step:nth-child(4)::before{ transform: scaleY(1); }.dcx[data-step="1"] .dcx-step:nth-child(1) small,.dcx[data-step="2"] .dcx-step:nth-child(2) small,.dcx[data-step="3"] .dcx-step:nth-child(3) small,.dcx[data-step="4"] .dcx-step:nth-child(4) small{ max-height: 70px; opacity: 1; }.dcx-rail{ margin: 22px 0 0 18px; height: 3px; width: min(300px, 80%); border-radius: 3px; background: rgba(14,17,22,.08); overflow: hidden; }.dcx-rail i{ display: block; height: 100%; width: calc(var(--p, 0) * 100%); background: linear-gradient(90deg, #1E7BFF, #3A6FF8); border-radius: inherit; }.dcx-stage{ position: relative; perspective: 2000px; }.dcx-glow{ position: absolute; inset: 8% 6% -4%; z-index: -1; border-radius: 40%; background: radial-gradient(closest-side, rgba(58,111,248,.32), transparent); filter: blur(30px); opacity: calc(.35 + var(--e, 0) * .65); }.dcx-fit{ position: relative; width: 100%; aspect-ratio: 1000 / 620; transform-origin: 50% 100%; transform: rotateX(calc((1 - var(--e, 0)) * 20deg)) rotateY(calc((1 - var(--e, 0)) * -10deg)) scale(calc(.86 + var(--e, 0) * .14)) translateY(calc((1 - var(--e, 0)) * 50px)); opacity: calc(.3 + var(--e, 0) * .7); will-change: transform; }.dcx-note{ margin: 14px 0 0; text-align: right; font-size: .72rem; color: var(--text-muted); letter-spacing: .02em; }.dcx-pixels{ position: absolute; inset: 0; z-index: 0; pointer-events: none; }.dcx-pixels i{ position: absolute; width: 14px; height: 14px; border-radius: 22%; background: linear-gradient(135deg, #39C6FF, #3A6FF8); opacity: .14; transform: translateY(calc(var(--p, 0) * var(--v, -120px))); }.dcx-pixels i:nth-child(1){ left: 3%; top: 16%; --v: -160px; width: 22px; height: 22px; }.dcx-pixels i:nth-child(2){ left: 8%; top: 76%; --v: -90px; }.dcx-pixels i:nth-child(3){ left: 28%; top: 90%; --v: -220px; width: 10px; height: 10px; opacity: .25; }.dcx-pixels i:nth-child(4){ left: 40%; top: 10%; --v: -60px; width: 28px; height: 28px; opacity: .08; }.dcx-pixels i:nth-child(5){ left: 50%; top: 84%; --v: -180px; }.dcx-pixels i:nth-child(6){ left: 63%; top: 6%; --v: -100px; width: 10px; height: 10px; opacity: .3; }.dcx-pixels i:nth-child(7){ left: 76%; top: 94%; --v: -240px; width: 26px; height: 26px; opacity: .1; }.dcx-pixels i:nth-child(8){ left: 92%; top: 14%; --v: -140px; }.dcx-pixels i:nth-child(9){ left: 97%; top: 58%; --v: -200px; width: 20px; height: 20px; }.dcx-pixels i:nth-child(10){ left: 20%; top: 44%; --v: -80px; width: 8px; height: 8px; opacity: .25; }.dcx-pixels i:nth-child(11){ left: 56%; top: 50%; --v: -150px; width: 8px; height: 8px; opacity: .2; }.dcx-pixels i:nth-child(12){ left: 84%; top: 78%; --v: -110px; width: 12px; height: 12px; }.dca{ position: absolute; left: 0; top: 0; width: 1000px; height: 620px; transform: scale(var(--k, .7)); transform-origin: 0 0; display: grid; grid-template-rows: 26px 1fr 46px; overflow: hidden; border-radius: 12px; background: #070B14; color: #E5E7EB; font-family: Inter, var(--font, system-ui), sans-serif; font-size: 11px; line-height: 1.3; box-shadow: 0 60px 120px -50px rgba(5,7,13,.75), 0 0 0 1px rgba(14,17,22,.25); }.dca.dc-aud-block{ display: none; }.dca.dc-aud-block.is-active{ display: grid; }.dca svg{ display: block; flex-shrink: 0; }.dca-title{ display: flex; align-items: center; gap: 6px; padding: 0 10px; background: #0A0F1A; border-bottom: 1px solid rgba(255,255,255,.05); font-size: 10px; color: #CBD5E1; }.dca-logo{ position: relative; width: 12px; height: 12px; }.dca-logo b{ position: absolute; right: 0; top: -1px; font-size: 11px; font-weight: 800; color: #2F9BFF; }.dca-logo i{ position: absolute; left: 0; width: 3px; height: 3px; background: #39C6FF; border-radius: 1px; }.dca-logo i:nth-child(1){ top: 3px; }.dca-logo i:nth-child(2){ top: 8px; opacity: .6; }.dca-win{ margin-left: auto; display: flex; gap: 14px; }.dca-win i{ width: 9px; height: 1.5px; background: #94A3B8; }.dca-win i:nth-child(2){ height: 8px; width: 8px; background: none; border: 1.5px solid #94A3B8; }.dca-win i:nth-child(3){ width: 9px; height: 9px; background: linear-gradient(45deg, transparent 45%, #94A3B8 45%, #94A3B8 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, #94A3B8 45%, #94A3B8 55%, transparent 55%); }.dca-screens{ position: relative; overflow: hidden; }.dca-screen{ position: absolute; inset: 0; padding: 12px 14px; opacity: 0; transform: translateY(16px) scale(.99); pointer-events: none; transition: opacity .55s ease, transform .7s var(--x-ease); }.dcx[data-step="1"] .dca-screen[data-screen="1"],.dcx[data-step="2"] .dca-screen[data-screen="2"],.dcx[data-step="3"] .dca-screen[data-screen="3"],.dcx[data-step="4"] .dca-screen[data-screen="4"]{ opacity: 1; transform: none; }.dca-nav{ display: grid; grid-template-columns: repeat(7, 1fr); align-items: center; background: #0A0F1A; border-top: 1px solid rgba(255,255,255,.05); }.dca-nav span{ display: grid; justify-items: center; gap: 3px; color: #94A3B8; transition: color .4s; }.dca-nav small{ font-size: 7px; }.dcx[data-step="1"] .dca-nav [data-tab="1"],.dcx[data-step="2"] .dca-nav [data-tab="4"],.dcx[data-step="3"] .dca-nav [data-tab="3"],.dcx[data-step="4"] .dca-nav [data-tab="2"]{ color: #2F8BFF; }.dca-bar{ display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }.dca-bar > b{ display: flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 700; color: #fff; white-space: nowrap; }.dca-search{ position: relative; flex: 1; display: flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 6px; background: #0D1322; border: 1px solid rgba(255,255,255,.06); color: #64748B; overflow: hidden; }.dca-search em{ font-style: normal; white-space: nowrap; }.dca-btn{ display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 9px; border-radius: 6px; background: #0D1322; border: 1px solid rgba(255,255,255,.08); color: #E2E8F0; font-size: 10px; font-weight: 600; white-space: nowrap; }.dca-count{ height: 18px; padding: 0 7px; border-radius: 5px; background: #1E7BFF; color: #fff; font-size: 9.5px; font-weight: 700; display: inline-flex; align-items: center; }.dca-table{ border-radius: 8px; overflow: hidden; background: #0A0F1A; border: 1px solid rgba(255,255,255,.05); }.dca-th,.dca-tr{ display: grid; align-items: center; gap: 8px; padding: 0 10px; }.dca-t8 .dca-th,.dca-t8 .dca-tr{ grid-template-columns: 1.4fr .8fr .8fr .9fr 1fr 1.2fr .9fr .8fr; }.dca-t6 .dca-th,.dca-t6 .dca-tr{ grid-template-columns: 1.6fr 1fr .5fr .9fr .8fr 2fr; }.dca-th{ height: 26px; background: #0E1526; color: #F1F5F9; font-weight: 700; font-size: 10px; }.dca-tr{ height: 36px; border-top: 1px solid rgba(255,255,255,.04); color: #CBD5E1; white-space: nowrap; opacity: 0; transform: translateY(8px); transition: opacity .4s ease, transform .5s var(--x-ease), background .4s; }.dca-tr > span{ overflow: hidden; text-overflow: ellipsis; }.dca-strong{ font-weight: 700; color: #fff; }.dcx[data-step="2"] .dca-list .dca-tr,.dcx[data-step="3"] .dca-cust .dca-tr{ opacity: 1; transform: none; transition-delay: calc(var(--r) * 70ms + 200ms); }.dca-pill{ display: inline-block; padding: 3px 7px; border-radius: 4px; font-style: normal; font-size: 9px; font-weight: 700; color: #fff; background: #15803D; }.dca-acts{ display: flex; align-items: center; gap: 9px; color: #CBD5E1; }.dca-del{ display: grid; place-items: center; width: 20px; height: 20px; border-radius: 5px; background: #3A1218; color: #F87171; }.dca-pager{ display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 10px; color: #CBD5E1; font-size: 10px; }.dca-pager i{ font-style: normal; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 5px; }.dca-pager i.is-on{ background: #1E7BFF; color: #fff; }.dca-uptabs{ display: flex; gap: 6px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.06); }.dca-uptabs span{ display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 10px; border-radius: 6px; font-weight: 600; color: #E2E8F0; }.dca-uptabs span.is-on{ background: #1E7BFF; color: #fff; }.dca-upgrid{ display: grid; grid-template-columns: 1.45fr 1fr; gap: 12px; height: calc(100% - 46px); }.dca-drop{ position: relative; display: grid; place-content: center; justify-items: center; gap: 10px; border-radius: 10px; background: #0A0F1A; border: 1px dashed rgba(47,139,255,.25); text-align: center; color: #E2E8F0; }.dca-drop p{ margin: 0; font-size: 11px; line-height: 1.5; }.dca-drop-ico{ color: #fff; }.dcx[data-step="1"] .dca-drop-ico{ animation: dcaBob 1.8s ease-in-out infinite; }@keyframes dcaBob{ 50% { transform: translateY(-6px); } }.dca-file{ position: absolute; left: 50%; top: 50%; display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 8px; background: #1E7BFF; color: #fff; font-weight: 600; box-shadow: 0 16px 30px -10px rgba(30,123,255,.7); opacity: 0; transform: translate(140px, -150px) rotate(8deg); }.dca-file i{ display: block; width: 0; height: 2px; margin-left: 4px; background: #fff; }.dcx[data-step="1"].is-live .dca-file{ animation: dcaDrop 3.2s var(--x-ease) .4s infinite; }.dcx[data-step="1"].is-live .dca-file i{ animation: dcaLoad 3.2s ease .4s infinite; }@keyframes dcaDrop{ 0% { opacity: 0; transform: translate(140px, -150px) rotate(8deg); } 30% { opacity: 1; transform: translate(-50%, 34px) rotate(0); } 80% { opacity: 1; transform: translate(-50%, 34px); } 100% { opacity: 0; transform: translate(-50%, 34px) scale(.9); } }@keyframes dcaLoad{ 0%, 35% { width: 0; } 75%, 100% { width: 40px; } }.dca-status{ display: grid; align-content: start; gap: 2px; padding: 12px; border-radius: 10px; background: #0A0F1A; border: 1px solid rgba(255,255,255,.05); }.dca-st-head,.dca-st-row{ display: flex; align-items: center; gap: 10px; padding: 7px 4px; }.dca-st-head{ padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,.06); }.dca-st-head em{ display: inline-block; margin-top: 3px; padding: 2px 7px; border-radius: 4px; background: #15803D; color: #fff; font-style: normal; font-size: 9px; font-weight: 700; }.dca-st-head b,.dca-st-row b{ display: block; font-size: 11px; font-weight: 600; color: #F1F5F9; }.dca-st-row small{ color: #94A3B8; font-size: 10px; }.dca-st-row{ opacity: 0; transform: translateX(10px); transition: opacity .4s ease, transform .5s var(--x-ease); }.dcx[data-step="1"] .dca-st-row{ opacity: 1; transform: none; transition-delay: calc(var(--r) * 90ms + 250ms); }.dca-typed::before{ content: attr(data-typed); display: inline-block; overflow: hidden; vertical-align: bottom; width: 0; color: #fff; font-weight: 600; white-space: nowrap; }.dca-caret{ width: 1px; height: 12px; background: #fff; opacity: 0; }.dcx[data-step="2"].is-live .dca-typed::before{ animation: dcaType 1.2s steps(6) .5s forwards; }.dcx[data-step="2"].is-live .dca-caret{ animation: dcaBlink .8s step-end infinite; opacity: 1; }.dcx[data-step="2"].is-live .dca-search em{ opacity: 0; }@keyframes dcaType{ to { width: 6.6ch; } }@keyframes dcaBlink{ 50% { opacity: 0; } }.dcx[data-step="2"].is-live .dca-list .dca-tr:nth-child(2){ animation: dcaHi 1s ease 1.9s forwards; }@keyframes dcaHi{ to { background: rgba(30,123,255,.16); box-shadow: inset 3px 0 0 #1E7BFF; } }.dca-btn.is-pulse{ border-color: rgba(47,139,255,.5); }.dcx[data-step="3"].is-live .dca-btn.is-pulse{ animation: dcaPulse 1.6s ease .6s 2; }@keyframes dcaPulse{ 50% { background: #1E7BFF; color: #fff; box-shadow: 0 0 0 6px rgba(30,123,255,.2); } }.dca-check{ position: absolute; right: 16px; bottom: 16px; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 8px; background: #0F2A1B; border: 1px solid rgba(34,197,94,.35); color: #4ADE80; font-weight: 600; opacity: 0; transform: translateY(12px); transition: opacity .5s ease, transform .6s var(--x-ease); }.dcx[data-step="3"] .dca-check{ opacity: 1; transform: none; transition-delay: 2.4s; }.dca-cards{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }.dca-card{ position: relative; overflow: hidden; display: grid; gap: 3px; padding: 10px 12px; border-radius: 9px; border: 1px solid rgba(255,255,255,.06); opacity: 0; transform: translateY(10px); transition: opacity .45s ease, transform .55s var(--x-ease); }.dcx[data-step="4"] .dca-card{ opacity: 1; transform: none; transition-delay: calc(var(--r) * 90ms + 150ms); }.dca-card.is-green{ background: linear-gradient(135deg, #17583B, #0B2219); }.dca-card small{ font-size: 9.5px; font-weight: 600; color: #E2E8F0; }.dca-card b{ font-size: 21px; font-weight: 800; color: #fff; letter-spacing: -.02em; }.dca-card > span{ display: block; height: 4px; margin-top: 6px; border-radius: 4px; background: rgba(255,255,255,.12); overflow: hidden; }.dca-card > span i{ display: block; height: 100%; width: 0; border-radius: inherit; background: rgba(255,255,255,.85); transition: width 1.2s var(--x-ease) .5s; }.dca-card.is-green > span i{ background: #22C55E; }.dcx[data-step="4"] .dca-card > span i{ width: var(--w); }.dca-trend{ margin-top: 8px; padding: 9px 12px 6px; border-radius: 9px; background: #0A0F1A; border: 1px solid rgba(255,255,255,.05); }.dca-trend > b,.dca-duo b{ display: flex; align-items: center; gap: 6px; font-size: 11px; color: #fff; }.dca-trend em{ padding: 3px 7px; border-radius: 4px; font-style: normal; font-size: 9px; color: #CBD5E1; }.dca-trend em:first-of-type{ margin-left: 6px; background: #1E7BFF; color: #fff; }.dca-trend > svg{ width: 100%; height: 92px; margin-top: 6px; }.dca-line{ stroke-dasharray: 1; stroke-dashoffset: 1; }.dca-area{ opacity: 0; transition: opacity .8s ease .9s; }.dcx[data-step="4"] .dca-line{ animation: dcaDraw 1.6s var(--x-ease) .35s forwards; }.dcx[data-step="4"] .dca-area{ opacity: 1; }@keyframes dcaDraw{ to { stroke-dashoffset: 0; } }.dca-duo{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }.dca-duo > div{ padding: 9px 12px; border-radius: 9px; background: #0A0F1A; border: 1px solid rgba(255,255,255,.05); }.dca-duo p{ display: flex; align-items: center; justify-content: space-between; margin: 7px 0 0; padding-top: 7px; border-top: 1px solid rgba(255,255,255,.05); color: #94A3B8; }.dca-duo p span{ display: grid; gap: 2px; }.dca-duo strong{ color: #fff; font-size: 10.5px; }.dca-duo small{ font-size: 9px; }.dca-duo em{ padding: 2px 7px; border-radius: 999px; border: 1px solid rgba(251,191,36,.5); background: rgba(251,191,36,.12); color: #FCD34D; font-style: normal; font-size: 9px; font-weight: 700; }.dcx.is-static .dcx-track{ height: auto; }.dcx.is-static .dcx-sticky{ position: relative; height: auto; padding: 70px 0 20px; }@media (max-width: 900px){.dcx-grid{ grid-template-columns: 1fr; gap: 26px; padding-top: 0; }.dcx-copy h2{ margin-bottom: 16px; }}.cmp{ padding: clamp(70px, 8vw, 110px) 0; }.cmp-head{ max-width: 680px; margin: 0 auto 30px; text-align: center; }.cmp-head.is-vs{ margin-top: clamp(70px, 8vw, 110px); }.cmp-head h2{ margin: 6px 0 10px; font-family: var(--display); font-size: clamp(2rem, 3.6vw, 3rem); font-weight: 750; letter-spacing: -0.04em; color: #0B0E14; }.cmp-head p{ margin: 0; color: var(--text-soft); }.cmp-wrap{ overflow-x: auto; border-radius: 28px; background: #fff; border: 1px solid rgba(14,17,22,.06); box-shadow: 0 40px 80px -60px rgba(14,30,80,.45); -webkit-overflow-scrolling: touch; }.cmp-table{ width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; font-size: .92rem; }.cmp-table th,.cmp-table td{ padding: 15px 18px; text-align: center; border-bottom: 1px solid rgba(14,17,22,.06); vertical-align: middle; }.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{ border-bottom: 0; }.cmp-table tbody th{ position: sticky; left: 0; z-index: 1; text-align: left; font-weight: 600; color: #0B0E14; background: #fff; min-width: 210px; }.cmp-table thead th{ padding-top: 26px; padding-bottom: 20px; vertical-align: bottom; background: #FAFAF8; }.cmp-table thead th:first-child{ text-align: left; font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); font-weight: 600; position: sticky; left: 0; z-index: 2; }.cmp-table thead b{ display: block; font-family: var(--display); font-size: 1.25rem; font-weight: 750; letter-spacing: -0.02em; color: #0B0E14; }.cmp-table thead small{ display: block; margin-top: 4px; font-size: .76rem; font-weight: 500; color: var(--text-muted); }.cmp-table thead em{ display: inline-block; margin-bottom: 8px; padding: 4px 10px; border-radius: 999px; background: var(--blue); color: #fff; font-style: normal; font-size: .68rem; font-weight: 700; letter-spacing: .02em; }.cmp-table td span{ color: #374151; }.cmp-table td .cmp-ic + span{ display: block; margin-top: 5px; font-size: .78rem; color: var(--text-soft); }.cmp-table .is-pop{ background: #F3F6FF; }.cmp-table thead .is-pop{ background: #EAF0FF; box-shadow: inset 0 3px 0 var(--blue); }.cmp-table tr.is-price strong{ display: block; font-family: var(--display); font-size: 1.2rem; font-weight: 750; color: #0B0E14; letter-spacing: -0.02em; }.cmp-table tr.is-price small{ font-size: .74rem; color: var(--text-muted); }.cmp-table tbody tr:hover th,.cmp-table tbody tr:hover td{ background: #FAFBFF; }.cmp-table tbody tr:hover td.is-pop{ background: #EDF2FF; }.cmp-ic{ display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; }.cmp-ic svg{ width: 13px; height: 13px; }.cmp-ic.is-yes{ background: #E7F8EE; color: #16A34A; }.cmp-ic.is-no{ background: #FDECEC; color: #DC2626; }.cmp-ic.is-part{ background: #FFF4E0; color: #D97706; }@media (max-width: 760px){.cmp-wrap{ border-radius: 20px; }.cmp-table th,.cmp-table td{ padding: 12px 12px; }.cmp-table tbody th{ min-width: 150px; font-size: .84rem; }}.dca.fra{ grid-template-rows: 26px 1fr 50px; background: #0B111D; font-family: Inter, var(--font, system-ui), sans-serif; }.fra-mini{ display: grid; place-items: center; width: 14px; height: 14px; border-radius: 4px; background: linear-gradient(135deg, #2F7BFF, #1446D6); color: #fff; }.fra .dca-screens{ display: flex; flex-direction: column; }.fra-top{ display: flex; align-items: center; justify-content: space-between; padding: 14px 18px 6px; }.fra-logo{ display: flex; align-items: center; gap: 6px; font-family: var(--display); font-size: 25px; font-weight: 800; letter-spacing: -0.03em; background: linear-gradient(180deg, #fff 30%, #9CC0FF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.fra-logo-mark{ display: grid; place-items: center; width: 40px; height: 34px; border-radius: 12px; background: linear-gradient(135deg, #3B9BFF, #1446D6); color: #fff; -webkit-text-fill-color: initial; box-shadow: 0 10px 24px -10px rgba(47,123,255,.9); }.fra-pills{ display: flex; gap: 6px; }.fra-pill{ display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 11px; border-radius: 9px; background: #151F31; border: 1px solid rgba(255,255,255,.08); color: #E2E8F0; font-size: 10.5px; font-weight: 600; transition: background .4s, border-color .4s, color .4s; }.fra-pill:first-child{ color: #94A3B8; }.fra-pill.is-icon{ padding: 0 8px; }.fra-pill.is-user i{ display: grid; place-items: center; width: 18px; height: 18px; border-radius: 6px; background: #22304A; color: #9CC0FF; }.dcx[data-step="2"] .fra-pill[data-tab="2"],.dcx[data-step="3"] .fra-pill[data-tab="3"],.dcx[data-step="4"] .fra-pill[data-tab="4"]{ background: #1E5BFF; border-color: #1E5BFF; color: #fff; }.fra-body{ position: relative; flex: 1; }.fra .dca-screen{ padding: 8px 18px 12px; }.fra-nav{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 6px 12px; background: #0B111D; border-top: 1px solid rgba(255,255,255,.05); }.fra-nav span{ display: grid; justify-items: center; align-content: center; gap: 2px; border-radius: 10px; color: #94A3B8; }.fra-nav span.is-on{ background: #16223A; color: #6EA8FF; }.fra-nav small{ font-size: 8.5px; font-weight: 600; }.fra-stats{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }.fra-stat{ position: relative; display: grid; gap: 4px; padding: 12px 14px; border-radius: 14px; background: #151F31; border: 1px solid rgba(255,255,255,.08); opacity: 0; transform: translateY(10px); transition: opacity .45s ease, transform .55s var(--x-ease); }.dcx[data-step="1"] .fra-stat{ opacity: 1; transform: none; transition-delay: calc(var(--r) * 80ms + 120ms); }.fra-stat-ico{ display: grid; place-items: center; width: 28px; height: 28px; margin-bottom: 6px; border-radius: 8px; color: #fff; }.fra-q{ position: absolute; right: 12px; top: 14px; color: #94A3B8; }.fra-stat small{ font-size: 10px; font-weight: 600; color: #CBD5E1; }.fra-stat b{ display: flex; align-items: baseline; gap: 6px; font-size: 22px; font-weight: 800; color: #fff; }.fra-stat b em{ font-style: normal; font-size: 10px; font-weight: 600; color: #CBD5E1; }.fra-usage{ margin-top: 10px; padding: 12px 16px; border-radius: 14px; background: #151F31; border: 1px solid rgba(255,255,255,.08); }.fra-usage > div{ display: flex; justify-content: space-between; align-items: center; }.fra-usage b{ font-size: 13px; color: #fff; }.fra-usage em{ font-style: normal; font-size: 10px; font-weight: 700; color: #6EA8FF; }.fra-usage small{ font-size: 9.5px; color: #94A3B8; }.fra-usage > span{ display: block; height: 5px; margin: 10px 0 8px; border-radius: 5px; background: #22304A; overflow: hidden; }.fra-usage > span i{ display: block; height: 100%; width: 0; border-radius: inherit; background: #3B82F6; transition: width 1.4s var(--x-ease) .4s; }.dcx[data-step="1"] .fra-usage > span i{ width: 34%; }.fra-tpl-head{ display: flex; align-items: center; gap: 8px; margin: 14px 0 8px; }.fra-tpl-head b{ font-size: 13px; color: #fff; }.fra-tpl-head em{ padding: 1px 7px; border-radius: 999px; border: 1px solid rgba(110,168,255,.5); background: rgba(59,130,246,.15); color: #6EA8FF; font-style: normal; font-size: 9px; font-weight: 700; }.fra-tpl-head small{ margin-left: auto; font-size: 9.5px; color: #94A3B8; }.fra-tpls{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }.fra-tpl{ display: grid; align-content: start; gap: 5px; min-height: 128px; padding: 10px 11px; border-radius: 12px; background: #151F31; border: 1px solid rgba(255,255,255,.08); opacity: 0; transform: translateX(20px); transition: opacity .45s ease, transform .6s var(--x-ease), border-color .3s; }.dcx[data-step="1"] .fra-tpl{ opacity: 1; transform: none; transition-delay: calc(var(--r) * 90ms + 450ms); }.dcx[data-step="1"].is-live .fra-tpl:nth-child(2){ animation: fraPick 2.4s ease 1.8s infinite; }@keyframes fraPick{ 0%, 100% { border-color: rgba(255,255,255,.08); } 40%, 70% { border-color: var(--c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 25%, transparent); } }.fra-tpl > div{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }.fra-tpl-ico{ display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; color: var(--c); background: color-mix(in srgb, var(--c) 18%, transparent); }.fra-tpl > div em{ padding: 1px 7px; border-radius: 999px; border: 1px solid var(--c); color: var(--c); font-style: normal; font-size: 8.5px; font-weight: 700; }.fra-tpl b{ font-size: 10.5px; color: #fff; }.fra-tpl small{ font-size: 8.5px; line-height: 1.4; color: #94A3B8; }.fra-tpl > i{ display: flex; align-items: center; gap: 3px; margin-top: auto; font-style: normal; font-size: 8.5px; font-weight: 700; color: var(--c); }.fra-h{ display: flex; align-items: center; gap: 12px; margin: 2px 0 12px; color: #fff; }.fra-h > span:first-of-type{ font-size: 16px; font-weight: 600; }.fra-h .fra-btn:first-of-type{ margin-left: auto; }.fra-btn{ display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 12px; border-radius: 8px; background: #2563EB; color: #fff; font-size: 10px; font-weight: 700; white-space: nowrap; }.fra-btn.is-ghost{ background: transparent; border: 1px solid rgba(255,255,255,.18); color: #E2E8F0; }.fra-hero-ico{ display: grid; place-items: center; width: 46px; height: 46px; flex-shrink: 0; border-radius: 13px; background: #1E2C47; color: #6EA8FF; }.fra-hero-ico.is-amber{ width: 36px; height: 36px; background: #3A2A12; color: #F59E0B; }.fra-hero{ display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px; background: linear-gradient(135deg, #18233A, #121A2B); border: 1px solid rgba(110,168,255,.18); }.fra-hero b{ display: block; font-size: 14px; color: #fff; }.fra-hero small{ display: block; margin-top: 4px; font-size: 9.5px; line-height: 1.5; color: #94A3B8; }.fra-hero .fra-btn{ margin-left: auto; }.fra-two{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }.fra-two > div{ display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: center; padding: 12px 16px; border-radius: 14px; background: #151F31; border: 1px solid rgba(255,255,255,.08); color: #6EA8FF; }.fra-two svg{ grid-row: span 2; }.fra-two small{ font-size: 8.5px; font-weight: 700; letter-spacing: .06em; color: #94A3B8; }.fra-two b{ font-size: 17px; color: #fff; }.fra-sub{ display: block; margin: 14px 0 8px; font-size: 12.5px; color: #fff; }.fra-poollist{ display: grid; gap: 8px; }.fra-pool{ display: grid; grid-template-columns: 30px 1fr auto; grid-template-rows: auto auto; column-gap: 12px; row-gap: 6px; align-items: center; padding: 11px 14px; border-radius: 12px; background: #151F31; border: 1px solid rgba(255,255,255,.08); opacity: 0; transform: translateY(10px); transition: opacity .45s ease, transform .55s var(--x-ease); }.dcx[data-step="2"] .fra-pool{ opacity: 1; transform: none; transition-delay: calc(var(--r) * 120ms + 250ms); }.fra-pool > span{ grid-row: span 2; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: var(--c); background: color-mix(in srgb, var(--c) 16%, transparent); }.fra-pool b{ font-size: 11px; color: #fff; }.fra-pool small{ font-size: 9.5px; color: #94A3B8; }.fra-pool > i{ grid-column: 2 / span 2; display: block; height: 4px; border-radius: 4px; background: #22304A; position: relative; overflow: hidden; }.fra-pool > i::after{ content: ""; position: absolute; inset: 0 auto 0 0; width: 0; border-radius: inherit; background: var(--c); transition: width 1.2s var(--x-ease) .6s; }.dcx[data-step="2"] .fra-pool > i::after{ width: var(--w); }.fra-card{ padding: 14px 16px; border-radius: 16px; background: #151F31; border: 1px solid rgba(255,255,255,.08); }.fra-card-head{ display: flex; align-items: center; gap: 12px; }.fra-card-head b{ display: block; font-size: 13px; color: #fff; }.fra-card-head small{ font-size: 9.5px; color: #94A3B8; }.fra-card-head .fra-btn{ margin-left: auto; border-color: rgba(59,130,246,.6); color: #93C5FD; }.fra-chips{ display: flex; gap: 6px; margin: 12px 0 10px; }.fra-chips span{ display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 7px; background: #1B263B; border: 1px solid rgba(255,255,255,.08); color: #CBD5E1; font-size: 9.5px; font-weight: 600; }.fra-chips span.is-on{ border-color: #3B82F6; color: #93C5FD; }.fra-chips i{ width: 6px; height: 6px; border-radius: 50%; background: #60A5FA; }.fra-chips i.g{ background: #22C55E; }.fra-chips i.s{ background: #94A3B8; }.fra-chips i.r{ background: #EF4444; }.fra-plist{ border-radius: 10px; border: 1px solid rgba(255,255,255,.06); overflow: hidden; }.fra-prow{ display: grid; grid-template-columns: 10px 54px 1fr auto 70px; align-items: center; gap: 10px; height: 32px; padding: 0 12px; border-top: 1px solid rgba(255,255,255,.05); font-size: 10px; opacity: 0; transform: translateX(-10px); transition: opacity .4s ease, transform .5s var(--x-ease); }.fra-prow:first-child{ border-top: 0; }.dcx[data-step="3"] .fra-prow{ opacity: 1; transform: none; transition-delay: calc(var(--r) * 90ms + 250ms); }.fra-prow > i{ width: 7px; height: 7px; border-radius: 50%; background: #22C55E; }.dcx[data-step="3"].is-live .fra-prow > i{ animation: fraPing 1.6s ease-in-out infinite; animation-delay: calc(var(--r) * .2s); }@keyframes fraPing{ 50% { box-shadow: 0 0 0 4px rgba(34,197,94,.25); } }.fra-prow b{ color: #60A5FA; font-weight: 700; }.fra-prow code{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: #E2E8F0; font-size: 10px; }.fra-prow small{ font-family: ui-monospace, monospace; color: #94A3B8; font-size: 9px; }.fra-prow em{ font-style: normal; text-align: right; font-weight: 700; color: #22C55E; }.fra-task{ display: flex; align-items: center; gap: 14px; margin-bottom: 10px; padding: 12px 16px; border-radius: 16px; background: #151F31; border: 1px solid rgba(255,255,255,.08); opacity: 0; transform: translateY(10px); transition: opacity .45s ease, transform .55s var(--x-ease); }.dcx[data-step="4"] .fra-task{ opacity: 1; transform: none; transition-delay: calc(var(--r) * 130ms + 200ms); }.fra-time{ display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: #1E2C47; color: #6EA8FF; font-size: 11px; font-weight: 800; }.fra-task > div{ flex: 1; display: grid; gap: 3px; }.fra-task b{ font-size: 12px; color: #fff; }.fra-task small{ font-size: 9.5px; color: #94A3B8; }.fra-task small.is-next{ font-weight: 700; color: #CBD5E1; }.fra-toggle{ position: relative; width: 40px; height: 22px; border-radius: 999px; background: #2A3650; border: 1px solid rgba(255,255,255,.1); transition: background .4s; }.fra-toggle i{ position: absolute; left: 3px; top: 3px; width: 14px; height: 14px; border-radius: 50%; background: #CBD5E1; transition: transform .45s var(--x-ease); }.dcx[data-step="4"].is-live .fra-task .fra-toggle{ animation: fraTogBg .01s linear forwards; animation-delay: calc(var(--r) * .45s + 1s); }.dcx[data-step="4"].is-live .fra-task .fra-toggle i{ animation: fraTog .45s var(--x-ease) forwards; animation-delay: calc(var(--r) * .45s + 1s); }@keyframes fraTog{ to { transform: translateX(18px); background: #fff; } }@keyframes fraTogBg{ to { background: #2563EB; border-color: #2563EB; } }.fra-del{ display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: #F87171; }.fra-h > .fra-btn.is-ghost{ margin-left: auto; }.fr-cycle-toggle.has-ind,.dc-cycle-toggle.has-ind{ position: relative; isolation: isolate; }.has-ind .cyc-ind{ position: absolute; left: 5px; top: 5px; bottom: 5px; z-index: -1; border-radius: 12px; background: #0B0E14; box-shadow: 0 10px 24px -12px rgba(14,30,80,.7); transition: transform .55s cubic-bezier(.2,.8,.2,1), width .55s cubic-bezier(.2,.8,.2,1); }.has-ind .fr-cycle-btn.active{ background: transparent !important; box-shadow: none !important; color: #fff !important; }.has-ind .fr-cycle-btn{ position: relative; transition: color .35s ease; }[data-price-num].is-pop{ animation: cycPop .6s cubic-bezier(.2,.8,.2,1); display: inline-block; }@keyframes cycPop{ 0% { transform: translateY(6px) scale(.96); filter: blur(2px); opacity: .5; } 60% { transform: translateY(-2px) scale(1.02); filter: none; opacity: 1; } 100% { transform: none; } }.is-swap{ animation: cycSwap .5s cubic-bezier(.2,.8,.2,1); }@keyframes cycSwap{ from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }[data-save-badge].is-swap{ animation: cycBadge .6s cubic-bezier(.3,1.6,.5,1); }@keyframes cycBadge{ from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }@media (prefers-reduced-motion: reduce){.has-ind .cyc-ind,[data-price-num].is-pop,.is-swap{ transition: none; animation: none; }}.cmp-head{ display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(20px, 4vw, 60px); align-items: end; max-width: none; margin: 0 0 28px; text-align: left; }.cmp-head h2{ margin: 14px 0 0; font-size: clamp(2.2rem, 4.2vw, 3.6rem); line-height: 1; }.cmp-head h2 em{ font-style: normal; background: linear-gradient(90deg, #1E7BFF, #3A6FF8 60%, #8B9DFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.cmp-head p{ margin: 0 0 14px; font-size: 1rem; line-height: 1.65; }.cmp-legend{ display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid rgba(14,17,22,.06); font-size: .8rem; color: var(--text-soft); }.cmp-legend .cmp-ic{ width: 20px; height: 20px; }.cmp-legend .cmp-ic + .cmp-ic,.cmp-legend .cmp-ic:not(:first-child){ margin-left: 8px; }.cmp-table thead th{ padding: 16px 10px; background: #FAFAF8; box-shadow: none !important; vertical-align: top; }.cmp-table thead th.is-pop{ background: #FAFAF8; }.cmp-table thead .is-pop{ padding-top: 22px; }.cmp-table thead th{ padding-top: 22px; }.cmp-mark{ display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 6px; border-radius: 13px; background: linear-gradient(135deg, #39C6FF, #3A6FF8); color: #fff; font-family: var(--display); font-weight: 800; font-size: 1.2rem; box-shadow: 0 10px 22px -10px rgba(58,111,248,.9); }.cmp-head.is-vs{ margin-top: clamp(80px, 9vw, 120px); }@media (max-width: 860px){.cmp-head{ grid-template-columns: 1fr; align-items: start; }}.pd-hero .hero-title{ font-size: clamp(2.4rem, 5.2vw, 4.6rem) !important; max-width: 980px; margin-left: auto; margin-right: auto; text-wrap: balance; }.pd-hero ~ section[style*="bg-soft"]{ margin: 0 10px; border-radius: 34px; background: #EEEDE7 !important; }.pd-hero ~ section[style*="bg-soft"] + section[style*="bg-soft"]{ margin-top: 10px; }.pd-hero ~ section .section-title{ font-family: var(--display); font-weight: 750; letter-spacing: -0.04em; }.pd-hero ~ section .eyebrow{ display: inline-flex; align-items: center; gap: 8px; padding: 6px 13px; border-radius: 999px; background: #fff; border: 1px solid rgba(14,17,22,.08); color: var(--blue-deep); font-size: .76rem; font-weight: 600; letter-spacing: .02em; text-transform: none; }.pd-hero ~ section .why-v2-card{ border-radius: 24px !important; border: 1px solid rgba(14,17,22,.06) !important; box-shadow: 0 1px 2px rgba(14,17,22,.04), 0 18px 40px -32px rgba(14,30,80,.35) !important; transition: transform .45s var(--x-ease), box-shadow .45s !important; }.pd-hero ~ section .why-v2-card:hover{ transform: translateY(-5px); box-shadow: 0 30px 60px -36px rgba(14,30,80,.5) !important; }.pd-hero ~ section .why-v2-num{ color: rgba(14,17,22,.22) !important; }.pd-hero ~ section .faq-item{ border-radius: 18px !important; background: #fff !important; border: 1px solid rgba(14,17,22,.06) !important; box-shadow: none !important; overflow: hidden; }.pd-hero ~ section .faq-question{ font-weight: 600; color: #0B0E14; }.pd-hero ~ .cta-section{ padding: clamp(50px, 6vw, 90px) 0; }.pd-hero ~ .cta-section .cta-box{ position: relative; overflow: hidden; border-radius: 34px !important; padding: clamp(40px, 6vw, 72px) clamp(24px, 4vw, 60px) !important; background: radial-gradient(700px 360px at 100% 0%, rgba(58,111,248,.4), transparent 60%), radial-gradient(500px 300px at 0% 100%, rgba(57,198,255,.16), transparent 60%), #05070D !important; border: 0 !important; color: #fff; box-shadow: 0 40px 80px -50px rgba(5,7,13,.8); }.pd-hero ~ .cta-section .cta-box h2{ color: #fff !important; font-family: var(--display); font-weight: 750; letter-spacing: -0.035em; }.pd-hero ~ .cta-section .cta-box p{ color: rgba(226,232,245,.7) !important; }.pd-hero ~ .cta-section .cta-box .btn-primary{ background: #fff !important; color: #0B0E14 !important; border: 0 !important; box-shadow: 0 16px 40px -16px rgba(143,176,255,.65) !important; }.pd-hero ~ .cta-section .cta-box .btn-secondary{ background: rgba(255,255,255,.06) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.2) !important; }@media (max-width: 760px){.pd-hero ~ section[style*="bg-soft"]{ margin: 0 6px; border-radius: 24px; }}.pd-hero .btn-outline{ background: rgba(255,255,255,.06) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.2) !important; }.pd-hero .btn-outline:hover{ background: rgba(255,255,255,.12) !important; }.et-card-logo-img{ width: 62% !important; height: 62% !important; object-fit: contain !important; }.et-card-logo-text.is-mono{ display: grid !important; place-items: center; width: 100%; height: 100%; font-family: var(--display); font-size: 1.5rem !important; font-weight: 800; letter-spacing: -0.03em; white-space: nowrap; overflow: visible; text-overflow: clip; max-width: none !important; }.et-card-logo-text.is-mono{ text-transform: none !important; }.cmp{ padding: clamp(60px, 7vw, 96px) 0; }.cmp-head{ display: block !important; max-width: none; margin: 0 0 18px !important; text-align: left; }.cmp-head.is-vs{ margin-top: clamp(56px, 7vw, 90px) !important; }.cmp-head h2{ margin: 0 !important; font-size: clamp(1.7rem, 2.8vw, 2.4rem) !important; line-height: 1.1 !important; letter-spacing: -0.035em; color: #0B0E14; }.cmp-wrap{ position: relative; border-radius: 22px !important; box-shadow: 0 24px 50px -44px rgba(14,30,80,.45) !important; }.cmp-table{ font-size: .88rem !important; min-width: 680px !important; }.cmp-table th,.cmp-table td{ padding: 11px 16px !important; }.cmp-table tbody th{ min-width: 200px !important; font-weight: 500 !important; color: #1F2937 !important; }.cmp-table thead th{ padding: 16px 16px 14px !important; background: #fff !important; box-shadow: none !important; vertical-align: bottom !important; border-bottom: 1px solid rgba(14,17,22,.08) !important; text-align: center; }.cmp-table thead th:first-child{ text-align: left; }.cmp-table thead th.is-pop{ background: #F3F6FF !important; box-shadow: inset 0 3px 0 var(--blue) !important; }.cmp-name{ display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-family: var(--display); font-size: 1rem; font-weight: 700; letter-spacing: -0.01em; color: #0B0E14; white-space: nowrap; }.is-pop .cmp-name{ color: var(--blue-deep); }.cmp-name em{ padding: 2px 8px; border-radius: 999px; background: var(--blue); color: #fff; font-style: normal; font-family: var(--font, inherit); font-size: .64rem; font-weight: 700; letter-spacing: .02em; }.cmp-price{ display: block; margin-top: 3px; font-size: .9rem; font-weight: 700; color: #374151; }.cmp-price small{ margin-left: 2px; font-size: .74rem; font-weight: 500; color: var(--text-muted); }.cmp-sub{ display: block; margin-top: 3px; font-size: .72rem; font-weight: 500; color: var(--text-muted); white-space: nowrap; }.cmp-mark{ display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; background: linear-gradient(135deg, #39C6FF, #3A6FF8); color: #fff; font-style: normal; font-size: .7rem; font-weight: 800; }.cmp-oico{ display: inline-grid; place-items: center; color: #9CA3AF; font-style: normal; }.cmp-oico .st-ico{ width: 15px; height: 15px; }.cmp-legend{ display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; background: none; font-size: .72rem; font-weight: 500; color: var(--text-muted); letter-spacing: 0; text-transform: none; }.cmp-legend .cmp-ic{ width: 16px; height: 16px; margin-left: 6px; }.cmp-legend .cmp-ic:first-child{ margin-left: 0; }.cmp-legend .cmp-ic svg{ width: 9px; height: 9px; }.cmp-ic{ width: 22px; height: 22px; vertical-align: middle; }.cmp-ic svg{ width: 12px; height: 12px; }.cmp-v{ display: inline-flex; align-items: center; gap: 7px; }.cmp-v small{ font-size: .78rem; color: var(--text-soft); text-align: left; }.cmp-t{ color: #374151; }.cmp-table tr.is-price b{ font-weight: 700; color: #0B0E14; }.cmp-table tbody tr:nth-child(even) th,.cmp-table tbody tr:nth-child(even) td:not(.is-pop){ background: #FBFBFA; }.cmp-table tr.cmp-more{ display: none; }[data-cmp].is-open .cmp-table tr.cmp-more{ display: table-row; animation: cmpRow .45s cubic-bezier(.2,.8,.2,1) both; }@keyframes cmpRow{ from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }.cmp-more-btn{ display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 13px; border: 0; border-top: 1px solid rgba(14,17,22,.06); background: #fff; color: var(--blue-deep); font: inherit; font-size: .86rem; font-weight: 600; cursor: pointer; transition: background .25s; }.cmp-more-btn:hover{ background: #F6F8FF; }.cmp-more-btn .st-ico{ width: 15px; height: 15px; transition: transform .35s cubic-bezier(.2,.8,.2,1); }.cmp-more-btn span:nth-child(2){ display: none; }[data-cmp].is-open .cmp-more-btn span:nth-child(1){ display: none; }[data-cmp].is-open .cmp-more-btn span:nth-child(2){ display: inline; }[data-cmp].is-open .cmp-more-btn .st-ico{ transform: rotate(45deg); }.cmp-table thead .cmp-price{ white-space: nowrap; }.cmp-table thead .cmp-price small{ display: inline !important; margin: 0 0 0 2px !important; font-size: .74rem !important; }.ab-doc-paper{ position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-height: 230px; padding: 28px 28px 24px; border-radius: 18px; color: #1F2937; background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--c) 10%, transparent), transparent 45%),
    repeating-linear-gradient(45deg, rgba(14,17,22,.018) 0 2px, transparent 2px 7px),
    #FBF8F1;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset, 0 24px 50px -34px rgba(14,30,80,.45), 0 0 0 1px rgba(14,17,22,.07);
    transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s; transform-style: preserve-3d; }.ab-doc-paper::before{ content: ""; position: absolute; inset: 10px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--c) 35%, transparent); pointer-events: none; }.ab-doc-paper::after{ content: ""; position: absolute; inset: 14px; border-radius: 10px; border: 1px dashed color-mix(in srgb, var(--c) 22%, transparent); pointer-events: none; }.cmp-head{ display: block !important; max-width: 640px !important; margin: 0 auto 26px !important; text-align: center !important; }.cmp-head h2{ margin: 6px 0 8px !important; font-size: clamp(2rem, 3.4vw, 2.9rem) !important; }.cmp-head p{ margin: 0 !important; font-size: .98rem; color: var(--text-soft); }.cmp-wrap{ overflow: hidden !important; border-radius: 24px !important; border: 1px solid rgba(14,17,22,.07) !important; background: #fff; }.cmp-wrap .cmp-table{ border-collapse: separate; }.cmp-table thead th{ background: #0B0E14 !important; border-bottom: 0 !important; box-shadow: none !important; padding: 18px 16px !important; vertical-align: middle !important; color: #fff; }.cmp-table thead th.cmp-first{ position: sticky; left: 0; z-index: 2; font-size: .72rem !important; font-weight: 600 !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(226,232,245,.55) !important; text-align: left; }.cmp-table thead th.is-pop{ background: linear-gradient(180deg, #3A6FF8, #2F5BE0) !important; box-shadow: none !important; }.cmp-table thead .cmp-name{ color: #fff !important; font-size: 1.02rem; }.cmp-table thead .cmp-name em{ background: rgba(255,255,255,.2); color: #fff; }.cmp-table thead .cmp-price{ color: rgba(226,232,245,.85) !important; font-weight: 600; }.cmp-table thead .cmp-price small,.cmp-table thead .cmp-sub{ color: rgba(226,232,245,.55) !important; }.cmp-table thead .cmp-oico{ color: rgba(226,232,245,.55); }.cmp-table thead .cmp-mark{ background: #fff; color: var(--blue); }.cmp-table tbody td.is-pop{ background: #F4F7FF !important; }.cmp-table tbody tr:first-child th,.cmp-table tbody tr:first-child td{ padding-top: 14px !important; }.cmp-legend-row{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 12px 4px 0; font-size: .78rem; color: var(--text-muted); }.cmp-legend-row .cmp-legend{ font-size: .78rem; }.cmp-table tr.cmp-more{ display: none; }[data-cmp].is-open .cmp-table tr.cmp-more{ display: table-row; animation: none; }[data-cmp].is-open .cmp-table tr.cmp-more > *{ animation: cmpIn .5s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(var(--ri, 0) * 55ms + 80ms); }[data-cmp].is-closing .cmp-table tr.cmp-more > *{ animation: cmpOut .28s ease both; }@keyframes cmpIn{ from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }@keyframes cmpOut{ to { opacity: 0; transform: translateY(-6px); } }.cmp-more-btn{ position: relative; }.cmp-more-btn::before{ content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 40px; background: linear-gradient(transparent, rgba(255,255,255,.95)); pointer-events: none; transition: opacity .3s; }[data-cmp].is-open .cmp-more-btn::before{ opacity: 0; }@view-transition{ navigation: auto; }::view-transition-old(root){ animation: vtOut .22s cubic-bezier(.4,0,1,1) both; }::view-transition-new(root){ animation: vtIn .42s cubic-bezier(.2,.8,.2,1) both; }@keyframes vtOut{ to { opacity: 0; } }@keyframes vtIn{ from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }.nav,header.nav,.h-nav{ view-transition-name: site-nav; }::view-transition-old(site-nav),::view-transition-new(site-nav){ animation: none; }@supports not (view-transition-name: none){main{ animation: pageIn .5s cubic-bezier(.2,.8,.2,1) both; }@keyframes pageIn{ from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root),main{ animation: none !important; }}.lg-card{ padding: clamp(24px, 4vw, 52px) !important; border-radius: 28px; background: #fff; border: 1px solid rgba(14,17,22,.06); box-shadow: 0 30px 60px -50px rgba(14,30,80,.45); max-width: none !important; margin: 0 !important; color: #374151; font-size: .98rem; line-height: 1.8; }.lg-card > .legal-toc{ display: none; }.lg-card h2{ scroll-margin-top: 110px; margin: 2.2em 0 .7em !important; padding: 0 !important; border: 0 !important; font-family: var(--display); font-size: clamp(1.3rem, 2vw, 1.6rem) !important; font-weight: 750; letter-spacing: -0.02em; color: #0B0E14 !important; }.lg-card h2:first-of-type{ margin-top: 1.4em !important; }.lg-card h3{ margin: 1.6em 0 .5em !important; font-family: var(--display); font-size: 1.1rem !important; font-weight: 700; color: #0B0E14 !important; }.lg-card p,.lg-card li{ color: #374151; }.lg-card ul,.lg-card ol{ padding-left: 1.2em; }.lg-card li{ margin: .35em 0; }.lg-card li::marker{ color: var(--blue); }.lg-card a{ color: var(--blue-deep); text-decoration: underline; text-decoration-color: rgba(58,111,248,.35); text-underline-offset: 3px; }.lg-card strong{ color: #0B0E14; }.lg-card table{ width: 100%; margin: 1.2em 0; border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 16px; border: 1px solid rgba(14,17,22,.08); font-size: .88rem; line-height: 1.5; display: block; overflow-x: auto; }.lg-card table th{ padding: 11px 14px; background: #0B0E14; color: #fff; font-weight: 600; text-align: left; white-space: nowrap; }.lg-card table td{ padding: 11px 14px; border-top: 1px solid rgba(14,17,22,.06); vertical-align: top; }.lg-card table tr:nth-child(even) td{ background: #FAFAF8; }.lg-card h2::before{ content: none !important; display: none !important; }.pd-hero .eyebrow{ display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.12) !important; color: rgba(226,232,245,.85) !important; font-size: .8rem; font-weight: 600; letter-spacing: .02em; text-transform: none; }.qt-card{ padding: clamp(22px, 3.2vw, 38px); }.sm-prod-txt b{ display: block; font-family: var(--display); font-size: 1.1rem; font-weight: 700; letter-spacing: -.01em; }.sm-prod-txt small{ display: block; margin-top: 4px; font-size: .82rem; line-height: 1.45; color: var(--text-muted); }[data-sm-item].is-hit{ color: var(--blue); }[data-sm-item].is-hit mark{ background: rgba(58,111,248,.16); color: inherit; border-radius: 4px; padding: 0 2px; }.er2{ padding: 10px; }.er2 .rl-pill code{ font-family: var(--ds-mono); font-size: .78rem; color: #AFC6FF; }.er2-hint{ position: absolute; left: 100%; top: 18%; margin-left: 6px; padding: 4px 10px; border-radius: 99px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); font-size: .72rem; color: rgba(255,255,255,.7); white-space: nowrap; opacity: 0; animation: er2Hint 6s 3s ease-in-out infinite; pointer-events: none; }@keyframes er2Hint{ 0%, 100% { opacity: 0; translate: -6px 0; } 15%, 60% { opacity: 1; translate: 0 0; } }.er2-pop{ position: fixed; z-index: 9999; width: 7px; height: 7px; border-radius: 2px; pointer-events: none; }@media (max-width: 640px){.er2{ padding: 6px; }.er2-hint{ display: none; }.er2 .rl-pill code{ display: none; }}@media (prefers-reduced-motion: reduce){.er2-hint{ animation: none !important; opacity: 1; transform: none; }}.float-buttons[hidden]{ display: none !important; }html body .quote-popup-card{ border: 1px solid rgba(14,17,22,.07) !important; border-radius: 22px !important; background: #fff !important; color: #0E1116 !important; box-shadow: 0 30px 70px -30px rgba(14,30,80,.45), 0 2px 8px rgba(14,17,22,.05) !important; overflow: hidden; }html body .quote-popup-glow{ display: none !important; }html body .quote-popup-icon{ border-radius: 14px !important; background: #EEF3FF !important; color: #3A6FF8 !important; box-shadow: none !important; }html body .quote-popup-title{ font-family: var(--display, 'Bricolage Grotesque', sans-serif) !important; font-weight: 700 !important; letter-spacing: -.02em; color: #0E1116 !important; }html body .quote-popup-text{ color: #6B6F77 !important; }html body .quote-popup-btn{ border-radius: 999px !important; background: #0E1116 !important; color: #fff !important; box-shadow: none !important; transition: background .25s !important; }html body .quote-popup-btn:hover{ background: #3A6FF8 !important; transform: none !important; }.et-card-logo-si{ display: block; width: 54%; height: 54%; background: var(--sic, #333); -webkit-mask: var(--si) center / contain no-repeat; mask: var(--si) center / contain no-repeat; }.et-card-logo-si{ width: 30px; height: 30px; flex: 0 0 auto; }.hero-title .hero-title-kw{ display: block; margin-top: .35em; font-size: .36em; font-weight: 600; letter-spacing: -.02em; line-height: 1.2; opacity: .78; }.ft-cta .ft-cta-title{ margin: 0; font-family: var(--display); font-size: clamp(1.8rem, 3.2vw, 2.8rem); font-weight: 750; letter-spacing: -0.04em; line-height: 1.02; color: #fff; }.ft .ft-h{ margin: 0 0 16px; color: #fff !important; opacity: 1 !important; font-size: .78rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; line-height: 1.2; }@keyframes xInUp{ from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }@keyframes xInMask{ from { transform: translateY(108%); } to { transform: none; } }.x-in{ animation: xInUp .9s var(--x-ease) both; animation-delay: calc(var(--d, 0) * 90ms + 60ms); }.x-mask > .x-in{ animation-name: xInMask; animation-duration: 1.1s; }@media (prefers-reduced-motion: reduce){.x-in,.x-mask > .x-in{ animation: none !important; }}