:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--afh-bg:#080d1a;--afh-surface:#101827;--afh-text:#eef3ff;--afh-muted:#a3b0c8;--afh-line:#283449;--afh-cyan:#6ae4f2;--afh-purple:#b9a1ff;--afh-pink:#eda6d6;--afh-radius:20px;background:var(--afh-bg);color:var(--afh-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.55}*{box-sizing:border-box}body{background:radial-gradient(at 70% 0,#4b3d9021,#0000 40%),radial-gradient(at 0 20%,#239bb00e,#0000 35%);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}input,textarea,select{color:var(--afh-text);background:#0a1221;border:1px solid #354159;border-radius:11px;outline:none;width:100%;min-height:46px;padding:11px 13px}input::placeholder,textarea::placeholder{color:#8390a9}input[type=checkbox]{accent-color:var(--afh-cyan);flex-shrink:0;width:19px;min-height:19px;margin:0}input[type=range]{accent-color:var(--afh-cyan);border:0;min-height:40px;padding:0}textarea{resize:vertical;line-height:1.65;display:block}select{padding-right:28px}fieldset{border:0;min-width:0;margin:0;padding:0}[hidden]{display:none!important}:focus-visible{outline-offset:4px;outline:3px solid #8decfa}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.2}h2{font-size:25px;font-weight:650}h3{font-size:18px;font-weight:630}small{color:var(--afh-muted);font-size:12px}svg{width:25px;height:25px;display:block}.muted{color:var(--afh-muted)}.eyebrow{letter-spacing:.17em;color:var(--afh-cyan);font-size:10px;font-weight:750}.site-header,main,footer{width:min(1200px,100% - 80px);margin:auto}.site-header{border-bottom:1px solid #677ea42e;justify-content:space-between;align-items:center;gap:20px;height:92px;display:flex}.brand{white-space:nowrap;align-items:center;gap:17px;display:flex}.brand-name{letter-spacing:.12em;font-size:13px;font-weight:800}.brand-divider{color:#57637c;font-size:22px;font-weight:300}.brand-product{color:#c2cde1;font-size:14px}.site-header nav{align-items:center;gap:30px;font-size:12px;display:flex}.nav-link{padding:12px 4px}.header-status{color:var(--afh-muted);font-size:11px}main{min-height:calc(100vh - 190px);padding-bottom:64px}.hero-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:68px 0 64px;display:grid}.hero .eyebrow{align-items:center;gap:8px;display:flex}.live-dot{background:var(--afh-cyan);border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #6ae4f277}.hero h1{letter-spacing:-.055em;margin:22px 0 21px;font-size:clamp(42px,4.7vw,62px);font-weight:680;line-height:1.075}.gradient-text{color:#0000;background:linear-gradient(95deg,#80e8ed,#aaa9ff 65%,#d5adf5);-webkit-background-clip:text;background-clip:text}.hero-description{color:#d6dfed;font-size:17px;line-height:1.9}.hero-description span{color:var(--afh-muted);font-size:14px}.hero-benefits{color:#b9c5d9;flex-wrap:wrap;align-items:center;gap:19px;margin-top:27px;font-size:11px;display:flex}.privacy{color:#94e8da;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.hero-feature{background:radial-gradient(at 85% 20%,#40375945,#0000 55%),linear-gradient(125deg,#14232b90,#181b3190);border:1px solid #323753;border-radius:22px;align-items:flex-end;min-height:275px;padding:36px;display:flex;position:relative;overflow:hidden}.feature-copy{z-index:1;width:65%;position:relative}.feature-copy .eyebrow{color:#a6b7d5;font-size:9px}.feature-copy h2{margin:13px 0 10px;font-size:25px;line-height:1.25}.feature-copy p{color:var(--afh-muted);max-width:235px;font-size:12px}.feature-art{pointer-events:none;position:absolute;inset:0}.orbit{border:1px solid #a6adfb13;border-radius:50%;width:280px;height:280px;position:absolute;top:15px;right:-110px}.orbit-two{width:400px;height:400px;top:-45px;right:-170px}.feature-tile{background:linear-gradient(135deg,#263c4c,#25243d);border:1px solid #5c658555;border-radius:16px;place-items:center;display:grid;position:absolute;box-shadow:0 12px 40px #0003}.tile-one{width:68px;height:68px;color:var(--afh-cyan);top:42px;right:56px;transform:rotate(-12deg)}.tile-two{width:55px;height:55px;color:var(--afh-purple);top:133px;right:22px;transform:rotate(10deg)}.tile-three{width:46px;height:46px;color:var(--afh-pink);top:24px;right:139px;transform:rotate(8deg)}.catalog-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.catalog-heading h2{margin-top:9px}.catalog-heading .eyebrow{color:#8e9db7;font-size:9px}.search-wrap{width:300px}.search{background:#0e1625;min-height:48px;padding-left:18px;font-size:13px}.filter-row{justify-content:space-between;align-items:center;gap:14px;margin:27px 0 23px;display:flex}.filter-row>.muted{white-space:nowrap;font-size:11px}.filters{flex-wrap:wrap;gap:7px;display:flex}.filter{color:var(--afh-muted);background:0 0;border:1px solid #0000;border-radius:9px;min-height:44px;padding:9px 17px;font-size:12px}.filter:hover{color:var(--afh-text);background:#141f30}.filter.active{color:#a9eef4;background:#14303a;border-color:#376675}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{border:1px solid var(--afh-line);background:linear-gradient(125deg,#141e2ed4,#101725d4);border-radius:16px;flex-direction:column;min-height:205px;padding:25px 24px 19px;transition:transform .18s,border-color .18s,background .18s;display:flex}.tool-card:hover{background:linear-gradient(125deg,#1a293b,#171e31);border-color:#566b8a;transform:translateY(-3px)}.card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tool-icon{color:#75dbe9;background:#1a394333;border:1px solid #42737d44;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.category-pdf .tool-icon{color:#b4a2f7;background:#3e345333;border-color:#7e659a44}.category-text .tool-icon{color:#a0c7fd;background:#283f6233;border-color:#587aa344}.category-developer .tool-icon{color:#eda6d6;background:#4f2d4a33;border-color:#8b608344}.category-everyday .tool-icon{color:#9edac9;background:#2c463f33;border-color:#618c7f44}.tag{color:#b2c0d8;border:1px solid #38455c;border-radius:6px;padding:3px 8px;font-size:9px}.tool-card h3{font-size:17px}.tool-card p{color:var(--afh-muted);flex:1;margin-top:9px;font-size:12px;line-height:1.65}.card-bottom{color:#92a4bd;border-top:1px solid #28344999;justify-content:space-between;align-items:center;gap:8px;margin-top:22px;padding-top:14px;font-size:10px;display:flex}.card-action{color:#c1d5e5}.card-action span{margin-left:5px}.privacy-strip{background:linear-gradient(100deg,#132b3244,#151e2e33);border:1px solid #263b49;border-radius:16px;align-items:center;gap:19px;margin-top:36px;padding:25px 29px;display:flex}.privacy-mark{color:#79c9c8;font-size:33px}.privacy-strip h2{letter-spacing:-.01em;font-size:16px}.privacy-strip p{color:var(--afh-muted);margin-top:7px;font-size:12px}footer{border-top:1px solid #243047;justify-content:space-between;gap:20px;padding:24px 0 30px;font-size:10px;display:flex}.back-link{color:var(--afh-muted);margin-top:22px;padding:14px 0;font-size:12px;display:inline-block}.tool-heading{align-items:center;gap:20px;margin:19px 0;display:flex}.tool-heading>.tool-icon{border-radius:17px;width:58px;height:58px}.tool-heading h1{margin:7px 0 10px;font-size:clamp(25px,3vw,36px)}.tool-heading .muted{font-size:14px}.tool-privacy{color:var(--afh-muted);border-bottom:1px solid #233047;align-items:center;gap:18px;margin-bottom:6px;padding:0 0 28px;font-size:12px;display:flex}.tool-workspace{padding-top:24px}.workspace-grid{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.panel{border:1px solid var(--afh-line);border-radius:var(--afh-radius);background:linear-gradient(135deg,#121d2de8,#111827e8);min-width:0;padding:27px}.panel>h2{margin-bottom:22px;font-size:20px}.panel>p{margin-top:12px}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:18px;display:flex}.field label{color:#d7e1f2;font-size:12px;font-weight:550}.field small{line-height:1.65}.two-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.controls{flex-direction:column;display:flex}.range{align-items:center;gap:15px;display:flex}.range output{min-width:40px;color:var(--afh-cyan);font-size:13px}.toggle{color:#d0daec;align-items:center;gap:10px;min-height:44px;padding:7px 0;font-size:13px;display:flex}.toggle-list{gap:8px;display:grid}.actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.btn{color:#dce6f7;text-align:center;background:#1a2639;border:1px solid #3a4963;border-radius:10px;justify-content:center;align-items:center;min-height:45px;padding:11px 17px;font-size:12px;font-weight:650;transition:background .15s,transform .15s;display:inline-flex}.btn:hover:not(:disabled){background:#26344c;transform:translateY(-1px)}.btn.primary{color:#091725;background:linear-gradient(110deg,#9cecf0,#a9bdfb);border-color:#0000;box-shadow:0 4px 20px #6ae4f210}.btn.primary:hover:not(:disabled){background:linear-gradient(110deg,#b8f2f5,#c1ceff)}.notice{color:#acbbd1;background:#0a122177;border-left:2px solid #637294;margin:16px 0;padding:13px 15px;font-size:12px;line-height:1.7}.status{color:#b2eee1;overflow-wrap:anywhere;background:#14312e;border:1px solid #2d655c;border-radius:10px;margin-top:18px;padding:13px 16px;font-size:13px}.status.error{color:#ffd2e5;background:#352334;border-color:#8e5b78}.upload{text-align:center;background:#121f3355;border:1px dashed #4c5e7c;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:29px 18px;transition:border-color .15s;display:flex;position:relative}.upload:hover,.upload.drag{border-color:var(--afh-cyan);background:#15313b55}.upload:focus-within{outline-offset:4px;outline:3px solid #8decfa}.upload strong{font-size:14px}.upload .muted{font-size:11px}.upload-icon{color:var(--afh-cyan);font-size:29px;line-height:1.3}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-card{background:#0c1523;border:1px solid #304059;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-top:12px;padding:14px;display:flex}.file-details{flex-direction:column;gap:3px;min-width:0;display:flex}.file-details strong{overflow-wrap:anywhere;font-size:12px}.file-actions{flex-wrap:wrap;flex-shrink:0;gap:5px;display:flex}.file-actions .btn{min-height:44px;padding:7px 10px}.image-preview{object-fit:contain;background:repeating-conic-gradient(#dbe0e9 0% 25%,#eff1f5 0% 50%) 50%/20px 20px;border-radius:10px;max-width:100%;max-height:320px;margin:18px auto 0;display:block}.result{border-radius:var(--afh-radius);background:linear-gradient(125deg,#142b3044,#141d3044);border:1px solid #426367;min-width:0;margin-top:24px;padding:27px}.result>.eyebrow{margin-bottom:17px}.result>h2{font-size:22px}.result>p{margin:12px 0}.result .btn{margin-top:10px}.result .file-card .btn{margin-top:0}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.metric{background:#131f30;border:1px solid #2b3e53;border-radius:12px;flex-direction:column;gap:7px;min-width:0;padding:17px 13px;display:flex}.metric strong{color:#d0edf4;overflow-wrap:anywhere;font-size:24px;line-height:1.2}.metric span{color:var(--afh-muted);font-size:11px}.text-metrics{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:0}.code{tab-size:2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.hash{word-break:break-all}.password-output{color:#bfeef1;word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:23px;line-height:1.65}.strength{color:#a7e2cd;font-size:12px}.conversion{min-height:340px;padding-top:35px}.conversion-value{letter-spacing:-.04em;color:#b7e8fa;overflow-wrap:anywhere;margin:30px 0 10px;font-size:clamp(32px,4vw,56px);font-weight:650;display:block}.conversion .btn{margin-top:18px}.qr-result .result{background:0 0;border:0;margin:0;padding:0}.qr-result{min-height:400px}.qr-preview{border-radius:8px;width:280px;max-width:100%;height:auto;margin:0 auto;display:block}.qr-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:345px;display:flex}.qr-empty>span{color:#7187a8;font-size:65px}.qr-empty h2{font-size:21px}.qr-empty p{font-size:13px}.empty{text-align:center;border:1px dashed #3a4d69;border-radius:18px;grid-column:1/-1;padding:60px 20px}.empty h1,.empty h3{margin-bottom:15px}.empty p{color:var(--afh-muted);margin:12px 0 22px}.skip{clip-path:inset(50%);color:#091725;z-index:10;background:#b8eaf7;padding:12px;position:fixed;top:-100px;left:20px}.skip:focus{clip-path:none;top:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#toast{bottom:max(22px, env(safe-area-inset-bottom));color:#101e2b;opacity:0;pointer-events:none;z-index:20;background:#d8edf2;border-radius:12px;width:max-content;max-width:calc(100% - 32px);padding:12px 20px;font-size:13px;transition:all .2s;position:fixed;left:50%;transform:translate(-50%,20px);box-shadow:0 8px 40px #0005}#toast.visible{opacity:1;transform:translate(-50%)}@media (min-width:1600px){.site-header,main,footer{width:min(1320px,100% - 120px)}.hero-layout{padding:82px 0}.hero h1{font-size:70px}.tool-card{padding:29px}.hero-feature{min-height:305px}}@media (max-width:1000px){.site-header,main,footer{width:calc(100% - 48px)}.hero-layout{gap:30px;padding:48px 0}.hero-feature{padding:24px}.feature-copy{width:78%}.feature-art{opacity:.7}.tile-three{display:none}.tile-one{right:20px}.tile-two{right:0}.tool-grid{gap:12px}.tool-card{padding:20px 17px}.tool-card h3{font-size:16px}.panel,.result{padding:22px}.file-card{flex-wrap:wrap}.text-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.header-status{display:none}}@media (max-width:720px){.site-header,main,footer{width:calc(100% - 36px)}.site-header{height:75px}.brand{gap:10px}.brand-name{letter-spacing:.1em;font-size:10px}.brand-product{font-size:12px}.brand-divider{font-size:18px}.site-header nav{font-size:11px}.hero-layout{grid-template-columns:1fr;gap:25px;padding:36px 0 38px}.hero h1{margin:20px 0;font-size:50px}.hero-feature{min-height:175px;padding:24px}.feature-copy{width:70%}.feature-copy .eyebrow{font-size:8px}.feature-copy h2{margin:10px 0;font-size:21px}.feature-copy h2 br{display:none}.feature-copy p{max-width:255px}.tile-one{width:54px;height:54px;top:24px;right:45px}.tile-two{width:44px;height:44px;top:94px;right:20px}.catalog-heading{flex-direction:column;align-items:start;gap:21px}.catalog-heading h2{font-size:24px}.search-wrap{width:100%}.filter-row{margin:17px 0}.filter-row>.muted{display:none}.filter{padding:8px 13px}.filters{gap:3px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-top{margin-bottom:16px}.tag{padding:2px 5px;font-size:8px}.tool-card{min-height:220px;padding:18px 15px}.tool-card h3{font-size:16px}.tool-card p{font-size:11px}.tool-icon{width:36px;height:36px}.tool-icon svg{width:23px;height:23px}.card-bottom{font-size:9px}.card-action{font-size:0}.card-action span{font-size:15px}.privacy-strip{padding:22px 18px}.privacy-strip h2{font-size:15px}.privacy-strip p{font-size:11px}footer{padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:9px}.workspace-grid{grid-template-columns:1fr;gap:18px}.tool-heading{gap:14px}.tool-heading>.tool-icon{width:48px;height:48px}.tool-heading .muted{font-size:12px}.tool-privacy{flex-direction:column;align-items:start;gap:6px;font-size:11px}.panel,.result{padding:20px}.tool-workspace{padding-top:16px}.back-link{margin-top:15px}.conversion{min-height:280px}.password-output{font-size:20px}}@media (max-width:380px){.site-header,main,footer{width:calc(100% - 28px)}.hero h1{font-size:44px}.hero .eyebrow{font-size:8px}.hero-benefits{gap:13px}.feature-copy{width:75%}.feature-copy h2{font-size:19px}.feature-art{opacity:.5}.tool-card{padding:16px 12px}.tool-card h3{font-size:15px}.tag{overflow-wrap:anywhere;max-width:60px}.panel{padding:17px}.filter{padding:8px 10px}.metric strong{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}main:focus{outline:none}
