:root{--ink:#0d1220;--muted:#70798b;--paper:#f5f4ef;--card:#fff;--line:#e3e4e0;--cyan:#00b6c2;--orange:#ff7a38;--violet:#7368ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);background:rgba(245,244,239,.9);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.brand{font-weight:780;letter-spacing:-.045em;font-size:21px;display:flex;gap:9px;align-items:center}.mark{width:31px;height:31px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:10px;font-size:25px;line-height:1}.topbar nav{display:flex;gap:30px;color:#50596a;font-size:14px}.topbar nav a:hover,.text-link:hover{color:var(--cyan)}.outline{border:1px solid #cfd2d3;border-radius:100px;padding:10px 16px;font-size:14px;font-weight:650}.hero{max-width:1280px;margin:auto;padding:86px max(5vw,32px) 95px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#647083;margin:0 0 17px}.hero h1,.section-heading h2,.strip-copy h2,.guide h2{font-size:clamp(43px,5vw,76px);line-height:.99;letter-spacing:-.065em;margin:0}.hero h1 em{font-style:normal;color:var(--cyan)}.lead{max-width:570px;font-size:18px;color:#5d6677;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:26px;margin:33px 0 46px}.button{background:var(--ink);border:0;color:white;border-radius:12px;padding:15px 20px;font-weight:720;font-size:15px;cursor:pointer;display:inline-flex;gap:15px;align-items:center;justify-content:center}.button span{color:#7cf1ef;font-size:20px}.text-link{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.stats{display:flex;gap:32px}.stats div{display:grid;gap:2px}.stats b{font-size:17px;letter-spacing:-.03em}.stats span{font-size:12px;color:var(--muted)}.hero-visual{position:relative}.hero-visual>img{width:100%;height:485px;border-radius:22px;object-fit:cover;display:block;filter:saturate(.9)}.wave-card{position:absolute;bottom:-32px;left:-32px;width:288px;padding:20px;background:#101a2e;color:white;border-radius:16px;box-shadow:0 22px 55px #151a2d42}.wave-card span,.wave-card small{font-size:10px;letter-spacing:.12em;color:#9fabbf}.wave-card strong{display:block;font-size:14px;margin:8px 0 3px}.bars{height:43px;display:flex;gap:3px;align-items:center;margin:10px 0}.bars i{width:6px;border-radius:10px;background:linear-gradient(#6ef5e5,#398de5)}.bars i:nth-child(1){height:25%}.bars i:nth-child(2){height:72%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:93%}.bars i:nth-child(5){height:61%}.bars i:nth-child(6){height:30%}.bars i:nth-child(7){height:84%}.bars i:nth-child(8){height:52%}.bars i:nth-child(9){height:96%}.bars i:nth-child(10){height:44%}.bars i:nth-child(11){height:68%}.bars i:nth-child(12){height:22%}.converter{padding:90px max(5vw,32px);background:#e7e9e5}.section-heading{max-width:760px;margin:0 auto 36px;text-align:center}.section-heading h2{font-size:clamp(35px,4vw,54px)}.section-heading>p:last-child{font-size:16px;color:var(--muted);max-width:570px;margin:17px auto 0}.converter-grid{max-width:1070px;margin:auto;background:#fff;border:1px solid #d9ddd8;border-radius:22px;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.dropzone{min-height:264px;border:1.5px dashed #a6b0ad;border-radius:15px;background:#f7faf8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;cursor:pointer;padding:25px}.dropzone:hover{border-color:var(--cyan);background:#f3ffff}.dropzone input{position:absolute;opacity:0;pointer-events:none}.upload-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#d8f7f4;color:#007f8b;font-size:25px}.dropzone b{margin-top:6px}.dropzone small,#convert-status{font-size:12px;color:var(--muted)}.settings{display:grid;gap:15px;align-content:center}.settings label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#50596a}.settings select{appearance:none;border:1px solid #d8ddda;border-radius:10px;background:#fff;padding:13px;font:inherit;color:var(--ink)}#convert-status{margin:0;text-align:center}.feature-strip{max-width:1280px;margin:auto;padding:110px max(5vw,32px);display:grid;grid-template-columns:1fr .88fr;gap:75px;align-items:center}.strip-copy h2,.guide h2{font-size:clamp(37px,4.5vw,63px)}.strip-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:530px;margin:23px 0}.format-pills{display:flex;gap:8px;flex-wrap:wrap}.format-pills span{padding:8px 11px;border:1px solid #cfd4d0;border-radius:7px;font-size:12px;font-weight:750}.feature-strip>img{width:100%;height:365px;object-fit:cover;border-radius:20px}.plugins{background:#101b30;color:white;padding:104px max(5vw,32px)}.plugins .section-heading>p:last-child{color:#b5c0d1}.plugin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1170px;margin:auto}.plugin-grid article{padding:28px;background:#18263e;border:1px solid #2a3a55;border-radius:16px}.plugin-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;font-size:23px;margin-bottom:50px}.cyan{background:#123f4e;color:#71f0ec}.orange{background:#4a2b20;color:#ffad7e}.violet{background:#302d5a;color:#b8b2ff}.plugin-grid h3{margin:0;font-size:22px;letter-spacing:-.04em}.plugin-grid p{min-height:67px;color:#aebacd;font-size:14px}.plugin-grid small{color:#7f8da4;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.guide{max-width:1280px;margin:auto;padding:110px max(5vw,32px);display:grid;grid-template-columns:.88fr 1fr;gap:84px;align-items:center}.guide>img{width:100%;height:470px;object-fit:cover;border-radius:20px}.guide ol{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:20px}.guide li{display:grid;grid-template-columns:48px 1fr;gap:14px}.guide li>b{font-size:13px;color:var(--cyan);padding-top:2px}.guide li span{display:grid;gap:2px;color:var(--muted);font-size:14px}.guide li strong{font-size:16px;color:var(--ink)}footer{padding:35px max(5vw,32px);border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between;color:#737c8d;font-size:12px}footer .brand{color:var(--ink);font-size:17px}footer .mark{width:25px;height:25px;font-size:20px;border-radius:8px}@media(max-width:780px){.topbar nav{display:none}.outline{display:none}.hero,.feature-strip,.guide{grid-template-columns:1fr;gap:38px}.hero{padding-top:55px}.hero-visual>img{height:380px}.wave-card{left:12px;bottom:-25px}.converter-grid{grid-template-columns:1fr}.plugin-grid{grid-template-columns:1fr}.guide>img{height:300px}.stats{gap:17px}.hero-actions{gap:17px;flex-wrap:wrap}footer{align-items:flex-start;flex-direction:column}}