:root{--bg:#07090f;--bg-elevated:#0d0f18;--bg-panel:rgba(255,255,255,0.04);--text:#edf0fa;--muted:rgba(237,240,250,0.48);--faint:rgba(237,240,250,0.28);--line:rgba(255,255,255,0.08);--cyan:#22d3ee;--indigo:#818cf8;--violet:#a78bfa;--sky:#38bdf8;--green:#34d399;--radius:16px;--container:1400px;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;--latin:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--text);font-family:var(--sans);background:linear-gradient(180deg,rgba(129,140,248,0.08),transparent 520px),linear-gradient(90deg,rgba(34,211,238,0.04),transparent 38%,rgba(167,139,250,0.035)),var(--bg);overflow-x:hidden}body.menu-open,body.dialog-open{overflow:hidden}button,a{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:12px;left:12px;z-index:200;padding:10px 14px;color:#07111b;font-weight:800;background:#67e8f9;border-radius:999px;transform:translateY(-150%);transition:transform 180ms ease}.skip-link:focus{transform:translateY(0)}svg{display:block}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(100% - 64px,var(--container));margin:0 auto}@supports(content-visibility:auto){.features,.workflow,.site-footer{content-visibility:auto}.features{contain-intrinsic-size:auto 860px}.workflow{contain-intrinsic-size:auto 760px}.site-footer{contain-intrinsic-size:auto 260px}}:focus-visible{outline:3px solid rgba(103,232,249,0.86);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-header{position:fixed;inset:0 0 auto;z-index:50;transition:background-color 240ms ease,border-color 240ms ease,backdrop-filter 240ms ease}.site-header.is-scrolled,.site-header.menu-active{border-bottom:1px solid rgba(255,255,255,0.07);background:rgba(7,9,15,0.9);backdrop-filter:blur(18px)}.header-inner{width:min(100% - 64px,var(--container));height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-family:var(--latin);font-size:15px;font-weight:700}.brand-mark{width:30px;height:30px;flex:0 0 auto}.brand-mark.small{width:24px;height:24px}.desktop-nav,.footer-nav{display:flex;align-items:center;gap:32px}.desktop-nav a,.footer-nav a{color:rgba(255,255,255,0.45);font-size:14px;transition:color 180ms ease}.desktop-nav a:hover,.desktop-nav a:focus-visible,.footer-nav a:hover,.footer-nav a:focus-visible{color:rgba(255,255,255,0.9)}.desktop-nav a[aria-current="page"],.footer-nav a[aria-current="page"]{color:rgba(103,232,249,0.9)}.header-cta{min-height:36px;padding:0 20px;color:rgba(255,255,255,0.82);font-size:14px;font-weight:500;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:999px;transition:background-color 180ms ease,color 180ms ease,transform 180ms ease}.header-cta:hover{color:#fff;background:rgba(255,255,255,0.12);transform:translateY(-1px)}.menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:999px}.menu-icon{width:20px;height:20px}.menu-icon.close{display:none}.site-header.menu-active .menu-icon.open{display:none}.site-header.menu-active .menu-icon.close{display:block}.mobile-nav{display:none}.section-divider{position:relative}.section-divider::after{content:"";position:absolute;left:50%;bottom:0;width:min(100%,1400px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent)}.hero{min-height:92vh;padding:112px 0 64px;display:flex;align-items:center;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.025)1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02)1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,transparent 76%)}.hero-grid{position:relative;display:grid;grid-template-columns:52fr 48fr;align-items:center;gap:72px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:30px}.eyebrow{display:inline-flex;align-items:center;gap:9px;min-height:30px;padding:0 14px;color:rgba(255,255,255,0.42);font-family:var(--mono);font-size:11px;letter-spacing:0;text-transform:uppercase;border:1px solid rgba(255,255,255,0.1);border-radius:999px;background:rgba(255,255,255,0.04)}.status-dot{width:6px;height:6px;border-radius:999px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.hero h1{margin:0;color:#fff;font-size:86px;line-height:1.02;font-weight:900;letter-spacing:0}.hero h1 span{display:block}.gradient-text{background:linear-gradient(90deg,#22d3ee,#67e8f9 48%,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.accent-rule{width:40px;height:2px;border-radius:999px;background:rgba(34,211,238,0.58)}.hero-subtitle{max-width:390px;margin:0;color:rgba(255,255,255,0.48);font-size:18px;line-height:1.75}.browser-row,.hero-actions{display:flex;align-items:center}.browser-row{gap:10px}.browser-row svg{width:20px;height:20px;opacity:0.62}.browser-row span{margin-left:4px;color:rgba(255,255,255,0.28);font-family:var(--mono);font-size:11px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions>span{color:rgba(255,255,255,0.28);font-size:14px}.primary-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:10px;padding:0 28px;color:#07090f;font-size:15px;font-weight:700;background:#fff;border-radius:999px;box-shadow:0 4px 24px rgba(255,255,255,0.15);transition:background-color 180ms ease,transform 180ms ease,box-shadow 180ms ease}.primary-button svg{width:18px;height:18px;flex:0 0 auto}.primary-button:hover{background:#ecfeff;transform:translateY(-1px);box-shadow:0 10px 30px rgba(34,211,238,0.16)}.primary-button:hover svg:last-child{transform:translateX(3px)}.primary-button svg:last-child{transition:transform 180ms ease}.primary-button.compact{min-height:44px;padding:0 24px;font-size:14px}.hero-visual{min-width:0}.product-stage{position:relative}.product-stage::before{content:"";position:absolute;inset:26px 28px -22px;border:1px solid rgba(34,211,238,0.12);border-radius:22px;transform:rotate(-1.5deg)}.browser-window{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.1);border-radius:18px;background:var(--bg-elevated);box-shadow:0 32px 80px rgba(0,0,0,0.58)}.browser-topbar{height:49px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#12141f;border-bottom:1px solid rgba(255,255,255,0.06)}.traffic-lights{display:flex;gap:6px;flex:0 0 auto}.traffic-lights span{width:12px;height:12px;border-radius:50%}.traffic-lights .red{background:#ff5f57}.traffic-lights .yellow{background:#febc2e}.traffic-lights .green{background:#28c840}.address-bar{min-width:0;flex:1;display:flex;align-items:center;gap:7px;height:29px;padding:0 12px;color:rgba(255,255,255,0.3);font-family:var(--mono);font-size:11px;background:rgba(7,9,15,0.82);border:1px solid rgba(255,255,255,0.07);border-radius:999px}.address-bar svg{width:12px;height:12px;color:rgba(255,255,255,0.25);flex:0 0 auto}.address-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chrome-small{width:20px;height:20px;opacity:0.72;flex:0 0 auto}.video-area{position:relative;aspect-ratio:16 / 9;background:linear-gradient(180deg,rgba(34,211,238,0.05),transparent 34%),#070910}.video-progress{position:absolute;inset:0 0 auto;height:2px;background:rgba(255,255,255,0.06);z-index:3}.video-progress span{position:relative;display:block;width:42%;height:100%;background:var(--cyan)}.video-progress span::after{content:"";position:absolute;top:50%;right:0;width:10px;height:10px;border-radius:50%;background:var(--cyan);transform:translate(50%,-50%);box-shadow:0 0 10px var(--cyan)}.lecture-slide{position:absolute;inset:32px;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:28px;border:1px solid rgba(255,255,255,0.05);border-radius:10px;background:#0c0e1a}.slide-lines{display:flex;flex-direction:column;gap:10px}.slide-lines span,.slide-grid span::after{display:block;height:7px;border-radius:999px;background:rgba(255,255,255,0.09)}.slide-lines span:first-child{height:9px;background:rgba(255,255,255,0.18)}.w-60{width:60%}.w-80{width:80%}.w-66{width:66%}.slide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.slide-grid span{min-height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,0.06);border-radius:10px;background:rgba(255,255,255,0.03)}.slide-grid span::after{content:"";width:66%;height:4px}.generated-badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;color:#67e8f9;font-family:var(--mono);font-size:11px;border:1px solid rgba(34,211,238,0.25);border-radius:999px;background:rgba(34,211,238,0.15);backdrop-filter:blur(8px);z-index:4}.generated-badge svg{width:13px;height:13px}.subtitle-overlay{position:absolute;left:0;right:0;bottom:0;padding:52px 24px 22px;background:linear-gradient(to top,rgba(0,0,0,0.92),rgba(0,0,0,0.48),transparent);z-index:3}.subtitle-overlay p{margin:0;line-height:1.45}.subtitle-overlay p:first-child{color:#fff;font-family:var(--latin);font-size:15px;font-weight:600}.subtitle-overlay p:last-child{margin-top:6px;color:#67e8f9;font-size:13px}.dictionary-card{position:absolute;right:-24px;bottom:40px;width:288px;padding:20px;border:1px solid rgba(255,255,255,0.1);border-radius:18px;background:rgba(15,18,32,0.96);box-shadow:0 24px 60px rgba(0,0,0,0.5);backdrop-filter:blur(18px);animation:float-card 5s ease-in-out infinite}.card-glow{position:absolute;top:-1px;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,0.44),transparent)}.word-line{display:flex;align-items:baseline;gap:10px}.word-line strong{color:#fff;font-family:var(--latin);font-size:17px}.word-line span,.example span{color:rgba(255,255,255,0.35);font-family:var(--mono);font-size:11px}.meaning{margin:10px 0 0;color:rgba(255,255,255,0.58);font-size:14px}.example{margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,0.07)}.example span{display:block;margin-bottom:10px;color:rgba(255,255,255,0.28);text-transform:uppercase}.example p{margin:0;font-size:12px;line-height:1.65}.example p:nth-of-type(1){color:rgba(255,255,255,0.48);font-family:var(--latin);font-style:italic}.example p:nth-of-type(2){margin-top:5px;color:rgba(34,211,238,0.68)}.features,.workflow{position:relative;padding:112px 0;overflow:hidden}.section-heading{margin-bottom:64px}.section-kicker{display:flex;align-items:center;gap:9px;margin-bottom:18px}.section-kicker span{width:16px;height:1px;background:rgba(34,211,238,0.64)}.section-kicker.indigo span{background:rgba(129,140,248,0.68)}.section-kicker p{margin:0;color:rgba(255,255,255,0.32);font-family:var(--mono);font-size:11px;letter-spacing:0}.section-heading h2{margin:0;color:#fff;font-size:46px;line-height:1.18;font-weight:900;letter-spacing:0}.section-intro{max-width:680px;margin:20px 0 0;color:rgba(237,240,250,0.58);font-size:16px;line-height:1.85}.feature-grid{display:grid;grid-template-columns:55fr 45fr;gap:20px}.feature-stack{display:flex;flex-direction:column;gap:20px}.feature-card,.step-card,.cta-strip{border:1px solid rgba(255,255,255,0.08);background:var(--bg-panel)}.feature-card{position:relative;min-height:180px;flex:1;overflow:hidden;padding:32px;border-radius:var(--radius)}.feature-card-large{min-height:380px;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.top-line,.step-line{position:absolute;top:0;left:0;right:0;height:1px}.top-line.cyan,.step-line.cyan{background:linear-gradient(90deg,rgba(34,211,238,0.64),rgba(34,211,238,0.18),transparent)}.top-line.indigo,.step-line.indigo{background:linear-gradient(90deg,rgba(129,140,248,0.64),rgba(129,140,248,0.18),transparent)}.top-line.violet,.step-line.violet{background:linear-gradient(90deg,rgba(167,139,250,0.64),rgba(167,139,250,0.18),transparent)}.step-line.sky{background:linear-gradient(90deg,rgba(56,189,248,0.64),rgba(56,189,248,0.18),transparent)}.background-number{position:absolute;right:24px;bottom:2px;color:rgba(255,255,255,0.035);font-family:var(--mono);font-size:140px;font-weight:700;line-height:1;user-select:none}.background-number.small{right:16px;font-size:88px}.feature-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px}.feature-content.compact{gap:16px}.feature-icon,.step-icon{display:grid;place-items:center;flex:0 0 auto;border:1px solid}.feature-icon{width:40px;height:40px;border-radius:12px}.feature-icon svg{width:20px;height:20px}.feature-icon.cyan,.step-icon.cyan{color:var(--cyan);background:rgba(34,211,238,0.12);border-color:rgba(34,211,238,0.2)}.feature-icon.indigo,.step-icon.indigo{color:var(--indigo);background:rgba(129,140,248,0.12);border-color:rgba(129,140,248,0.2)}.feature-icon.violet,.step-icon.violet{color:var(--violet);background:rgba(167,139,250,0.12);border-color:rgba(167,139,250,0.2)}.step-icon.sky{color:var(--sky);background:rgba(56,189,248,0.12);border-color:rgba(56,189,248,0.2)}.feature-card h3,.step-card h3{margin:0;color:#fff;font-weight:800;letter-spacing:0}.feature-card h3{margin-bottom:10px;font-size:24px}.feature-content.compact h3,.step-card h3{font-size:20px}.feature-card p,.step-card p{margin:0;color:rgba(255,255,255,0.44);line-height:1.75}.feature-card p{max-width:440px;font-size:15px}.feature-content.compact p{font-size:14px}.subtitle-sample{position:relative;z-index:1;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.07)}.subtitle-sample p:first-child{color:rgba(255,255,255,0.72);font-family:var(--latin);font-size:13px}.subtitle-sample p:last-child{margin-top:8px;color:rgba(103,232,249,0.76);font-size:13px}.workflow{background:rgba(255,255,255,0.005)}.grid-overlay{position:absolute;inset:0;opacity:0.04;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.5)1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.5)1px,transparent 1px);background-size:60px 60px}.workflow .container{position:relative}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);border-radius:var(--radius);background:rgba(255,255,255,0.05)}.step-card{position:relative;min-height:258px;padding:32px;background:#07090f;transition:background-color 200ms ease}.step-card:hover{background:rgba(255,255,255,0.025)}.step-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.step-head>span{font-family:var(--mono);font-size:48px;font-weight:700;line-height:1}.step-card:nth-child(1).step-head>span{color:rgba(34,211,238,0.3)}.step-card:nth-child(2).step-head>span{color:rgba(129,140,248,0.3)}.step-card:nth-child(3).step-head>span{color:rgba(167,139,250,0.3)}.step-card:nth-child(4).step-head>span{color:rgba(56,189,248,0.3)}.step-icon{width:40px;height:40px;border-radius:12px}.step-icon svg{width:18px;height:18px}.step-card h3{margin-bottom:10px}.step-card p{color:rgba(255,255,255,0.4);font-size:13px}.cta-strip{margin-top:48px;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:var(--radius)}.cta-strip p{margin:0 0 6px;color:#fff;font-size:18px;font-weight:700}.cta-strip span{color:rgba(255,255,255,0.38);font-size:14px}.site-footer{padding:64px 0;border-top:1px solid rgba(255,255,255,0.07)}.footer-inner{display:flex;flex-direction:column;gap:40px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{color:rgba(255,255,255,0.72);font-size:14px}.footer-nav a{color:rgba(255,255,255,0.36)}.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,0.06)}.footer-bottom p{max-width:560px;margin:0;color:rgba(255,255,255,0.28);font-size:12px;line-height:1.75}.footer-bottom span{color:rgba(255,255,255,0.22);font-family:var(--mono);font-size:12px}.legal-page{background:radial-gradient(circle at 16% 3%,rgba(34,211,238,0.14),transparent 30%),radial-gradient(circle at 88% 28%,rgba(56,189,248,0.08),transparent 26%),linear-gradient(180deg,#0a1b27 0%,#091824 45%,#07131e 100%);background-attachment:fixed}.legal-main{padding:128px 0 88px}.legal-hero{max-width:820px;margin-bottom:48px}.legal-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:rgba(103,232,249,0.72);font-family:var(--mono);font-size:12px;letter-spacing:0.04em}.legal-kicker::before{content:"";width:28px;height:1px;background:rgba(34,211,238,0.7)}.legal-hero h1{margin:0;color:#fff;font-size:clamp(42px,8vw,76px);line-height:0.96;letter-spacing:0}.legal-hero p{max-width:680px;margin:24px 0 0;color:rgba(237,240,250,0.66);font-size:17px;line-height:1.8}.legal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:32px}.legal-toc,.legal-content{border:1px solid rgba(255,255,255,0.11);background:rgba(255,255,255,0.055);box-shadow:0 22px 60px rgba(0,0,0,0.18);backdrop-filter:blur(18px)}.legal-toc{position:sticky;top:88px;display:grid;gap:4px;padding:16px;border-radius:18px}.legal-toc strong{margin:0 0 8px 6px;color:rgba(255,255,255,0.82);font-size:13px}.legal-toc a{padding:10px 12px;color:rgba(237,240,250,0.54);font-size:13px;line-height:1.35;border-radius:10px}.legal-toc a:hover,.legal-toc a:focus-visible{color:#fff;background:rgba(255,255,255,0.07)}.legal-content{padding:40px;border-radius:24px}.legal-meta{margin:0 0 28px;color:rgba(237,240,250,0.52);font-size:14px}.legal-intro{margin:0 0 30px;padding:22px 24px;border:1px solid rgba(103,232,249,0.12);border-radius:18px;background:linear-gradient(135deg,rgba(34,211,238,0.07),rgba(56,189,248,0.025))}.legal-intro p{margin:0;color:rgba(237,240,250,0.73);font-size:15px;line-height:1.9}.legal-intro p+p{margin-top:10px}.legal-section{padding:30px 0;border-top:1px solid rgba(255,255,255,0.09)}.legal-section:first-of-type{border-top:0;padding-top:0}.legal-section h2{margin:0 0 16px;color:#fff;font-size:24px;line-height:1.35}.legal-section h3{margin:24px 0 10px;color:rgba(255,255,255,0.88);font-size:17px}.legal-section p,.legal-section li{color:rgba(237,240,250,0.68);font-size:15px;line-height:1.9}.legal-section p{margin:0 0 14px}.legal-section ul{margin:10px 0 0;padding-left:22px}.legal-section li+li{margin-top:6px}.legal-note{margin:20px 0 0;padding:18px 20px;color:rgba(237,240,250,0.74);background:rgba(34,211,238,0.08);border:1px solid rgba(34,211,238,0.18);border-radius:16px}.legal-link{color:rgba(103,232,249,0.9);text-decoration:underline;text-decoration-color:rgba(103,232,249,0.35);text-underline-offset:4px}.legal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.09)}.secondary-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 20px;color:rgba(255,255,255,0.82);font-size:14px;font-weight:700;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:999px}.secondary-button:hover,.secondary-button:focus-visible{color:#fff;background:rgba(255,255,255,0.13)}.install-dialog{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity 180ms ease}.install-dialog.is-open{opacity:1;pointer-events:auto}.install-backdrop{position:absolute;inset:0;background:rgba(4,8,14,0.72);backdrop-filter:blur(14px)}.install-panel{position:relative;width:min(100%,460px);padding:30px;border:1px solid rgba(255,255,255,0.13);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,0.11),rgba(255,255,255,0.055)),#101827;box-shadow:0 28px 90px rgba(0,0,0,0.42);transform:translateY(12px)scale(0.98);transition:transform 180ms ease}.install-dialog.is-open .install-panel{transform:translateY(0)scale(1)}.install-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:36px;height:36px;color:rgba(255,255,255,0.7);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:999px}.install-close:hover,.install-close:focus-visible{color:#fff;background:rgba(255,255,255,0.14)}.install-close svg{width:18px;height:18px}.install-status{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;padding:8px 12px;color:rgba(103,232,249,0.84);font-family:var(--mono);font-size:12px;background:rgba(34,211,238,0.09);border:1px solid rgba(34,211,238,0.18);border-radius:999px}.install-status span{width:7px;height:7px;background:var(--cyan);border-radius:999px;box-shadow:0 0 14px rgba(34,211,238,0.82)}.install-status p,.install-panel h2,.install-panel p{margin:0}.install-panel h2{max-width:360px;color:#fff;font-size:34px;line-height:1.15;letter-spacing:0}.install-panel>p{margin-top:16px;color:rgba(237,240,250,0.68);font-size:15px;line-height:1.8}.install-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.install-actions .secondary-button{min-height:44px}.install-note{margin-top:16px !important;color:rgba(237,240,250,0.42)!important;font-size:12px !important}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity 620ms ease,transform 620ms ease}.js .reveal.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:90ms}.delay-2{transition-delay:180ms}.delay-3{transition-delay:270ms}@keyframes float-card{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:1180px){.hero-grid,.feature-grid{grid-template-columns:1fr}.hero{padding-top:104px}.hero-grid{gap:56px}.hero h1{font-size:72px}.hero-subtitle{max-width:560px}.product-stage{max-width:760px}.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.container,.header-inner{width:min(100% - 40px,var(--container))}.desktop-nav,.header-cta{display:none}.menu-toggle{display:inline-flex}.mobile-nav{position:fixed;top:64px;left:20px;right:20px;display:grid;gap:4px;padding:14px;border:1px solid rgba(255,255,255,0.09);border-radius:16px;background:rgba(9,12,21,0.96);box-shadow:0 24px 60px rgba(0,0,0,0.4);backdrop-filter:blur(18px);transform:translateY(-10px);opacity:0;pointer-events:none;transition:opacity 180ms ease,transform 180ms ease}.site-header.menu-active .mobile-nav{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav a,.mobile-nav button{width:100%;padding:13px 14px;color:rgba(255,255,255,0.78);text-align:left;background:transparent;border-radius:10px}.mobile-nav a:hover,.mobile-nav button:hover{background:rgba(255,255,255,0.06);color:#fff}.legal-main{padding-top:104px}.legal-layout{grid-template-columns:1fr}.legal-toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-toc strong{grid-column:1 / -1}.hero{min-height:auto;padding:96px 0 56px}.hero h1{font-size:56px}.hero-copy{gap:24px}.section-heading h2{font-size:38px}.features,.workflow{padding:88px 0}.section-heading{margin-bottom:42px}.dictionary-card{right:16px;bottom:-34px;width:min(288px,calc(100% - 32px))}.product-stage{padding-bottom:48px}.cta-strip,.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-nav{gap:18px;flex-wrap:wrap}}@media(max-width:620px){body{background:linear-gradient(180deg,rgba(103,232,249,0.13)0%,transparent 28%),linear-gradient(150deg,#20576a 0%,#234d6b 38%,#2c4370 68%,#332d5f 100%)}.container,.header-inner{width:min(100% - 44px,var(--container))}.site-header{background:rgba(28,63,78,0.52);backdrop-filter:blur(18px)}.site-header.is-scrolled,.site-header.menu-active{background:rgba(25,57,74,0.9);border-bottom-color:rgba(255,255,255,0.14)}.menu-toggle{background:rgba(255,255,255,0.13);border-color:rgba(255,255,255,0.18)}.mobile-nav{left:18px;right:18px;background:rgba(29,59,77,0.96);border-color:rgba(255,255,255,0.16)}.legal-page{background:radial-gradient(circle at 18% 0%,rgba(34,211,238,0.16),transparent 28%),linear-gradient(180deg,#0d2634 0%,#0b202e 42%,#081722 100%);background-attachment:scroll}.brand{font-size:14px}.legal-main{padding:92px 0 56px}.legal-hero{margin-bottom:30px}.legal-hero h1{font-size:42px}.legal-hero p{font-size:15px}.legal-toc,.legal-content{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.16)}.legal-toc{position:sticky;top:74px;z-index:3;display:flex;gap:8px;overflow-x:auto;padding:12px;scrollbar-width:none}.legal-toc::-webkit-scrollbar{display:none}.legal-toc strong,.legal-toc a{flex:0 0 auto;white-space:nowrap}.legal-toc strong{margin:0 4px 0 0;padding:10px 0}.legal-toc a{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08)}.legal-content{padding:24px;border-radius:18px}.legal-intro{padding:18px}.legal-section{padding:24px 0}.legal-section h2{font-size:22px}.legal-section p,.legal-section li{color:rgba(237,240,250,0.74)}.legal-actions{align-items:stretch;flex-direction:column}.secondary-button{width:100%}.install-dialog{align-items:end;padding:14px}.install-panel{width:100%;padding:26px 22px 22px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,0.14),rgba(255,255,255,0.08)),#182b43}.install-panel h2{padding-right:36px;font-size:28px}.install-actions{flex-direction:column}.install-actions .primary-button,.install-actions .secondary-button{width:100%}.hero h1{font-size:41px;line-height:1.04}.hero-subtitle{font-size:15.5px}.hero{padding:78px 0 42px}.hero::before{opacity:0.48;background-size:52px 52px}.hero-grid{gap:28px;min-width:0;justify-items:start}.hero-copy{align-items:flex-start;gap:19px;text-align:left}.eyebrow{max-width:100%;color:rgba(255,255,255,0.68);background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.18);justify-content:flex-start;white-space:normal}.hero-subtitle{max-width:350px;color:rgba(237,240,250,0.78)}.hero-actions{width:min(100%,350px);align-items:center;flex-direction:row;gap:12px}.hero-actions>span{width:auto;font-size:13px;text-align:left}.primary-button{width:auto;max-width:100%;min-height:48px;padding:0 20px;font-size:14px}.browser-row{justify-content:flex-start;flex-wrap:wrap}.browser-row span,.hero-actions>span{color:rgba(237,240,250,0.58)}.primary-button{background:linear-gradient(180deg,#ffffff,#e6fbff);box-shadow:0 14px 34px rgba(13,148,166,0.24)}.primary-button:hover{background:linear-gradient(180deg,#ffffff,#dffaff)}.browser-window{width:100%;max-width:100%;min-width:0;border-radius:15px;background:#19324a;border-color:rgba(255,255,255,0.18);box-shadow:0 22px 52px rgba(5,13,24,0.3)}.browser-topbar{min-width:0;height:46px;background:#1d3851;border-bottom-color:rgba(255,255,255,0.1);gap:8px;padding:0 10px}.traffic-lights span{width:9px;height:9px}.address-bar{min-width:0;flex:1 1 auto;color:rgba(237,240,250,0.48);background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.12);height:27px;padding:0 10px;font-size:10px}.chrome-small{display:none}.lecture-slide{background:#1c3350;border-color:rgba(255,255,255,0.1);inset:22px 14px 42px;padding:16px;gap:16px}.video-area{background:linear-gradient(180deg,rgba(34,211,238,0.1),transparent 36%),#142942}.slide-lines span,.slide-grid span::after{background:rgba(255,255,255,0.14)}.slide-lines span:first-child{background:rgba(255,255,255,0.24)}.slide-grid span{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.11)}.slide-grid{gap:8px}.slide-grid span{min-height:30px}.generated-badge{top:12px;right:10px;max-width:calc(100% - 20px);padding:0 8px;font-size:10px}.generated-badge span{display:none}.subtitle-overlay{background:linear-gradient(to top,rgba(12,25,42,0.96),rgba(12,25,42,0.66),transparent);padding:42px 14px 15px}.subtitle-overlay p:first-child{font-size:13px}.subtitle-overlay p:last-child{font-size:12px}.dictionary-card{display:none}.product-stage{width:100%;max-width:360px;min-width:0;margin:4px 0 0;padding-bottom:0}.product-stage::before{display:none}.section-heading h2{font-size:32px;line-height:1.22}.section-heading{text-align:left}.section-kicker{justify-content:flex-start}.features,.workflow{background:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(34,211,238,0.045)),rgba(255,255,255,0.025);padding:52px 0 72px}.workflow{background:linear-gradient(180deg,rgba(129,140,248,0.075),rgba(255,255,255,0.055)),rgba(255,255,255,0.025);padding-top:64px}.section-heading{margin-bottom:34px}.feature-card,.feature-card-large,.step-card,.cta-strip{background:linear-gradient(180deg,rgba(255,255,255,0.145),rgba(255,255,255,0.09)),rgba(24,48,70,0.62);border-color:rgba(255,255,255,0.18);box-shadow:0 18px 42px rgba(8,16,28,0.16);padding:23px}.feature-grid,.feature-stack,.steps-grid,.cta-strip{width:min(100%,360px)}.step-card{min-height:auto;background:linear-gradient(180deg,rgba(255,255,255,0.13),rgba(255,255,255,0.075)),rgba(28,49,73,0.78)}.section-kicker p{color:rgba(237,240,250,0.62)}.feature-card p,.step-card p,.cta-strip span{color:rgba(237,240,250,0.7)}.feature-card h3,.step-card h3{color:rgba(255,255,255,0.96)}.feature-icon.cyan,.step-icon.cyan{background:rgba(34,211,238,0.18);border-color:rgba(34,211,238,0.3)}.feature-icon.indigo,.step-icon.indigo{background:rgba(129,140,248,0.18);border-color:rgba(129,140,248,0.3)}.feature-icon.violet,.step-icon.violet{background:rgba(167,139,250,0.18);border-color:rgba(167,139,250,0.3)}.feature-content{align-items:flex-start;text-align:left}.feature-card p{margin:0}.section-intro{color:rgba(237,240,250,0.72);font-size:15px}.subtitle-sample{border-top-color:rgba(255,255,255,0.12);text-align:left}.subtitle-sample p,.feature-card p,.step-card p{overflow-wrap:break-word}.feature-card-large{min-height:auto}.background-number{color:rgba(255,255,255,0.06);font-size:88px}.steps-grid{grid-template-columns:1fr;gap:14px;overflow:visible;border:0;border-radius:0;background:transparent}.step-card{text-align:left}.step-head{margin-bottom:22px}.step-head>span{font-size:42px}.cta-strip{margin-top:32px;align-items:flex-start;gap:18px;text-align:left}.cta-strip .primary-button.compact{width:100%}.footer-nav{width:100%;flex-direction:column;align-items:flex-start}
.site-footer{padding:48px 0;background:rgba(32,48,75,0.72);border-top-color:rgba(255,255,255,0.12)}
.footer-top,.footer-bottom{align-items:flex-start;text-align:left}.footer-bottom p{max-width:320px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.reveal{opacity:1;transform:none}}:root{--bg:#f7fcfc;--bg-elevated:#fff;--bg-panel:rgba(255,255,255,.84);--text:#183653;--muted:rgba(24,54,83,.62);--faint:rgba(24,54,83,.38);--line:rgba(28,99,116,.12);--cyan:#0ebfb8;--indigo:#4f8fd7;--violet:#7f78c8;--sky:#38a9df}body{background:#f7fcfc}:focus-visible{outline-color:rgba(14,191,184,.7)}.skip-link{color:#fff;background:#079f9b}.site-header{background:rgba(249,253,253,.76);backdrop-filter:blur(16px)}.site-header.is-scrolled,.site-header.menu-active{background:rgba(249,253,253,.94);border-bottom-color:rgba(28,93,111,.1)}.brand,.footer-brand{color:#173653}.desktop-nav a,.footer-nav a{color:rgba(24,54,83,.62)}.desktop-nav a:hover,.desktop-nav a:focus-visible,.footer-nav a:hover,.footer-nav a:focus-visible{color:#079f9b}.header-cta{color:#078e8b;background:rgba(14,191,184,.06);border-color:rgba(14,191,184,.25)}.header-cta:hover{color:#066d6c;background:rgba(14,191,184,.12)}.menu-toggle{color:#173653;background:rgba(255,255,255,.9);border-color:rgba(24,54,83,.12)}.section-divider::after{background:linear-gradient(90deg,transparent,rgba(25,105,119,.12),transparent)}.hero{min-height:92vh;background:#f9fdfd url("./assets/mint-bubbles-bg.webp")center / cover no-repeat}.hero::before{display:none}.hero-grid{gap:48px;transform:translateY(18px)}.hero h1{font-size:94px}.hero-visual{transform:translateX(22px)scale(1.12);transform-origin:right center}.eyebrow{color:rgba(19,93,105,.74);border-color:rgba(14,191,184,.2);background:rgba(235,252,250,.82);box-shadow:0 6px 18px rgba(27,136,143,.06)}.status-dot{box-shadow:0 0 0 4px rgba(14,191,184,.12)}.hero h1,.section-heading h2,.feature-card h3,.step-card h3,.cta-strip p{color:#183653}.gradient-text{background:linear-gradient(90deg,#08aaa4,#0fc8bd 55%,#209db8);-webkit-background-clip:text;background-clip:text;color:transparent}.accent-rule{background:rgba(14,191,184,.72)}.hero-subtitle,.section-intro,.feature-card p,.step-card p,.cta-strip span{color:rgba(24,54,83,.64)}.browser-row span,.hero-actions>span{color:rgba(24,54,83,.48)}.browser-row svg{opacity:.9}.primary-button{color:#fff;background:linear-gradient(135deg,#0cc3ba,#079f9b);box-shadow:0 14px 34px rgba(8,159,155,.22)}.primary-button:hover{color:#fff;background:linear-gradient(135deg,#12d1c7,#078b89);box-shadow:0 18px 40px rgba(8,159,155,.26)}.product-stage::before{border-color:rgba(14,191,184,.18)}.browser-window{border-color:rgba(28,99,116,.16);background:rgba(255,255,255,.94);box-shadow:0 28px 70px rgba(35,110,126,.16)}.browser-topbar{background:rgba(250,254,254,.96);border-bottom-color:rgba(28,99,116,.1)}.address-bar{color:rgba(24,54,83,.5);background:#edf6f7;border-color:rgba(28,99,116,.08)}.address-bar svg{color:rgba(24,54,83,.42)}.video-area{background:#f9fcfc}.video-progress{background:rgba(24,54,83,.08)}.video-progress span::after{box-shadow:0 0 0 4px rgba(14,191,184,.14)}.lecture-slide{border-color:rgba(28,99,116,.1);background:rgba(255,255,255,.94)}.slide-lines span,.slide-grid span::after{background:rgba(28,99,116,.1)}.slide-lines span:first-child{background:rgba(28,99,116,.17)}.slide-grid span{border-color:rgba(28,99,116,.09);background:rgba(231,247,246,.56)}.generated-badge{color:#078f8c;border-color:rgba(14,191,184,.24);background:rgba(230,251,249,.9)}.subtitle-overlay{background:linear-gradient(to top,rgba(255,255,255,.99),rgba(255,255,255,.86),transparent)}.subtitle-overlay p:first-child,.word-line strong{color:#183653}.subtitle-overlay p:last-child,.example p:nth-of-type(2){color:#079f9b}.dictionary-card{border-color:rgba(28,99,116,.14);background:rgba(255,255,255,.97);box-shadow:0 24px 60px rgba(32,104,118,.16)}.word-line span,.example span{color:rgba(24,54,83,.46)}.meaning,.example p:nth-of-type(1){color:rgba(24,54,83,.7)}.example{border-top-color:rgba(28,99,116,.1)}.features{background:#f7fbfc}.workflow{background:#eef9f8}.section-kicker p{color:rgba(24,54,83,.52)}.feature-card,.step-card,.cta-strip{border-color:rgba(28,99,116,.11);background:rgba(255,255,255,.84);box-shadow:0 16px 42px rgba(42,111,124,.07)}.feature-card:hover,.step-card:hover{background:#fff}.background-number{color:rgba(21,117,127,.055)}.subtitle-sample{border-top-color:rgba(28,99,116,.1)}.subtitle-sample p:first-child{color:rgba(24,54,83,.72)}.subtitle-sample p:last-child{color:#078f8c}.grid-overlay{opacity:.38;background-image:url("./assets/mint-bubbles-bg.webp");background-size:cover;background-position:center}.steps-grid{border-color:rgba(28,99,116,.1);background:rgba(28,99,116,.08)}.step-card{background:rgba(255,255,255,.9)}.site-footer{background:#f7fbfc;border-top-color:rgba(28,99,116,.1)}.footer-bottom{border-top-color:rgba(28,99,116,.09)}.footer-bottom p,.footer-bottom span{color:rgba(24,54,83,.46)}.legal-page{background:#f4fbfa url("./assets/mint-bubbles-bg.webp")center top / cover fixed no-repeat}.legal-kicker,.legal-link{color:#078f8c}.legal-hero h1,.legal-section h2,.legal-section h3{color:#183653}.legal-hero p,.legal-meta,.legal-intro p,.legal-section p,.legal-section li,.legal-note{color:rgba(24,54,83,.7)}.legal-toc,.legal-content{border-color:rgba(28,99,116,.12);background:rgba(255,255,255,.88);box-shadow:0 22px 60px rgba(35,110,126,.1)}.legal-toc strong{color:#183653}.legal-toc a{color:rgba(24,54,83,.62)}.legal-toc a:hover,.legal-toc a:focus-visible{color:#078f8c;background:rgba(14,191,184,.08)}.legal-intro,.legal-note{border-color:rgba(14,191,184,.15);background:rgba(228,249,247,.72)}.legal-section,.legal-actions{border-top-color:rgba(28,99,116,.1)}.secondary-button{color:#126b70;background:rgba(255,255,255,.92);border-color:rgba(28,99,116,.16)}.secondary-button:hover,.secondary-button:focus-visible{color:#075e61;background:#eefafa}.install-backdrop{background:rgba(21,57,70,.3)}.install-panel{border-color:rgba(28,99,116,.14);background:rgba(255,255,255,.98);box-shadow:0 28px 90px rgba(25,80,94,.22)}.install-close{color:rgba(24,54,83,.68);background:#eff8f8;border-color:rgba(28,99,116,.12)}.install-close:hover,.install-close:focus-visible{color:#183653;background:#e4f5f4}.install-panel h2{color:#183653}.install-panel>p,.install-note{color:rgba(24,54,83,.64)!important}@media(max-width:860px){.hero-grid{transform:none}.hero-visual{transform:none}.hero h1{font-size:56px}.mobile-nav{border-color:rgba(28,99,116,.12);background:rgba(250,254,254,.98);box-shadow:0 24px 60px rgba(35,110,126,.15)}.mobile-nav a,.mobile-nav button{color:rgba(24,54,83,.76)}.mobile-nav a:hover,.mobile-nav button:hover{color:#078f8c;background:rgba(14,191,184,.08)}}@media(max-width:620px){.hero h1{font-size:41px}body,.legal-page{background:#f7fcfc url("./assets/mint-bubbles-bg.webp")center top / auto 760px no-repeat}.site-header,.site-header.is-scrolled,.site-header.menu-active{background:rgba(249,253,253,.94);border-bottom-color:rgba(28,99,116,.1)}.menu-toggle,.mobile-nav{background:rgba(255,255,255,.95);border-color:rgba(28,99,116,.14)}.eyebrow{color:rgba(19,93,105,.76);background:rgba(235,252,250,.92);border-color:rgba(14,191,184,.2)}.hero-subtitle,.browser-row span,.hero-actions>span,.section-kicker p,.feature-card p,.step-card p,.cta-strip span,.section-intro{color:rgba(24,54,83,.66)}.browser-window,.browser-topbar,.lecture-slide,.video-area{background:rgba(255,255,255,.95);border-color:rgba(28,99,116,.12)}.address-bar{color:rgba(24,54,83,.5);background:#edf6f7;border-color:rgba(28,99,116,.08)}.slide-lines span,.slide-grid span::after{background:rgba(28,99,116,.1)}.slide-lines span:first-child{background:rgba(28,99,116,.17)}.slide-grid span{background:rgba(231,247,246,.56);border-color:rgba(28,99,116,.09)}.subtitle-overlay{background:linear-gradient(to top,rgba(255,255,255,.99),rgba(255,255,255,.82),transparent)}.features,.workflow,.site-footer{background:#f3faf9}.feature-card,.feature-card-large,.step-card,.cta-strip{border-color:rgba(28,99,116,.11);background:rgba(255,255,255,.9);box-shadow:0 16px 42px rgba(42,111,124,.08)}.feature-card h3,.step-card h3,.cta-strip p{color:#183653}.subtitle-sample{border-top-color:rgba(28,99,116,.1)}.background-number{color:rgba(21,117,127,.055)}.site-footer{padding:48px 0;border-top-color:rgba(28,99,116,.1)}.legal-toc,.legal-content{background:rgba(255,255,255,.92);border-color:rgba(28,99,116,.12)}.legal-toc a{background:rgba(14,191,184,.05);border-color:rgba(14,191,184,.1)}.install-panel{background:rgba(255,255,255,.98)}}.light-flow-steps{position:relative;overflow:hidden;gap:0;border:1px solid rgba(125,211,252,0.36);border-radius:28px;background:linear-gradient(110deg,rgba(255,255,255,0.72),rgba(240,249,255,0.58)),rgba(255,255,255,0.62);box-shadow:0 28px 86px rgba(14,116,144,0.16),0 0 0 1px rgba(255,255,255,0.84)inset,0 0 48px rgba(34,211,238,0.12);backdrop-filter:blur(22px)}.light-flow-steps::before,.light-flow-steps::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3}.light-flow-steps::before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.95)12%,rgba(34,211,238,0.34)18%,transparent 28%),linear-gradient(90deg,transparent 0%,rgba(167,139,250,0.24)46%,rgba(255,255,255,0.68)52%,transparent 62%);width:45%;transform:translateX(-120%)skewX(-18deg);mix-blend-mode:screen;opacity:0.72;animation:workflow-light-sweep 5.8s cubic-bezier(.4,0,.2,1)infinite}.light-flow-steps::after{border-radius:inherit;padding:1px;background:linear-gradient(115deg,rgba(34,211,238,0.96),rgba(255,255,255,0.92),rgba(167,139,250,0.82),rgba(56,189,248,0.96));-webkit-mask:linear-gradient(#000 0 0)content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.78;filter:drop-shadow(0 0 14px rgba(34,211,238,0.34));animation:workflow-border-glow 4.5s ease-in-out infinite alternate}.light-flow-steps .step-card{position:relative;overflow:hidden;min-height:278px;padding:38px 34px;border:0;border-right:1px solid rgba(14,165,233,0.18);background:radial-gradient(circle at 82% 20%,rgba(255,255,255,0.92),transparent 24%),radial-gradient(circle at 18% 8%,rgba(34,211,238,0.12),transparent 30%),linear-gradient(145deg,rgba(255,255,255,0.92),rgba(240,249,255,0.70)54%,rgba(238,242,255,0.68));box-shadow:0 1px 0 rgba(255,255,255,0.8)inset,-18px 0 44px rgba(125,211,252,0.08)inset,18px 0 44px rgba(167,139,250,0.06)inset;transform:translateZ(0);transition:transform 260ms ease,box-shadow 260ms ease,background 260ms ease}.light-flow-steps .step-card:last-child{border-right:0}.light-flow-steps .step-card::before,.light-flow-steps .step-card::after{content:"";position:absolute;pointer-events:none}.light-flow-steps .step-card::before{inset:-42% -30% auto -30%;height:78%;background:linear-gradient(110deg,transparent 8%,rgba(255,255,255,0.0)18%,rgba(255,255,255,0.76)37%,rgba(34,211,238,0.16)48%,transparent 70%),radial-gradient(circle at 50% 50%,rgba(255,255,255,0.88),transparent 42%);filter:blur(10px);opacity:0.54;transform:rotate(-7deg)translateX(-22%);animation:card-soft-wave 7.5s ease-in-out infinite alternate}.light-flow-steps .step-card::after{left:7%;right:7%;bottom:14px;height:82px;border-radius:999px;background:linear-gradient(92deg,transparent 0%,rgba(34,211,238,0.18)17%,rgba(255,255,255,0.72)36%,rgba(167,139,250,0.17)62%,transparent 100%);filter:blur(13px);opacity:0.58;animation:card-bottom-flow 6.2s ease-in-out infinite}.light-flow-steps .step-card:nth-child(2)::before,.light-flow-steps .step-card:nth-child(2)::after{animation-delay:-1.1s}.light-flow-steps .step-card:nth-child(3)::before,.light-flow-steps .step-card:nth-child(3)::after{animation-delay:-2.2s}.light-flow-steps .step-card:nth-child(4)::before,.light-flow-steps .step-card:nth-child(4)::after{animation-delay:-3.3s}.light-flow-steps .step-card:hover{z-index:2;transform:translateY(-6px);background:radial-gradient(circle at 82% 20%,rgba(255,255,255,1),transparent 26%),radial-gradient(circle at 22% 10%,rgba(34,211,238,0.17),transparent 34%),linear-gradient(145deg,rgba(255,255,255,0.98),rgba(238,249,255,0.86)56%,rgba(243,232,255,0.78));box-shadow:0 28px 62px rgba(14,116,144,0.16),0 0 0 1px rgba(255,255,255,0.92)inset,0 0 32px rgba(34,211,238,0.16)}.light-flow-steps .step-line{height:2px;left:24px;right:24px;top:0;border-radius:999px;opacity:0.98;filter:drop-shadow(0 0 10px currentColor);transform-origin:left center;animation:step-line-flow 4.2s ease-in-out infinite}.light-flow-steps .step-card:nth-child(2).step-line{animation-delay:-0.9s}.light-flow-steps .step-card:nth-child(3).step-line{animation-delay:-1.8s}.light-flow-steps .step-card:nth-child(4).step-line{animation-delay:-2.7s}.light-flow-steps .step-head{position:relative;z-index:1;align-items:flex-start;margin-bottom:30px}.light-flow-steps .step-head>span{font-size:clamp(48px,4.9vw,76px);font-weight:900;letter-spacing:-0.07em;color:transparent !important;-webkit-background-clip:text;background-clip:text;text-shadow:0 16px 34px rgba(14,165,233,0.14)}.light-flow-steps .step-card:nth-child(1).step-head>span{background-image:linear-gradient(180deg,#33d9ee 0%,#0ea5e9 100%)}.light-flow-steps .step-card:nth-child(2).step-head>span{background-image:linear-gradient(180deg,#8fb5ff 0%,#6366f1 100%)}.light-flow-steps .step-card:nth-child(3).step-head>span{background-image:linear-gradient(180deg,#d8b4fe 0%,#a855f7 100%)}.light-flow-steps .step-card:nth-child(4).step-head>span{background-image:linear-gradient(180deg,#67e8f9 0%,#0284c7 100%)}.light-flow-steps .step-icon{position:relative;width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,0.62)!important;box-shadow:0 16px 34px rgba(14,116,144,0.12),0 0 0 1px rgba(255,255,255,0.78)inset;backdrop-filter:blur(12px);animation:icon-float 4.8s ease-in-out infinite}.light-flow-steps .step-card:nth-child(2).step-icon{animation-delay:-0.7s}.light-flow-steps .step-card:nth-child(3).step-icon{animation-delay:-1.4s}.light-flow-steps .step-card:nth-child(4).step-icon{animation-delay:-2.1s}.light-flow-steps .step-icon::before{content:"";position:absolute;inset:-9px;border-radius:inherit;background:currentColor;filter:blur(18px);opacity:0.20;z-index:-1}.light-flow-steps .step-icon::after{content:"";position:absolute;inset:6px 8px auto;height:11px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.92),transparent);opacity:0.82}.light-flow-steps .step-icon svg{width:22px;height:22px;filter:drop-shadow(0 0 10px currentColor)}.light-flow-steps .step-card h3,.light-flow-steps .step-card p{position:relative;z-index:1}.light-flow-steps .step-card h3{display:inline-flex;flex-direction:column;gap:16px;margin-bottom:17px;color:#0b2441;font-size:clamp(22px,1.72vw,29px);font-weight:900;letter-spacing:-0.02em;text-shadow:0 8px 20px rgba(15,36,64,0.06)}.light-flow-steps .step-card h3::after{content:"";width:44px;height:4px;border-radius:999px;background:currentColor;box-shadow:0 0 16px currentColor;opacity:0.55}.light-flow-steps .step-card:nth-child(1)h3::after,.light-flow-steps .step-card:nth-child(4)h3::after{color:#06b6d4}.light-flow-steps .step-card:nth-child(2)h3::after{color:#6366f1}.light-flow-steps .step-card:nth-child(3)h3::after{color:#a855f7}.light-flow-steps .step-card p{max-width:270px;color:rgba(15,36,64,0.72);font-size:15px;line-height:1.82;letter-spacing:0.01em}@keyframes workflow-light-sweep{0%,16%{transform:translateX(-120%)skewX(-18deg);opacity:0}26%{opacity:0.78}58%,100%{transform:translateX(275%)skewX(-18deg);opacity:0}}@keyframes workflow-border-glow{from{opacity:0.48;filter:drop-shadow(0 0 8px rgba(34,211,238,0.25))}to{opacity:0.96;filter:drop-shadow(0 0 20px rgba(167,139,250,0.34))}}@keyframes workflow-ribbon-drift{from{transform:translateX(-2%)rotate(-3deg)}to{transform:translateX(2%)rotate(-1deg)}}@keyframes workflow-glow-breathe{0%,100%{opacity:0.48;transform:scaleX(0.96)}50%{opacity:0.9;transform:scaleX(1.03)}}@keyframes card-soft-wave{from{transform:rotate(-7deg)translateX(-26%)}to{transform:rotate(-7deg)translateX(18%)}}@keyframes card-bottom-flow{0%,100%{transform:translateX(-7%)scaleX(0.92);opacity:0.42}50%{transform:translateX(7%)scaleX(1.08);opacity:0.78}}@keyframes step-line-flow{0%,100%{transform:scaleX(0.28);opacity:0.58}50%{transform:scaleX(1);opacity:1}}@keyframes icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:1180px){.light-flow-steps .step-card{min-height:250px;padding:32px 26px}.light-flow-steps .step-card p{max-width:none}}@media(max-width:980px){.light-flow-steps{gap:1px}.light-flow-steps .step-card{border-right:0;border-bottom:1px solid rgba(14,165,233,0.18)}.light-flow-steps .step-card:nth-last-child(-n+2){border-bottom:0}}@media(max-width:640px){.light-flow-steps{border-radius:24px}.light-flow-steps .step-card{min-height:220px;padding:28px 24px;border-bottom:1px solid rgba(14,165,233,0.18)!important}.light-flow-steps .step-card:last-child{border-bottom:0 !important}.light-flow-steps .step-head>span{font-size:54px}.light-flow-steps .step-icon{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){.workflow::before,.workflow::after,.light-flow-steps::before,.light-flow-steps::after,.light-flow-steps .step-card::before,.light-flow-steps .step-card::after,.light-flow-steps .step-line,.light-flow-steps .step-icon{animation:none !important}}.light-flow-steps{--flow-cyan:#22d3ee;--flow-blue:#38bdf8;--flow-indigo:#6366f1;--flow-violet:#a855f7;--flow-pink:#ff6bd6;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(59,191,230,0.42);border-radius:28px;background:linear-gradient(115deg,rgba(255,255,255,0.88),rgba(238,249,255,0.74)46%,rgba(244,240,255,0.70)),rgba(255,255,255,0.76);box-shadow:0 32px 90px rgba(14,116,144,0.18),0 0 0 1px rgba(255,255,255,0.86)inset,0 0 34px rgba(34,211,238,0.18)}.light-flow-steps::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(90deg,var(--flow-cyan)0%,var(--flow-blue)18%,var(--flow-indigo)42%,var(--flow-violet)64%,var(--flow-pink)82%,var(--flow-cyan)100%);background-size:280% 100%;opacity:0.95;filter:drop-shadow(0 0 5px rgba(34,211,238,0.32))drop-shadow(0 0 10px rgba(168,85,247,0.18));-webkit-mask:linear-gradient(#000 0 0)content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:final-border-flow 4.8s linear infinite}.light-flow-steps .flow-top-line{position:absolute;z-index:10;top:0;left:28px;right:28px;height:3px;pointer-events:none;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,1),rgba(255,255,255,0.38)42%,rgba(255,255,255,0.04)),linear-gradient(90deg,var(--flow-cyan),var(--flow-blue),var(--flow-indigo),var(--flow-violet),var(--flow-pink),var(--flow-cyan));background-size:100% 100%,260% 100%;background-position:0 0,0% 50%;background-blend-mode:screen,normal;box-shadow:0 0 6px rgba(34,211,238,0.62),0 0 14px rgba(99,102,241,0.34),0 0 18px rgba(255,107,214,0.22),inset 0 1px 0 rgba(255,255,255,0.96),inset 0 -1px 0 rgba(34,211,238,0.40);animation:final-top-flow 3.2s linear infinite}.light-flow-steps .flow-top-line::before{content:"";position:absolute;top:-3px;bottom:-3px;left:-26%;width:22%;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.95),rgba(207,250,254,1),rgba(255,255,255,0.75),transparent);filter:blur(0.5px);animation:final-top-spark 2.55s ease-in-out infinite}.light-flow-steps .step-line{display:none !important}.light-flow-steps .step-card{position:relative;overflow:hidden;z-index:1;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,0.98),transparent 25%),radial-gradient(circle at 18% 4%,rgba(34,211,238,0.16),transparent 32%),linear-gradient(145deg,rgba(255,255,255,0.94),rgba(238,249,255,0.74)55%,rgba(245,243,255,0.72))}.light-flow-steps .step-card>*{position:relative;z-index:3}.light-flow-steps .step-card::before{content:"";position:absolute;z-index:2;top:-42%;bottom:-42%;left:-72%;width:54%;pointer-events:none;border-radius:999px;background:linear-gradient(108deg,transparent 0%,rgba(255,255,255,0)21%,rgba(255,255,255,0.28)35%,rgba(255,255,255,0.92)48%,rgba(204,251,241,0.78)53%,rgba(125,211,252,0.24)60%,rgba(255,255,255,0)76%,transparent 100%);filter:blur(1.2px);opacity:0;transform:skewX(-20deg)translateX(0);animation:final-card-sweep 5.8s cubic-bezier(.4,0,.2,1)infinite}.light-flow-steps .step-card:nth-child(2)::before{animation-delay:-1.0}.light-flow-steps .step-card:nth-child(3)::before{animation-delay:-2.0}.light-flow-steps .step-card:nth-child(4)::before{animation-delay:-3.0}.light-flow-steps .step-card::after{content:"";position:absolute;z-index:1;inset:-8% -14%;pointer-events:none;background:radial-gradient(ellipse at 24% 24%,rgba(34,211,238,0.20),transparent 36%),radial-gradient(ellipse at 82% 20%,rgba(168,85,247,0.13),transparent 34%),linear-gradient(118deg,transparent 28%,rgba(255,255,255,0.42)41%,rgba(34,211,238,0.12)47%,transparent 62%),linear-gradient(304deg,transparent 38%,rgba(255,255,255,0.24)48%,rgba(255,107,214,0.08)55%,transparent 70%);filter:blur(10px);opacity:0.82;transform:translate3d(-2%,0,0);animation:final-soft-wave 7.2s ease-in-out infinite alternate}.light-flow-steps .step-card:nth-child(2)::after{animation-delay:-1.2s}.light-flow-steps .step-card:nth-child(3)::after{animation-delay:-2.4s}.light-flow-steps .step-card:nth-child(4)::after{animation-delay:-3.6s}.light-flow-steps .step-card:hover::before{animation-duration:3.8s}@keyframes final-border-flow{from{background-position:0% 50%}to{background-position:280% 50%}}@keyframes final-top-flow{from{background-position:0 0,0% 50%}to{background-position:0 0,260% 50%}}@keyframes final-top-spark{0%{transform:translateX(0);opacity:0}18%{opacity:1}58%{opacity:0.95}100%{transform:translateX(610%);opacity:0}}@keyframes final-card-sweep{0%,10%{transform:skewX(-20deg)translateX(0);opacity:0}20%{opacity:0.66}48%{opacity:0.46}74%,100%{transform:skewX(-20deg)translateX(520%);opacity:0}}@keyframes final-soft-wave{0%{transform:translate3d(-4%,-1%,0)scale(1);opacity:0.62}50%{transform:translate3d(2%,1%,0)scale(1.04);opacity:0.92}100%{transform:translate3d(5%,-1%,0)scale(1.02);opacity:0.74}}@media(max-width:640px){.light-flow-steps .flow-top-line{left:18px;right:18px;height:2px}.light-flow-steps .step-card::before,.light-flow-steps .step-card::after{animation:none !important}}@media(prefers-reduced-motion:reduce){.light-flow-steps::after,.light-flow-steps .flow-top-line,.light-flow-steps .flow-top-line::before,.light-flow-steps .step-card::before,.light-flow-steps .step-card::after{animation:none !important}}.light-flow-steps{--line-cyan:#26dcff;--line-blue:#4ca6ff;--line-violet:#8a6cff;--line-pink:#ff5fd2;--line-pink-strong:#ff49cf}.light-flow-steps::after{background:linear-gradient(90deg,rgba(38,220,255,0.95)0%,rgba(76,166,255,0.92)22%,rgba(138,108,255,0.92)52%,rgba(255,95,210,0.96)82%,rgba(76,166,255,0.92)100%);background-size:260% 100%;opacity:0.9;filter:drop-shadow(0 0 5px rgba(38,220,255,0.22))drop-shadow(0 0 8px rgba(255,95,210,0.14));animation:v3-border-flow 4.6s linear infinite}.light-flow-steps .flow-top-line{height:3px;left:22px;right:22px;background:linear-gradient(180deg,rgba(255,255,255,0.98)0%,rgba(255,255,255,0.38)44%,rgba(255,255,255,0.04)100%),linear-gradient(90deg,var(--line-cyan)0%,#4cc4ff 16%,var(--line-blue)34%,var(--line-violet)58%,var(--line-pink)80%,var(--line-pink-strong)90%,var(--line-cyan)100%);background-size:100% 100%,260% 100%;background-position:0 0,0% 50%;box-shadow:0 0 4px rgba(38,220,255,0.65),0 0 10px rgba(76,166,255,0.30),0 0 14px rgba(255,95,210,0.34),0 0 22px rgba(255,95,210,0.18),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(255,255,255,0.12);animation:v4-topline-flow 7.2s linear infinite}.light-flow-steps .flow-top-line::after{content:"";position:absolute;left:-8px;right:-8px;top:-5px;bottom:-5px;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,rgba(38,220,255,0.24)0%,rgba(76,166,255,0.20)24%,rgba(138,108,255,0.22)56%,rgba(255,95,210,0.30)82%,rgba(255,95,210,0.10)100%);filter:blur(6px);opacity:0.95;animation:v4-topline-glow 7.2s linear infinite}.light-flow-steps .flow-top-line::before{top:-2px;bottom:-2px;left:-22%;width:18%;background:linear-gradient(90deg,rgba(255,255,255,0)0%,rgba(255,255,255,0.58)18%,rgba(255,255,255,1)34%,rgba(255,236,250,1)50%,rgba(255,172,233,0.95)62%,rgba(255,255,255,0.40)76%,rgba(255,255,255,0)100%);box-shadow:0 0 10px rgba(255,255,255,0.55),0 0 18px rgba(255,95,210,0.38),0 0 26px rgba(255,95,210,0.18);filter:blur(0.6px);animation:v4-top-spark 6.4s ease-in-out infinite}.light-flow-steps .step-card::before{opacity:0;filter:blur(0.8px);background:linear-gradient(108deg,transparent 0%,rgba(255,255,255,0)18%,rgba(255,255,255,0.30)33%,rgba(255,255,255,0.95)48%,rgba(214,248,255,0.82)52%,rgba(255,183,234,0.22)58%,rgba(255,255,255,0)74%,transparent 100%);animation:v3-card-sweep 5.2s cubic-bezier(.4,0,.2,1)infinite}.light-flow-steps .step-card:nth-child(2)::before{animation-delay:-0.95s}.light-flow-steps .step-card:nth-child(3)::before{animation-delay:-1.9s}.light-flow-steps .step-card:nth-child(4)::before{animation-delay:-2.85s}@keyframes v3-border-flow{from{background-position:0% 50%}to{background-position:260% 50%}}@keyframes v3-topline-flow{from{background-position:0 0,0% 50%}to{background-position:0 0,260% 50%}}@keyframes v3-topline-glow{from{opacity:0.88;transform:translateX(0)}50%{opacity:1;transform:translateX(1.5%)}to{opacity:0.9;transform:translateX(3%)}}@keyframes v3-top-spark{0%{transform:translateX(0);opacity:0}16%{opacity:0.9}48%{opacity:1}100%{transform:translateX(640%);opacity:0}}@keyframes v3-card-sweep{0%,10%{transform:skewX(-20deg)translateX(0);opacity:0}18%{opacity:0.72}42%{opacity:0.58}72%,100%{transform:skewX(-20deg)translateX(520%);opacity:0}}@media(max-width:640px){.light-flow-steps .flow-top-line{left:16px;right:16px;height:2px}.light-flow-steps .flow-top-line::after{top:-4px;bottom:-4px}}@media(prefers-reduced-motion:reduce){.light-flow-steps::after,.light-flow-steps .flow-top-line,.light-flow-steps .flow-top-line::before,.light-flow-steps .flow-top-line::after,.light-flow-steps .step-card::before{animation:none !important}}@keyframes v4-topline-flow{from{background-position:0 0,0% 50%}to{background-position:0 0,260% 50%}}@keyframes v4-topline-glow{from{opacity:0.88;transform:translateX(0)}50%{opacity:1;transform:translateX(1%)}to{opacity:0.9;transform:translateX(2%)}}@keyframes v4-top-spark{0%{transform:translateX(0);opacity:0}18%{opacity:0.88}52%{opacity:1}100%{transform:translateX(640%);opacity:0}}.features{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 18%,rgba(171,219,255,0.38),transparent 36%),radial-gradient(circle at 18% 86%,rgba(194,246,255,0.30),transparent 42%),linear-gradient(180deg,#f7fcff 0%,#f4fbfd 48%,#eef8f8 100%)}.features::before,.features::after{content:"";position:absolute;pointer-events:none;z-index:0}.features::before{top:54px;right:-7%;width:68%;height:280px;border-radius:999px;background:linear-gradient(170deg,transparent 18%,rgba(255,255,255,0.88)42%,rgba(160,220,255,0.20)50%,transparent 68%),linear-gradient(164deg,transparent 26%,rgba(255,255,255,0.54)49%,transparent 66%);filter:blur(10px);opacity:0.88;transform:rotate(-4deg);animation:features-bg-wave 10s ease-in-out infinite alternate}.features::after{inset:0;background:radial-gradient(circle at 61% 52%,rgba(255,255,255,0.58),transparent 18%),radial-gradient(circle at 90% 46%,rgba(88,176,255,0.12),transparent 24%);opacity:0.72}.features .container{position:relative;z-index:1}.features .section-heading{margin-bottom:66px}.features .section-kicker span{width:18px;height:2px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,rgba(34,211,238,0.18))}.features .section-kicker p{color:rgba(24,54,83,0.54);letter-spacing:0.02em}.features .section-heading h2{color:#17375a;font-size:clamp(42px,4.4vw,64px);line-height:1.08;letter-spacing:-0.04em;text-shadow:0 1px 0 rgba(255,255,255,0.8)}.feature-grid{grid-template-columns:minmax(0,1.08fr)minmax(0,0.92fr);gap:28px;align-items:stretch}.feature-stack{gap:28px}.feature-card{--feature-accent-a:#22d3ee;--feature-accent-b:#60a5fa;position:relative;isolation:isolate;overflow:hidden;min-height:214px;padding:38px;border-radius:24px;border:1px solid rgba(125,189,222,0.34);background:radial-gradient(circle at 16% 10%,rgba(255,255,255,0.98),transparent 28%),radial-gradient(circle at 88% 20%,rgba(224,244,255,0.74),transparent 32%),linear-gradient(145deg,rgba(255,255,255,0.94),rgba(242,250,255,0.82)58%,rgba(239,247,255,0.72));box-shadow:0 32px 78px rgba(42,111,124,0.12),0 14px 32px rgba(36,98,128,0.06),inset 0 1px 0 rgba(255,255,255,0.98),inset 0 -1px 0 rgba(125,189,222,0.12);transition:transform 220ms ease,box-shadow 220ms ease,border-color 220ms ease}.feature-card-large{min-height:430px;padding:44px;border-radius:28px}.feature-stack .feature-card{flex:1 1 0}.feature-card:nth-child(1),.feature-card-large{--feature-accent-a:#22d3ee;--feature-accent-b:#38bdf8}.feature-stack .feature-card:nth-child(1){--feature-accent-a:#818cf8;--feature-accent-b:#60a5fa}.feature-stack .feature-card:nth-child(2){--feature-accent-a:#a78bfa;--feature-accent-b:#818cf8}.feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--feature-accent-a)40%,white);box-shadow:0 38px 86px rgba(42,111,124,0.16),0 18px 38px rgba(36,98,128,0.08),0 0 26px color-mix(in srgb,var(--feature-accent-a)18%,transparent),inset 0 1px 0 rgba(255,255,255,1)}.feature-card>*{position:relative;z-index:3}.feature-card::before{content:"";position:absolute;z-index:1;top:-48%;bottom:-48%;left:-70%;width:48%;pointer-events:none;border-radius:999px;background:linear-gradient(108deg,transparent 0%,rgba(255,255,255,0)20%,rgba(255,255,255,0.28)34%,rgba(255,255,255,0.92)48%,color-mix(in srgb,var(--feature-accent-a)24%,white)53%,rgba(255,255,255,0)74%,transparent 100%);filter:blur(1px);opacity:0;transform:skewX(-18deg)translateX(0);animation:feature-card-sweep 7.4s cubic-bezier(.4,0,.2,1)infinite}.feature-card::after{content:"";position:absolute;z-index:0;inset:-10% -14%;pointer-events:none;background:radial-gradient(ellipse at 14% 10%,color-mix(in srgb,var(--feature-accent-a)18%,transparent),transparent 32%),radial-gradient(ellipse at 82% 6%,color-mix(in srgb,var(--feature-accent-b)15%,transparent),transparent 30%),linear-gradient(122deg,transparent 26%,rgba(255,255,255,0.42)43%,color-mix(in srgb,var(--feature-accent-a)10%,transparent)51%,transparent 66%);filter:blur(12px);opacity:0.74;animation:feature-soft-wave 9.8s ease-in-out infinite alternate}.feature-stack .feature-card:nth-child(1)::before{animation-delay:-1.2s}.feature-stack .feature-card:nth-child(2)::before{animation-delay:-2.4s}.feature-stack .feature-card:nth-child(1)::after{animation-delay:-1.4s}.feature-stack .feature-card:nth-child(2)::after{animation-delay:-2.8s}.top-line{z-index:5;height:2px;left:0;right:0;border-radius:999px;background:linear-gradient(90deg,var(--feature-accent-a),var(--feature-accent-b),rgba(255,255,255,0.78),transparent 92%);box-shadow:0 0 8px color-mix(in srgb,var(--feature-accent-a)44%,transparent),0 0 18px color-mix(in srgb,var(--feature-accent-b)22%,transparent);opacity:0.96}.top-line::after{content:"";position:absolute;top:-4px;width:90px;height:10px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,0.96),color-mix(in srgb,var(--feature-accent-a)38%,transparent)36%,transparent 70%);filter:blur(4px);opacity:0.72;transform:translateX(68%);animation:feature-top-spark 6.8s ease-in-out infinite}.feature-stack .top-line::after{animation-delay:-2s}.feature-stack .feature-card:nth-child(2).top-line::after{animation-delay:-3.6s}.feature-content{gap:22px}.feature-content.compact{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:24px}.feature-icon{width:56px;height:56px;border-radius:17px;color:var(--feature-accent-a);background:linear-gradient(145deg,rgba(255,255,255,0.78),rgba(235,249,255,0.56)),color-mix(in srgb,var(--feature-accent-a)8%,white);border-color:color-mix(in srgb,var(--feature-accent-a)28%,white);box-shadow:0 14px 28px color-mix(in srgb,var(--feature-accent-a)12%,transparent),inset 0 1px 0 rgba(255,255,255,0.92)}.feature-icon svg{width:28px;height:28px;stroke-width:2.2}.feature-icon.cyan,.feature-icon.indigo,.feature-icon.violet{color:var(--feature-accent-a);background:linear-gradient(145deg,rgba(255,255,255,0.82),rgba(235,249,255,0.56)),color-mix(in srgb,var(--feature-accent-a)9%,white);border-color:color-mix(in srgb,var(--feature-accent-a)30%,white)}.feature-card h3{margin-bottom:14px;color:#14395f;font-size:28px;line-height:1.18;letter-spacing:-0.03em}.feature-content.compact h3{margin-top:8px;margin-bottom:12px;font-size:26px}.feature-card p{max-width:520px;color:rgba(24,54,83,0.68);font-size:16px;line-height:1.9}.feature-content.compact p{max-width:520px;font-size:16px}.background-number{z-index:1;right:28px;bottom:18px;color:rgba(76,140,210,0.075);font-size:118px;letter-spacing:-0.08em}.background-number.small{right:26px;bottom:18px;font-size:92px}.subtitle-sample{position:relative;z-index:3;margin-top:34px;padding:74px 32px 30px;min-height:162px;border:1px solid rgba(128,184,220,0.22);border-radius:18px;background:radial-gradient(circle at 86% 18%,rgba(204,245,255,0.70),transparent 24%),linear-gradient(145deg,rgba(255,255,255,0.82),rgba(241,250,255,0.62));box-shadow:inset 0 1px 0 rgba(255,255,255,0.95),0 18px 38px rgba(29,78,120,0.07);border-top-color:rgba(128,184,220,0.22)}.subtitle-sample::before{content:"“";position:absolute;left:28px;top:14px;color:rgba(125,211,252,0.28);font-family:Georgia,serif;font-size:78px;font-weight:900;line-height:1}.subtitle-sample::after{content:"";position:absolute;top:34px;right:34px;width:48px;height:28px;border-radius:999px;background:linear-gradient(90deg,transparent 0 3px,rgba(56,189,248,0.55)3px 6px,transparent 6px 9px),linear-gradient(90deg,rgba(56,189,248,0.10),rgba(34,211,238,0.38));background-size:9px 100%,100% 100%;mask-image:radial-gradient(ellipse at center,#000 66%,transparent 70%);opacity:0.8}.subtitle-sample p:first-child{color:rgba(24,54,83,0.72);font-size:16px;line-height:1.8}.subtitle-sample p:first-child::after{content:"";display:block;width:78%;height:1px;margin-top:20px;background:linear-gradient(90deg,rgba(28,99,116,0.14),transparent)}.subtitle-sample p:last-child{margin-top:18px;color:#089a9b;font-size:16px;font-weight:700}@keyframes feature-card-sweep{0%,12%{transform:skewX(-18deg)translateX(0);opacity:0}22%{opacity:0.60}46%{opacity:0.42}76%,100%{transform:skewX(-18deg)translateX(520%);opacity:0}}@keyframes feature-soft-wave{0%{transform:translate3d(-3%,-1%,0)scale(1);opacity:0.58}50%{transform:translate3d(2%,1%,0)scale(1.04);opacity:0.82}100%{transform:translate3d(4%,-1%,0)scale(1.02);opacity:0.70}}@keyframes feature-top-spark{0%,18%{left:8%;opacity:0}36%{opacity:0.86}66%{opacity:0.72}100%{left:72%;opacity:0}}@keyframes features-bg-wave{from{transform:translateX(-2%)rotate(-4deg);opacity:0.68}to{transform:translateX(2%)rotate(-5deg);opacity:0.92}}@media(max-width:900px){.feature-grid{grid-template-columns:1fr}.feature-card-large{min-height:auto}.feature-content.compact{grid-template-columns:56px 1fr}}@media(max-width:640px){.features .section-heading h2{font-size:38px}.feature-card,.feature-card-large{padding:28px;border-radius:22px}.feature-content.compact{display:flex;flex-direction:column;gap:18px}.subtitle-sample{padding:64px 24px 26px}.feature-card::before,.feature-card::after,.top-line::after,.features::before{animation:none !important}}@media(prefers-reduced-motion:reduce){.feature-card::before,.feature-card::after,.top-line::after,.features::before{animation:none !important}}@media(max-width:900px){.features{padding:84px 0 92px}.features .section-heading{margin-bottom:44px}.feature-grid{width:100%;max-width:760px;margin-inline:auto;grid-template-columns:1fr;gap:22px}.feature-stack{width:100%;max-width:none;display:grid;grid-template-columns:1fr;gap:22px}.feature-card,.feature-card-large{width:100%;min-width:0}.feature-card-large{min-height:auto}.feature-content.compact{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:22px}}@media(max-width:640px){.features{padding:68px 0 76px;overflow:hidden}.features .container{width:min(100% - 36px,var(--container))}.features .section-heading{margin-bottom:30px}.features .section-kicker{gap:8px}.features .section-heading h2{font-size:clamp(34px,10vw,42px);line-height:1.12;letter-spacing:-0.045em}.feature-grid,.feature-stack{width:100%;max-width:none;margin:0;gap:16px}.feature-card,.feature-card-large{width:100%;min-height:auto;padding:24px;border-radius:22px}.feature-card-large{padding:26px 24px 24px}.feature-content{gap:18px}.feature-content.compact{display:grid;grid-template-columns:50px minmax(0,1fr);gap:16px}.feature-icon{width:50px;height:50px;border-radius:16px}.feature-icon svg{width:24px;height:24px}.feature-card h3{margin-bottom:10px;font-size:23px;line-height:1.22}.feature-content.compact h3{margin-top:3px;margin-bottom:8px;font-size:22px}.feature-card p,.feature-content.compact p{max-width:none;font-size:14px;line-height:1.78}.subtitle-sample{margin-top:24px;min-height:auto;padding:58px 20px 22px;border-radius:18px}.subtitle-sample::before{left:20px;top:12px;font-size:62px}.subtitle-sample::after{top:28px;right:20px;width:40px;height:24px}.subtitle-sample p:first-child,.subtitle-sample p:last-child{font-size:14px;line-height:1.72}.subtitle-sample p:first-child::after{width:100%;margin-top:16px}.background-number{right:18px;bottom:12px;font-size:72px;opacity:0.78}.background-number.small{right:18px;bottom:12px;font-size:64px}.top-line{height:2px}.top-line::after{display:none}.feature-card::before,.feature-card::after,.features::before{animation:none !important}}@media(max-width:420px){.features .container{width:min(100% - 28px,var(--container))}.features .section-heading h2{font-size:clamp(30px,10.4vw,36px)}.feature-card,.feature-card-large{padding:21px;border-radius:20px}.feature-content.compact{grid-template-columns:46px minmax(0,1fr);gap:14px}.feature-icon{width:46px;height:46px;border-radius:14px}.feature-icon svg{width:22px;height:22px}.feature-card h3,.feature-content.compact h3{font-size:21px}.feature-card p,.feature-content.compact p{font-size:13.5px;line-height:1.72}.subtitle-sample{padding:54px 18px 20px}.background-number,.background-number.small{font-size:56px}}.top-line{overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,0.94),rgba(255,255,255,0.28)48%,rgba(255,255,255,0.02)),linear-gradient(90deg,var(--feature-accent-a)0%,color-mix(in srgb,var(--feature-accent-a)70%,white)14%,var(--feature-accent-b)38%,color-mix(in srgb,var(--feature-accent-b)60%,white)58%,rgba(255,255,255,0.78)76%,transparent 96%);background-size:100% 100%,220% 100%;background-position:0 0,0% 50%;box-shadow:0 0 6px color-mix(in srgb,var(--feature-accent-a)34%,transparent),0 0 14px color-mix(in srgb,var(--feature-accent-b)16%,transparent),inset 0 1px 0 rgba(255,255,255,0.94);animation:feature-line-drift 9.2s cubic-bezier(.42,0,.28,1)infinite alternate,feature-line-breathe 5.8s ease-in-out infinite}.top-line::before{content:"";position:absolute;top:-4px;bottom:-4px;left:-22%;width:28%;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0)0%,rgba(255,255,255,0.0)14%,color-mix(in srgb,var(--feature-accent-a)18%,white)30%,rgba(255,255,255,0.94)48%,color-mix(in srgb,var(--feature-accent-b)24%,white)62%,rgba(255,255,255,0.0)84%,rgba(255,255,255,0)100%);filter:blur(5px);opacity:0.62;animation:feature-line-aura 10.6s cubic-bezier(.45,0,.25,1)infinite}.top-line::after{width:78px;height:12px;top:-5px;background:radial-gradient(circle,rgba(255,255,255,0.98)0%,color-mix(in srgb,var(--feature-accent-a)30%,white)30%,color-mix(in srgb,var(--feature-accent-b)16%,transparent)52%,transparent 72%);filter:blur(3px);opacity:0.66;transform:translateX(0);animation:feature-line-spark 8.4s cubic-bezier(.44,0,.24,1)infinite}@keyframes feature-line-drift{0%{background-position:0 0,0% 50%}45%{background-position:0 0,78% 50%}100%{background-position:0 0,190% 50%}}@keyframes feature-line-breathe{0%,100%{opacity:0.92;box-shadow:0 0 5px color-mix(in srgb,var(--feature-accent-a)28%,transparent),0 0 12px color-mix(in srgb,var(--feature-accent-b)12%,transparent),inset 0 1px 0 rgba(255,255,255,0.92)}50%{opacity:1;box-shadow:0 0 7px color-mix(in srgb,var(--feature-accent-a)40%,transparent),0 0 18px color-mix(in srgb,var(--feature-accent-b)18%,transparent),inset 0 1px 0 rgba(255,255,255,0.98)}}@keyframes feature-line-aura{0%{transform:translateX(0)scaleX(0.92);opacity:0.30}18%{opacity:0.50}48%{opacity:0.66}100%{transform:translateX(420%)scaleX(1.06);opacity:0.18}}@keyframes feature-line-spark{0%,12%{left:6%;opacity:0;transform:scale(0.92)}26%{opacity:0.72;transform:scale(1)}58%{opacity:0.56;transform:scale(1.04)}100%{left:80%;opacity:0;transform:scale(0.96)}}@media(max-width:640px){.top-line{background-size:100% 100%,200% 100%;animation:feature-line-drift 10.4s cubic-bezier(.42,0,.28,1)infinite alternate,feature-line-breathe 6.4s ease-in-out infinite}.top-line::before{top:-3px;bottom:-3px;width:34%;filter:blur(4px);opacity:0.54;animation-duration:11.6s}.top-line::after{display:block;width:54px;height:8px;top:-3px;filter:blur(2.6px);opacity:0.54;animation-duration:9.6s}}@media(prefers-reduced-motion:reduce){.top-line,.top-line::before,.top-line::after{animation:none !important}}.feature-card,.feature-card-large{border-width:1.5px}.top-line{height:3px;background:linear-gradient(180deg,rgba(255,255,255,0.96),rgba(255,255,255,0.34)46%,rgba(255,255,255,0.02)),linear-gradient(90deg,#34e8ff 0%,#52c7ff 16%,#5a8cff 34%,#8b77ff 54%,#c473ff 72%,#ff7fd8 86%,#ffd9f3 94%,transparent 100%);background-size:100% 100%,240% 100%;background-position:0 0,0% 50%;box-shadow:0 0 8px rgba(52,232,255,0.34),0 0 16px rgba(90,140,255,0.18),0 0 18px rgba(196,115,255,0.14),0 0 18px rgba(255,127,216,0.12),inset 0 1px 0 rgba(255,255,255,0.96)}.top-line::before{width:34%;background:linear-gradient(90deg,rgba(255,255,255,0)0%,rgba(255,255,255,0.06)12%,rgba(161,245,255,0.36)24%,rgba(255,255,255,0.98)42%,rgba(216,227,255,0.92)55%,rgba(255,195,239,0.46)70%,rgba(255,255,255,0.02)88%,rgba(255,255,255,0)100%);filter:blur(5px);opacity:0.72}.top-line::after{width:96px;height:14px;top:-6px;background:radial-gradient(circle,rgba(255,255,255,1)0%,rgba(190,245,255,0.92)24%,rgba(129,193,255,0.56)42%,rgba(255,144,223,0.22)58%,transparent 74%);filter:blur(3.2px);opacity:0.74}@media(max-width:640px){.feature-card,.feature-card-large{border-width:1.2px}.top-line{height:2.5px;background-size:100% 100%,220% 100%}.top-line::before{width:38%;opacity:0.68}.top-line::after{width:66px;height:10px;top:-4px;opacity:0.62}}.top-line{height:3.5px;background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(255,255,255,0.28)44%,rgba(255,255,255,0.02)),linear-gradient(90deg,#ff4d4d 0%,#ff8a3d 14%,#ffd84d 28%,#7ee35a 44%,#33d6ff 60%,#4f7cff 76%,#8a5cff 90%,#ff4d4d 100%);background-size:100% 100%,260% 100%;background-position:0 0,0% 50%;box-shadow:0 0 8px rgba(255,77,77,0.16),0 0 10px rgba(255,138,61,0.18),0 0 12px rgba(255,216,77,0.20),0 0 14px rgba(126,227,90,0.18),0 0 16px rgba(51,214,255,0.20),0 0 18px rgba(79,124,255,0.16),0 0 18px rgba(138,92,255,0.14),inset 0 1px 0 rgba(255,255,255,0.96)}.top-line::before{width:36%;background:linear-gradient(90deg,rgba(255,255,255,0)0%,rgba(255,255,255,0.12)12%,rgba(255,255,255,0.72)30%,rgba(255,255,255,1)48%,rgba(255,255,255,0.76)64%,rgba(255,255,255,0.18)84%,rgba(255,255,255,0)100%);filter:blur(5px);opacity:0.74}.top-line::after{width:104px;height:15px;top:-6px;background:radial-gradient(circle,rgba(255,255,255,1)0%,rgba(255,255,255,0.95)20%,rgba(51,214,255,0.48)40%,rgba(255,216,77,0.26)54%,rgba(138,92,255,0.18)66%,transparent 78%);filter:blur(3px);opacity:0.78}@media(max-width:640px){.top-line{height:2.8px;background-size:100% 100%,240% 100%}.top-line::before{width:40%}.top-line::after{width:72px;height:11px;top:-4px}}.top-line{height:4px;background-image:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(255,255,255,0.30)44%,rgba(255,255,255,0.02)100%),linear-gradient(90deg,#ff5a5f 0%,#ff8c42 14%,#ffd447 28%,#6fe05d 44%,#39d7ff 60%,#4f87ff 76%,#8f67ff 90%,#ff5a5f 100%);background-size:100% 100%,320% 100%;background-position:0 0,0% 50%;filter:saturate(1.18);box-shadow:0 0 6px rgba(255,90,95,0.16),0 0 8px rgba(255,140,66,0.18),0 0 10px rgba(255,212,71,0.20),0 0 12px rgba(111,224,93,0.16),0 0 14px rgba(57,215,255,0.22),0 0 16px rgba(79,135,255,0.18),0 0 18px rgba(143,103,255,0.16),inset 0 1px 0 rgba(255,255,255,0.96)}.top-line::before{width:42%;background:linear-gradient(90deg,rgba(255,255,255,0)0%,rgba(255,255,255,0.10)12%,rgba(255,255,255,0.72)30%,rgba(255,255,255,1)50%,rgba(255,255,255,0.72)68%,rgba(255,255,255,0.10)86%,rgba(255,255,255,0)100%);opacity:0.82;filter:blur(4px)}.top-line::after{display:block;width:110px;height:16px;top:-6px;background:radial-gradient(circle,rgba(255,255,255,1)0%,rgba(255,255,255,0.94)18%,rgba(57,215,255,0.42)38%,rgba(255,212,71,0.28)52%,rgba(143,103,255,0.20)64%,transparent 78%);opacity:0.82;filter:blur(3px)}.feature-card,.feature-card-large{border-width:1.6px}@media(max-width:640px){.top-line{height:3px;background-size:100% 100%,280% 100%}.top-line::before{width:48%}.top-line::after{display:block;width:76px;height:12px;top:-4px}}.feature-card,.feature-card-large{border-width:1.8px;border-color:rgba(130,188,230,0.42)}.top-line{height:5px;left:0;right:0;opacity:1;overflow:visible;background-image:linear-gradient(90deg,#ff3b5c 0%,#ff8a1c 14%,#ffd43b 29%,#5be36a 45%,#22d3ee 61%,#4c7dff 77%,#8b5cf6 91%,#ff3b5c 100%)!important;background-size:240% 100% !important;background-position:0% 50% !important;filter:saturate(1.34)brightness(1.08);box-shadow:0 0 6px rgba(255,59,92,0.22),0 0 8px rgba(255,138,28,0.20),0 0 9px rgba(255,212,59,0.20),0 0 10px rgba(91,227,106,0.18),0 0 12px rgba(34,211,238,0.24),0 0 14px rgba(76,125,255,0.18),0 0 16px rgba(139,92,246,0.16),inset 0 1px 0 rgba(255,255,255,0.92),inset 0 -1px 0 rgba(255,255,255,0.20)!important;animation:v7-real-rainbow-drift 12s cubic-bezier(.42,0,.28,1)infinite alternate,v7-real-rainbow-breathe 5.8s ease-in-out infinite !important}.top-line::before{content:"";position:absolute;top:-7px;bottom:-7px;left:-26%;width:42%;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0)0%,rgba(255,255,255,0.12)16%,rgba(255,255,255,0.90)42%,rgba(255,255,255,1)50%,rgba(255,255,255,0.76)62%,rgba(255,255,255,0.10)84%,rgba(255,255,255,0)100%)!important;filter:blur(5px);opacity:0.70;animation:v7-real-rainbow-sheen 10.5s cubic-bezier(.44,0,.24,1)infinite !important}.top-line::after{content:"";display:block !important;position:absolute;top:-9px;left:8%;width:126px;height:20px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,1)0%,rgba(255,255,255,0.96)20%,rgba(255,212,59,0.34)36%,rgba(34,211,238,0.32)50%,rgba(139,92,246,0.22)62%,transparent 78%)!important;filter:blur(4px);opacity:0.82;animation:v7-real-rainbow-spark 9.2s cubic-bezier(.44,0,.24,1)infinite !important}@keyframes v7-real-rainbow-drift{0%{background-position:0% 50%}50%{background-position:120% 50%}100%{background-position:240% 50%}}@keyframes v7-real-rainbow-breathe{0%,100%{opacity:0.92;filter:saturate(1.22)brightness(1.02)}50%{opacity:1;filter:saturate(1.42)brightness(1.12)}}@keyframes v7-real-rainbow-sheen{0%{transform:translateX(0)scaleX(0.9);opacity:0}18%{opacity:0.66}52%{opacity:0.78}100%{transform:translateX(430%)scaleX(1.04);opacity:0}}@keyframes v7-real-rainbow-spark{0%,12%{left:6%;opacity:0;transform:scale(0.92)}28%{opacity:0.84;transform:scale(1)}62%{opacity:0.68;transform:scale(1.04)}100%{left:78%;opacity:0;transform:scale(0.96)}}@media(max-width:640px){.feature-card,.feature-card-large{border-width:1.4px}.top-line{height:4px;background-size:220% 100% !important;animation-duration:13s,6.2s !important}.top-line::before{top:-6px;bottom:-6px;width:50%;filter:blur(4px)}.top-line::after{display:block !important;width:86px;height:14px;top:-6px;filter:blur(3px)}}@media(prefers-reduced-motion:reduce){.top-line,.top-line::before,.top-line::after{animation:none !important}}.top-line{height:5px;left:0;right:0;opacity:1;overflow:visible;background-image:linear-gradient(90deg,#ff4b5c 0%,#ff8a1c 7%,#ffd43b 14%,#5ee36a 22%,#22d3ee 30%,#4c7dff 38%,#8b5cf6 46%,#ff4b5c 50%,#ff8a1c 57%,#ffd43b 64%,#5ee36a 72%,#22d3ee 80%,#4c7dff 88%,#8b5cf6 96%,#ff4b5c 100%)!important;background-size:200% 100% !important;background-position:0% 50%;filter:saturate(1.28)brightness(1.06);box-shadow:0 0 7px rgba(255,75,92,0.18),0 0 8px rgba(255,138,28,0.18),0 0 9px rgba(255,212,59,0.20),0 0 10px rgba(94,227,106,0.18),0 0 12px rgba(34,211,238,0.24),0 0 14px rgba(76,125,255,0.19),0 0 16px rgba(139,92,246,0.16),inset 0 1px 0 rgba(255,255,255,0.95),inset 0 -1px 0 rgba(255,255,255,0.22)!important;animation:v8-full-rainbow-drift 16s linear infinite,v8-full-rainbow-breathe 6.2s ease-in-out infinite !important}.top-line::before{content:"";position:absolute;top:-7px;bottom:-7px;left:-28%;width:46%;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0)0%,rgba(255,255,255,0.10)14%,rgba(255,255,255,0.82)40%,rgba(255,255,255,1)50%,rgba(255,255,255,0.72)63%,rgba(255,255,255,0.10)84%,rgba(255,255,255,0)100%)!important;filter:blur(5px);opacity:0.70;animation:v8-full-rainbow-sheen 11.2s cubic-bezier(.44,0,.24,1)infinite !important}.top-line::after{content:"";display:block !important;position:absolute;top:-9px;left:8%;width:126px;height:20px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,1)0%,rgba(255,255,255,0.96)20%,rgba(255,212,59,0.30)34%,rgba(34,211,238,0.34)48%,rgba(76,125,255,0.24)60%,rgba(139,92,246,0.18)70%,transparent 80%)!important;filter:blur(4px);opacity:0.78;animation:v8-full-rainbow-spark 9.6s cubic-bezier(.44,0,.24,1)infinite !important}@keyframes v8-full-rainbow-drift{from{background-position:0% 50%}to{background-position:100% 50%}}@keyframes v8-full-rainbow-breathe{0%,100%{opacity:0.94;filter:saturate(1.22)brightness(1.04)}50%{opacity:1;filter:saturate(1.36)brightness(1.10)}}@keyframes v8-full-rainbow-sheen{0%{transform:translateX(0)scaleX(0.92);opacity:0}18%{opacity:0.62}54%{opacity:0.76}100%{transform:translateX(430%)scaleX(1.06);opacity:0}}@keyframes v8-full-rainbow-spark{0%,12%{left:6%;opacity:0;transform:scale(0.94)}28%{opacity:0.80;transform:scale(1)}62%{opacity:0.62;transform:scale(1.04)}100%{left:78%;opacity:0;transform:scale(0.96)}}@media(max-width:640px){.top-line{height:4px;background-size:200% 100% !important}.top-line::before{width:54%;filter:blur(4px)}.top-line::after{display:block !important;width:86px;height:14px;top:-6px;filter:blur(3px)}}.top-line{height:3px !important;box-shadow:0 0 6px rgba(255,75,92,0.15),0 0 7px rgba(255,138,28,0.15),0 0 8px rgba(255,212,59,0.17),0 0 9px rgba(94,227,106,0.15),0 0 10px rgba(34,211,238,0.20),0 0 12px rgba(76,125,255,0.17),0 0 14px rgba(139,92,246,0.14),inset 0 1px 0 rgba(255,255,255,0.94),inset 0 -1px 0 rgba(255,255,255,0.18)!important}.top-line::before{top:-5px !important;bottom:-5px !important;width:42% !important;filter:blur(4px)!important}.top-line::after{top:-7px !important;width:108px !important;height:16px !important;filter:blur(3.5px)!important}@media(max-width:640px){.top-line{height:2.5px !important}.top-line::before{top:-4px !important;bottom:-4px !important;width:50% !important}.top-line::after{width:72px !important;height:11px !important;top:-5px !important}}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:700;line-height:1;letter-spacing:0.01em;color:#0b7f82;background:linear-gradient(180deg,rgba(255,255,255,0.96),rgba(236,252,251,0.92));border:1px solid rgba(57,193,187,0.34);box-shadow:0 6px 18px rgba(24,146,150,0.08),inset 0 1px 0 rgba(255,255,255,0.96);transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease,color 180ms ease,background 180ms ease}.header-cta:hover,.header-cta:focus-visible{color:#086a6d;background:linear-gradient(180deg,rgba(255,255,255,1),rgba(230,250,248,0.98));border-color:rgba(57,193,187,0.46);box-shadow:0 10px 22px rgba(24,146,150,0.12),0 0 0 4px rgba(57,193,187,0.08),inset 0 1px 0 rgba(255,255,255,0.98);transform:translateY(-1px)}.hero{background:#f9fdfd url("./assets/mint-bubbles-bg.webp")center / cover no-repeat}.grid-overlay{background-image:radial-gradient(circle at 18% 18%,rgba(198,247,242,0.36),transparent 18%),radial-gradient(circle at 84% 22%,rgba(212,243,255,0.28),transparent 22%),radial-gradient(circle at 70% 76%,rgba(224,240,255,0.24),transparent 20%);background-size:auto}.legal-page{background:#f4fbfa url("./assets/mint-bubbles-bg.webp")center top / cover no-repeat}@media(max-width:620px){body,.legal-page{background:#f7fcfc url("./assets/mint-bubbles-bg.webp")center top / auto 760px no-repeat}.header-cta{min-height:38px;padding:0 15px;font-size:13px}}.features,.workflow,.legal-layout,.legal-actions{content-visibility:auto;contain-intrinsic-size:900px}.legal-page{background-attachment:scroll}.header-cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid rgba(110,214,207,0.22);border-radius:999px;color:#0a8083;font-size:14px;font-weight:700;line-height:1;letter-spacing:0.01em;background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(240,253,251,0.94)58%,rgba(234,251,249,0.96));box-shadow:0 10px 24px rgba(24,146,150,0.10),0 2px 6px rgba(24,146,150,0.04),inset 0 1px 0 rgba(255,255,255,0.98),inset 0 -1px 0 rgba(91,206,198,0.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform 220ms cubic-bezier(.22,1,.36,1),box-shadow 220ms ease,color 220ms ease,border-color 220ms ease,background 220ms ease}.header-cta::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(160,245,239,0.95)0%,rgba(112,223,234,0.78)28%,rgba(145,211,255,0.72)58%,rgba(255,255,255,0.82)100%);opacity:0.92;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0)content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.header-cta::after{content:"";position:absolute;top:-55%;bottom:-55%;left:-42%;width:38%;border-radius:999px;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0)0%,rgba(255,255,255,0.06)16%,rgba(255,255,255,0.72)42%,rgba(255,255,255,0.98)50%,rgba(180,255,246,0.36)58%,rgba(255,255,255,0.00)80%,rgba(255,255,255,0)100%);filter:blur(6px);opacity:0.55;transform:skewX(-20deg);animation:premium-header-cta-sheen 6.8s cubic-bezier(.45,0,.25,1)infinite}.header-cta:hover,.header-cta:focus-visible{color:#086a6d;border-color:rgba(110,214,207,0.34);background:linear-gradient(180deg,rgba(255,255,255,1),rgba(241,254,252,0.98)58%,rgba(231,250,247,0.98));box-shadow:0 14px 30px rgba(24,146,150,0.14),0 4px 10px rgba(24,146,150,0.05),0 0 0 4px rgba(57,193,187,0.08),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(91,206,198,0.16);transform:translateY(-1px)scale(1.01)}.header-cta:active{transform:translateY(0)scale(0.99);box-shadow:0 7px 16px rgba(24,146,150,0.10),inset 0 1px 0 rgba(255,255,255,0.98)}@keyframes premium-header-cta-sheen{0%,14%{transform:skewX(-20deg)translateX(0);opacity:0}26%{opacity:0.48}54%{opacity:0.60}100%{transform:skewX(-20deg)translateX(420%);opacity:0}}@media(max-width:620px){.header-cta{min-height:38px;padding:0 15px;font-size:13px;box-shadow:0 8px 18px rgba(24,146,150,0.09),0 2px 5px rgba(24,146,150,0.04),inset 0 1px 0 rgba(255,255,255,0.98)}.header-cta::after{width:42%;filter:blur(5px);animation-duration:7.4s}}@media(prefers-reduced-motion:reduce){.header-cta::after{animation:none !important}}

/* 2026-07-04 v24：隐私政策 / 服务条款移动端最终修复
   目标：手机端完整显示，不横向溢出，不被目录吸顶遮挡，不受 content-visibility 裁切影响。 */
.legal-page,
.legal-page body {
  overflow-x: hidden;
}

.legal-page .legal-layout,
.legal-page .legal-actions {
  content-visibility: visible !important;
  contain: none !important;
  contain-intrinsic-size: auto !important;
}

.legal-page .legal-main,
.legal-page .legal-layout,
.legal-page .legal-content,
.legal-page .legal-toc,
.legal-page .legal-section,
.legal-page .legal-intro,
.legal-page .legal-note,
.legal-page .legal-actions {
  max-width: 100%;
  min-width: 0;
}

.legal-page .legal-section p,
.legal-page .legal-section li,
.legal-page .legal-intro p,
.legal-page .legal-note,
.legal-page .legal-link {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.legal-page .legal-toc {
  max-height: none;
}

@media (max-width: 860px) {
  .legal-page .legal-layout {
    display: block !important;
  }

  .legal-page .legal-toc {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    display: flex !important;
    width: 100%;
    gap: 8px;
    margin: 0 0 16px;
    padding: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .legal-page .legal-toc::-webkit-scrollbar {
    display: none;
  }

  .legal-page .legal-toc strong,
  .legal-page .legal-toc a {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .legal-page .legal-content {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .legal-page .container,
  .legal-page .header-inner {
    width: min(100% - 28px, var(--container)) !important;
  }

  .legal-page .legal-main {
    padding: 88px 0 44px !important;
  }

  .legal-page .legal-hero {
    margin-bottom: 22px !important;
  }

  .legal-page .legal-kicker {
    margin-bottom: 12px;
    font-size: 11px;
  }

  .legal-page .legal-kicker::before {
    width: 20px;
  }

  .legal-page .legal-hero h1 {
    font-size: 36px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em;
  }

  .legal-page .legal-hero p {
    margin-top: 14px !important;
    font-size: 14.5px !important;
    line-height: 1.72 !important;
  }

  .legal-page .legal-toc {
    margin-bottom: 14px !important;
    padding: 9px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(28, 99, 116, 0.13) !important;
    box-shadow: 0 12px 34px rgba(42,111,124,0.08) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .legal-page .legal-toc strong {
    margin: 0 !important;
    padding: 8px 6px !important;
    color: #183653 !important;
    font-size: 12px;
  }

  .legal-page .legal-toc a {
    padding: 8px 10px !important;
    color: rgba(24, 54, 83, 0.68) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    background: rgba(14, 191, 184, 0.06) !important;
    border: 1px solid rgba(14, 191, 184, 0.12) !important;
    border-radius: 999px !important;
  }

  .legal-page .legal-content {
    padding: 18px 16px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 16px 42px rgba(42,111,124,0.08) !important;
  }

  .legal-page .legal-meta {
    margin-bottom: 18px !important;
    font-size: 12.5px !important;
  }

  .legal-page .legal-intro {
    margin-bottom: 18px !important;
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .legal-page .legal-intro p,
  .legal-page .legal-section p,
  .legal-page .legal-section li {
    font-size: 14px !important;
    line-height: 1.78 !important;
  }

  .legal-page .legal-section {
    padding: 20px 0 !important;
  }

  .legal-page .legal-section h2 {
    margin-bottom: 10px !important;
    font-size: 19px !important;
    line-height: 1.36 !important;
  }

  .legal-page .legal-section h3 {
    margin: 18px 0 8px !important;
    font-size: 15px !important;
  }

  .legal-page .legal-section ul {
    padding-left: 18px !important;
  }

  .legal-page .legal-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 22px !important;
    padding-top: 20px !important;
  }

  .legal-page .secondary-button {
    width: 100% !important;
    min-height: 44px !important;
  }

  .legal-page .site-footer {
    padding: 40px 0 !important;
  }
}

@media (max-width: 380px) {
  .legal-page .container,
  .legal-page .header-inner {
    width: min(100% - 22px, var(--container)) !important;
  }

  .legal-page .legal-content {
    padding: 16px 14px !important;
  }

  .legal-page .legal-hero h1 {
    font-size: 32px !important;
  }

  .legal-page .legal-intro p,
  .legal-page .legal-section p,
  .legal-page .legal-section li {
    font-size: 13.5px !important;
  }
}

/* 2026-08-02：法律页面采用克制、易读的文档样式。
   仅覆盖 privacy / terms，不影响官网营销页面。 */
.legal-page {
  background: #ffffff !important;
  color: #334155;
}

.legal-page .site-header,
.legal-page .site-header.is-scrolled,
.legal-page .site-header.menu-active {
  background: rgba(255, 255, 255, 0.96);
  border-bottom-color: #e5e7eb;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.legal-page .header-cta {
  color: #0f766e;
  background: #ffffff;
  border-color: #cbd5e1;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.legal-page .header-cta::before,
.legal-page .header-cta::after {
  display: none;
}

.legal-page .header-cta:hover,
.legal-page .header-cta:focus-visible {
  color: #115e59;
  background: #f8fafc;
  border-color: #94a3b8;
  box-shadow: none;
  transform: none;
}

.legal-page .reveal {
  opacity: 1;
  transform: none;
  transition: none;
}

.legal-page .legal-main {
  padding: 112px 0 72px;
}

.legal-page .legal-main > .container {
  width: min(100% - 48px, 1120px);
}

.legal-page .legal-hero {
  max-width: 820px;
  margin: 0 0 36px;
  padding-bottom: 28px;
  border-bottom: 1px solid #e5e7eb;
}

.legal-page .legal-kicker {
  display: none;
}

.legal-page .legal-hero h1 {
  color: #0f172a;
  font-size: clamp(36px, 5vw, 48px);
  line-height: 1.15;
  letter-spacing: -0.025em;
}

.legal-page .legal-hero p {
  max-width: 760px;
  margin-top: 18px;
  color: #475569;
  font-size: 16px;
  line-height: 1.8;
}

.legal-page .legal-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 820px);
  justify-content: space-between;
  gap: 48px;
}

.legal-page .legal-toc {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 2px;
  padding: 0 20px 0 0;
  border: 0;
  border-right: 1px solid #e5e7eb;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.legal-page .legal-toc strong {
  margin: 0 0 10px;
  color: #0f172a;
  font-size: 13px;
}

.legal-page .legal-toc a {
  padding: 7px 8px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
  border: 0;
  border-radius: 6px;
  background: transparent;
}

.legal-page .legal-toc a:hover,
.legal-page .legal-toc a:focus-visible {
  color: #0f766e;
  background: #f0fdfa;
}

.legal-page .legal-content {
  width: 100%;
  max-width: 820px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.legal-page .legal-meta {
  margin-bottom: 24px;
  color: #64748b;
  font-size: 13px;
}

.legal-page .legal-intro {
  margin-bottom: 30px;
  padding: 18px 20px;
  border: 0;
  border-left: 3px solid #0f766e;
  border-radius: 0;
  background: #f8fafc;
}

.legal-page .legal-intro p,
.legal-page .legal-section p,
.legal-page .legal-section li,
.legal-page .legal-note {
  color: #334155;
  font-size: 15.5px;
  line-height: 1.9;
}

.legal-page .legal-section {
  padding: 30px 0;
  border-top-color: #e5e7eb;
}

.legal-page .legal-section h2 {
  margin-bottom: 14px;
  color: #0f172a;
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -0.01em;
}

.legal-page .legal-section h3 {
  color: #1e293b;
}

.legal-page .legal-link {
  color: #0f766e;
  text-decoration-color: #99f6e4;
}

.legal-page .legal-note {
  padding: 16px 18px;
  border: 1px solid #dbe7e6;
  border-radius: 8px;
  background: #f8fafc;
}

.legal-page .legal-actions {
  border-top-color: #e5e7eb;
}

.legal-page .secondary-button {
  color: #334155;
  background: #ffffff;
  border-color: #cbd5e1;
  box-shadow: none;
}

.legal-page .secondary-button:hover,
.legal-page .secondary-button:focus-visible {
  color: #0f172a;
  background: #f8fafc;
  border-color: #94a3b8;
}

.legal-page .site-footer {
  background: #f8fafc;
  border-top-color: #e5e7eb;
}

@media (max-width: 860px) {
  .legal-page .legal-main > .container {
    width: min(100% - 40px, 820px);
  }

  .legal-page .legal-layout {
    display: block !important;
  }

  .legal-page .legal-toc {
    position: static !important;
    display: flex !important;
    gap: 6px;
    margin: 0 0 30px;
    padding: 0 0 14px;
    overflow-x: auto;
    border: 0;
    border-bottom: 1px solid #e5e7eb;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .legal-page .legal-toc strong {
    margin: 0;
    padding: 8px 8px 8px 0;
  }

  .legal-page .legal-toc a {
    flex: 0 0 auto;
    padding: 7px 9px;
    white-space: nowrap;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #ffffff;
  }
}

@media (max-width: 620px) {
  .legal-page,
  body.legal-page {
    background: #ffffff !important;
  }

  .legal-page .legal-main {
    padding: 88px 0 48px !important;
  }

  .legal-page .legal-main > .container,
  .legal-page .header-inner {
    width: min(100% - 32px, 820px) !important;
  }

  .legal-page .legal-hero {
    margin-bottom: 24px !important;
    padding-bottom: 22px;
  }

  .legal-page .legal-hero h1 {
    font-size: 32px !important;
  }

  .legal-page .legal-hero p {
    margin-top: 12px !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
  }

  .legal-page .legal-toc {
    margin-bottom: 24px !important;
    padding: 0 0 12px !important;
    border-color: #e5e7eb !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .legal-page .legal-toc strong {
    padding: 7px 8px 7px 0 !important;
  }

  .legal-page .legal-toc a {
    padding: 7px 9px !important;
    color: #64748b !important;
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    border-radius: 6px !important;
  }

  .legal-page .legal-content {
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .legal-page .legal-intro {
    margin-bottom: 20px !important;
    padding: 15px 16px !important;
    border-radius: 0 !important;
  }

  .legal-page .legal-intro p,
  .legal-page .legal-section p,
  .legal-page .legal-section li,
  .legal-page .legal-note {
    font-size: 15px !important;
    line-height: 1.85 !important;
  }

  .legal-page .legal-section {
    padding: 26px 0 !important;
  }

  .legal-page .legal-section h2 {
    font-size: 20px !important;
    line-height: 1.45 !important;
  }
}

@media print {
  .legal-page .site-header,
  .legal-page .legal-toc,
  .legal-page .legal-actions,
  .legal-page .site-footer {
    display: none !important;
  }

  .legal-page .legal-main {
    padding: 0 !important;
  }

  .legal-page .legal-main > .container,
  .legal-page .legal-content {
    width: 100% !important;
    max-width: none !important;
  }

  .legal-page .legal-hero,
  .legal-page .legal-section {
    break-inside: avoid;
  }
}

/* Figma 1:1 migration: core features + user guide */
.figma-guide,.figma-guide *{box-sizing:border-box}
.figma-guide{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding:48px 24px;overflow:hidden;background:transparent;font-family:"Plus Jakarta Sans",sans-serif}
body:has(.figma-guide){background:radial-gradient(circle at 1.5px 1.5px,rgba(24,54,83,.022) 1.5px,transparent 1.6px) 0 0/30px 30px,linear-gradient(180deg,#f7fcfc 0%,#eef9f8 34%,#f1f5fa 68%,#f6f8fc 100%);background-attachment:scroll}
main:has(.figma-guide) .hero,main:has(.figma-guide) .figma-guide{background:transparent!important}
main:has(.figma-guide) .fg-ambient{background-image:none}
main:has(.figma-guide) .hero.section-divider::after{display:none}
main:has(.figma-guide)+.site-footer{background:linear-gradient(180deg,rgba(246,250,252,.98),#eef5f6)!important;border-top:1px solid rgba(24,54,83,.1)}
.fg-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background-image:radial-gradient(circle at 1.5px 1.5px,rgba(48,80,187,.11) 1.5px,transparent 0);background-size:30px 30px;opacity:.16;isolation:isolate;contain:layout paint style}
.fg-blob{position:absolute;border-radius:50%;transform:translate3d(-50%,-50%,0);backface-visibility:hidden;will-change:transform;animation:fg-blob-float var(--duration) ease-in-out var(--delay,0s) infinite}
.fg-blob-1{left:3%;top:5%;width:640px;height:640px;background:radial-gradient(circle,rgba(79,125,255,.10),transparent 70%);--duration:17s}
.fg-blob-2{left:91%;top:8%;width:500px;height:500px;background:radial-gradient(circle,rgba(14,196,174,.09),transparent 70%);--duration:13s;--delay:2s}
.fg-blob-3{left:5%;top:86%;width:440px;height:440px;background:radial-gradient(circle,rgba(155,111,255,.08),transparent 70%);--duration:19s;--delay:5s}
.fg-blob-4{left:90%;top:82%;width:380px;height:380px;background:radial-gradient(circle,rgba(56,169,223,.055),transparent 70%);--duration:15s;--delay:3s}
.fg-blob-5{left:48%;top:48%;width:580px;height:580px;background:radial-gradient(circle,rgba(79,125,255,.05),transparent 70%);--duration:25s;--delay:8s}
.fg-blob-6{left:28%;top:58%;width:300px;height:300px;background:radial-gradient(circle,rgba(14,196,174,.06),transparent 70%);--duration:22s;--delay:11s}
.fg-particle{position:absolute;border-radius:50%;opacity:.5;backface-visibility:hidden;will-change:transform,opacity;animation:fg-particle-float var(--duration) ease-in-out var(--delay,0s) infinite}
.fg-particle-1{left:11%;top:17%;width:5px;height:5px;background:#4f7dff;--duration:7.5s}.fg-particle-2{left:87%;top:21%;width:4px;height:4px;background:#0ec4ae;--duration:9s;--delay:1.5s}.fg-particle-3{left:7%;top:69%;width:3px;height:3px;background:#9b6fff;--duration:6.5s;--delay:.8s}.fg-particle-4{left:91%;top:65%;width:6px;height:6px;background:#ff5fa0;--duration:8.2s;--delay:2.2s}.fg-particle-5{left:50%;top:8%;width:3px;height:3px;background:#4f7dff;--duration:11s;--delay:3s}.fg-particle-6{left:73%;top:87%;width:4px;height:4px;background:#0ec4ae;--duration:7s;--delay:1s}.fg-particle-7{left:21%;top:90%;width:5px;height:5px;background:#9b6fff;--duration:10s;--delay:2s}.fg-particle-8{left:38%;top:95%;width:3px;height:3px;background:#ff5fa0;--duration:8.5s;--delay:4s}
@keyframes fg-blob-float{0%,100%{transform:translate3d(-50%,-50%,0) scale(1)}25%{transform:translate3d(calc(-50% + 24px),calc(-50% - 18px),0) scale(1.1)}50%{transform:translate3d(calc(-50% - 10px),calc(-50% + 14px),0) scale(.94)}75%{transform:translate3d(calc(-50% + 6px),calc(-50% - 5px),0) scale(1.04)}}
@keyframes fg-particle-float{0%,100%{transform:translate3d(var(--particle-x,0px),var(--particle-y,0px),0) scale(1);opacity:.5}50%{transform:translate3d(var(--particle-x,0px),calc(var(--particle-y,0px) - 20px),0) scale(1.35);opacity:.95}}
.fg-panel{position:relative;isolation:isolate;width:100%;max-width:1024px;padding:52px 40px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:radial-gradient(120% 100% at 0 0,rgba(255,255,255,.84),rgba(255,255,255,0) 62%),linear-gradient(145deg,rgba(255,255,255,.66),rgba(249,252,255,.58));box-shadow:0 28px 90px rgba(70,100,255,.12),0 2px 10px rgba(70,100,255,.06),inset 0 1px 0 rgba(255,255,255,.97);backdrop-filter:none;-webkit-backdrop-filter:none}
.fg-panel+ .fg-panel{box-shadow:0 28px 90px rgba(70,100,255,.09),0 2px 10px rgba(70,100,255,.05),inset 0 1px 0 rgba(255,255,255,.97)}
.fg-spotlight{position:absolute;top:0;left:0;width:440px;height:440px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(120,160,255,.09),rgba(155,111,255,.035) 42%,transparent 72%);opacity:0;transform:translate3d(calc(var(--spot-x,0px) - 220px),calc(var(--spot-y,0px) - 220px),0);transition:opacity .24s ease;will-change:transform,opacity}.fg-panel.is-pointer-active .fg-spotlight{opacity:1}
.fg-corner{position:absolute;border-radius:24px;pointer-events:none}.fg-corner-a{top:0;left:0;width:256px;height:256px;background:radial-gradient(circle at 0 0,rgba(255,255,255,.72),transparent 70%)}.fg-corner-b{right:0;bottom:0;width:208px;height:208px;background:radial-gradient(circle at 100% 100%,rgba(155,111,255,.045),transparent 70%)}.fg-corner-teal{width:176px;height:176px;background:radial-gradient(circle at 100% 100%,rgba(14,196,174,.05),transparent 70%)}
.fg-heading{position:relative;z-index:2;margin-bottom:44px}.fg-heading-steps{margin-bottom:36px}
.fg-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:8px 14px;border:1px solid;border-radius:999px}.fg-kicker span{width:6px;height:6px;border-radius:50%;animation:fg-pulse-dot 2.2s ease-in-out infinite}.fg-kicker b{font-size:11px;font-weight:600;letter-spacing:.15em;line-height:1;text-transform:uppercase}.fg-kicker-blue{color:#4f7dff;background:rgba(79,125,255,.08);border-color:rgba(79,125,255,.18)}.fg-kicker-blue span{background:#4f7dff}.fg-kicker-teal{color:#0ec4ae;background:rgba(14,196,174,.08);border-color:rgba(14,196,174,.2)}.fg-kicker-teal span{background:#0ec4ae}
@keyframes fg-pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.2}}
.fg-heading h2{margin:0;color:#0c1426;font-family:Lora,serif;font-size:clamp(26px,4vw,46px);font-weight:400;line-height:1.22;letter-spacing:-.026em}.fg-heading-steps h2{font-size:clamp(24px,3.8vw,40px);line-height:1.28;letter-spacing:-.022em}.fg-heading h2 em{font-style:normal;background:linear-gradient(118deg,#4f7dff 0%,#7f78c8 52%,#38a9df 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.fg-title-rule{width:56px;height:2.5px;margin-top:16px;border-radius:999px;transform-origin:left}.fg-rule-blue{background:linear-gradient(90deg,#4f7dff,#9b6fff)}.fg-rule-teal{background:linear-gradient(90deg,#0ec4ae,#4f7dff)}.fg-heading>p{max-width:512px;margin:14px 0 0;color:#687f9c;font-size:13.5px;font-weight:400;line-height:1.7}
.fg-feature-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:20px}.fg-small-stack{display:flex;flex-direction:column;gap:20px}.fg-tilt-wrap{position:relative;perspective:1000px}.fg-ring{position:absolute;inset:-1.5px;z-index:0;border-radius:18px;background:linear-gradient(135deg,rgba(var(--fg-rgb),.44),rgba(var(--fg-rgb),.19),transparent);opacity:0;transition:opacity .38s}.fg-ring-multi{background:linear-gradient(135deg,rgba(79,125,255,.6),rgba(155,111,255,.5),rgba(255,95,160,.4))}.fg-tilt-wrap:hover>.fg-ring{opacity:1}
.fg-card{position:relative;z-index:1;overflow:hidden;border-radius:17px;background:linear-gradient(155deg,rgba(255,255,255,.99),rgba(250,252,255,.95));transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;backface-visibility:hidden;transition:transform .22s ease-out,box-shadow .38s,background .38s}.fg-tilt-wrap.is-tilting .fg-card{will-change:transform}.fg-card-large{height:100%;min-height:310px;box-shadow:0 12px 36px rgba(65,84,145,.10),0 0 0 1px rgba(126,151,200,.13),inset 0 1px 0 rgba(255,255,255,.98)}.fg-card-small{box-shadow:0 9px 28px rgba(65,84,145,.085),0 0 0 1px rgba(126,151,200,.12),inset 0 1px 0 rgba(255,255,255,.98)}.fg-step-card{display:flex;flex-direction:column;box-shadow:0 7px 24px rgba(65,84,145,.075),0 0 0 1px rgba(126,151,200,.11),inset 0 1px 0 rgba(255,255,255,.98)}
.fg-tilt-wrap:hover .fg-card-large{box-shadow:0 34px 76px rgba(79,125,255,.17),0 10px 30px rgba(49,63,110,.09),0 0 0 1px rgba(79,125,255,.16)}.fg-tilt-wrap[data-rgb="255,95,160"]:hover .fg-card-small{box-shadow:0 24px 54px rgba(255,95,160,.16),0 6px 20px rgba(49,63,110,.08),0 0 0 1px rgba(255,95,160,.14)}.fg-tilt-wrap[data-rgb="155,111,255"]:hover .fg-card-small{box-shadow:0 24px 54px rgba(155,111,255,.16),0 6px 20px rgba(49,63,110,.08),0 0 0 1px rgba(155,111,255,.14)}.fg-step-wrap:hover .fg-step-card{background:linear-gradient(155deg,rgba(255,255,255,.99),rgba(var(--fg-rgb),.035));box-shadow:0 28px 60px rgba(var(--fg-rgb),.17),0 8px 24px rgba(49,63,110,.08),0 0 0 1px rgba(var(--fg-rgb),.14)}
.fg-card-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(79,125,255,.045),rgba(155,111,255,.022) 60%,transparent)}.fg-card-small .fg-card-wash{background:linear-gradient(140deg,rgba(var(--fg-rgb),.038),transparent 55%)}.fg-card-glow{position:absolute;top:0;left:0;width:260px;height:260px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(var(--fg-rgb,79,125,255),.15),transparent 66%);opacity:0;transform:translate3d(calc(var(--glow-x,130px) - 130px),calc(var(--glow-y,130px) - 130px),0);transition:opacity .32s;will-change:transform,opacity}.fg-tilt-wrap:hover .fg-card-glow{opacity:1}.fg-card-top,.fg-card-bottom{position:absolute;right:0;left:0;pointer-events:none;opacity:0;transform:scaleX(.1);transition:opacity .45s,transform .45s}.fg-card-top{top:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(var(--fg-rgb),.5),transparent)}.fg-card-bottom{bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--fg-rgb),.58),transparent);transform:scaleX(0)}.fg-card-large>.fg-card-bottom{background:linear-gradient(90deg,transparent,#4f7dff 40%,#9b6fff 70%,transparent)}.fg-tilt-wrap:hover .fg-card-top,.fg-tilt-wrap:hover .fg-card-bottom{opacity:1;transform:scaleX(1)}
.fg-watermark{position:absolute;right:-12px;bottom:-24px;color:transparent;font-family:Lora,serif;font-size:144px;font-weight:600;line-height:1;background:linear-gradient(135deg,#4f7dff,#9b6fff);-webkit-background-clip:text;background-clip:text;opacity:.03;transition:opacity .5s}.fg-tilt-wrap:hover .fg-watermark{opacity:.07}
.fg-card-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:20px;height:100%;padding:28px;transform:translateZ(10px)}.fg-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.fg-overline{display:block;margin-bottom:8px;color:rgba(79,125,255,.62);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.fg-card h3{margin:0;color:#0c1426;font-family:Lora,serif;font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.018em}.fg-card-head p{margin:6px 0 0;color:#6f829d;font-size:12.5px;font-weight:400;line-height:1.68}
.fg-feature-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid;border-radius:12px;transition:transform .5s}.fg-feature-icon svg{width:18px;height:18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.fg-card-head .fg-feature-icon{width:44px;height:44px;border-radius:16px}.fg-card-head .fg-feature-icon svg{width:20px;height:20px}.fg-feature-icon-blue{color:#4f7dff;background:rgba(79,125,255,.1);border-color:rgba(79,125,255,.2)}.fg-feature-icon-pink{color:#ff5fa0;background:rgba(255,95,160,.1);border-color:rgba(255,95,160,.2)}.fg-feature-icon-purple{color:#9b6fff;background:rgba(155,111,255,.1);border-color:rgba(155,111,255,.2)}.fg-tilt-wrap:hover .fg-card-head .fg-feature-icon{transform:scale(1.08) rotate(-6deg)}.fg-tilt-wrap:hover .fg-small-head .fg-feature-icon{transform:scale(1.09) rotate(-5deg)}
.fg-subtitle-box{flex:1;padding:16px;border:1px solid rgba(79,125,255,.13);border-radius:12px;background:linear-gradient(145deg,rgba(79,125,255,.065),rgba(79,125,255,.018))}.fg-live-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.fg-live-dot{width:6px;height:6px;border-radius:50%;background:#4f7dff;animation:fg-live 1.8s ease-in-out infinite}.fg-live-row b{color:rgba(79,125,255,.6);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.fg-live-row>span:last-child{margin-left:auto;padding:2px 8px;border-radius:999px;color:#4f7dff;background:rgba(79,125,255,.1);font-size:9px;font-weight:500}.fg-subtitle-demo{display:flex;flex-direction:column;gap:12px}.fg-subtitle-demo p{margin:0;transition:opacity .2s,transform .2s}.fg-subtitle-demo.is-changing p{opacity:0;transform:translateY(-8px)}.fg-subtitle-en{color:#6a82a2;font-size:12.5px;line-height:1.65}.fg-subtitle-zh{color:#4f7dff;font-size:13px;font-weight:600;line-height:1.65}.fg-subtitle-rule{height:1px;background:linear-gradient(90deg,rgba(79,125,255,.3),rgba(79,125,255,.05))}.fg-word{position:relative;display:inline-block;padding:0 4px;border:0;border-radius:6px;color:#4f7dff;background:rgba(79,125,255,.14);font-size:inherit;font-weight:600;line-height:inherit;text-decoration:underline dotted rgba(79,125,255,.5);cursor:pointer;transition:background .2s}.fg-word.is-open{background:rgba(79,125,255,.25)}.fg-word-tip{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:20;padding:4px 10px;border-radius:8px;color:#fff;background:#4f7dff;box-shadow:0 4px 16px rgba(79,125,255,.4);font-size:11px;white-space:nowrap;opacity:0;transform:translate(-50%,6px) scale(.92);pointer-events:none;transition:opacity .22s,transform .22s}.fg-word.is-open .fg-word-tip{opacity:1;transform:translate(-50%,0) scale(1)}
@keyframes fg-live{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(1.5)}}
.fg-small-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;padding:20px;transform:translateZ(6px)}.fg-small-head,.fg-small-head>div{display:flex;align-items:flex-start;justify-content:space-between}.fg-small-head>div{align-items:center;gap:10px}.fg-small-head .fg-feature-icon{width:36px;height:36px}.fg-small-head h3{font-size:14px;letter-spacing:0}.fg-small-head>b{flex:0 0 auto;margin-top:2px;color:rgba(var(--fg-rgb),.4);font-size:10px}.fg-small-body>p{margin:0;color:#8496b2;font-size:12px;font-weight:300;line-height:1.65}.fg-dictionary{padding:14px;border:1px solid rgba(255,95,160,.13);border-radius:12px;background:rgba(255,95,160,.05)}.fg-dictionary>div{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.fg-dictionary strong{color:#ff5fa0;font-size:14px}.fg-dictionary span{color:#b0bcd4;font-size:10px}.fg-dictionary b{margin-left:auto;padding:2px 6px;border-radius:999px;color:#ff5fa0;background:rgba(255,95,160,.12);font-size:9px}.fg-dictionary p{margin:0;color:#5a7080;font-size:12px}.fg-focus-tags{display:flex;flex-wrap:wrap;gap:6px}.fg-focus-tags span,.fg-focus-tags b{padding:2px 8px;border-radius:999px;font-size:10px}.fg-focus-tags span{color:rgba(155,111,255,.5);background:rgba(155,111,255,.08);text-decoration:line-through}.fg-focus-tags b{color:#9b6fff;background:rgba(155,111,255,.17);font-weight:600}
.fg-steps-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fg-step-wrap{perspective:900px}.fg-step-card{--fg-rgb:inherit}.fg-illustration{position:relative;height:162px;padding:20px 16px 4px;color:var(--fg-color)}.fg-illustration svg{position:relative;z-index:2;width:100%;height:100%;fill:currentColor}.fg-white{fill:#fff;opacity:.93}.fg-outline{fill:none;stroke:currentColor;stroke-width:1;opacity:.16}.fg-big-number{position:absolute;right:12px;bottom:8px;z-index:1;color:var(--fg-color);font-family:Lora,serif;font-size:80px;font-weight:600;line-height:1;letter-spacing:-.04em;opacity:.045;transition:opacity .4s}.fg-illus-bg{position:absolute;inset:0;border-radius:17px 17px 0 0;background:linear-gradient(155deg,rgba(var(--fg-rgb),.07),rgba(var(--fg-rgb),.02));transition:background .4s}.fg-illus-halo{position:absolute;top:50%;left:50%;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle,rgba(var(--fg-rgb),.2),transparent 68%);opacity:.45;transform:translate(-50%,-50%);transition:width .55s,height .55s,opacity .55s}.fg-step-wrap:hover .fg-big-number{opacity:.1}.fg-step-wrap:hover .fg-illus-bg{background:linear-gradient(155deg,rgba(var(--fg-rgb),.13),rgba(var(--fg-rgb),.04))}.fg-step-wrap:hover .fg-illus-halo{width:148px;height:148px;opacity:1}.fg-step-divider{height:1px;margin:0 20px;background:linear-gradient(90deg,transparent,rgba(var(--fg-rgb),.22),transparent)}.fg-step-copy{display:flex;flex-direction:column;gap:8px;padding:16px 20px;transform:translateZ(6px)}.fg-step-copy>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.fg-step-copy h3{font-size:14px;letter-spacing:-.012em}.fg-counter{flex:0 0 auto;padding:2px 8px;border-radius:999px;color:var(--fg-color);background:rgba(var(--fg-rgb),.09);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;transition:background .3s}.fg-step-wrap:hover .fg-counter{background:rgba(var(--fg-rgb),.16)}.fg-step-copy>p{margin:0;color:#8496b2;font-size:11.5px;font-weight:300;line-height:1.65}.fg-progress{display:flex;align-items:center;gap:6px;margin-top:4px}.fg-progress>*{display:block;width:4px;height:4px;border-radius:999px;background:#dde3f0;opacity:.35;transition:width .4s}.fg-progress b{width:14px;background:var(--fg-color);opacity:1}.fg-step-wrap:hover .fg-progress b{width:26px}
.fg-switch{fill:#dde5f0;transition:fill .35s}.fg-switch-knob{fill:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));transition:cx .4s cubic-bezier(.34,1.56,.64,1)}.fg-step-wrap:hover .fg-switch{fill:currentColor}.fg-step-wrap:hover .fg-switch-knob{cx:172px}.fg-play-aura{opacity:.1;transition:r .45s}.fg-play-ring{transition:r .45s}.fg-status-pill{transition:opacity .3s}.fg-play-progress{transition:width .55s,opacity .55s}.fg-play-knob{transition:cx .55s}.fg-step-wrap:hover .fg-play-aura{r:34px}.fg-step-wrap:hover .fg-play-ring{r:24px}.fg-step-wrap:hover .fg-status-pill{opacity:.25}.fg-step-wrap:hover .fg-play-progress{width:112px;opacity:.75}.fg-step-wrap:hover .fg-play-knob{cx:132px}.fg-caption-line{transition:width .5s}.fg-step-wrap:hover .fg-caption-1{width:162px}.fg-step-wrap:hover .fg-caption-2{width:112px}.fg-step-wrap:hover .fg-caption-3{width:155px}.fg-step-wrap:hover .fg-caption-4{width:100px}.fg-dict-pop{opacity:.15;transform:translateY(12px);transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1)}.fg-word-mark,.fg-word-underline{transition:opacity .3s}.fg-step-wrap:hover .fg-dict-pop{opacity:1;transform:translateY(0)}.fg-step-wrap:hover .fg-word-mark{opacity:.25}.fg-step-wrap:hover .fg-word-underline{opacity:.88}
.js .fg-reveal{opacity:0;transform:translateY(28px)}.js .fg-reveal.fg-delay-1{transform:translateX(32px)}.js .fg-reveal.fg-delay-2{transform:translateX(32px)}.js .fg-reveal.fg-delay-3{transform:translateY(38px) scale(.96)}.js .fg-reveal.is-visible{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.js .fg-delay-1.is-visible{transition-delay:.12s}.js .fg-delay-2.is-visible{transition-delay:.24s}.js .fg-delay-3.is-visible{transition-delay:.36s}

/* Figma fidelity polish: clearer type hierarchy without changing layout. */
.fg-subtitle-en{color:#5f7593;line-height:1.68}
.fg-subtitle-zh{color:#416ee4;line-height:1.68}
.fg-small-head>b{color:rgba(var(--fg-rgb),.54)}
.fg-small-body>p,.fg-step-copy>p{color:#6f829d;font-weight:400;line-height:1.68}
.fg-dictionary{border-color:rgba(255,95,160,.15);background:rgba(255,95,160,.055)}
.fg-dictionary strong,.fg-dictionary b{color:#f34f96}
.fg-dictionary span{color:#8d9db3}
.fg-dictionary p{color:#51677f}
.fg-focus-tags span{color:rgba(132,87,224,.6)}
.fg-focus-tags b{color:#8758e8;background:rgba(155,111,255,.15)}
.fg-counter{background:rgba(var(--fg-rgb),.1)}
.fg-progress>*{background:#cfd8e7;opacity:.48}
.fg-step-wrap:hover .fg-progress b{width:24px}
@media(max-width:1023px){.fg-feature-grid{grid-template-columns:1fr}.fg-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.figma-guide{padding:40px 16px}.fg-panel{padding:36px 16px}.fg-heading{margin-bottom:32px}.fg-feature-grid{grid-template-columns:1fr}.fg-steps-grid{grid-template-columns:1fr;gap:16px}.fg-card-body{padding:28px}.fg-small-body{padding:20px}.fg-illustration{height:180px;padding:20px 16px 4px}.fg-step-copy{padding:18px 20px 20px}.fg-step-copy h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.fg-blob,.fg-particle,.fg-kicker span,.fg-live-dot{animation:none}.fg-card,.fg-reveal,.fg-word-tip{transition-duration:.01ms!important}}

/* Performance: keep the full visual language while pausing work that cannot be seen. */
.figma-guide.is-motion-paused .fg-blob,
.figma-guide.is-motion-paused .fg-particle,
.figma-guide.is-motion-paused .fg-kicker span,
.figma-guide.is-motion-paused .fg-live-dot{animation-play-state:paused!important}

/* Keep every guide step card the same height on narrow mobile grids. */
.fg-steps-grid{grid-auto-rows:1fr;align-items:stretch}
.fg-step-wrap,.fg-step-card{height:100%}
.fg-step-copy{flex:1}
.fg-progress{margin-top:auto;padding-top:4px}
@media(max-width:620px){.fg-step-wrap{height:auto;transform:none!important}.fg-step-card{height:auto!important;min-height:280px;transform:none!important}}

/* Hero WebGL knowledge stream. The canvas is decorative and never owns interaction. */
.hero{position:relative;isolation:isolate}
.hero-webgl{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none;contain:strict;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 97%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 97%);opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1)}
.hero-webgl.is-ready{opacity:.92}
.hero::before{z-index:1}
.hero-grid{z-index:2}
.no-webgl .hero-webgl{display:none}
@media(max-width:620px){.hero-webgl.is-ready{opacity:.82}}
@media(prefers-reduced-motion:reduce){.hero-webgl{transition:none}.hero-webgl.is-ready{opacity:.5}}

/* Public registration record: keep it centered and readable on every page. */
.footer-records {
  display: flex;
  justify-content: center;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(91, 128, 145, 0.14);
  color: rgba(28, 67, 82, 0.66);
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}

.footer-records a {
  text-decoration: none;
  text-underline-offset: 3px;
  transition: color 180ms ease;
}

.footer-records a:hover,
.footer-records a:focus-visible {
  color: #087f82;
  text-decoration: underline;
}

@media (max-width: 620px) {
  .footer-records {
    margin-top: 16px;
    padding-top: 14px;
    font-size: 12px;
  }
}