:root{--ink:#10201c;--muted:#71807a;--line:#dce8e1;--paper:#f7faf6;--mint:#b7f3dc;--mint-dark:#19755b;--coral:#ff795f;--shadow:0 22px 70px rgba(28,69,54,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}.ambient{position:absolute;z-index:-1;width:460px;height:460px;border-radius:50%;filter:blur(2px);opacity:.45}.ambient-one{top:-220px;left:-170px;background:#d6f6e6}.ambient-two{top:430px;right:-300px;background:#ffe0d9}.site-header,.page-shell,.site-footer{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:27px 0}.logo{display:flex;align-items:center;gap:9px;font-family:"Space Grotesk";font-size:21px;font-weight:700;letter-spacing:-.07em}.logo-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--mint);font-size:16px;letter-spacing:0}.logo-accent{color:var(--coral)}.nav-links{display:flex;align-items:center;gap:28px;color:#71807a;font-size:13px}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-pill{padding:10px 14px;border:1px solid var(--line);border-radius:30px;color:var(--ink)}.hero{display:flex;min-height:475px;align-items:center;justify-content:space-between;gap:40px;padding:55px 6% 30px}.hero-copy{max-width:620px}.eyebrow,.step-label,.format-note,.preview-label,.footer-label{font-size:10px;font-weight:700;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--mint-dark)}.live-dot{width:7px;height:7px;border-radius:50%;background:#55bd8e;box-shadow:0 0 0 5px rgba(85,189,142,.15);animation:pulse 2s infinite}h1,h2,h3{font-family:"Space Grotesk";letter-spacing:-.055em}h1{margin:19px 0 20px;font-size:clamp(52px,7vw,88px);line-height:.93}h1 em{color:var(--coral);font-style:normal}.hero-text{max-width:490px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}.scroll-cue{display:inline-flex;align-items:center;gap:10px;margin-top:31px;color:var(--ink);font-size:13px;font-weight:700}.scroll-cue span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;animation:float 2.5s ease-in-out infinite}.hero-art{position:relative;width:300px;height:330px;flex:0 0 300px}.orbit{position:absolute;border:1px solid #d8e7df;border-radius:50%;transform:rotate(-30deg)}.orbit-a{inset:28px -15px 48px 10px}.orbit-b{inset:50px 20px 15px -12px;transform:rotate(54deg)}.float-card{position:absolute;display:grid;place-items:center;border-radius:17px;box-shadow:0 20px 40px rgba(29,74,57,.15)}.card-back{top:47px;right:15px;width:120px;height:160px;color:#9eb2a8;background:#e1f5e9;font-family:"Space Grotesk";font-size:50px;transform:rotate(11deg)}.card-main{top:76px;left:47px;width:174px;height:220px;align-items:start;padding:23px;color:var(--ink);background:#fff;transform:rotate(-8deg);border:1px solid rgba(200,220,210,.7)}.tiny-text{align-self:start;font-family:"Space Grotesk";font-size:25px;font-weight:700;line-height:.9;letter-spacing:-.1em}.scan-line{position:absolute;top:91px;left:-10px;width:195px;height:2px;background:var(--coral);box-shadow:0 0 12px var(--coral);animation:scan 3s ease-in-out infinite}.card-arrow{align-self:end;margin-left:auto;color:var(--coral);font-size:27px}.spark{position:absolute;color:var(--coral);font-size:17px;animation:float 3s ease-in-out infinite}.spark-a{top:36px;left:11px}.spark-b{right:3px;bottom:33px;animation-delay:1s}.workspace{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:20px;scroll-margin-top:20px}.card-surface{min-width:0;padding:29px;border:1px solid rgba(207,224,215,.9);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);backdrop-filter:blur(15px)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:23px}.step-label{margin:0;color:var(--mint-dark)}h2{margin:8px 0 0;font-size:21px}.format-note{padding-top:4px;color:#9aaaa3;font-size:9px;white-space:nowrap}.dropzone{display:flex;min-height:245px;padding:25px 15px;border:1.5px dashed #b8cdc2;border-radius:15px;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#f8fcf9;transition:.25s ease}.dropzone:hover,.dropzone.is-dragging,.dropzone:focus-visible{border-color:var(--mint-dark);background:#effbf5;outline:none;transform:translateY(-2px)}.upload-icon{display:grid;place-items:center;width:53px;height:53px;margin-bottom:18px;border-radius:50%;color:var(--mint-dark);background:var(--mint);font-size:28px}.drop-title{font-weight:700}.drop-subtitle{margin-top:7px;color:var(--muted);font-size:14px}.drop-subtitle strong{color:var(--mint-dark)}.file-limit{margin-top:20px;color:#9aa9a3;font-size:11px}.primary-button,.copy-button{border:0;border-radius:10px;font-weight:700;transition:.2s ease}.primary-button{display:flex;width:100%;margin-top:18px;padding:15px 17px;align-items:center;justify-content:space-between;color:white;background:var(--ink)}.primary-button:hover:not(:disabled){background:#2b554a;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.42}.text-button{padding:0;border:0;color:var(--coral);background:none;font-size:12px;font-weight:700}.preview-wrap{margin-top:20px}.preview-header,.status-row,.result-footer{display:flex;justify-content:space-between;align-items:center}.preview-header{margin-bottom:9px}.preview-label{color:#8b9b94;font-size:10px}.preview-frame{overflow:hidden;height:180px;border-radius:11px;background:#edf3ef}.preview-frame img{display:block;width:100%;height:100%;object-fit:contain}.file-name{overflow:hidden;margin:8px 0 0;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.status-panel{margin-top:20px}.status-row{margin-bottom:8px;color:var(--muted);font-size:12px}.status-row span:last-child{color:var(--mint-dark);font-weight:700}.progress-track{overflow:hidden;height:7px;border-radius:20px;background:#e5eee9}.progress-bar{width:0;height:100%;border-radius:inherit;background:var(--mint-dark);transition:width .25s ease}.result-card{display:flex;min-height:440px;flex-direction:column}.result-heading{align-items:center}.copy-button{padding:10px 14px;color:var(--mint-dark);background:var(--mint);font-size:12px;white-space:nowrap}.copy-button:hover:not(:disabled){background:#a4e9d1}textarea{width:100%;min-height:300px;flex:1;resize:vertical;padding:17px;border:1px solid var(--line);border-radius:11px;outline:none;color:var(--ink);background:#fbfdfb;line-height:1.65}textarea:focus{border-color:var(--mint-dark);box-shadow:0 0 0 3px rgba(183,243,220,.35)}.result-footer{margin-top:12px;color:#9aa9a3;font-size:11px}.privacy-note{display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;border-radius:50%;background:#5ebd91}.error-message{margin:14px 0 0;color:#bb4533;font-size:13px;line-height:1.45}.is-hidden{display:none!important}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:100px 0 80px;padding:0 6%}.feature-strip>div{position:relative;padding-left:47px}.feature-number{position:absolute;left:0;top:3px;color:var(--coral);font-size:11px;font-weight:700}.feature-strip h3{margin:0 0 8px;font-size:20px}.feature-strip p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.trust-line{display:flex;align-items:center;gap:13px;margin:0 6% 95px;color:var(--muted);font-size:12px}.trust-line p{margin:0}.trust-icon{font-size:22px;color:var(--mint-dark)}.trust-line-rule{height:1px;flex:1;background:var(--line)}.trust-line a{color:var(--ink);font-weight:600}.site-footer{padding:42px 0 25px;border-top:1px solid var(--line)}.footer-brand p{margin:12px 0 40px;color:var(--muted);font-size:13px}.footer-links{display:flex;gap:95px;margin-bottom:38px}.footer-links div{display:flex;flex-direction:column;gap:10px;font-size:13px}.footer-label{margin-bottom:5px;color:#9aaaa3}.footer-links a:hover,.dialog-inner a{color:var(--coral)}.footer-bottom{display:flex;justify-content:space-between;color:#9aa9a3;font-size:11px}.legal-dialog{width:min(570px,calc(100% - 30px));padding:0;border:0;border-radius:20px;color:var(--ink);background:#fff;box-shadow:0 30px 90px rgba(15,44,33,.28)}.legal-dialog::backdrop{background:rgba(16,32,28,.45);backdrop-filter:blur(4px)}.dialog-inner{position:relative;padding:35px}.dialog-inner h2{margin:11px 0 18px;font-size:30px}.dialog-inner p{color:var(--muted);font-size:14px;line-height:1.7}.dialog-inner strong{color:var(--ink)}.close-dialog{position:absolute;top:16px;right:19px;border:0;background:none;color:var(--muted);font-size:29px}.reveal{animation:reveal .8s both}.reveal:nth-child(2){animation-delay:.12s}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(85,189,142,0)}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes scan{0%,100%{top:78px}50%{top:150px}}@media(max-width:800px){.site-header,.page-shell,.site-footer{width:min(100% - 30px,580px)}.nav-links a:not(.nav-pill){display:none}.hero{min-height:600px;display:block;padding:55px 3% 20px}.hero-art{margin:25px auto 0;transform:scale(.82)}.workspace{grid-template-columns:1fr}.feature-strip{margin:70px 3% 60px;padding:0;gap:25px}.trust-line{margin:0 3% 65px;flex-wrap:wrap}.trust-line-rule{display:none}.footer-bottom{flex-direction:column;gap:8px}.footer-links{gap:60px}}@media(max-width:430px){.card-surface{padding:21px}.hero{padding-left:0;padding-right:0}h1{font-size:54px}.feature-strip{grid-template-columns:1fr}.feature-strip>div{padding-left:39px}.card-top{gap:8px}.format-note{display:none}.result-card{min-height:400px}}
.clipboard-actions{display:flex;align-items:center;gap:7px}.paste-button{padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:transparent;font-size:12px;font-weight:700}.paste-button:hover{border-color:var(--mint-dark);color:var(--mint-dark);background:#f1faf5}
.logo-image{display:block;width:42px;height:42px;object-fit:contain;border-radius:11px}