:root{font-family:DM Sans,sans-serif;color:#0b2f3a;background:#e9f8fb;font-synthesis:none;--ink: #0b2f3a;--blue: #0b2f3a;--sky: #ddf5fa;--yellow: #f5c84c;--paper: #ffffff;--mist: #ccebf1;--muted: #55727b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(16,43,56,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,43,56,.035) 1px,transparent 1px),#e9f8fb;background-size:32px 32px}button,input{font:inherit}button{cursor:pointer}.site-header{max-width:1240px;margin:0 auto;height:88px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(16,43,56,.16)}.brand{text-decoration:none;display:block}.brand img{display:block;width:146px;height:auto}.header-note,footer{font:600 10px IBM Plex Mono,monospace;letter-spacing:.16em}.header-note{color:var(--muted)}.hero{max-width:1240px;min-height:530px;margin:0 auto;padding:72px 72px 90px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;overflow:hidden}.eyebrow,.step-label{margin:0 0 18px;font:600 11px IBM Plex Mono,monospace;letter-spacing:.14em;color:var(--blue)}.hero h1{margin:0;font:400 clamp(64px,8vw,108px)/.83 "Archivo Black",sans-serif;letter-spacing:-.075em;text-transform:uppercase}.hero h1 em{color:#b88700;font-style:normal}.hero-description{max-width:535px;margin:32px 0 0;font-size:18px;line-height:1.65;color:#50666e}.paper-stack{position:relative;width:380px;height:340px;margin-left:auto;transform:rotate(4deg)}.paper{position:absolute;inset:0;background:var(--paper);border:1px solid rgba(16,43,56,.18);box-shadow:0 24px 55px #102b3829}.paper-back{transform:rotate(-12deg) translate(-38px,15px);background:var(--yellow)}.paper-middle{transform:rotate(-6deg) translate(-20px,8px);background:var(--mist)}.paper-front{padding:30px}.paper-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:18px;border-bottom:5px solid var(--ink);font:600 11px IBM Plex Mono,monospace}.paper-top strong{font:36px/1 Archivo Black,sans-serif}.paper-lines{height:210px;background:repeating-linear-gradient(to bottom,transparent 0 20px,#bdc9cc 20px 21px)}.paper-footer{display:flex;justify-content:space-between;font:600 9px IBM Plex Mono,monospace;letter-spacing:.12em}.workspace{background:var(--paper);padding:74px max(32px,calc((100vw - 1100px)/2)) 100px;border-top:1px solid rgba(16,43,56,.16)}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:28px}.section-heading.compact{margin-top:70px}.section-heading h2{margin:0;font:400 clamp(32px,4vw,48px)/1 "Archivo Black",sans-serif;letter-spacing:-.055em;text-transform:uppercase}.section-heading p:last-child{max-width:360px;margin:0;color:var(--muted);font-size:14px}.dropzone{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #9aadb3;background:#f3fbfc;transition:.2s ease;cursor:pointer}.dropzone:hover,.dropzone.dragging{border-color:var(--blue);background:var(--sky);transform:translateY(-2px)}.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone strong{margin-top:18px;font-size:20px}.dropzone>span:last-child{margin-top:5px;color:var(--muted);font-size:14px}.upload-icon{width:58px;height:58px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%}svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.status-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:16px;padding:20px 24px;background:var(--sky);border-left:4px solid var(--blue)}.file-badge{width:48px;height:54px;display:grid;place-items:center;background:var(--blue);color:#fff;font:600 11px IBM Plex Mono,monospace}.file-info{display:flex;flex-direction:column;gap:4px;min-width:0}.file-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info span{color:var(--muted);font-size:13px}.batch-count{display:flex;align-items:baseline;gap:8px}.batch-count strong{font:34px Archivo Black,sans-serif}.batch-count span{font:600 10px IBM Plex Mono,monospace;letter-spacing:.1em}.error-box{margin-top:16px;padding:16px 20px;color:#8a291e;background:#ffebe6;border-left:4px solid var(--yellow)}.batch-size-field{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #cedadd;background:var(--sky)}.batch-size-field>span{display:flex;flex-direction:column;gap:5px}.batch-size-field small{color:var(--muted)}.batch-size-field input{width:140px;padding:14px 16px;border:2px solid var(--blue);background:#fff;color:var(--ink);font:28px Archivo Black,sans-serif;text-align:center}.batch-preview{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cedadd;border-top:0}.batch-preview span{padding:14px 18px;color:var(--muted);font-size:13px;border-right:1px solid #cedadd}.batch-preview span:last-child{border-right:0}.batch-preview strong{color:var(--ink)}.primary-button,.zip-button,.batch-card button{border:0;font-weight:700}.primary-button{width:100%;margin-top:18px;padding:20px 26px;display:flex;justify-content:space-between;align-items:center;background:var(--yellow);color:var(--ink);font-size:17px}.primary-button:hover{background:#e8b82f}.primary-button:disabled,.zip-button:disabled{opacity:.6;cursor:wait}.zip-button{padding:14px 18px;background:var(--ink);color:#fff}.batch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.batch-card{min-width:0;display:grid;grid-template-columns:72px 1fr;gap:16px;padding:16px;border:1px solid #cedadd}.batch-sheet{grid-row:span 2;height:92px;padding:9px;display:flex;flex-direction:column;background:#e2edef;font:500 7px IBM Plex Mono,monospace}.batch-sheet strong{font:19px Archivo Black,sans-serif;margin-bottom:7px}.batch-sheet i{display:block;height:1px;background:#9fb2b7;margin-top:7px}.batch-card>div:nth-child(2){display:flex;flex-direction:column;justify-content:center}.batch-card>div:nth-child(2) span{margin-top:3px;color:var(--muted);font-size:12px}.batch-card button{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;background:var(--ink);color:#fff;font-size:12px}.batch-card button svg{width:15px}footer{padding:28px 32px;display:flex;justify-content:space-between;color:#73878e}.hidden{display:none!important}button:focus-visible,label:focus-within,a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media(max-width:800px){.site-header{height:72px;padding:0 20px}.header-note{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:60px 24px 70px}.hero h1{font-size:clamp(54px,18vw,82px)}.paper-stack{width:240px;height:215px;margin:60px auto 10px}.paper-front{padding:18px}.paper-lines{height:125px;background-size:auto 14px}.paper-top strong{font-size:24px}.workspace{padding:54px 20px 70px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.section-heading.compact{margin-top:52px}.batch-grid,.batch-preview{grid-template-columns:1fr}.batch-size-field{align-items:flex-start;flex-direction:column}.batch-size-field input{width:100%}.batch-preview span{border-right:0;border-bottom:1px solid #cedadd}.batch-preview span:last-child{border-bottom:0}.status-card{grid-template-columns:auto 1fr}.batch-count{grid-column:2}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}