:root{--ink:#172039;--muted:#737c8e;--line:#e7e9e6;--bg:#f8f9f5;--lime:#bdf28c;--white:#fff;--shadow:0 22px 70px rgba(31,40,64,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #80b450;outline-offset:3px}.site-shell{overflow:hidden}.topbar,.hero,.proof-strip,.tools-section,.why-section,.bottom-cta,.footer{max-width:1440px;margin:auto}.topbar{height:88px;padding:0 6.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:600;letter-spacing:-1.4px;white-space:nowrap}.brand-strong{font-weight:900}.brand-dot,.period{color:#86bd56}.brand-mark{width:34px;height:34px;background:#1b2440;border-radius:10px;display:grid;place-items:center}.brand-mark svg{width:24px;height:24px;fill:none;stroke:var(--lime);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.top-nav{display:flex;gap:38px;color:#687283;font-size:13px;font-weight:600}.top-nav a:hover,.footer a:hover{color:#72a542}.top-cta{background:#1b2440;color:white;border-radius:100px;padding:12px 19px;font-size:13px;font-weight:700}.top-cta span,.button span{margin-left:15px}.hero{padding:81px 6.3% 75px;display:grid;grid-template-columns:51% 49%;min-height:575px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker,.modal-kicker,.bottom-label{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#727c8b}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow-line{height:2px;width:21px;background:#94c96a}.hero h1{font-size:clamp(58px,6.5vw,96px);line-height:1.12;letter-spacing:-6px;margin:26px 0 24px;font-weight:850}.hero h1>span{white-space:nowrap}.hero-desc{max-width:520px;color:#667185;font-size:17px;line-height:1.9;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;border:0;border-radius:100px;padding:17px 23px;font-size:14px;font-weight:750;white-space:nowrap}.button-dark{background:#1b2440;color:#fff;box-shadow:0 12px 22px rgba(27,36,64,.13)}.button-dark:hover,.top-cta:hover{background:#354466}.hero-note{font-size:13px;color:#77808b;display:flex;align-items:center;gap:9px;white-space:nowrap}.note-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#89c55e;box-shadow:0 0 0 4px #e7f6dc}.hero-visual{height:460px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:350px;height:350px;background:radial-gradient(circle,#ddf4cb 0,rgba(221,244,203,.54) 47%,transparent 70%);border-radius:50%}.orbit{position:absolute;border:1px solid #e4e8df;border-radius:50%}.orbit-one{width:250px;height:250px}.orbit-two{width:370px;height:370px}.orbit-three{width:480px;height:480px}.visual-center{width:178px;height:178px;background:#1d2845;border-radius:40px;display:grid;place-items:center;transform:rotate(-10deg);box-shadow:24px 25px 35px rgba(41,55,74,.18);position:relative;z-index:1}.visual-center svg{width:126px;transform:rotate(10deg);fill:none;stroke:#bbf38d;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.center-ring{position:absolute;inset:13px;border:1px solid rgba(255,255,255,.1);border-radius:30px}.floating-card{position:absolute;z-index:2;background:#fff;border:1px solid #e8eee6;box-shadow:0 14px 35px rgba(36,49,68,.1);border-radius:15px;padding:13px 16px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;white-space:nowrap}.floating-card b{font-size:17px;color:#9aa3a5;margin-left:10px}.mini-icon{height:28px;min-width:28px;padding:0 3px;border-radius:8px;display:grid;place-items:center;background:#ede9ff;color:#775fc0;font-size:12px;font-weight:800}.card-json{top:58px;left:15px;transform:rotate(-7deg)}.card-image{right:3px;top:100px;transform:rotate(7deg)}.card-image .mini-icon{background:#e7f5ff;color:#5395c7}.card-password{bottom:57px;left:28px;transform:rotate(5deg)}.card-password .mini-icon{background:#fff3d6;color:#d8a433}.spark{position:absolute;color:#a2d46f}.spark-one{right:67px;bottom:63px;font-size:28px}.spark-two{left:56px;bottom:129px;font-size:15px}.spark-three{right:82px;top:48px;font-size:13px}.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:92px;padding:0 6.3%;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#777f88}.proof-strip>span{letter-spacing:1px;font-weight:700}.proof-items{display:flex;align-items:center;gap:36px}.proof-items b{font-size:18px;color:#202b44;margin-right:5px}.proof-divider{width:1px;height:25px;background:#dfe3df}.tools-section{padding:105px 6.3% 114px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-kicker{display:flex;align-items:center;gap:10px}.section-kicker span{width:8px;height:8px;border-radius:50%;background:#a5d478}.section-heading h2,.why-heading h2{font-size:clamp(36px,4vw,54px);line-height:1.2;letter-spacing:-2.5px;margin:20px 0 13px}.section-heading p{color:#7b8491;font-size:15px;margin:0}.section-index{color:#a0a9aa;font-size:12px;letter-spacing:1px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{text-align:left;border:1px solid #eceee9;background:#fff;border-radius:19px;min-height:236px;padding:26px 26px 22px;display:flex;flex-direction:column;position:relative;transition:transform .22s,box-shadow .22s,border-color .22s}.tool-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#dbe9cf}.tool-icon{height:49px;min-width:49px;width:max-content;padding:0 6px;border-radius:13px;display:grid;place-items:center;font-size:20px;font-weight:800;letter-spacing:-1.5px}.violet{background:#ece7fe;color:#8064c3}.peach{background:#fce9de;color:#d58a69;font-size:13px;letter-spacing:0}.lime{background:#eaf6db;color:#83b35a}.blue{background:#e3f1fd;color:#579ac9}.yellow{background:#fff2d8;color:#dba444}.pink{background:#fbe8ed;color:#cc8398}.tool-number{position:absolute;right:26px;top:32px;color:#b0b8b6;font-size:10px;letter-spacing:1.3px;font-weight:800}.tool-name{font-size:18px;font-weight:800;margin-top:24px}.tool-desc{color:#858e9b;font-size:12px;line-height:1.75;margin-top:7px;max-width:280px;padding-right:14px}.tool-arrow{position:absolute;right:27px;bottom:23px;color:#89938b;font-size:19px}.why-section{border-top:1px solid var(--line);padding:99px 6.3% 105px;display:grid;grid-template-columns:40% 60%;gap:20px}.why-heading h2{margin-top:18px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-self:end}.why-item{padding-right:18px}.why-symbol{font-size:29px;color:#8cbe68}.why-item h3{font-size:16px;margin:23px 0 9px}.why-item p{font-size:13px;line-height:1.8;color:#7c8795;margin:0}.bottom-cta{margin-bottom:90px;background:#1d2845;color:#fff;border-radius:22px;min-height:237px;padding:45px 5%;display:flex;align-items:end;justify-content:space-between;position:relative;overflow:hidden}.bottom-cta:before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:22%;top:-140px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.02)}.bottom-label{color:#aebbd0}.bottom-cta h2{font-size:43px;letter-spacing:-2px;line-height:1.2;margin:17px 0 0;position:relative}.button-lime{background:var(--lime);color:#253525;position:relative}.button-lime:hover{background:#d5ffa9}.footer{padding:0 6.3%}.footer-main{display:flex;justify-content:space-between;padding-bottom:56px}.footer-brand{font-size:20px}.footer-main p{color:#89929a;font-size:13px;margin:18px 0 0}.footer-links{display:flex;gap:92px}.footer-links>div{display:flex;flex-direction:column;gap:14px;font-size:13px;color:#858e9a}.footer-links strong{color:#24304a;margin-bottom:8px}.footer-bottom{border-top:1px solid var(--line);padding:23px 0 28px;display:flex;justify-content:space-between;color:#9aa2a9;font-size:11px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:rgba(15,24,44,.63);backdrop-filter:blur(6px)}.modal-panel{position:relative;z-index:1;width:min(760px,100%);max-height:min(850px,calc(100vh - 48px));overflow:auto;background:#fff;border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.25)}.modal-head{padding:34px 38px 21px;display:flex;justify-content:space-between;gap:20px}.modal-kicker{color:#88b95d}.modal-head h2{font-size:30px;letter-spacing:-1px;margin:12px 0 7px}.modal-head p{color:#8993a0;margin:0;font-size:13px}.close-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#f2f4f1;font-size:25px;color:#566070;flex:none}.tool-workspace{padding:0 38px 34px}.tool-label{display:block;font-size:12px;color:#617083;font-weight:750;margin:18px 0 9px}.tool-textarea,.tool-input,.tool-select{width:100%;border:1px solid #dfe5e1;background:#fafbf9;border-radius:11px;padding:14px 15px;color:#23304a;outline:none}.tool-textarea{min-height:160px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.tool-textarea.output{min-height:130px}.tool-input{height:48px}.tool-row{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.tool-action{border:0;background:#1d2845;color:#fff;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:750}.tool-action:hover{background:#354566}.tool-action.secondary{background:#eef2ea;color:#435248}.tool-action.secondary:hover{background:#dfead5}.tool-status{min-height:18px;color:#748473;font-size:12px;margin:6px 0}.tool-status.error{color:#c95757}.tool-stats{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.tool-stats span{background:#f3f6ee;border-radius:9px;padding:10px 13px;color:#697a68;font-size:12px}.tool-stats strong{color:#243b2f;font-size:15px;margin-right:4px}.tool-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tool-options label{font-size:13px;color:#657285}.tool-options input[type=checkbox]{accent-color:#80b65e}.tool-options input[type=range]{accent-color:#80b65e}.dropzone{border:1.5px dashed #bfcbb8;border-radius:14px;padding:30px;text-align:center;background:#f9fbf7;cursor:pointer;color:#6d7a77}.dropzone strong{display:block;color:#26364a;margin-bottom:7px}.dropzone{position:relative}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone:focus-within{outline:3px solid #80b450;outline-offset:3px}.image-preview{max-width:100%;max-height:250px;display:block;margin:16px auto;border-radius:9px}.modal-foot{border-top:1px solid #eef0ed;padding:16px 38px;display:flex;justify-content:space-between;align-items:center;color:#859081;font-size:11px}.modal-foot .note-dot{margin-right:8px}.text-button{border:0;background:none;color:#627b59;font-size:11px;font-weight:750}.toast{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%,20px);background:#1d2845;color:#fff;padding:12px 19px;border-radius:100px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.legal-shell{max-width:900px;margin:auto;padding:65px 30px 120px}.legal-top{margin:0 0 42px}.legal-back{font-size:13px;color:#78905e;font-weight:700}.legal-head{padding-bottom:27px;border-bottom:1px solid var(--line)}.legal-head .section-kicker{margin-bottom:13px}.legal-head h1{font-size:clamp(38px,5vw,60px);letter-spacing:-2px;margin:0 0 13px}.legal-head p{color:#7f8995;line-height:1.7}.legal-content{font-size:15px;line-height:1.95;color:#526076}.legal-content h2{font-size:20px;color:#26324c;margin:37px 0 8px}.legal-content ul{padding-left:22px}.legal-content a{color:#527f35;text-decoration:underline}.legal-footer{margin-top:60px;padding-top:26px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:17px;font-size:12px;color:#87909b}.legal-footer a:hover{color:#527f35}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{height:380px;max-width:550px;width:100%;margin:25px auto 0}.tool-grid{grid-template-columns:repeat(2,1fr)}.why-section{grid-template-columns:1fr}.why-grid{margin-top:20px}.top-nav{gap:18px}.proof-strip{height:auto;padding-top:25px;padding-bottom:25px;gap:20px;flex-wrap:wrap}}@media(max-width:700px){.topbar{height:70px}.top-nav{display:none}.top-cta{padding:10px 14px}.hero{padding:62px 6% 35px;min-height:0}.hero h1{font-size:clamp(52px,13vw,72px);letter-spacing:-3.5px}.hero-desc{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-visual{height:315px;transform:scale(.8);margin:-4px auto -20px}.orbit-three{width:380px;height:380px}.orbit-two{width:300px;height:300px}.orbit-one{width:220px;height:220px}.visual-center{width:145px;height:145px}.visual-center svg{width:110px}.card-json{left:-20px}.card-image{right:-30px}.card-password{left:0}.proof-items{gap:13px;flex-wrap:wrap}.proof-items span{font-size:11px}.proof-items b{font-size:14px}.proof-divider{display:none}.tools-section{padding-top:70px;padding-bottom:70px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:215px}.section-index{display:none}.why-section{padding-top:70px;padding-bottom:70px}.why-grid{grid-template-columns:1fr;gap:25px}.why-item h3{margin-top:10px}.bottom-cta{margin:0 5% 65px;min-height:310px;flex-direction:column;align-items:flex-start;justify-content:space-between}.bottom-cta h2{font-size:37px}.footer-main{flex-direction:column;gap:42px}.footer-links{gap:60px}.footer-bottom{gap:10px;flex-direction:column}.modal{padding:10px}.modal-panel{max-height:calc(100vh - 20px)}.modal-head{padding:25px 22px 13px}.tool-workspace{padding:0 22px 20px}.modal-foot{padding:15px 22px}.modal-head h2{font-size:25px}}