:root{--brand:#1f8a88;--brand-dark:#156467;--navy:#12283e;--ink:#12222f;--muted:#56697a;--faint:#8aa0ad;--bg:#f4f9f9;--card:#fff;--border:#dde9ec;--border-strong:#b9d5d4;--hairline:#e2ecee;--field:#f2f7f8;--tint:#e2f0f0;--tint-strong:#cde5e4;--success:#178a5a;--success-soft:#178a5a1f;--danger:#d5433c;--danger-soft:#d5433c1a;--radius:16px;--radius-s:14px;--radius-l:24px;--shadow:0 10px 30px #12283e14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:0 24px}header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.brand img{width:34px;height:34px}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{color:var(--muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--brand-dark)}.nav-links a.active{color:var(--brand-dark);text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:6px;font-weight:700;text-decoration-thickness:2px}.btn{background:linear-gradient(135deg, var(--brand), var(--navy));color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 26px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 6px 18px #1f8a8859}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1f8a8873}.btn.ghost{color:var(--brand-dark);border:1.5px solid var(--brand);box-shadow:none;background:#fff}.btn.ghost:hover{background:var(--tint)}.nav-links a.btn,.nav-links a.btn.active{color:#fff;font-weight:600;text-decoration:none}.i{vertical-align:middle;flex-shrink:0;width:22px;height:22px;display:inline-block}.h-i{vertical-align:-4px;width:24px;height:24px;color:var(--brand-dark);margin-right:10px}.heart-i{vertical-align:-2px;color:#ff6b81;width:14px;height:14px}footer{background:var(--navy);color:#c3d2de;margin-top:40px;padding:56px 0 28px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px;display:grid}.footer-grid h4{color:#fff;margin-bottom:14px;font-size:.95rem}.footer-grid a{color:#c3d2de;margin-bottom:8px;font-size:.9rem;text-decoration:none;display:block}.footer-grid a:hover{color:#fff}.footer-brand{color:#fff;align-items:center;gap:10px;margin-bottom:12px;font-size:1.1rem;font-weight:700;display:flex}.footer-brand img{width:30px;height:30px}.footer-grid p{max-width:280px;font-size:.88rem}.footer-bottom{border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:22px;font-size:.85rem;display:flex}@media (max-width:760px){.nav{flex-wrap:wrap;gap:8px 16px;height:auto;padding:12px 0}.nav-links{flex-wrap:wrap;gap:8px 16px}.nav-links a:not(.btn){font-size:.88rem}.nav-links .btn{padding:9px 18px;font-size:.88rem}.footer-grid{grid-template-columns:1fr 1fr}}
.hero{background:radial-gradient(900px 400px at 80% -10%, #1f8a8829, transparent 60%), radial-gradient(700px 380px at 5% 110%, #12283e1a, transparent 60%), linear-gradient(180deg, #fff 0%, var(--bg) 100%);text-align:center;padding:96px 0 110px;position:relative;overflow:hidden}.eyebrow{background:var(--tint);color:var(--brand-dark);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-bottom:22px;padding:6px 16px;font-size:.82rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.03em;max-width:800px;margin:0 auto 20px;font-size:clamp(2.3rem,5.5vw,3.6rem);font-weight:800;line-height:1.12}.hero h1 .accent{background:linear-gradient(135deg, var(--brand), var(--navy));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.lead{color:var(--muted);max-width:620px;margin:0 auto 36px;font-size:1.18rem}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:48px;margin-top:64px;display:flex}.hero-stats .stat b{color:var(--brand-dark);letter-spacing:-.02em;font-size:1.7rem;display:block}.hero-stats .stat span{color:var(--muted);font-size:.9rem}section{padding:84px 0}section.alt{background:#fff}section.tight{padding-top:24px}section.flush-bottom{padding-bottom:0}.section-head{text-align:center;max-width:640px;margin:0 auto 52px}.section-head h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800}.section-head p{color:var(--muted);font-size:1.05rem}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px;transition:transform .18s,box-shadow .18s,border-color .18s}.card:hover{border-color:var(--tint-strong);transform:translateY(-4px);box-shadow:0 16px 36px #12283e1f}.card .icon{background:linear-gradient(135deg, var(--tint), var(--tint-strong));width:46px;height:46px;color:var(--brand-dark);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:1.08rem}.card p{color:var(--muted);font-size:.93rem}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.step{text-align:center;padding:20px}.step .num{background:linear-gradient(135deg, var(--brand), var(--navy));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;font-size:1.1rem;font-weight:700;display:flex}.step h3{margin-bottom:6px;font-size:1.05rem}.step p{color:var(--muted);font-size:.92rem}.cta-band{background:radial-gradient(600px 300px at 85% -20%, #1f8a8880, transparent 65%), linear-gradient(135deg, #17414c, var(--navy));text-align:center;color:#fff;border-radius:22px;padding:56px 36px}.cta-band h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.2rem)}.cta-band p{opacity:.85;margin-bottom:28px}.cta-band .btn{color:var(--brand-dark);box-shadow:none;background:#fff}.cta-band .btn:hover{box-shadow:0 8px 20px #00000040}.cta-band-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.cta-link{color:#cfe3e2;font-size:.92rem;font-weight:600;text-decoration:none}.cta-link:hover{color:#fff}.tool-group{margin-bottom:56px}.tool-group h2{border-left:4px solid var(--brand);letter-spacing:-.01em;margin-bottom:20px;padding-left:14px;font-size:1.4rem}.prose{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;max-width:820px;margin:48px auto;padding:48px}.prose h1{letter-spacing:-.02em;margin-bottom:6px;font-size:2rem}.prose .updated{color:var(--muted);margin-bottom:32px;font-size:.9rem}.prose h2{letter-spacing:-.01em;margin:32px 0 10px;font-size:1.25rem}.prose p,.prose li{color:#33475e;font-size:.97rem}.prose ul{margin:10px 0;padding-left:22px}.prose li{margin-bottom:6px}.prose a{color:var(--brand-dark)}.page-hero{text-align:center;background:radial-gradient(700px 300px at 80% -30%, #1f8a881f, transparent 60%), linear-gradient(180deg, #fff 0%, var(--bg) 100%);padding:64px 0 48px}.page-hero h1{letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800}.page-hero p{color:var(--muted);max-width:560px;margin:0 auto;font-size:1.05rem}.support-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-bottom:56px;display:grid}.support-grid .contact-line{margin-top:12px}.support-grid .contact-line a{color:var(--brand-dark);font-weight:600}.faq{max-width:780px;margin:0 auto}.faq details{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:12px;overflow:hidden}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;padding:18px 22px;font-size:.98rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--brand);font-size:1.3rem;font-weight:400}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);padding:0 22px 18px;font-size:.94rem}@media (max-width:760px){.prose{padding:32px 22px}section{padding:60px 0}}
.backdrop{z-index:-1;background:var(--bg);position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);border-radius:50%;position:absolute}.blob-a{background:#1f8a881f;width:520px;height:520px;top:-140px;right:-80px}.blob-b{background:#12283e14;width:460px;height:460px;bottom:8%;left:-140px}.blob-c{background:#ff9f0a0f;width:380px;height:380px;top:42%;right:12%}.intro{text-align:center;padding:54px 0 34px}.intro h1{letter-spacing:-.02em;font-size:clamp(1.8rem,4.5vw,2.7rem);font-weight:800}.intro p{color:var(--muted);max-width:560px;margin:12px auto 0;font-size:1rem}.sec-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:34px 0 14px;font-size:.8rem;font-weight:700}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px;margin-bottom:8px;display:grid}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:left;color:var(--ink);width:100%;font:inherit;align-items:center;gap:13px;padding:15px 16px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.tool-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 14px 32px #12283e1f}.tool-card .tile{border-radius:var(--radius-s);background:var(--tint);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tool-card .tile .i{width:22px;height:22px;color:var(--brand-dark)}.tool-card.own .tile{background:var(--success-soft)}.tool-card.own .tile .i{color:var(--success)}.tool-card .t-text{min-width:0}.tool-card .t-name-row{align-items:center;gap:7px;display:flex}.tool-card .t-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:700;overflow:hidden}.tool-card .t-desc{color:var(--muted);word-break:break-word;margin-top:2px;font-size:.78rem}.free-badge{background:var(--success-soft);color:var(--success);letter-spacing:.06em;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.6rem;font-weight:700}.tool-card.locked{cursor:default;opacity:.9}.tool-card.locked:hover{border-color:var(--border);box-shadow:var(--shadow);transform:none}.tool-card.locked .tile{background:var(--field)}.tool-card.locked .tile .i{color:var(--faint)}.app-badge{background:var(--field);color:var(--muted);letter-spacing:.06em;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.6rem;font-weight:700;text-decoration:none}.app-badge:hover{color:var(--brand-dark)}.breadcrumb{color:var(--faint);align-items:center;gap:8px;margin:26px 0 20px;font-size:.86rem;display:flex}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--brand-dark)}.breadcrumb .i{width:14px;height:14px;color:var(--border-strong)}.breadcrumb span{color:var(--ink);font-weight:600}.tool-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:26px;padding:26px;overflow:hidden}.tool-head{align-items:center;gap:15px;margin-bottom:22px;display:flex}.tool-head>div{min-width:0;overflow:hidden}.tool-head .tile{border-radius:var(--radius-s);background:var(--success-soft);justify-content:center;align-items:center;width:54px;height:54px;display:flex}.tool-head .tile .i{width:28px;height:28px;color:var(--success)}.tool-head h1{letter-spacing:-.01em;font-size:1.35rem;font-weight:800}.tool-head p{color:var(--muted);overflow-wrap:break-word;word-break:break-word;margin-top:2px;font-size:.9rem}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);text-align:center;cursor:pointer;background:#1f8a880a;padding:34px 20px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:#1f8a8814}.dropzone .i{width:34px;height:34px;color:var(--brand-dark)}.dropzone p{margin-top:8px;font-size:.95rem;font-weight:600}.dropzone span{color:var(--faint);margin-top:4px;font-size:.78rem;display:block}.file-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.file-row{background:var(--field);border:1px solid var(--hairline);border-radius:var(--radius-s);align-items:center;gap:10px;padding:10px 14px;font-size:.86rem;display:flex}.file-row .i{color:var(--brand-dark);width:18px;height:18px}.file-row .f-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.file-row .f-size{color:var(--faint);font-size:.76rem}.file-row button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.file-row button .i{width:16px;height:16px;color:inherit}.file-row button:hover{color:var(--danger)}.params{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:20px;display:grid}.param label{color:var(--muted);margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.param input[type=text],.param input[type=number],.param select{border:1px solid var(--border);border-radius:var(--radius-s);width:100%;color:var(--ink);font:inherit;background:#fff;outline:none;padding:10px 13px;font-size:.9rem;transition:border-color .15s}.param input:focus,.param select:focus{border-color:var(--brand)}.param.check{align-items:center;gap:10px;display:flex}.param.check label{margin:0}.param.check input{width:17px;height:17px;accent-color:var(--brand)}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.primary-btn{background:linear-gradient(135deg, var(--brand), var(--navy));color:#fff;min-width:200px;font:inherit;cursor:pointer;border:none;border-radius:999px;flex:1;padding:14px 26px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 8px 22px #1f8a8859}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #1f8a8873}.primary-btn:disabled{opacity:.5;cursor:default}.ghost-btn{border:1.5px solid var(--brand);color:var(--brand-dark);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:14px 24px;font-size:.95rem;font-weight:600;transition:background .15s}.ghost-btn:hover{background:var(--tint)}.status{color:var(--muted);align-items:center;gap:9px;margin-top:18px;font-size:.9rem;display:flex}.spinner{border:2px solid var(--tint-strong);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--danger-soft);color:#a8322c;border-radius:var(--radius-s);border:1px solid #d5433c59;margin-top:18px;padding:12px 16px;font-size:.88rem}.result-box{background:var(--success-soft);border-radius:var(--radius-s);border:1px solid #178a5a4d;margin-top:18px;padding:16px 18px}.result-box .r-head{color:var(--success);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.result-box .r-head .i{width:18px;height:18px}.result-box .r-name{color:var(--muted);word-break:break-all;margin-top:3px;font-size:.83rem}.result-box .actions{margin-top:14px}.text-output{border:1px solid var(--border);border-radius:var(--radius-s);width:100%;min-height:220px;color:var(--ink);resize:vertical;background:#fff;outline:none;margin-top:18px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.83rem}.file-input{opacity:0;z-index:-1;width:.1px;height:.1px;position:absolute;overflow:hidden}.tools-note{text-align:center;color:var(--faint);margin-top:26px;font-size:.82rem}.tools-note a{color:var(--muted)}.tools-note a:hover{color:var(--brand-dark)}.tool-content{margin-bottom:40px}.tool-content h2{letter-spacing:-.01em;margin-bottom:12px;font-size:1.3rem;font-weight:800}.tool-content p{color:var(--muted);max-width:720px;font-size:.95rem;line-height:1.7}.related-tools{margin-bottom:40px}.related-tools h2{letter-spacing:-.01em;margin-bottom:16px;font-size:1.1rem;font-weight:800}@media (max-width:640px){.tool-grid{grid-template-columns:1fr}.tool-panel{padding:20px 16px}}
.auth-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);max-width:420px;margin:56px auto;padding:36px 32px}.auth-card h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.auth-sub{color:var(--muted);margin:6px 0 22px;font-size:.93rem}.auth-field{margin-bottom:14px}.auth-field label{color:var(--muted);margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.auth-field input{border:1px solid var(--border);border-radius:var(--radius-s);width:100%;color:var(--ink);font:inherit;background:#fff;outline:none;padding:11px 13px;font-size:.95rem;transition:border-color .15s}.auth-field input:focus{border-color:var(--brand)}.auth-submit{width:100%;margin-top:8px}.auth-links{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:18px;font-size:.88rem;display:flex}.auth-links a{color:var(--brand-dark);font-weight:600}.link-btn{color:var(--brand-dark);font:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.auth-legal{color:var(--faint);margin-top:18px;font-size:.8rem}.auth-legal a{color:var(--muted)}.auth-notice{margin-top:14px;font-size:.88rem}.verify-note{background:var(--tint);border:1px solid var(--tint-strong);border-radius:var(--radius-s);color:var(--brand-dark);align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:.88rem;display:flex}.verify-note .i{width:18px;height:18px;margin-top:2px}.login-gate{background:var(--tint);border:1px solid var(--tint-strong);border-radius:var(--radius-s);text-align:center;margin-top:18px;padding:20px}.login-gate h3{margin-bottom:6px;font-size:1.02rem}.login-gate p{color:var(--muted);max-width:440px;margin:0 auto;font-size:.9rem}.login-gate .actions{justify-content:center}.login-gate .primary-btn,.login-gate .ghost-btn{text-align:center;flex:0 auto;min-width:150px;text-decoration:none;display:inline-block}.credit-card{background:linear-gradient(135deg, #17414c, var(--navy));border-radius:var(--radius);color:#fff;margin-bottom:18px;padding:22px}.credit-head{align-items:center;gap:8px;display:flex}.credit-head .i{color:#7fe0da;width:18px;height:18px}.credit-head h2{letter-spacing:.02em;font-size:.95rem;font-weight:700}.credit-balance{letter-spacing:-.02em;margin:6px 0 4px;font-size:2.4rem;font-weight:800}.credit-card p{opacity:.8;font-size:.83rem}.credit-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.credit-btn{color:#fff;font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:7px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:background .15s;display:inline-flex}.credit-btn:hover{background:#ffffff38}.credit-btn .i{width:16px;height:16px}
.ad-container{justify-content:center;align-items:center;width:100%;min-height:90px;margin:24px 0;display:flex;overflow:hidden}.ad-container.ad-placeholder{background:var(--field);border:1px dashed var(--border);border-radius:var(--radius-s);min-height:90px}.ad-container.ad-placeholder span{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.ad-container.ad-narrow{max-width:300px;margin-left:auto;margin-right:auto}