:root{--ink:#102a39;--ink2:#254454;--muted:#68808b;--line:#dde5e4;--bg:#f8faf8;--white:#fff;--mint:#b9ddce;--mint2:#def0e8;--accent:#41a88c;--sand:#f1ede3;--danger:#a33543;--radius:20px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.shell{width:min(1180px,calc(100% - 72px));margin:0 auto}.skip-link{position:absolute;z-index:100;top:-100px;left:16px;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:12px}.topline{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;background:#102a39;color:#cde3dc;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.topline-dot{height:6px;width:6px;background:#8adbb7;border-radius:50%;box-shadow:0 0 0 4px #20493f}.header{height:98px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:12px;align-items:center;font-size:22px;font-weight:900;letter-spacing:-.055em;line-height:1}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--ink);color:#b6dccc}.brand-mark svg{width:33px;height:33px}.brand-light{font-weight:430}.brand small{display:block;letter-spacing:.07em;font-size:9px;font-weight:600;color:var(--muted);margin-top:6px;text-transform:uppercase}.nav{display:flex;align-items:center;gap:33px;font-weight:650;font-size:13px}.nav>a:not(.nav-cta){color:#3d5964;transition:color .2s}.nav>a:hover{color:var(--accent)}.nav-cta{border:1px solid #a5b9b8;padding:13px 18px;border-radius:9px}.nav-cta span{padding-left:14px}.hero{min-height:555px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-top:25px;padding-bottom:55px}.hero-copy{padding-bottom:32px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:850;color:#477867;display:flex;align-items:center;gap:12px}.eyebrow-line{width:26px;height:2px;background:#62a48c}.hero h1,.section-heading h2,.how-intro h2,.faq-section h2{letter-spacing:-.07em;font-weight:850;line-height:1.07}.hero h1{font-size:clamp(54px,6vw,86px);margin:23px 0}.hero h1 em,.section-heading h2 em,.how-intro h2 em,.faq-section h2 em{font-style:normal;color:#75ab96}.hero-lede{font-size:17px;color:#566e78;line-height:1.78;max-width:475px}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 21px;border-radius:9px;font-size:13px;font-weight:800;border:1px solid transparent;transition:transform .15s,background .15s}.button:not(:disabled):hover{transform:translateY(-1px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#234858}.button-outline{border-color:#c5d1d2;color:var(--ink);background:white}.button-quiet{background:transparent;border-color:transparent;color:#5c747d}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid #91aaa6;padding-bottom:7px}.text-link span{margin-left:12px}.trust-points{display:flex;flex-wrap:wrap;gap:20px;margin-top:39px;font-size:11px;font-weight:700;color:#567078}.trust-points i{font-style:normal;color:#448f76;margin-right:5px}.hero-visual{height:455px;border-radius:22px;position:relative;background:#dbebe4;overflow:hidden;padding:63px 45px 36px;box-shadow:inset 0 0 0 1px #c7ded2}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(to right,#c1d9d054 1px,transparent 1px),linear-gradient(to bottom,#c1d9d054 1px,transparent 1px);background-size:27px 27px;opacity:.8}.hero-visual:before{content:"";position:absolute;width:380px;height:380px;border:1px solid #b2d6ca;border-radius:50%;top:-180px;right:-140px;box-shadow:0 0 0 55px #bdded033,0 0 0 115px #bdded02b}.floating{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;box-shadow:0 12px 27px #1b53431c;background:#fff;font-size:10px;letter-spacing:.09em;font-weight:850}.floating-top{top:28px;right:26px;padding:13px 16px;border-radius:8px}.floating-top span:last-child{color:#77918c;margin-left:25px}.signal{width:7px;height:7px;border-radius:100%;background:#56b489;box-shadow:0 0 0 4px #e1f3eb}.floating-bottom{bottom:22px;left:27px;padding:14px 17px;border-radius:8px;letter-spacing:0;font-size:12px}.floating-bottom span{color:#65a48b;font-size:21px}.visual-window{position:relative;z-index:1;height:335px;max-width:420px;margin:17px auto 0;background:#102d3a;border-radius:14px;box-shadow:0 24px 55px #254e505c;overflow:hidden;color:white;transform:rotate(-2deg)}.window-top{height:46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #32515c;padding:0 18px;color:#8aa4aa;font-size:9px;letter-spacing:.1em}.window-dots{display:flex;gap:5px}.window-dots b{height:7px;width:7px;border-radius:50%;background:#476978}.window-dots b:first-child{background:#a7dbc7}.window-title{padding:29px 28px 23px}.window-kicker{font-size:9px;letter-spacing:.17em;color:#8eafae}.window-title strong{display:block;margin-top:10px;font-size:37px;font-weight:750;line-height:1.06;letter-spacing:-.06em}.window-title strong span{color:#a1dbc2}.visual-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0 21px}.visual-cards>div{height:84px;padding:12px;background:#234553;border:1px solid #3b5d68;border-radius:8px;position:relative}.visual-cards .visual-icon{font-size:18px;color:#bbdecf;float:right}.visual-cards small{font-size:8px;color:#a4bdbd;letter-spacing:.14em;display:block}.visual-cards strong{display:block;font-size:17px;margin-top:9px}.mini-arrow{position:absolute;right:13px;bottom:13px;font-size:14px;color:#95bfae}.window-bottom{border-top:1px solid #35515a;font-size:8px;color:#a8c3bb;margin-top:17px;padding:10px 24px;display:flex;align-items:center;gap:8px;letter-spacing:.08em}.window-bottom span:last-child{margin-left:auto}.pulse{height:5px;width:5px;background:#a4e2bd;border-radius:50%}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:134px;display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;align-items:center;gap:12px}.metrics>div{display:flex;flex-direction:column;gap:7px}.metrics strong{font-size:37px;font-weight:800;letter-spacing:-.07em;line-height:1}.metrics>div>span{color:#6b8089;font-size:11px;font-weight:700}.metric-symbol{font-size:25px;color:#7eaa9a}.metrics p{font-size:13px;line-height:1.7;color:#62806f;border-left:1px solid var(--line);padding-left:32px}.tools-section{padding:125px 0 130px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:35px}.section-heading h2,.how-intro h2,.faq-section h2{font-size:clamp(40px,4.6vw,58px);margin:19px 0 0}.section-heading>p{max-width:285px;font-size:14px;line-height:1.8;color:#61767f}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);background:white;border:1px solid #dce5e2;border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #173c2c0a;min-height:570px}.tool-nav{background:#f0f5f1;padding:19px;border-right:1px solid #dbe7e1}.tool-tab{width:100%;display:flex;align-items:center;text-align:left;gap:14px;background:transparent;border:1px solid transparent;padding:17px 13px;border-radius:10px;color:#47616b;margin-bottom:6px}.tool-tab.active{background:white;border-color:#d5e1d9;box-shadow:0 4px 15px #1d544514;color:var(--ink)}.tool-tab-icon{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px;font-weight:800;width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;background:#e1eae6;border-radius:8px}.tool-tab.active .tool-tab-icon{background:#cfe8da;color:#2e735e}.tool-tab>span:nth-child(2){flex:1}.tool-tab strong{display:block;font-size:13px}.tool-tab small{display:block;font-size:11px;margin-top:6px;color:#78908e}.tab-arrow{font-size:18px;opacity:.5}.tool-nav-note{background:#ddece5;border-radius:12px;padding:20px;margin-top:29px;color:#345a4e}.tool-nav-note>span{font-size:26px;display:block;color:#3a9075}.tool-nav-note strong{font-size:13px;display:block;margin-top:12px}.tool-nav-note p{font-size:11px;line-height:1.7;margin-bottom:0}.tool-content{padding:36px 41px 42px;min-width:0}.tool-panel[hidden],.result[hidden],.file-preview[hidden]{display:none!important}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.panel-head .overline{font-size:10px;letter-spacing:.15em;font-weight:850;color:#5d967e}.panel-head h3{font-size:29px;letter-spacing:-.05em;margin:10px 0 9px}.panel-head p{font-size:13px;line-height:1.65;color:#6c8188;max-width:410px;margin:0}.panel-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:12px;background:#e9f3ed;color:#448d71;font-size:23px;font-weight:700}.dropzone{border:1.5px dashed #adc7bd;background:#f8fbf8;border-radius:12px;min-height:155px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;margin:24px 0 20px;transition:background .2s,border-color .2s;cursor:pointer;text-align:center;padding:18px}.dropzone:hover,.dropzone.dragging{background:#edf8f1;border-color:#53a280}.dropzone-icon{font-size:20px;color:#3c866b;border:1px solid #c8dfd4;background:white;border-radius:9px;width:35px;height:35px;display:grid;place-items:center}.dropzone strong{font-size:13px}.dropzone>span:last-child{font-size:11px;color:#78908c}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:750;color:#31515e}.field select,.field textarea{background:white;color:var(--ink);border:1px solid #d2dedb;border-radius:8px;padding:12px 13px;width:100%;outline:none}.field select{min-height:44px}.field textarea{resize:vertical;min-height:115px;font-size:13px;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.field textarea:focus,.field select:focus{border-color:#6cac92;box-shadow:0 0 0 3px #cfe6da}.quality-field{margin-top:20px;display:block}.quality-field span{float:right;color:#679078}.quality-field input{display:block;accent-color:#347d63;width:100%;margin:15px 0 4px}.action{width:100%;margin-top:22px;min-height:48px;justify-content:space-between;padding:14px 19px}.file-preview{display:flex;gap:15px;align-items:center;border-radius:9px;background:#eef5f0;margin:0 0 19px;padding:10px}.file-preview img{width:55px;height:48px;object-fit:cover;border-radius:6px}.file-preview div{min-width:0;flex:1}.file-preview strong,.file-preview span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview strong{font-size:12px}.file-preview span{font-size:10px;color:#739188;margin-top:4px}.icon-button{background:transparent;border:0;font-size:23px;color:#61736b}.result{background:#f0f8f4;border:1px solid #c8e4d5;border-radius:10px;padding:15px;margin-top:18px;word-break:break-word}.result.error{background:#fff3f3;border-color:#e6bfc2;color:#8a2932}.result strong{font-size:12px;display:block;margin-bottom:8px}.result p{font-size:12px;margin:8px 0;line-height:1.5;color:#566f74}.result code{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all;display:block}.result a.download-link{display:inline-block;color:#fff;background:#275846;padding:11px 14px;border-radius:7px;font-size:12px;font-weight:750;margin-top:7px}.result button{font-size:12px;border:1px solid #b4d1c1;background:white;padding:8px 12px;border-radius:7px;margin-top:8px}.editor-label{margin-top:24px}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.button-row .button{padding:11px 15px;gap:6px}.inline-status{font-size:12px;font-weight:600;color:#317356;margin-top:12px;min-height:18px;line-height:1.5}.inline-status.error{color:#ab3746}.how-section{border-top:1px solid var(--line);padding-top:105px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.how-intro p{font-size:14px;line-height:1.85;color:#647985;max-width:375px;margin:23px 0}.steps{border-top:1px solid #d9e3dd}.step{display:grid;grid-template-columns:91px 1fr 35px;gap:14px;align-items:center;border-bottom:1px solid #d9e3dd;padding:30px 0}.step>span:first-child{font-size:10px;letter-spacing:.1em;color:#6da187;font-weight:850}.step h3{font-size:18px;letter-spacing:-.03em;margin:0}.step p{font-size:12px;line-height:1.75;color:#778c93;margin:8px 0 0}.step-glyph{font-size:22px;color:#70a78a}.faq-section{background:#edf3ef;padding:105px 0}.faq-wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.faqs details{border-bottom:1px solid #cddbd1;padding:19px 0}.faqs details:first-child{border-top:1px solid #cddbd1}.faqs summary{cursor:pointer;font-size:14px;font-weight:750;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.faqs summary::-webkit-details-marker{display:none}.faqs summary::after{content:'+';font-size:25px;color:#60927c;font-weight:400}.faqs details[open] summary::after{content:'−'}.faqs p{font-size:13px;line-height:1.8;color:#667d85;max-width:480px;padding-right:30px}.footer{background:#102a39;color:#d2e4de}.footer-main{padding:69px 0 60px;display:flex;justify-content:space-between;gap:50px}.footer-brand{color:white}.footer-brand .brand-mark{background:#d2e7df;color:#214a40;font-size:26px}.footer-brand .brand-light{color:#c2d4d0}.footer-brand small{color:#94b5b1}.footer-main p{font-size:12px;color:#9fbab7;line-height:1.7;margin-top:23px}.footer-links{display:flex;gap:88px}.footer-links>div{display:flex;flex-direction:column;gap:14px}.footer-links strong{color:#fff;font-size:12px;margin-bottom:6px}.footer-links a{font-size:12px;color:#aac0c0}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #345260;padding:20px 0 29px;display:flex;justify-content:space-between;color:#8daaae;font-size:11px}.privacy-page{padding:75px 0 120px;max-width:840px}.privacy-page h1{font-size:clamp(45px,6vw,70px);letter-spacing:-.06em;margin:20px 0}.privacy-page .intro{font-size:18px;color:#607680;line-height:1.75;max-width:700px}.privacy-page section{border-top:1px solid var(--line);padding:26px 0}.privacy-page h2{font-size:21px;letter-spacing:-.025em}.privacy-page p,.privacy-page li{font-size:14px;line-height:1.9;color:#647982}.privacy-page code{background:#e7eee9;padding:2px 5px;border-radius:3px}.privacy-page ul{padding-left:22px}
@media(max-width:950px){.shell{width:min(100% - 44px,1180px)}.hero{gap:20px}.hero-visual{padding:63px 23px}.visual-window{transform:none}.hero h1{font-size:57px}.workspace{grid-template-columns:290px minmax(0,1fr)}.tool-content{padding:30px 25px}.faq-wrap{gap:35px}}@media(max-width:720px){.topline{font-size:9px}.header{height:auto;padding-top:24px;padding-bottom:22px;display:block}.nav{margin-top:20px;gap:20px;flex-wrap:wrap}.nav-cta{padding:10px 13px}.hero{grid-template-columns:1fr;padding-top:25px;gap:0}.hero h1{font-size:clamp(50px,13vw,70px)}.hero-visual{height:360px;margin-top:30px;padding:35px 27px}.visual-window{height:290px;max-width:420px;margin:16px auto}.window-title{padding:22px}.window-title strong{font-size:30px}.visual-cards{margin:0 17px}.visual-cards>div{height:76px}.floating-bottom{display:none}.metrics{grid-template-columns:1fr 1fr;gap:23px;padding:27px 0}.metrics p{border:0;padding:0;font-size:11px}.metrics strong{font-size:30px}.tools-section{padding:80px 0}.section-heading{display:block}.workspace{display:block}.tool-nav{display:flex;overflow:auto;gap:8px;padding:12px}.tool-tab{flex:0 0 auto;width:155px;margin:0;padding:12px}.tool-tab small,.tool-tab .tab-arrow,.tool-nav-note{display:none}.tool-tab-icon{height:30px;width:30px;flex-basis:30px}.tool-tab strong{font-size:11px}.tool-content{padding:26px 20px 35px}.how-section,.faq-wrap{grid-template-columns:1fr;gap:38px;padding-top:70px;padding-bottom:75px}.faq-section{padding:0}.footer-main{padding-top:50px;flex-wrap:wrap}.footer-links{gap:50px}}@media(max-width:430px){.shell{width:calc(100% - 34px)}.nav{gap:13px}.nav a{font-size:11px}.hero-visual{padding:42px 14px 20px;height:335px}.visual-window{height:264px}.window-title strong{font-size:27px}.floating-top{right:12px;top:13px}.window-bottom{margin-top:9px}.trust-points{gap:12px}.field-grid{grid-template-columns:1fr}.panel-icon{display:none}.step{grid-template-columns:75px 1fr 20px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
