@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202d29;--muted:#738079;--green:#27634b;--cream:#f8f9f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}header{height:96px;margin:auto;max-width:1240px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e5dd;padding:0 24px}.brand{font:800 25px Manrope,Arial;display:flex;align-items:center;gap:9px}.logo{background:var(--green);border-radius:10px;color:white;width:35px;height:37px;text-align:center}nav{display:flex;gap:30px;font-size:13px}.navbutton{border:1px solid #cbd4c8;border-radius:8px;padding:12px 18px;font-size:13px}main{max-width:1192px;margin:auto}.hero{padding:81px 0 63px;position:relative;overflow:hidden;min-height:530px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green)}.eyebrow i{display:inline-block;width:7px;height:7px;background:#6b9562;border-radius:50%;margin-right:8px}h1{font:800 64px/1.13 Manrope,Arial;letter-spacing:-3px;margin:23px 0}h1 span{color:var(--green)}.hero p{color:var(--muted);font-size:17px;line-height:1.8}.primary{border:0;border-radius:8px;background:var(--green);color:white;display:inline-flex;gap:40px;align-items:center;padding:16px 22px;font-size:14px;font-weight:600}.hero .primary{margin-top:12px}.trust{font-size:11px;color:#6c7a70;margin-top:23px}.trust b{margin:0 12px}.art{position:absolute;right:40px;top:60px;width:440px;height:400px}.orb{position:absolute;inset:20px;background:#e7eedf;border-radius:50%}.sheet{position:absolute;border-radius:13px;width:164px;height:216px;box-shadow:0 20px 40px #203e2817;font:800 24px Manrope;padding:25px}.back{background:#e4b982;transform:rotate(14deg);right:35px;top:69px;color:#735134}.back span{font-size:80px;display:block;text-align:center;margin-top:20px}.front{background:white;transform:rotate(-12deg);left:65px;top:90px;color:#38614f;border:1px solid #dce1d6}.lines{font-size:18px;line-height:1.8;color:#d6ded3;margin-top:15px}.front b{position:absolute;background:#cce3b8;border:7px solid white;border-radius:50%;width:70px;height:70px;right:-28px;bottom:-20px;text-align:center;font-size:34px}.floating{position:absolute;bottom:10px;left:95px;background:white;border:1px solid #e2e6dc;border-radius:30px;padding:13px 22px;transform:rotate(-4deg);font-size:12px}#tools{border-top:1px solid #dfe4d9;padding:46px 0 64px}.sectionhead{display:flex;align-items:center;justify-content:space-between}h2{font:700 29px/1.35 Manrope,Arial;letter-spacing:-1px;margin:12px 0 24px}.search{display:flex;align-items:center;gap:10px;border:1px solid #dce2d7;border-radius:8px;background:white;padding:10px 15px}.search input{border:0;outline:0;width:180px;font-size:12px}.filters{display:flex;gap:8px;margin:0 0 25px}.filters button{border:1px solid transparent;background:transparent;border-radius:6px;color:#68746b;font-size:12px;padding:9px 15px}.filters .active{background:#e4ecdf;color:#325b43;border-color:#d6e1cf}.filters small{margin-left:9px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{text-align:left;border:1px solid #e0e5dc;border-radius:12px;padding:24px;background:#fff;min-height:184px;position:relative;transition:.2s;color:var(--ink)}.card:hover{border-color:#84a082;transform:translateY(-3px);box-shadow:0 8px 20px #274c2910}.icon{width:42px;height:44px;display:grid;place-items:center;border-radius:10px;background:#f9e9e4;color:#bc715c;font-size:24px;margin-bottom:18px}.card.image .icon{background:#e9eefb;color:#7184b8}.card:nth-child(3n) .icon{background:#f4eddc;color:#a78949}.card h3{font-size:14px;margin:0 0 8px}.card p{font-size:11px;line-height:1.7;color:#7b847d;margin:0;max-width:190px}.arrow{position:absolute;right:20px;top:28px;color:#b5bdb2}.how{border-top:1px solid #dfe4d9;padding:46px 0;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:30px}.how h2{font-size:25px}.how b{font:500 27px Manrope;color:#9aaa8c}.how h3{font-size:14px;margin-top:20px}.how p{font-size:12px;color:var(--muted);line-height:1.7}.privacy{background:#eaf0e3;border:1px solid #dce5d2;border-radius:12px;padding:30px 35px;display:flex;align-items:center;gap:25px;margin:10px 0 60px}.privacy>span{font-size:40px;color:var(--green)}.privacy h2{font-size:23px;margin:0 0 8px}.privacy p{font-size:12px;line-height:1.9;color:#6c7b65;margin:0}.privacy b{margin-left:auto;font-size:9px;letter-spacing:1px;color:#526c45}footer{max-width:1192px;margin:auto;border-top:1px solid #e0e5da;padding:25px 0 35px;display:flex;align-items:center;gap:25px}footer p,footer span,footer button{font-size:11px;color:#81897d}footer button{margin-left:auto;border:0;background:none}.dot{color:var(--green)}dialog{border:1px solid #dfe5d8;border-radius:18px;width:650px;max-width:94vw;padding:30px;color:var(--ink);box-shadow:0 30px 100px #172d2930}dialog::backdrop{background:#182e2766;backdrop-filter:blur(4px)}.dialogtop{display:flex;justify-content:space-between}.dialogtop h2{margin-bottom:8px}.dialogtop button{border:0;background:#eef1e9;border-radius:50%;width:32px;height:32px;font-size:23px}dialog>p{color:var(--muted);line-height:1.6}.drop{border:2px dashed #b8cbb1;background:#f5f8f1;border-radius:12px;display:flex;align-items:center;flex-direction:column;padding:27px;cursor:pointer;gap:10px}.drop span{font-size:30px;color:var(--green)}.drop small{font-size:11px;color:var(--muted)}.drop input{max-width:100%;font-size:12px;margin-top:6px}#filelist{margin:15px 0;max-height:180px;overflow:auto}.file{background:#f3f5ef;border-radius:6px;margin:5px 0;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12px}.file span{flex:1;overflow-wrap:anywhere}.file button{border:0;background:white;border-radius:4px;padding:4px 7px}#options label{display:block;margin:12px 0;font-size:13px}#options input,#options select{padding:8px;border:1px solid #ccd6c6;border-radius:5px;margin:5px 8px;max-width:100%}#results a{display:block;background:#e8f2df;padding:14px;border-radius:8px;margin-top:12px;overflow-wrap:anywhere}#status{font-size:13px}.localnote{font-size:11px!important}button:disabled{opacity:.5;cursor:wait}@media(max-width:900px){main,footer{margin:0 24px}.hero h1{font-size:50px}.art{right:-85px;transform:scale(.8);opacity:.8}.grid{grid-template-columns:repeat(3,1fr)}.hero>p,.hero h1,.hero .eyebrow{position:relative;z-index:1}.privacy b{display:none}}@media(max-width:650px){header{height:77px}nav{display:none}.brand{font-size:21px}.navbutton{font-size:11px;padding:10px}.hero{padding:42px 0 30px;min-height:680px}.hero h1{font-size:46px;letter-spacing:-2px}.hero p{font-size:15px}.art{top:345px;right:calc(50% - 220px);transform:scale(.66);transform-origin:center top}.sectionhead{display:block}.search{margin-bottom:20px}.search input{width:100%}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:18px;min-height:190px}.card p{font-size:11px}.how{grid-template-columns:1fr 1fr}.how>div:first-child{grid-column:span 2}.privacy{padding:22px;gap:15px}.privacy h2{font-size:20px}.privacy br{display:none}footer{flex-wrap:wrap;gap:15px}footer p{display:none}footer button{margin-left:auto}h2{font-size:25px}}
.roadmap{border-top:1px solid #dfe4d9;padding:30px 0}.roadmap p{color:var(--muted);font-size:13px;line-height:1.9;max-width:950px}.roadmap summary{cursor:pointer;color:var(--green);font-weight:600;font-size:13px}.office .icon{background:#e6f0df;color:#4f7941}.drop[hidden]{display:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #95b879;outline-offset:3px}
.languagebar{display:flex;align-items:center;gap:12px;margin:10px 0 20px}.languagebar label{flex:1}.languagebar select{display:block;width:100%;margin:8px 0!important}.languagebar button,.translationactions button{background:#edf2e7;border:1px solid #cfdbc6;padding:10px 14px;border-radius:7px;color:var(--green)}#translateInput,#translateOutput{width:100%;padding:14px;border:1px solid #ccd6c6;border-radius:9px;font:15px/1.7 'DM Sans',Arial;resize:vertical;margin:9px 0}#translateOutput{background:#f6f8f2}.bytecount{text-align:right;font-size:11px;color:#75816c}.bytecount.over{color:#b23a35}.translationnotice{background:#f4f1e7;padding:15px;border-radius:9px;margin:18px 0;font-size:12px;line-height:1.7}.translationnotice p{margin:6px 0;color:#6f705e}.translationnotice a{text-decoration:underline}.translationnotice label{display:flex!important;gap:9px;align-items:flex-start}.translationnotice input{margin:4px 0!important}.translationactions{display:flex;gap:10px;flex-wrap:wrap}.translationfoot{font-size:11px;color:var(--muted);line-height:1.7}.translationactions button:disabled{cursor:default}
footer a:not(.brand){font-size:11px;color:#81897d;text-decoration:none}footer a:not(.brand):hover{text-decoration:underline}
@media(max-width:760px){.hero .art{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:30px auto 0;transform:none}.hero .primary,.hero .trust{position:relative;z-index:2}}
@media(max-width:760px){.hero .art{transform:scale(.7)!important;transform-origin:left top;margin:30px 0 -110px calc(50% - 154px)!important;opacity:1}}
/* ===== vibrant theme ===== */
:root{--pdf:#ff5a5f;--pdf2:#ff9a5a;--img:#8b5cf6;--img2:#c084fc;--conv:#2f80ff;--conv2:#22c3ee;--txt:#16a34a;--txt2:#4ade80;--util:#f97316;--util2:#fbbf24;--ink:#1a1530;--muted:#5b5872}
body{background:#fbf9ff}
header .logo{background:linear-gradient(135deg,#5b3df5,#ff4f8b)!important;color:#fff}
header .brand{font-weight:800}
.navbutton{background:linear-gradient(135deg,#5b3df5,#ff4f8b);color:#fff!important;border:0!important;box-shadow:0 6px 18px #ff4f8b40}
.hero{background:radial-gradient(circle at 85% 20%,#ffb86b55,transparent 40%),linear-gradient(120deg,#4f2bd6 0%,#8b3cf0 40%,#ff4f8b 80%,#ff8a5c 100%);border-radius:28px;padding-left:48px;padding-right:48px;margin-top:18px;color:#fff;box-shadow:0 20px 50px #6b3cf035}
.hero h1{color:#fff;font-weight:800}
.hero h1 span{color:#ffe36e}
.hero p,.hero .trust{color:#f3ecff!important}
.hero .eyebrow{color:#fff}.hero .eyebrow i{background:#ffe36e}
.hero .primary{background:#fff;color:#5b2be0;box-shadow:0 10px 25px #2a0b6a40;font-weight:700}
.hero .primary:hover{transform:translateY(-2px)}
.hero .art .orb{background:#ffffff30!important}
h2{font-weight:800;letter-spacing:-.5px}
.eyebrow{color:#7b3cf0}
.filters{flex-wrap:wrap}
.filters button{font-weight:700;border-radius:999px;border:1.5px solid #e6e1f5;background:#fff;color:#4a4560}
.filters [data-filter=pdf]{color:#d63a3f;border-color:#ffd1d2}
.filters [data-filter=image]{color:#7445e0;border-color:#e2d6fe}
.filters [data-filter=office]{color:#c2570c;border-color:#fed7b5}
.filters [data-filter=engineering]{color:#1d6fe0;border-color:#cfe0ff}
.filters .active{background:linear-gradient(135deg,#5b3df5,#ff4f8b)!important;color:#fff!important;border-color:transparent!important}
.grid{gap:18px}
.card{--c1:var(--pdf);--c2:var(--pdf2);border:1px solid #efeaf7;border-radius:20px;box-shadow:0 4px 14px #2a1a5a0d;overflow:hidden}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--c1),var(--c2))}
.card.f-img{--c1:var(--img);--c2:var(--img2)}.card.f-conv{--c1:var(--conv);--c2:var(--conv2)}.card.f-txt{--c1:var(--txt);--c2:var(--txt2)}.card.f-util{--c1:var(--util);--c2:var(--util2)}
.card .icon,.card:nth-child(3n) .icon{width:58px;height:58px;border-radius:16px;font-size:28px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 8px 18px color-mix(in srgb,var(--c1) 35%,transparent)}
.card h3{font-size:16px;font-weight:800}
.card p{font-size:12.5px;color:#615d75}
.card .arrow{color:var(--c1)}
.card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c1) 45%,#fff);box-shadow:0 16px 34px color-mix(in srgb,var(--c1) 28%,transparent)}
.card:hover .icon{transform:scale(1.06) rotate(-4deg);transition:.2s}
.privacy{background:linear-gradient(120deg,#effaf3,#eef3ff)!important}
.primary{background:linear-gradient(135deg,#5b3df5,#ff4f8b)}
dialog .primary{color:#fff}
@media(max-width:760px){.hero{padding:34px 22px 10px;border-radius:22px;margin-left:12px;margin-right:12px}.card{min-height:0;padding:18px}.card .icon{width:50px;height:50px;font-size:24px}.hero .art{margin-left:calc(50% - 154px - 22px)!important}}
.card[class] .icon{color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2))}
.hero .floating{color:#4f2bd6!important;background:#fff!important}
@media(max-width:760px){.hero{min-height:0!important;padding-bottom:20px}.hero .art{transform:scale(.5)!important;margin:10px 0 -190px calc(50% - 132px)!important}}
.brand{display:inline-flex!important;align-items:center;gap:10px;text-decoration:none}
.brand .mark{width:38px;height:38px;flex:none;filter:drop-shadow(0 4px 10px #8b3cf040)}
.brand .wm{font-size:21px;letter-spacing:-.5px;color:#1a1530}.brand .wm b{font-weight:800}.brand .wm span{font-weight:600;color:#e0457b}
footer .brand .mark{width:30px;height:30px}footer .brand .wm{font-size:17px}
@media(max-width:760px){.brand .mark{width:34px;height:34px}.brand .wm{font-size:18px}}
.brand .wordmark{height:40px;width:auto;display:block}
footer .brand .wordmark{height:30px}
@media(max-width:760px){.brand .wordmark{height:32px}}
.brand .wordmark{height:50px}footer .brand .wordmark{height:36px}@media(max-width:760px){.brand .wordmark{height:40px}}