:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f1f0eb;--surface:#fbfaf6;--strong:#fff;--ink:#151719;--muted:#666a6e;--line:#cacac3;--line-strong:#969994;--blue:#1746d1;--lime:#c9ff55;--danger:#a4382d;--shadow:0 28px 80px #1215181f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#101214;--surface:#181b1e;--strong:#202428;--ink:#f1f0e9;--muted:#a5a8a7;--line:#383d40;--line-strong:#656b6d;--blue:#68f;--danger:#ff8f83;--shadow:0 28px 80px #0006}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Pretendard,Noto Sans KR,sans-serif;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto 1fr auto;align-items:center;gap:36px;min-height:76px;padding:0 max(28px,50vw - 680px);display:grid;position:sticky;top:0}.brand{min-height:44px;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--ink);width:28px;height:28px;position:relative}.brand-mark i{background:var(--ink);height:2px;position:absolute;left:5px;right:5px}.brand-mark i:first-child{top:6px}.brand-mark i:last-child{bottom:6px;left:11px}.brand-name{font-size:15px;font-weight:800;display:grid}.brand-name small{color:var(--muted);letter-spacing:.19em;margin-top:2px;font:600 7px/1 Arial}.site-header nav{justify-content:center;display:flex}.site-header nav a{min-height:44px;color:var(--muted);padding:14px 12px;font-size:12px;text-decoration:none}.header-actions{align-items:center;gap:14px;display:flex}.header-actions button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:11px}.privacy-pill{border:1px solid var(--line);letter-spacing:.12em;align-items:center;gap:7px;padding:8px 10px;font:700 8px/1 Arial;display:flex}.privacy-pill span{background:#37a16e;border-radius:50%;width:6px;height:6px}.hero{padding:26px max(28px,50vw - 680px) 110px}.hero-intro{border-bottom:1px solid var(--line);grid-template-columns:.9fr 1.1fr;min-height:500px;display:grid}.hero-copy{flex-direction:column;justify-content:center;padding:55px 64px 55px 0;display:flex}.eyebrow{max-width:420px;color:var(--muted);letter-spacing:.14em;justify-content:space-between;margin-bottom:30px;font:700 9px/1 Arial;display:flex}.eyebrow span{color:var(--blue)}.eyebrow b{font:inherit}.hero h1{letter-spacing:-.065em;max-width:650px;margin:0 0 24px;font:400 clamp(48px,5.2vw,79px)/.98 Georgia,Noto Serif KR,serif}.hero-copy>p{max-width:540px;color:var(--muted);margin:0;font-size:16px;line-height:1.75}.hero-specs{grid-template-columns:repeat(3,1fr);max-width:540px;margin:42px 0 0;display:grid}.hero-specs div{border-top:1px solid var(--line-strong);padding:12px 4px 0}.hero-specs dt{color:var(--muted);letter-spacing:.12em;margin-bottom:6px;font:700 8px/1 Arial}.hero-specs dd{margin:0;font:600 11px/1.2 Arial}.hero-art{background:#111 url(/design/mail-hero.png) 50%/cover no-repeat;min-height:470px;margin:0;position:relative}.hero-art figcaption{color:#fff;text-shadow:0 1px 5px #000;justify-content:space-between;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.hero-art span{letter-spacing:.16em;font:700 8px/1 Arial}.hero-art b{font:italic 400 11px Georgia}.workspace-heading{border-top:1px solid var(--ink);color:var(--muted);letter-spacing:.1em;justify-content:space-between;margin-top:52px;padding-top:13px;font:700 11px/1 Arial;display:flex}.workspace-heading span:first-child{color:var(--ink)}.tool-panel{border:1px solid var(--line);background:var(--surface);min-height:420px;box-shadow:var(--shadow);margin-top:20px;padding:38px}.drop-zone{border:1px dashed var(--line-strong);background:var(--strong);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:45px;display:flex}.drop-zone:hover,.drop-zone.dragging{border-color:var(--blue)}.drop-zone input{display:none}.upload-icon{border:1px solid var(--ink);place-items:center;width:48px;height:60px;margin-bottom:22px;display:grid}.upload-icon span{color:var(--blue);font-size:21px}.drop-zone h2{margin:0 0 8px;font:400 24px Georgia}.drop-zone p{color:var(--muted);margin:0 0 25px;font-size:14px}.drop-zone small{color:var(--muted);margin-top:16px;font-size:10px}.button{cursor:pointer;border:0;min-height:44px;padding:11px 18px;font-size:13px;font-weight:700}.button.primary{background:var(--blue);color:#fff}.button:disabled{opacity:.45}.error-message{border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger);margin:14px 0 0;padding:12px;font-size:12px}.mail-workspace{gap:14px;display:grid}.mail-summary{border:1px solid var(--line);background:var(--strong);grid-template-columns:2fr 1fr 1fr auto;display:grid}.mail-summary>div{border-right:1px solid var(--line);gap:6px;padding:16px;display:grid}.mail-summary span{color:var(--muted);letter-spacing:.12em;font:700 8px/1 Arial}.mail-summary b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mail-summary button,.mail-toolbar button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:10px;font-weight:700}.mail-toolbar{border:1px solid var(--line);background:var(--strong);grid-template-columns:1fr auto auto;display:grid}.mail-toolbar label{padding:10px}.mail-toolbar input{width:100%;min-height:42px;color:var(--ink);background:0 0;border:0;outline:0}.mail-toolbar button{border-left:1px solid var(--line)}.mail-list{border:1px solid var(--line);background:var(--strong);max-height:520px;overflow:auto}.mail-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;padding:0 16px;display:grid}.mail-row.selected{background:color-mix(in srgb,var(--blue) 5%,var(--strong))}.mail-row>label{cursor:pointer;place-items:center;min-width:44px;min-height:70px;display:grid}.mail-row input{opacity:0;position:absolute}.check{border:1px solid var(--line-strong);color:#fff;place-items:center;width:22px;height:22px;display:grid}.selected .check{border-color:var(--blue);background:var(--blue)}.mail-row>button{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:minmax(220px,.7fr) 1.3fr auto;align-items:center;gap:14px;min-height:78px;padding:12px 0 12px 8px;display:grid}.mail-copy{gap:6px;min-width:0;display:grid}.mail-copy b,.mail-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-copy b{font-size:13px}.mail-copy small,.mail-excerpt{color:var(--muted);font-size:10px}.mail-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.open-label{color:var(--blue);font-size:9px;font-weight:700}.empty-state{text-align:center;color:var(--muted);padding:40px}.preview-panel{border:1px solid var(--ink);background:var(--strong)}.preview-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 20px;display:flex}.preview-panel header div{gap:6px;display:grid}.preview-panel header span{color:var(--blue);letter-spacing:.13em;font:700 8px/1 Arial}.preview-panel h3{margin:0;font:400 24px Georgia}.preview-panel header small{color:var(--muted);font-size:10px}.preview-panel header button{cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:26px}.message-headers{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0;display:grid}.message-headers div{border-right:1px solid var(--line);padding:12px 20px}.message-headers dt{color:var(--blue);font:700 8px/1 Arial}.message-headers dd{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:11px}.preview-panel iframe{background:#fff;border:0;width:100%;height:380px;display:block}.attachment-list{border-top:1px solid var(--line);padding:16px 20px}.attachment-list>b{color:var(--blue);font-size:9px}.attachment-list ul{color:var(--muted);margin:10px 0 0;padding-left:18px;font-size:11px}.export-status{color:var(--blue);margin:0;font-size:11px;font-weight:700}.export-bar{border:1px solid var(--ink);background:color-mix(in srgb,var(--surface) 95%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:20px;padding:11px 14px;display:flex;position:sticky;bottom:8px;box-shadow:0 14px 35px #0f121424}.export-bar>span{font-size:11px}.export-bar>span b{color:var(--blue);font-size:16px}.export-bar>div{flex-wrap:wrap;gap:6px;display:flex}.export-bar button{border:1px solid var(--line-strong);background:var(--strong);cursor:pointer;min-height:40px;padding:9px 13px;font-size:11px;font-weight:700}.export-bar button:last-child{border-color:var(--blue);background:var(--blue);color:#fff}.export-bar button:disabled{opacity:.45}.steps{max-width:1360px;margin:auto;padding:118px 28px 130px}.section-heading{grid-template-columns:1fr 2fr 1fr;align-items:end;gap:25px;margin-bottom:60px;display:grid}.section-heading>span,.feature-lead>span{color:var(--blue);letter-spacing:.15em;align-self:start;font:700 9px/1 Arial}.section-heading h2,.feature-lead h2{letter-spacing:-.045em;margin:0;font:400 clamp(36px,4vw,58px)/1.08 Georgia,serif}.section-heading>p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.step-grid{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.step-grid article{border-right:1px solid var(--line);min-height:245px;padding:21px 30px 28px 0}.step-grid article+article{padding-left:30px}.step-grid span{color:var(--blue);font:700 9px/1 Arial}.step-grid h3{margin:60px 0 14px}.step-grid p,.features p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.features{color:#f2f0e9;background:#17191b;grid-template-columns:1.4fr repeat(3,1fr);min-height:580px;padding:92px max(28px,50vw - 680px);display:grid}.feature-lead{flex-direction:column;justify-content:space-between;padding-right:55px;display:flex}.feature-lead>span{color:var(--lime)}.features article{border-left:1px solid #3d4143;flex-direction:column;justify-content:flex-end;padding:0 28px 5px;display:flex}.features article>div{color:#8e9497;margin-bottom:auto;font:700 8px/1 Arial}.features h3{margin:0 0 15px}.features p{color:#9da1a2}.faq{max-width:970px;margin:auto;padding:120px 28px 135px}.section-heading.compact{display:block}.section-heading.compact span{margin-bottom:22px;display:block}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:13px;font-weight:700}.faq p{max-width:760px;color:var(--muted);font-size:14px;line-height:1.8}.locale-switcher{max-width:130px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;font:11px Arial}footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;align-items:end;gap:24px;padding:52px max(28px,50vw - 680px);display:grid}footer div{gap:5px;display:grid}footer span{color:var(--muted);letter-spacing:.16em;font:700 7px/1 Arial}footer p,footer small{color:var(--muted);margin:0;font-size:12px;line-height:1.6}footer small{text-align:right}footer a{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.back-link{color:var(--blue);font-size:10px;font-weight:700;text-decoration:none}.legal-page{max-width:1120px;margin:auto;padding:100px 28px 130px}.legal-title{border-bottom:1px solid var(--ink);grid-template-columns:1fr 2fr;gap:22px;padding-bottom:55px;display:grid}.legal-title>span{color:var(--blue);font:700 9px/1 Arial}.legal-title h1{letter-spacing:-.06em;margin:0;font:400 clamp(48px,7vw,86px)/.96 Georgia,serif}.legal-title p,.legal-title small{color:var(--muted);grid-column:2}.legal-title p{max-width:660px;font-size:17px;line-height:1.7}.legal-title small{font-size:10px}.legal-copy{max-width:760px;margin:70px 0 0 auto}.legal-copy section{margin-bottom:52px}.legal-copy h2{font:400 28px Georgia,serif}.legal-copy p{color:var(--muted);font-size:15px;line-height:1.8}.legal-copy a{color:var(--blue)}@media (max-width:1080px){.site-header{grid-template-columns:auto 1fr;padding:12px 20px;position:relative}.site-header nav{order:3;grid-column:1/-1}.site-header nav a{white-space:nowrap}}@media (max-width:760px){.site-header{grid-template-columns:1fr auto;padding:10px 15px}.site-header nav,.privacy-pill{display:none}.hero{padding:0 14px 68px}.hero-intro{border:0;flex-direction:column;display:flex}.hero-copy{padding:40px 2px 28px}.hero h1{font-size:52px}.hero-specs{margin-top:26px}.hero-art{background-position:62%;min-height:230px}.workspace-heading{margin-top:32px}.workspace-heading span:last-child{display:none}.tool-panel{padding:10px}.drop-zone{min-height:300px;padding:24px 14px}.mail-summary{grid-template-columns:1fr 1fr}.mail-summary>div:first-child{grid-column:1/-1}.mail-summary button{border-top:1px solid var(--line);grid-column:1/-1;min-height:44px}.mail-toolbar{grid-template-columns:1fr 1fr}.mail-toolbar label{border-bottom:1px solid var(--line);grid-column:1/-1}.mail-toolbar button{min-height:44px}.mail-row{padding:0 8px}.mail-row>button{grid-template-columns:1fr;padding-left:6px}.mail-excerpt,.open-label{display:none}.message-headers{grid-template-columns:1fr}.preview-panel iframe{height:340px}.export-bar{flex-direction:column;align-items:stretch}.export-bar.preview-open{position:static}.export-bar>div{grid-template-columns:1fr 1fr;display:grid}.section-heading{display:block}.section-heading h2{margin:20px 0}.steps{padding:88px 18px}.step-grid{grid-template-columns:1fr}.step-grid article,.step-grid article+article{border-right:0;border-bottom:1px solid var(--line);min-height:190px;padding:20px 0}.features{padding:72px 20px;display:block}.feature-lead{min-height:280px;padding:0}.features article{border-top:1px solid #3d4143;border-left:0;min-height:230px;padding:24px 0}.features article>div{margin-bottom:80px}.faq{padding:90px 20px}footer{grid-template-columns:1fr;padding:42px 20px}footer small{text-align:left}}