:root{--sd-ink:#10241f;--sd-teal:#2b6f62;--sd-mint:#7fc7b4;--sd-sand:#eadfc0;--sd-cream:#f6f4ef;--sd-field:#efece3;--sd-field-hover:#e9e5d9;--sd-white:#fff;--sd-alert:#c1503f;--sd-amber:#d9a441;--sd-text:var(--sd-ink);--sd-text-muted:#10241fa6;--sd-border:#10241f1f;--sd-focus:#2b6f622e;--sd-radius-sm:8px;--sd-radius-md:10px;--sd-radius-pill:999px;--sd-space-1:4px;--sd-space-2:8px;--sd-space-3:12px;--sd-space-4:16px;--sd-space-5:24px;--sd-space-6:32px;--sd-space-7:48px;--sd-font-sans:Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--sd-font-serif:Newsreader, Georgia, serif}*,:before,:after{box-sizing:border-box}body{color:var(--sd-text);background:var(--sd-cream);font-family:var(--sd-font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}.sd-eyebrow{color:var(--sd-teal);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:600}.sd-button{border-radius:var(--sd-radius-pill);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 24px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.sd-button:hover{transform:translateY(-1px)}.sd-button:focus-visible,.sd-field:focus-visible,.sd-check:focus-visible+span{outline:3px solid var(--sd-focus);outline-offset:3px}.sd-button--primary{color:var(--sd-white);background:var(--sd-ink)}.sd-button--primary:hover{background:#1c3a33}.sd-button--light{color:var(--sd-ink);background:var(--sd-white)}.sd-button--outline{color:var(--sd-ink);background:0 0;border-color:#10241f38}.sd-button--link{min-height:auto;color:var(--sd-ink);text-underline-offset:4px;background:0 0;padding:8px 4px;text-decoration:underline}.sd-button:disabled{color:#10241f59;cursor:not-allowed;background:#10241f0f;transform:none}.sd-card{background:var(--sd-white);border:1px solid var(--sd-border);border-radius:var(--sd-radius-md)}.sd-field{border-radius:var(--sd-radius-md);width:100%;min-height:48px;color:var(--sd-ink);background:var(--sd-field);border:1.5px solid #0000;padding:12px 16px;transition:background .16s,border-color .16s,box-shadow .16s}.sd-field:hover{background:var(--sd-field-hover)}.sd-field:focus{border-color:var(--sd-teal);background:var(--sd-white);box-shadow:0 0 0 4px var(--sd-focus);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh}a:focus-visible{outline:3px solid var(--sd-focus);outline-offset:4px}#root{min-height:100vh}.app-shell{background:var(--sd-cream);min-height:100vh}.app-header{justify-content:space-between;align-items:center;width:min(1120px,100% - 48px);margin:0 auto;padding:24px 0;display:flex}.app-brand{color:var(--sd-ink);font-size:20px;font-weight:700;text-decoration:none}.app-brand span{color:var(--sd-teal)}.app-header nav{gap:24px;display:flex}.app-header nav a{color:var(--sd-text-muted);font-size:14px;font-weight:600;text-decoration:none}.app-header nav a:hover{color:var(--sd-ink)}.app-hero{min-height:600px;color:var(--sd-white);background:var(--sd-ink);grid-template-columns:1.1fr .9fr;display:grid;overflow:hidden}.hero-copy{align-content:center;max-width:600px;padding:80px 48px 80px max(24px,50vw - 560px);display:grid}.hero-copy .sd-eyebrow{color:var(--sd-mint)}.hero-copy h1{letter-spacing:-.05em;margin:14px 0 18px;font-size:clamp(42px,5.5vw,68px);font-weight:500;line-height:1.18}.hero-copy h1 em{color:var(--sd-sand);font-family:var(--sd-font-serif);font-style:italic;font-weight:400}.hero-copy p:not(.sd-eyebrow){color:#ffffffc7;max-width:510px;margin:0 0 30px;line-height:1.75}.hero-copy .sd-button{justify-self:start}.hero-art{background:radial-gradient(circle at 45% 35%,#a8dbc9 0 8%,#0000 8.5%),linear-gradient(145deg,#4d887c,#93c8b5 48%,#e1c496 49%,#598678);min-height:360px;position:relative}.hero-art__patient{aspect-ratio:1;background:radial-gradient(circle at 45% 33%,#f6d2b4 0 13%,#442f28 13.5% 25%,#e9b18d 25.5% 36%,#0000 36.5%),linear-gradient(145deg,#0000 25%,#ffffffc7 26% 43%,#304b44db 44%);border-radius:50%;width:min(32vw,410px);position:absolute;top:15%;right:17%;box-shadow:0 24px 48px #0003}.hero-art__card{color:var(--sd-ink);background:#ffffffe6;border-radius:12px;padding:16px 20px;font-size:14px;font-weight:600;position:absolute;bottom:12%;right:12%;box-shadow:0 14px 36px #00000029}.stt-section{grid-template-columns:.78fr 1.22fr;align-items:center;gap:72px;width:min(1120px,100% - 48px);margin:0 auto;padding:108px 0;display:grid}.stt-intro h2{letter-spacing:-.05em;margin:12px 0 22px;font-size:clamp(34px,4.5vw,54px);font-weight:500;line-height:1.18}.stt-intro h2 em{color:var(--sd-teal);font-family:var(--sd-font-serif);font-style:italic;font-weight:400}.stt-intro>p:not(.sd-eyebrow){color:var(--sd-text-muted);margin:0;line-height:1.75}.stt-intro ul{color:var(--sd-ink);gap:10px;margin:26px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.stt-intro li{align-items:center;gap:10px;display:flex}.stt-intro li:before{background:var(--sd-mint);content:"";border-radius:50%;width:7px;height:7px}.stt-card{padding:28px;box-shadow:0 24px 70px #10241f14}.stt-card__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.stt-card__header>div{gap:5px;display:grid}.stt-card__header>div span{color:var(--sd-text-muted);letter-spacing:.14em;font-size:10px;font-weight:700}.stt-card__header strong{font-size:20px;font-weight:650}.stt-status{border-radius:var(--sd-radius-pill);color:var(--sd-text-muted);background:var(--sd-field);padding:7px 11px;font-size:11px;font-weight:700}.stt-status--recording{color:var(--sd-alert);background:#c1503f1a}.stt-status--success{color:var(--sd-teal);background:#2b6f621a}.stt-recorder{background:var(--sd-ink);border-radius:12px;align-items:center;gap:22px;min-height:112px;margin:24px 0;padding:24px;display:flex}.stt-record-button{border-radius:var(--sd-radius-pill);min-width:132px;min-height:48px;color:var(--sd-ink);background:var(--sd-white);cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:13px;font-weight:700;display:inline-flex}.stt-record-button span{color:var(--sd-alert);font-size:12px}.stt-record-button:disabled{color:#ffffff8c;cursor:wait;background:#ffffff1f}.stt-recorder.is-recording .stt-record-button{color:var(--sd-white);background:var(--sd-alert)}.stt-recorder.is-recording .stt-record-button span{color:var(--sd-white)}.stt-timer{color:var(--sd-white);font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;margin-left:auto;display:flex}.stt-timer strong{letter-spacing:.04em;font-size:25px;font-weight:550}.stt-timer span{color:#ffffff7a;font-size:12px}.stt-pulse{align-items:center;gap:3px;height:32px;display:flex}.stt-pulse i{background:var(--sd-mint);border-radius:4px;width:3px;height:8px;animation:.9s ease-in-out infinite alternate stt-pulse}.stt-pulse i:nth-child(2),.stt-pulse i:nth-child(4){animation-delay:.18s}.stt-pulse i:nth-child(3){animation-delay:.36s}@keyframes stt-pulse{to{height:30px}}.stt-message,.stt-error{border-radius:8px;margin:-8px 0 18px;padding:11px 13px;font-size:13px}.stt-message{color:var(--sd-teal);background:#2b6f6214}.stt-error{color:var(--sd-alert);background:#c1503f14}.stt-label{margin-bottom:9px;font-size:12px;font-weight:700;display:block}.stt-transcript{resize:vertical;min-height:152px;line-height:1.7}.stt-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:14px;display:flex}.stt-actions p{max-width:310px;color:var(--sd-text-muted);margin:0;font-size:11px;line-height:1.55}.stt-actions .sd-button{flex:none;min-height:40px;padding:10px 17px;font-size:12px}.document-section{background:#e8efe9;padding:108px max(24px,50vw - 560px)}.document-section__heading{justify-content:space-between;align-items:end;gap:48px;margin-bottom:42px;display:flex}.document-section__heading h2{letter-spacing:-.05em;margin:12px 0 0;font-size:clamp(34px,4.5vw,54px);font-weight:500;line-height:1.18}.document-section__heading h2 em{color:var(--sd-teal);font-family:var(--sd-font-serif);font-style:italic;font-weight:400}.document-section__heading>p{max-width:520px;color:var(--sd-text-muted);margin:0;line-height:1.75}.document-workspace{grid-template-columns:.85fr 1.15fr;gap:18px;display:grid}.upload-card,.document-result{padding:26px}.file-input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.upload-dropzone{width:100%;min-height:230px;color:var(--sd-ink);text-align:center;cursor:pointer;background:#7fc7b414;border:1.5px dashed #2b6f6259;border-radius:12px;align-content:center;place-items:center;gap:10px;padding:26px;transition:border-color .16s,background .16s,transform .16s;display:grid}.upload-dropzone:hover,.upload-dropzone.is-dragging{border-color:var(--sd-teal);background:#7fc7b42e;transform:translateY(-1px)}.upload-dropzone:focus-visible{outline:3px solid var(--sd-focus);outline-offset:3px}.upload-dropzone strong{font-size:15px}.upload-dropzone>span:last-child{color:var(--sd-text-muted);font-size:11px}.upload-icon{width:46px;height:46px;color:var(--sd-white);background:var(--sd-teal);border-radius:50%;place-items:center;font-size:22px;display:grid}.sample-downloads{align-items:center;gap:8px;margin-top:14px;display:flex}.sample-downloads>span{color:var(--sd-text-muted);margin-right:auto;font-size:11px;font-weight:650}.sample-downloads a{border:1px solid var(--sd-border);border-radius:var(--sd-radius-pill);color:var(--sd-ink);background:var(--sd-white);padding:7px 11px;font-size:11px;font-weight:650;text-decoration:none}.sample-downloads a:hover{border-color:var(--sd-teal);color:var(--sd-teal)}.selected-file{background:var(--sd-field);border-radius:10px;align-items:center;gap:12px;margin-top:14px;padding:12px;display:flex}.selected-file__icon{width:42px;height:42px;color:var(--sd-white);background:var(--sd-ink);letter-spacing:.08em;border-radius:8px;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid}.selected-file>div{gap:4px;min-width:0;display:grid}.selected-file>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.selected-file>div span{color:var(--sd-text-muted);font-size:11px}.selected-file>button{color:var(--sd-text-muted);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:5px 8px;font-size:22px}.document-error{color:var(--sd-alert);background:#c1503f14;border-radius:8px;margin:14px 0 0;padding:11px 13px;font-size:13px}.upload-submit{width:100%;margin-top:16px}.document-result{flex-direction:column;min-height:448px;display:flex}.document-result__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.document-result__header>div{gap:5px;display:grid}.document-result__header>div span{color:var(--sd-text-muted);letter-spacing:.14em;font-size:10px;font-weight:700}.document-result__header strong{font-size:18px}.document-result__status{border-radius:var(--sd-radius-pill);color:var(--sd-text-muted);background:var(--sd-field);padding:7px 11px;font-size:11px;font-weight:700}.document-result__status.is-success{color:var(--sd-teal);background:#2b6f621a}.document-result__status.is-error{color:var(--sd-alert);background:#c1503f1a}.document-text{resize:vertical;flex:1;min-height:290px;line-height:1.7}.document-loading{color:var(--sd-text-muted);flex:1;align-content:center;place-items:center;gap:14px;font-size:13px;display:grid}.document-loading span{border:3px solid #2b6f6226;border-top-color:var(--sd-teal);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite document-spin}@keyframes document-spin{to{transform:rotate(360deg)}}.document-result__footer{justify-content:space-between;align-items:center;gap:18px;margin-top:14px;display:flex}.document-result__footer p{max-width:320px;color:var(--sd-text-muted);margin:0;font-size:11px;line-height:1.55}.document-result__footer .sd-button{flex:none;min-height:40px;padding:10px 17px;font-size:12px}.app-section{width:min(1120px,100% - 48px);margin:0 auto;padding:108px 0}.app-section h2,.app-cta h2{letter-spacing:-.04em;margin:12px 0 34px;font-size:clamp(30px,4vw,46px);font-weight:500}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{padding:26px}.feature-card strong{font-size:16px}.feature-card p{color:var(--sd-text-muted);margin:10px 0 0;font-size:14px;line-height:1.7}.app-cta{color:var(--sd-white);background:var(--sd-teal);padding:80px max(24px,50vw - 560px)}.app-cta .sd-eyebrow{color:var(--sd-sand)}.app-cta h2{max-width:650px;margin-bottom:14px}.app-cta p:not(.sd-eyebrow){color:#fffc;max-width:630px;margin:0;line-height:1.75}@media (width<=900px){.stt-section{grid-template-columns:1fr;gap:42px}.stt-intro{max-width:620px}.document-section__heading{flex-direction:column;align-items:flex-start;gap:20px}.document-workspace{grid-template-columns:1fr}}@media (width<=760px){.app-header,.app-section,.stt-section{width:min(100% - 32px,1120px)}.app-header nav{gap:16px}.app-header nav a:nth-child(3),.app-header nav a:nth-child(4){display:none}.app-hero{grid-template-columns:1fr}.hero-copy{min-height:490px;padding:72px 24px}.hero-art{min-height:310px}.hero-art__patient{width:270px}.stt-section,.document-section{padding-top:76px;padding-bottom:76px}.stt-card,.upload-card,.document-result{padding:20px}.stt-recorder{flex-wrap:wrap;gap:14px;padding:18px}.stt-record-button{min-width:100%}.stt-timer{margin-left:0}.stt-pulse{margin-left:auto}.stt-actions,.document-result__footer{flex-direction:column;align-items:flex-start}.feature-grid{grid-template-columns:1fr}}