:root{--ink:#18233b;--muted:#637087;--blue:#5961f2;--blue-dark:#4249d6;--bg:#f7f8fc;--line:#e1e6ef;--soft:#edf1ff;--white:#fff;--green:#0f8061;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #94b0ff}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,input,select,textarea{max-width:100%}svg{width:24px;height:24px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.13}h2{font-size:34px}h3{font-size:21px}p{color:var(--muted)}.wrap{width:min(1160px,calc(100% - 56px));margin:auto}.skip{position:fixed;left:12px;top:-100px;padding:12px;background:var(--ink);color:white;z-index:99}.skip:focus{top:12px}.topbar{height:85px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:20px;letter-spacing:-.045em;line-height:1.05;font-weight:800;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:3px;padding:10px;border-radius:12px;background:var(--blue);transform:rotate(-4deg)}.brand-mark i{background:#fff;border-radius:2px}.brand-mark i:last-child{background:#7de5c0;transform:rotate(18deg)}.nav-links{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}.nav-links a:hover{color:var(--blue)}.nav-tag{font-size:12px;padding:7px 12px;border-radius:30px;background:#eff9f3;color:var(--green);border:1px solid #daefe2;white-space:nowrap}.button{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:11px;min-height:46px;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:14px;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:var(--blue-dark);transform:translateY(-1px)}.button svg{width:19px;height:19px}.button.secondary{color:var(--ink);background:#fff;border-color:var(--line)}.button.secondary:hover{background:var(--soft)}.button.small{font-size:12px;padding:7px 12px;min-height:35px}.button.ghost{background:transparent;color:var(--muted);border-color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:11px;color:var(--blue)}.eyebrow:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:currentColor}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;padding:78px 0 56px;align-items:center}.hero h1{font-size:75px;margin:20px 0 22px;letter-spacing:-.065em;line-height:1.035}.hero h1 span{color:var(--blue)}.hero p{font-size:17px;max-width:440px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:29px}.hero-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:20px}.hero-note svg{width:16px;height:16px;color:var(--green)}.hero-visual{background:#edf1fc;border:1px solid #e1e7f8;border-radius:30px;position:relative;min-height:372px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.hero-visual:before,.hero-visual:after{content:'';position:absolute;border:1px dashed #c5d0ee;border-radius:50%;width:370px;height:370px;z-index:-1;transform:rotate(-12deg)}.hero-visual:after{width:270px;height:270px;transform:rotate(20deg)}.demo-card{width:78%;max-width:342px;border:1px solid #d9dfec;background:white;border-radius:16px;box-shadow:0 16px 36px #36426b12;transform:rotate(-3deg);overflow:hidden}.demo-bar{padding:12px 17px;border-bottom:1px solid var(--line);font-size:10px;color:#7b879b;display:flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.13em}.demo-bar i{width:5px;height:5px;background:#cad3e2;border-radius:50%}.demo-bar span{margin-left:auto}.demo-body{padding:22px}.demo-file{display:flex;align-items:center;gap:14px}.art-thumb{width:58px;height:64px;border-radius:10px;background:#e8f5ef;position:relative;overflow:hidden;flex-shrink:0}.art-thumb:before{content:'';position:absolute;width:30px;height:30px;border-radius:6px;background:#409575;bottom:-9px;left:0;transform:rotate(45deg)}.art-thumb:after{content:'';position:absolute;width:46px;height:46px;border-radius:7px;background:#77bca0;bottom:-12px;right:-13px;transform:rotate(45deg)}.art-thumb i{position:absolute;top:10px;left:12px;width:10px;height:10px;border-radius:50%;background:#f3c967}.demo-file strong{font-size:14px}.demo-file small{display:block;font-size:11px;color:var(--muted)}.demo-progress{margin:20px 0 8px;height:5px;border-radius:9px;background:#edf0f5;overflow:hidden}.demo-progress i{display:block;width:100%;height:100%;background:#66b08e}.demo-result{display:flex;align-items:center;justify-content:space-between;font-size:12px}.demo-result strong{color:var(--green)}.demo-bottom{background:#f7f9fe;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.demo-bottom b{color:var(--blue)}.float-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:57px;height:57px;background:white;border:1px solid #e2e7f0;border-radius:15px;box-shadow:0 8px 25px #2532540c}.float-icon.one{right:19px;top:25px;color:var(--blue);transform:rotate(8deg)}.float-icon.two{left:15px;bottom:25px;color:#b66b29;transform:rotate(-12deg)}.float-icon.three{right:24px;bottom:27px;color:#7452bb;transform:rotate(9deg)}.proof-row{border:1px solid var(--line);border-radius:15px;background:white;padding:20px 26px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.proof-item{display:flex;gap:12px;align-items:center}.proof-item svg{color:var(--blue);width:22px}.proof-item strong{font-size:13px;display:block;letter-spacing:-.01em}.proof-item small{display:block;font-size:11px;color:var(--muted)}.section{padding:58px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head .eyebrow{margin-bottom:11px}.section-head p{font-size:14px;margin-top:10px}.search{position:relative;width:300px}.search svg{position:absolute;left:14px;top:13px;color:var(--muted);width:20px;height:20px}.search input{width:100%;padding:12px 15px 12px 43px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:13px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter{padding:8px 16px;border-radius:30px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:13px}.filter.active{color:#fff;background:var(--ink);border-color:var(--ink)}.filter:hover:not(.active){background:white;color:var(--ink)}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tool-card{display:block;border:1px solid var(--line);background:#fff;border-radius:17px;padding:25px;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative}.tool-card:hover{transform:translateY(-3px);border-color:#b4c1f2;box-shadow:0 12px 24px #1d2f6310}.card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.tool-icon{display:flex;width:46px;height:46px;border-radius:13px;align-items:center;justify-content:center;background:#edf1ff;color:#3c5fca}.tool-icon.pdf{color:#b15b4b;background:#fff0eb}.tool-icon.text{color:#8361aa;background:#f3ecfb}.tool-icon.helpers{color:#2e896e;background:#eaf6f0}.tool-icon svg{width:24px;height:24px}.card-arrow{color:#91a0b6}.card-arrow svg{width:18px;height:18px}.tool-card h3{font-size:19px;letter-spacing:-.025em}.tool-card p{margin-top:9px;font-size:13px;line-height:1.65;min-height:43px}.card-bottom{display:flex;gap:12px;align-items:center;margin-top:21px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#7e8b9d}.card-bottom b{color:var(--green);font-size:10px}.promise-card{grid-column:span 2;background:var(--ink);color:#fff;border-radius:18px;padding:30px;display:flex;align-items:center;gap:28px}.promise-card h3{font-size:28px;max-width:300px}.promise-card p{color:#b9c4d8;font-size:13px;margin-top:12px;max-width:380px}.promise-card svg{width:65px;height:65px;color:#a9dcca;stroke-width:1.1}.promise-card a{display:inline-flex;align-items:center;gap:7px;color:#c9d5ff;font-size:12px;margin-top:15px}.promise-card a svg{width:15px;height:15px}.empty-state{padding:30px;border:1px dashed var(--line);text-align:center;background:white;border-radius:16px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:28px}.how-grid article{border-top:1px solid var(--line);padding-top:24px}.step-num{font-size:11px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;justify-content:center;background:var(--soft);border-radius:50%;width:32px;height:32px;margin-bottom:18px}.how-grid h3{font-size:21px}.how-grid p{font-size:14px;line-height:1.75;margin-top:10px}.faq{max-width:850px;margin:auto}.faq h2{margin-bottom:24px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none;position:relative;padding-right:35px}.faq summary:after{content:'+';position:absolute;right:3px;font-size:22px;color:var(--muted);top:-6px}.faq details[open] summary:after{content:'-';top:-3px}.faq details p{margin-top:13px;font-size:14px;line-height:1.75}.footer{background:white;border-top:1px solid var(--line);margin-top:50px;padding:36px 0 20px}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px}.footer .brand{font-size:18px}.footer p{margin-top:13px;font-size:12px;max-width:310px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.footer-bottom{margin-top:30px;border-top:1px solid #edf0f6;padding-top:17px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#7d8a9d}.stage-note{background:#fff8eb;border-bottom:1px solid #eee4cd;font-size:11px;color:#7c642d;padding:7px;text-align:center}.breadcrumb{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px;padding-top:30px}.breadcrumb svg{width:13px;height:13px}.tool-heading{max-width:820px;margin:30px auto 28px;text-align:center}.tool-heading .tool-icon{margin:0 auto 15px}.tool-heading h1{font-size:44px}.tool-heading p{margin:15px auto 0;font-size:16px;max-width:650px}.tool-badges{display:flex;gap:16px;justify-content:center;margin-top:16px;font-size:11px;color:var(--muted)}.tool-badges span{display:flex;align-items:center;gap:5px}.tool-badges svg{width:14px;height:14px;color:var(--green)}.workbench{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 9px 36px #24386006;overflow:hidden;max-width:960px;margin:auto}.workbench-body{padding:30px}.upload-zone{border:1.5px dashed #cbd4ef;background:#f8faff;border-radius:15px;text-align:center;padding:27px 18px}.upload-zone.dragging{border-color:var(--blue);background:#edf2ff}.upload-zone .upload-symbol{color:var(--blue);display:flex;justify-content:center;margin-bottom:13px}.upload-zone .upload-symbol svg{width:33px;height:33px}.upload-zone strong{display:block;margin-bottom:7px;font-size:17px}.upload-zone p{font-size:12px;margin:9px 0 15px}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-list{margin-top:14px;display:grid;gap:8px}.file-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px 12px;border-radius:10px;font-size:12px}.file-item .file-name{flex:1;min-width:0;overflow-wrap:anywhere}.file-item small{display:block;color:var(--muted)}.file-item button{border:0;background:#f2f5fa;padding:4px 7px;border-radius:6px;color:var(--muted);font-size:12px;min-width:27px}.file-item button:hover{background:#e5ebf8}.settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label,.field-label{font-size:12px;font-weight:700}.field input:not([type=checkbox]),.field select{width:100%;border:1px solid #d8dfeb;border-radius:9px;background:#fff;padding:10px 12px;color:var(--ink);min-height:43px}.field input[type=range]{padding:0;accent-color:var(--blue);height:43px}.field small{font-size:10px;line-height:1.6;color:var(--muted)}.checkline{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin:8px 0 16px}.checkline input{accent-color:var(--blue);width:16px;height:16px}.action-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.action-row small{font-size:11px;color:var(--muted)}.status{font-size:13px;padding:0;line-height:1.6}.status:not(:empty){padding:13px 15px;border-radius:10px;background:#eef5ff;margin-top:18px;color:#2c5289}.status.error{background:#fff0ed;color:#9b3427}.status.success{background:#edf8f2;color:#24654b}.status.warning{background:#fff7e7;color:#8a621c}.results{display:grid;gap:12px;margin-top:20px}.result-card{border:1px solid #dce8e1;border-radius:12px;padding:16px;display:flex;align-items:center;gap:17px;background:#fbfefc;min-width:0}.result-card img{width:84px;height:66px;object-fit:contain;border:1px solid #e5e9ee;border-radius:7px;background:repeating-conic-gradient(#f0f1f3 0 25%,white 0 50%) 0 0/12px 12px}.result-card .result-info{flex:1;min-width:0}.result-card h3{font-size:14px;overflow-wrap:anywhere;letter-spacing:-.015em}.result-card p{font-size:11px;margin-top:6px;overflow-wrap:anywhere}.result-card .saving{color:var(--green);font-weight:700;font-size:11px}.workbench-foot{padding:14px 30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);background:#fafbfd;display:flex;align-items:center;gap:8px}.workbench-foot svg{width:14px;height:14px}.tool-copy{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;max-width:960px;margin:42px auto 0}.tool-copy h2{font-size:24px;margin-bottom:17px}.tool-copy p{font-size:14px;line-height:1.85;margin-bottom:15px}.instruction{display:flex;align-items:start;gap:13px;margin:18px 0}.instruction .step-num{flex-shrink:0;margin:0;width:27px;height:27px}.instruction p{margin:0;font-size:13px}.limit-note{padding:23px;border:1px solid var(--line);border-radius:15px;background:#fff}.limit-note h3{font-size:16px;margin-bottom:12px}.limit-note p{font-size:12px;line-height:1.8;margin-bottom:10px}.related{max-width:960px;margin:44px auto}.related h2{font-size:24px;margin-bottom:19px}.text-area{resize:vertical;min-height:220px;width:100%;padding:17px;border:1px solid #d8dfeb;border-radius:12px;line-height:1.8;color:var(--ink);background:#fdfefe}.text-area[readonly]{background:#f7f9fd}.text-label{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600}.text-label span{color:var(--muted);font-weight:400;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{background:#f6f8fc;border:1px solid #e9edf5;border-radius:12px;padding:16px;text-align:center}.stat strong{font-size:28px;font-weight:700;display:block;letter-spacing:-.055em}.stat span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.text-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.text-actions button{padding:9px 13px;font-size:12px;background:#f1f4fc;border:1px solid #e0e6f5;border-radius:8px;color:#3c5178}.text-actions button:hover{background:#e4ebfc}.double-text{display:grid;grid-template-columns:1fr 1fr;gap:20px}.qr-layout{display:grid;grid-template-columns:1fr 290px;gap:28px}.qr-preview{display:flex;align-items:center;justify-content:center;min-height:260px;border:1px dashed #d3daea;background:#fbfcff;border-radius:15px;flex-direction:column;gap:14px}.qr-preview canvas{display:block;max-width:230px;max-height:230px;image-rendering:pixelated}.qr-preview>svg{width:65px;height:65px;color:#a9b5cb}.qr-preview p{font-size:12px;padding:20px;text-align:center}.calc-result{background:#edf7f1;border:1px solid #d6ebdf;border-radius:14px;padding:22px;text-align:center;margin-top:20px}.calc-result strong{font-size:35px;letter-spacing:-.045em;display:block;color:#267351;overflow-wrap:anywhere}.calc-result p{font-size:12px;margin-top:7px}.article{max-width:820px;margin:50px auto}.article h1{font-size:43px;margin-bottom:21px}.article .lead{font-size:17px;margin-bottom:32px}.article h2{font-size:24px;margin-top:29px;margin-bottom:12px}.article p{font-size:14px;line-height:1.9;margin-bottom:14px}.article a{color:var(--blue);text-decoration:underline}.article .notice{padding:20px;background:#fff7e8;border:1px solid #efdfbf;border-radius:12px;color:#80602a}.article ul{color:var(--muted);font-size:14px;line-height:1.9;padding-left:20px}.ad-slot{display:none!important}noscript p{padding:20px;background:#fff3dc;color:#765724;text-align:center}[hidden]{display:none!important}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:10px;padding:11px 20px;font-size:12px;z-index:100;box-shadow:0 8px 25px #0002;max-width:90%;text-align:center}.mini-preview{margin-top:15px;border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center}.mini-preview img{max-height:150px;max-width:100%;object-fit:contain}.mini-preview small{display:block;font-size:11px;color:var(--muted)}
@media(max-width:900px){.hero{gap:30px}.hero h1{font-size:59px}.hero-visual{min-height:340px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promise-card{grid-column:span 2}.nav-links{gap:17px}.hero-note{font-size:11px}.tool-copy{gap:30px}.qr-layout{grid-template-columns:1fr 260px}.hero-actions{gap:12px}.proof-row{padding:20px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.topbar{height:70px}.brand{font-size:17px}.brand-mark{padding:8px;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px)}.nav-links>a:not(:first-child),.nav-tag{display:none}.nav-links{font-size:12px}.hero{grid-template-columns:1fr;padding:40px 0 30px;gap:32px}.hero h1{font-size:59px;margin-top:17px}.hero p{font-size:15px}.hero-visual{min-height:305px}.demo-card{max-width:310px}.proof-row{grid-template-columns:1fr;padding:20px;gap:18px}.proof-item strong{font-size:13px}.proof-item small{font-size:11px}.section{padding:39px 0}.section-head{display:block}.section-head h2{font-size:30px}.search{width:100%;margin-top:20px}.tools-grid{grid-template-columns:1fr}.tool-card{padding:22px}.card-top{margin-bottom:16px}.tool-card p{min-height:0}.promise-card{grid-column:auto;padding:25px;gap:20px}.promise-card h3{font-size:25px}.promise-card>svg{width:45px;height:45px}.how-grid{grid-template-columns:1fr;gap:25px}.how-grid article{padding-top:20px}.how-grid .step-num{margin-bottom:13px}.faq h2{font-size:29px}.footer-top{flex-direction:column}.footer-links{gap:18px}.footer-bottom{flex-direction:column;gap:5px}.footer{margin-top:25px}.tool-heading{margin:27px auto}.tool-heading h1{font-size:35px}.tool-heading p{font-size:14px}.tool-badges{gap:10px;font-size:10px}.workbench-body{padding:20px}.upload-zone{padding:23px 13px}.settings{grid-template-columns:1fr;gap:14px}.action-row{align-items:stretch;flex-direction:column}.workbench-foot{padding:14px 20px;align-items:start}.tool-copy{grid-template-columns:1fr;gap:25px;margin-top:32px}.related .tools-grid{grid-template-columns:1fr}.result-card{flex-wrap:wrap;gap:12px;padding:13px}.result-card>.button{width:100%}.result-card img{width:65px;height:55px}.result-card .result-info{flex-basis:160px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat strong{font-size:25px}.double-text,.qr-layout{grid-template-columns:1fr}.qr-preview{min-height:260px}.tool-copy h2{font-size:23px}.article{margin:35px auto}.article h1{font-size:35px}.text-label{align-items:start}.text-label span{max-width:130px;text-align:right}.stage-note{font-size:10px}.hero-actions{flex-wrap:wrap}.breadcrumb{padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* ToolLumo brand polish */
body{background-image:radial-gradient(circle at 82% 8%,rgba(89,97,242,.055),transparent 26rem)}.hero-visual{background:linear-gradient(145deg,#eff1ff,#f7fbff 58%,#edf9f5)}.brand span:last-child{white-space:nowrap}.brand-mark{box-shadow:0 8px 22px rgba(89,97,242,.18)}.tool-card:hover .card-arrow{color:var(--blue)}