:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0;min-height:100%;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,hsla(0,0%,100%,.08),transparent 24%),linear-gradient(180deg,#050505,#090909 48%,#111);color:#f5f5f5}body{line-height:1.6}button,input{font:inherit}img{max-width:100%}.landing-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 80px}.hero-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);grid-gap:24px;gap:24px;align-items:start}.hero-demo-shell{display:grid;grid-gap:18px;gap:18px}.converter-card-highlight{border:1px solid rgba(250,204,21,.7);box-shadow:0 0 0 1px rgba(250,204,21,.18),0 24px 60px rgba(0,0,0,.38),0 0 44px rgba(250,204,21,.14)}.converter-card-highlight .card-top h2,.converter-card-highlight .field-row strong{color:#fff3bf}.converter-card-highlight .upload-box{border-color:rgba(250,204,21,.42);background:linear-gradient(180deg,rgba(250,204,21,.06),hsla(0,0%,100%,.02))}.converter-card-highlight .primary-button{background:linear-gradient(180deg,#fff4c2,#facc15);color:#111;box-shadow:0 10px 30px rgba(250,204,21,.22)}.content-card,.converter-card,.hero-copy,.hero-demo-card,.mini-card{border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.03);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-copy{padding:32px}.hero-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.trust-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);color:#d4d4d4;font-size:.84rem;font-weight:600}.hero-demo-card{position:relative;overflow:hidden;padding:20px}.demo-orbit{position:absolute;width:260px;height:260px;border-radius:999px;filter:blur(56px);opacity:.22;pointer-events:none}.demo-orbit-left{top:-80px;left:-60px;background:rgba(99,102,241,.9)}.demo-orbit-right{right:-70px;bottom:-90px;background:rgba(250,204,21,.7)}.demo-window-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px}.demo-dot{width:8px;height:8px;border-radius:999px;background:hsla(0,0%,100%,.3)}.demo-window-title{margin-left:8px;color:#a3a3a3;font-size:.9rem}.demo-convert-column,.demo-quality-card,.demo-window-bar{position:relative;z-index:1}.demo-stage:before{width:62%;height:1px;background:linear-gradient(90deg,rgba(99,102,241,.22),rgba(250,204,21,.26))}.demo-stage:after,.demo-stage:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.demo-stage:after{width:10px;height:10px;border-radius:999px;background:#f5f5f5;box-shadow:0 0 18px hsla(0,0%,100%,.5)}.demo-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:center}.demo-file-card,.demo-quality-card,.demo-stat-pill{border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);border-radius:20px}.demo-file-card{position:relative;overflow:hidden;padding:14px}.demo-card-glow{position:absolute;inset:auto -30px -46px auto;width:120px;height:120px;border-radius:999px;filter:blur(24px);opacity:.35;pointer-events:none}.demo-card-glow-indigo{background:rgba(99,102,241,.85)}.demo-card-glow-gold{background:rgba(250,204,21,.8)}.demo-file-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:hsla(0,0%,100%,.08);color:#d4d4d4;font-size:.72rem;font-weight:700;letter-spacing:.12em}.demo-file-preview{height:190px;margin-top:14px;border-radius:18px;border:1px solid hsla(0,0%,100%,.08)}.mountains-preview{background:radial-gradient(circle at 30% 28%,hsla(0,0%,100%,.2),transparent 16%),linear-gradient(180deg,rgba(99,102,241,.4),rgba(17,24,39,.5)),linear-gradient(135deg,rgba(250,204,21,.12),hsla(0,0%,100%,.02));position:relative}.mountains-preview:after,.mountains-preview:before,.portrait-preview:before{content:"";position:absolute}.mountains-preview:before{left:18px;right:50px;bottom:18px;height:72px;background:linear-gradient(135deg,hsla(0,0%,100%,.24),transparent 55%);-webkit-clip-path:polygon(0 100%,22% 42%,40% 68%,62% 22%,100% 100%);clip-path:polygon(0 100%,22% 42%,40% 68%,62% 22%,100% 100%)}.mountains-preview:after{left:70px;right:20px;bottom:18px;height:58px;background:linear-gradient(135deg,rgba(250,204,21,.2),transparent 70%);-webkit-clip-path:polygon(0 100%,28% 34%,44% 58%,68% 18%,100% 100%);clip-path:polygon(0 100%,28% 34%,44% 58%,68% 18%,100% 100%)}.portrait-preview{position:relative;background:linear-gradient(180deg,hsla(0,0%,100%,.08),rgba(250,204,21,.14))}.portrait-preview:before{top:28px;left:50%;width:92px;height:128px;transform:translateX(-50%);border-radius:46px 46px 30px 30px;background:radial-gradient(circle at 50% 24%,hsla(0,0%,100%,.75) 0 18px,transparent 19px),linear-gradient(180deg,hsla(0,0%,100%,.72),hsla(0,0%,100%,.18))}.demo-file-meta{display:grid;grid-gap:4px;gap:4px;margin-top:14px}.demo-file-meta strong{font-size:.96rem}.demo-file-meta span,.demo-quality-card span,.demo-stat-pill span{color:#a3a3a3;font-size:.88rem}.demo-convert-column{display:grid;grid-gap:14px;gap:14px;justify-items:center}.demo-arrow-circle{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:999px;background:#f5f5f5;color:#0a0a0a;font-size:1.4rem;font-weight:800}.demo-quality-card{width:100%;padding:14px;text-align:center}.demo-quality-card strong{display:block;margin-top:4px;font-size:1.6rem}.demo-quality-track{height:8px;margin-top:12px;border-radius:999px;background:hsla(0,0%,100%,.08);overflow:hidden}.demo-quality-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#fff,#facc15)}.demo-bottom-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:16px}.demo-stat-pill{padding:14px;background:hsla(0,0%,100%,.04);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.demo-stat-pill strong{display:block;margin-top:4px;font-size:.98rem}.eyebrow{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:hsla(0,0%,100%,.08);color:#d4d4d4;font-size:12px;font-weight:700;letter-spacing:.18em}.hero-copy h1{margin:20px 0 16px;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.98;letter-spacing:-.04em}.content-card p,.faq-list p,.hero-text,.mini-card p{color:#b5b5b5;font-size:1rem}.hero-points{display:grid;grid-gap:12px;gap:12px;margin-top:24px}.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:14px;text-decoration:none;font-weight:700}.primary-link{background:#f5f5f5;color:#0a0a0a}.secondary-link{border:1px solid hsla(0,0%,100%,.18);color:#f5f5f5;background:hsla(0,0%,100%,.03)}.hero-points p{margin:0;padding-left:18px;position:relative;color:#e6e6e6}.hero-points p:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#f5f5f5}.converter-card{padding:24px;display:flex;flex-direction:column;gap:18px;position:-webkit-sticky;position:sticky;top:24px}.card-top h2,.content-card h2,.mini-card h3{margin:0}.card-top p{margin:8px 0 0;color:#a3a3a3}.upload-box{position:relative;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-height:190px;padding:24px;border:1px dashed hsla(0,0%,100%,.25);border-radius:20px;background:hsla(0,0%,100%,.03);text-align:center;cursor:pointer}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-box strong{font-size:1.1rem}.field-row span,.meta-row,.upload-box span{color:#a3a3a3}.field{display:flex;flex-direction:column;gap:10px}.field-row{display:flex;align-items:center;justify-content:space-between}input[type=range]{width:100%;accent-color:#fafafa}.download-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;border:0;text-decoration:none;font-weight:700}.primary-button{background:#f5f5f5;color:#0a0a0a;cursor:pointer}.primary-button:disabled{opacity:.6;cursor:not-allowed}.download-button{background:transparent;color:#f5f5f5;border:1px solid hsla(0,0%,100%,.2)}.cta-note{margin:-2px 0 0;color:#b5b5b5;font-size:.95rem}.message{margin:0;font-size:.95rem}.message.error{color:#fca5a5}.meta-row{display:flex;flex-wrap:wrap;gap:14px;font-size:.92rem}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:24px;gap:24px;margin-top:24px}.content-grid.three-up{grid-template-columns:repeat(3,1fr)}.content-card{padding:28px}.long-tail-grid,.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px;margin-top:18px}.long-tail-item,.step-item{padding:22px;border-radius:20px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.02)}.step-item span{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:999px;background:hsla(0,0%,100%,.08);color:#fff;font-weight:700}.long-tail-item h3,.step-item h3{margin:14px 0 10px;font-size:1.05rem}.wide-card{min-height:100%}.preview-stage{min-height:320px;display:flex;align-items:center;justify-content:center;border-radius:18px;overflow:hidden;background:linear-gradient(45deg,hsla(0,0%,100%,.03) 25%,transparent 0),linear-gradient(-45deg,hsla(0,0%,100%,.03) 25%,transparent 0),linear-gradient(45deg,transparent 75%,hsla(0,0%,100%,.03) 0),linear-gradient(-45deg,transparent 75%,hsla(0,0%,100%,.03) 0);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border:1px solid hsla(0,0%,100%,.08);color:#8f8f8f}.preview-stage img{width:100%;height:100%;object-fit:contain}.visual-showcase{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}.format-tile{min-width:120px;padding:18px 16px;border-radius:18px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);text-align:center}.tile-label{display:block;font-size:1.2rem;font-weight:800;letter-spacing:.08em}.tile-note{display:block;margin-top:6px;color:#a3a3a3;font-size:.9rem}.visual-arrow{font-size:1.6rem;color:#d4d4d4}.webp-tile{box-shadow:inset 0 0 0 1px rgba(99,102,241,.22)}.jpg-tile{box-shadow:inset 0 0 0 1px rgba(250,204,21,.2)}.scene{display:flex;align-items:center;justify-content:center;min-height:180px;margin-bottom:18px;border-radius:20px;background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08)}.scene-window{width:min(260px,100% - 28px);border-radius:18px;padding:14px;background:rgba(0,0,0,.28);border:1px solid hsla(0,0%,100%,.08)}.scene-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:999px;background:hsla(0,0%,100%,.3)}.phone-image,.phone-line,.scene-bar,.scene-block{border-radius:12px;background:hsla(0,0%,100%,.08)}.scene-bar{height:10px;margin-top:12px}.scene-block.large{height:72px;margin-top:14px;background:linear-gradient(135deg,rgba(99,102,241,.3),rgba(250,204,21,.18))}.scene-block.small{height:28px;margin-top:12px}.phone-frame{width:126px;height:220px;padding:10px;border-radius:28px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.35)}.phone-screen{width:100%;height:100%;padding:16px 12px;border-radius:20px;background:hsla(0,0%,100%,.04)}.phone-image{height:96px;background:linear-gradient(135deg,rgba(250,204,21,.26),hsla(0,0%,100%,.08))}.phone-line{height:12px;margin-top:14px}.phone-line.short{width:72%}.quality-ring{width:140px;height:140px;background:conic-gradient(#f5f5f5 0deg 320deg,hsla(0,0%,100%,.08) 320deg 1turn)}.quality-core,.quality-ring{display:flex;align-items:center;justify-content:center;border-radius:999px}.quality-core{width:92px;height:92px;background:#0f0f0f;border:1px solid hsla(0,0%,100%,.08);font-size:1.8rem;font-weight:800}.use-case-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px;margin-top:18px}.mini-card{padding:22px}.table-wrap{overflow-x:auto;margin-top:18px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:16px;border-bottom:1px solid hsla(0,0%,100%,.08);color:#d4d4d4;vertical-align:top}th{color:#fff;font-size:.95rem}.faq-list{display:grid;grid-gap:14px;gap:14px;margin-top:18px}details{border:1px solid hsla(0,0%,100%,.1);border-radius:18px;padding:18px 18px 8px;background:hsla(0,0%,100%,.02)}summary{cursor:pointer;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";float:right;color:#a3a3a3}details[open] summary:after{content:"−"}@media (max-width:980px){.content-grid,.content-grid.three-up,.demo-bottom-row,.demo-stage,.hero-section,.long-tail-grid,.steps-grid,.use-case-grid{grid-template-columns:1fr}.demo-stage:after,.demo-stage:before{display:none}.demo-convert-column{width:100%}.converter-card,.hero-demo-card{position:static}.hero-copy h1{line-height:1.02}}@media (max-width:640px){.landing-page{width:min(100% - 20px,1180px);padding:20px 0 56px}.content-card,.converter-card,.hero-copy,.mini-card{border-radius:20px}.content-card,.converter-card,.hero-copy{padding:22px}td,th{padding:12px}}