:root{color-scheme:light;--ink:#0b2540;--muted:#60788e;--line:#cfe5ea;--cyan:#1cc7c4;--blue:#0878c9;--deep:#062f4c;--pale:#f2fbfc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:99;padding:10px 18px;background:#fff;color:#052f4c}.skip:focus{top:10px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid #d6e9edcc;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{min-height:78px;justify-content:space-between;gap:28px}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-size:20px;font-weight:800;white-space:nowrap}.brand svg{width:32px;height:32px;color:var(--blue)}.brand span{display:flex;align-items:center;gap:12px}.brand small{padding-left:12px;border-left:1px solid var(--line);color:#7694a6;font-size:10px;letter-spacing:.14em}.nav nav{display:flex;gap:29px;color:#526f82;font-size:14px}.nav nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:12px}.login{padding:8px 9px;color:#577387;font-size:14px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:9px 19px;border-radius:999px;background:linear-gradient(115deg,var(--blue),var(--cyan));color:#fff;font-size:14px;font-weight:750;box-shadow:0 10px 26px #0799b52e;transition:.2s}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0799b542}.hero{position:relative;overflow:hidden;padding:88px 0 0;background:linear-gradient(180deg,#f7feff,#e7f7fa)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#0b9dbc0b 1px,transparent 0),linear-gradient(90deg,#0b9dbc0b 1px,transparent 0);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,black,transparent 58%);mask-image:linear-gradient(180deg,black,transparent 58%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(12px)}.glow-one{width:420px;height:420px;left:-180px;top:20px;background:#43ddce26}.glow-two{width:520px;height:520px;right:-240px;top:-180px;background:#298de427}.hero-inner{position:relative;z-index:1;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 20px;color:#1986a4;font:600 11px Consolas,monospace;letter-spacing:.18em}.eyebrow:after,.eyebrow:before{content:"";width:30px;height:1px;background:#65b9c8}.hero h1{margin:0;font-size:clamp(50px,6.2vw,82px);line-height:1.12;letter-spacing:-.06em;font-weight:680}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#0878c9,#13bdbb);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{max-width:680px;margin:24px auto 28px;color:#5c788b;font-size:17px}.hero-button{min-height:52px;padding-inline:27px;font-size:15px}.hero-visual{position:relative;overflow:hidden;width:min(980px,100%);height:510px;margin:55px auto 0;border:8px solid #ffffffa8;border-bottom:0;border-radius:24px 24px 0 0;background:#073756;box-shadow:0 35px 90px #075b7929}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03304f7a,transparent 48%)}.hero-visual>img{width:100%;height:100%;object-fit:cover}.visual-label{position:absolute;z-index:2;display:grid;grid-gap:2px;gap:2px;padding:12px 15px;border:1px solid #8de7e65c;border-radius:8px;background:#042d4bc9;color:#fff;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.visual-label small{color:#77e2da;font:9px Consolas,monospace;letter-spacing:.14em}.visual-label b{font-size:12px}.label-input{left:24px;top:24px}.label-output{right:24px;bottom:24px}.visual-core{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:104px;height:104px;border:1px solid #81ece99c;border-radius:50%;background:#087eaa9c;color:#fff;box-shadow:0 0 65px #51e4dc}.visual-core span{font:800 24px Consolas,monospace;line-height:1}.visual-core small{font:8px Consolas,monospace;letter-spacing:.1em}.quick-nav{position:relative;z-index:3;margin-top:-1px;background:#fff;border-bottom:1px solid var(--line)}.quick-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:900px;padding:30px 0}.quick-inner a{display:grid;place-items:center;text-align:center;border-right:1px solid var(--line);transition:.2s}.quick-inner a:last-child{border-right:0}.quick-inner a:hover{transform:translateY(-4px)}.quick-inner a>span{display:grid;place-items:center;width:62px;height:62px;margin-bottom:10px;border:1px solid #addfe3;border-radius:50%;background:#effcfc;color:#0989ab;font-size:20px;font-weight:750;box-shadow:inset 0 0 0 7px #fff}.quick-inner b{font-size:14px}.quick-inner small{color:#7c92a3;font-size:11px}.intro-section{padding:92px 0;background:#fff}.section-title{text-align:left;margin-bottom:38px}.section-title>p{margin:0 0 10px;color:#1598aa;font:11px Consolas,monospace;letter-spacing:.17em}.section-title h2{margin:0;font-size:37px;line-height:1.3;letter-spacing:-.04em}.section-title>span{display:block;margin-top:10px;color:var(--muted);font-size:15px}.section-title.center{text-align:center}.feature-panel{display:grid;grid-template-columns:.9fr 1.1fr;min-height:470px;margin-top:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#f8fefe,#eef9fb);overflow:hidden}.feature-panel.reverse{grid-template-columns:1.1fr .9fr}.feature-panel.reverse .feature-copy{order:2}.feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px}.feature-no{color:#148eaa;font:11px Consolas,monospace;letter-spacing:.15em}.feature-copy h3{margin:16px 0 13px;font-size:31px;line-height:1.3}.feature-copy p{margin:0;color:#5e7589;font-size:15px}.feature-copy ul{display:grid;grid-gap:7px;gap:7px;margin:20px 0 26px;padding:0;list-style:none;color:#567185;font-size:13px}.feature-copy li:before{content:"✓";margin-right:9px;color:#08aead}.feature-copy .outline{display:inline-flex;align-items:center;gap:18px;min-height:43px;padding:8px 17px;border:1px solid #76cfd3;border-radius:999px;color:#087b9b;font-size:13px;font-weight:700}.feature-showcase{position:relative;overflow:hidden;margin:22px;border-radius:15px;background:#073956}.feature-showcase:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#06324f)}.feature-showcase img{width:100%;height:100%;object-fit:cover}.feature-showcase>div{position:absolute;z-index:2;left:25px;bottom:22px;display:grid;color:#fff}.feature-showcase span{color:#75e1dd;font:9px Consolas,monospace;letter-spacing:.14em}.feature-showcase b{margin-top:5px;font-size:18px}.script-showcase{align-self:center;margin:38px;padding:34px;border:1px solid #9ad7df;border-radius:15px;background:#fff;box-shadow:0 20px 55px #0a6e8f14}.script-top{display:flex;align-items:center;justify-content:space-between;color:#1188a2;font:11px Consolas,monospace;letter-spacing:.14em}.script-top i{width:9px;height:9px;border-radius:50%;background:#26cbbf;box-shadow:0 0 0 5px #26cbbf1c}.script-showcase>p{margin:38px 0;color:#2b4b61;font-size:17px;line-height:2}.script-lines{display:grid;grid-gap:11px;gap:11px}.script-lines span{height:7px;border-radius:9px;background:#e6f2f4}.script-lines span:nth-child(2){width:82%}.script-lines span:nth-child(3){width:61%}.script-tags{display:flex;gap:8px;margin-top:28px}.script-tags b{padding:5px 9px;border-radius:999px;background:#ebfafa;color:#17889b;font-size:10px}.pricing-section{padding:92px 0;background:#eff9fa;border-block:1px solid var(--line)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.price-grid article{position:relative;display:flex;flex-direction:column;min-height:470px;padding:32px;border:1px solid #cfe4e8;border-radius:18px;background:#fff}.price-grid article>span{color:#137f99;font-size:13px;font-weight:750}.price-grid h3{margin:9px 0 4px;font-size:25px}.price-grid p{min-height:50px;margin:0;color:#6a8092;font-size:13px}.price-grid strong{margin:30px 0 25px;font-size:39px;color:#086f99}.price-grid strong small{font-size:12px;color:#8194a2}.price-grid ul{display:grid;grid-gap:10px;gap:10px;margin:0 0 30px;padding:0;list-style:none;color:#5d7486;font-size:13px}.price-grid li:before{content:"✓";margin-right:9px;color:#0db7ae}.price-grid a{margin-top:auto;padding:11px;border:1px solid #9fd9dc;border-radius:999px;color:#087b98;text-align:center;font-size:13px;font-weight:700}.price-grid .recommended{border-color:#22bdbc;box-shadow:0 24px 70px #087e9b16}.price-grid .recommended>a{border-color:transparent;background:linear-gradient(115deg,var(--blue),var(--cyan));color:#fff}.recommended em{position:absolute;right:20px;top:20px;padding:4px 9px;border-radius:999px;background:#daf8f6;color:#068d88;font-size:10px;font-style:normal}.platform-section{padding:92px 0;background:linear-gradient(135deg,#053a5c,#075d71);color:#fff}.section-title.light>p{color:#76e2dc}.section-title.light>span{color:#a6c9d1}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.platform-grid article{padding:34px 28px;border:1px solid #70dcd634;border-radius:18px;background:#ffffff0b;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.platform-icon{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 20px;border:1px solid #78e7df75;border-radius:19px;background:#0b718245;color:#8ef2e8;font-size:28px}.platform-grid h3{margin:0 0 8px;font-size:20px}.platform-grid p{margin:0;color:#acd0d7;font-size:13px}.platform-cta{display:flex;align-items:center;justify-content:center;gap:22px;width:max-content;margin:34px auto 0;padding:12px 24px;border-radius:999px;background:#7be6dc;color:#05394d;font-size:14px;font-weight:800}footer{background:#03283e;color:#fff}.footer-main{display:grid;grid-template-columns:1.5fr .7fr .7fr;grid-gap:60px;gap:60px;padding:58px 0}.footer-main>div:first-child p{max-width:300px;color:#82a8b7;font-size:13px}.footer-main>div:not(:first-child){display:grid;align-content:start;grid-gap:9px;gap:9px}.footer-main b{margin-bottom:8px;font-size:13px}.footer-main a:not(.brand){color:#88aebe;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;padding:19px 0;border-top:1px solid #ffffff17;color:#7498a8;font-size:11px}@media(max-width:900px){.nav nav{display:none}.hero-visual{height:430px}.feature-panel,.feature-panel.reverse{grid-template-columns:1fr}.feature-panel.reverse .feature-copy{order:0}.feature-showcase{height:340px}.script-showcase{min-height:330px}.price-grid{grid-template-columns:1fr}.price-grid article{min-height:0}.platform-grid{grid-template-columns:1fr}}@media(max-width:650px){.wrap{width:calc(100% - 32px)}.nav{min-height:70px}.brand small,.login{display:none}.hero{padding-top:58px}.hero h1{font-size:43px}.hero-intro{font-size:15px}.hero-visual{height:300px;margin-top:38px;border-width:5px}.visual-core{width:76px;height:76px}.visual-label{padding:8px 10px}.visual-label b{font-size:10px}.quick-inner{grid-template-columns:1fr 1fr;gap:24px 0}.quick-inner a:nth-child(2){border-right:0}.quick-inner a>span{width:54px;height:54px}.intro-section,.platform-section,.pricing-section{padding:62px 0}.section-title h2{font-size:30px}.feature-copy{padding:30px 24px}.feature-copy h3{font-size:26px}.feature-showcase{height:270px;margin:0 16px 16px}.script-showcase{margin:0 16px 16px;padding:24px;min-height:280px}.script-showcase>p{margin:28px 0;font-size:15px}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.auth-user-menu{position:relative;display:inline-flex}.auth-user-menu>.auth-user-chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:5px 15px 5px 6px;border:1px solid #e2ebf5;border-radius:999px;background:linear-gradient(180deg,#fff,#fbfdff);color:#3f5470;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 5px 16px rgba(31,55,94,.08);transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}.auth-user-menu>.auth-user-chip::-webkit-details-marker{display:none}.auth-user-menu>.auth-user-chip:hover,.auth-user-menu[open]>.auth-user-chip{border-color:#70c9cf;background:#f2fbfc;color:#08617d;box-shadow:0 10px 24px rgba(8,123,150,.18);transform:translateY(-1px)}.auth-user-avatar{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:linear-gradient(135deg,#0878c9,#1cc7c4);color:#fff;font-size:13px;font-weight:800;box-shadow:0 0 0 2px #fff,0 3px 8px rgba(8,120,201,.28)}.auth-user-avatar.lg{width:38px;height:38px;flex-basis:38px;font-size:16px}.auth-user-name{font-size:14px;font-weight:680;white-space:nowrap;letter-spacing:.01em}.auth-user-menu>.auth-user-chip>i{display:grid;place-items:center;width:16px;height:16px;font-style:normal;color:#9fb0c4;transition:transform .25s ease,color .2s}.auth-user-menu>.auth-user-chip>i svg{width:16px;height:16px;display:block}.auth-user-menu>.auth-user-chip:hover>i,.auth-user-menu[open]>.auth-user-chip>i{color:#087d9a}.auth-user-menu[open]>.auth-user-chip>i{transform:rotate(180deg)}.auth-user-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:100;width:232px;display:grid;grid-gap:4px;gap:4px;padding:14px;border:1px solid #e3ebf5;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(20,45,80,.18);animation:auth-menu-in .16s ease}@keyframes auth-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.auth-user-head{display:flex;align-items:center;gap:11px;padding:2px 4px 12px}.auth-user-head>span:last-child{display:grid;line-height:1.35;min-width:0}.auth-user-head b{font-size:14px;color:#22374f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-user-head small{margin-top:2px;color:#93a2b6;font-size:11px}.auth-user-sep{height:1px;margin:2px 0 6px;background:#eef2f7}.auth-user-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:none;padding:10px 12px;border-radius:10px;color:#56667e;font:inherit;font-size:14px;cursor:pointer;text-decoration:none;transition:background .18s,color .18s}.auth-user-item>span{font-size:14px;line-height:1}.auth-user-item:hover{background:#edf4ff;color:#0878c9}.auth-user-logout:hover{background:#fdf0f0;color:#c0413f}.credits-badge{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 13px;border:1px solid #bfe5e7;border-radius:999px;background:linear-gradient(120deg,#f2fbfc,#e7f8f8);color:#0b7d95;font-size:13px;font-weight:700;transition:.2s;white-space:nowrap}.credits-badge span{color:#d8a21a;font-size:11px}.credits-badge:hover{border-color:#70c9cf;box-shadow:0 6px 16px #087b9622;transform:translateY(-1px)}.credits-badge b{font-weight:750}.site-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:60;height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 35px;border-bottom:1px solid #d3e7ea;background:#ffffffed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-topbar .brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;white-space:nowrap;color:inherit;text-decoration:none}.site-topbar .brand svg{width:34px;height:34px;stroke:#0878c9;stroke-width:2;fill:none}.site-topbar .brand svg path+path{fill:#1cc7c4;stroke:none}.site-topbar .brand>span{margin-left:10px;padding-left:19px;border-left:1px solid #d3e7ea;color:#7c899e;font-size:14px;font-weight:400}.site-topbar .top-actions{display:flex;align-items:center;gap:23px;font-size:14px;color:#647992}.site-topbar .top-actions a{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border:1px solid #c6e0e4;border-radius:7px;background:#fff;color:#19647c;font-weight:600;text-decoration:none;transition:.2s}.site-topbar .top-actions a:hover{border-color:#65c9ce;background:#edfbfb;color:#087b96}.site-topbar .top-actions a.quiet-link{font-weight:600;color:#4a6488;border:0;background:none;padding:8px 9px}.site-topbar .top-actions a.back-level{border-color:#087d9b;background:linear-gradient(115deg,#075f91,#087fa2);color:#fff;box-shadow:0 8px 22px #075b7430}.site-topbar .top-actions a.back-level:hover{border-color:#0a91a7;background:linear-gradient(115deg,#064e78,#0ba5ad);color:#fff}.site-topbar .top-actions .credits-badge{min-height:38px;padding:7px 12px;border:1px solid #087f9d;border-radius:7px;background:linear-gradient(115deg,#0878c9,#1cc7c4);color:#fff;font-size:14px;font-weight:600;box-shadow:0 8px 20px #078da526}.site-topbar .top-actions .credits-badge:hover{background:linear-gradient(115deg,#056caf,#16aaa7);color:#fff}.site-topbar .top-actions .credits-badge>span{margin-left:0;color:inherit;font-size:11px}@media(max-width:1150px){.site-topbar{padding-inline:25px}}@media(max-width:700px){.site-topbar{height:69px;padding:0 18px}.site-topbar .brand{font-size:20px;gap:7px}.site-topbar .brand svg{width:28px;height:28px}.site-topbar .brand>span{display:none}.site-topbar .top-actions{gap:6px;font-size:12px}.site-topbar .top-actions a{min-height:35px;padding:6px 9px}.site-topbar .top-actions .credits-badge{min-height:35px;padding:6px 9px;font-size:12px}}