/* A calm, task-focused interface: clear hierarchy, quiet surfaces, one primary action. */
:root{--green:#21805b;--deep:#176747;--soft:#f1f5f2;--paper:#fff;--bg:#fff;--ink:#191f28;--muted:#6b7684;--line:#e5e8eb;--danger:#d94452;--amber:#986000;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic','Apple SD Gothic Neo',sans-serif;letter-spacing:-.3px}
body{background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}
button,.button{border-radius:14px;font-weight:600;border-color:transparent;background:#f1f5f2;color:#4e5968;transition:background .15s,color .15s;min-height:48px}
button:hover,.button:hover{background:#e9edf1;border-color:transparent}
.primary{background:#21805b;color:#fff}.primary:hover{background:#176747;color:#fff}.quiet{background:transparent}
.kakao{background:#fee500;color:#191919}.kakao:hover{background:#f5dc00}
.header{border:0;background:#fff}.header-inner{padding:22px 28px;max-width:1180px}.brand{color:#191f28;font-size:27.6px;letter-spacing:-1.3px}.brand span{color:#21805b}.header-nav a{color:#6b7684}.header-nav a:hover{color:#191f28}.header-nav .button{background:#f1f5f2;color:#4e5968}
.container{padding-top:30px}.eyebrow{color:#6b7684;font-weight:600;letter-spacing:0}.section-head h1{font-size:34.5px;font-weight:750;letter-spacing:-1px}.section-head p{color:#8b95a1}
.panel{border:0;border-radius:24px;background:#f7f9f7;padding:28px}.panel .panel{background:#fff}.quote-card{border:0;background:#f7f9f7;border-radius:24px;padding:26px}.quote-card h2{font-size:24.15px}.quote-card .price{color:#191f28}.cards{gap:20px}.badge{background:#eaf6ef;color:#176747;border-radius:7px}.badge.new{background:#eceff2;color:#6b7684}.badge.delivery{background:#fff2dc;color:#986000}
input:not([type=checkbox]),textarea,select{border:1px solid #e5e8eb;border-radius:12px;background:#fff;padding:14px;color:#333d4b}input[type=file]{background:#fff}.field{color:#4e5968}.help{color:#8b95a1}.note{background:#eef7f1;color:#4e6e5d;border-radius:14px}.note.warning{background:#fff6e7;color:#986000}.story-card{border:0;background:#f7f9f7;border-radius:24px}.photo{background:#f1f5f2}.story-copy{padding:24px}.story-copy h2{color:#333d4b}.footer{border-top:1px solid #f1f5f2;color:#8b95a1}.footer a{color:#8b95a1}.dev-banner{background:#f7f9f7;color:#8b95a1;border:0;font-size:12.65px;padding:7px 20px}
.workspace{background:#f7f9f7}.workspace .panel{background:#fff}.admin-list a{border:0;background:#fff;border-radius:16px}.admin-list a.selected{border:2px solid #21805b}.admin-nav a[aria-current=page]{background:#21805b;border-color:#21805b}.line-item{border-color:#f1f5f2}.attachment{border:0;background:#f7f9f7;border-radius:14px}.quote-item{border-color:#f1f5f2}.line-item.is-soldout{background:#fff5f5}.totals .price{color:#191f28}.empty{background:#f7f9f7;border:0;border-radius:24px}.toast{background:#333d4b}.mobile-nav{border-color:#f1f5f2;box-shadow:0 -5px 20px #191f2804}.mobile-nav a{font-weight:500;color:#8b95a1}.mobile-nav a.selected{background:transparent;color:#21805b;font-weight:700}
.home-v2{max-width:550px;margin:0 auto;padding:12px 0 20px}
.home-intro{padding:0 0 38px}.home-tag{display:inline-block;font-size:14.95px;font-weight:600;color:#6b7684;margin-bottom:18px}.home-intro h1{font-size:41.4px;line-height:1.38;letter-spacing:-1.8px;font-weight:750;margin:0 0 20px;color:#191f28}.home-description{color:#6b7684;font-size:18.4px;line-height:1.8;margin:0;letter-spacing:-.4px}
.home-section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;gap:12px}.home-section-title h2,.home-guide>h2{font-size:23px;line-height:1.5;font-weight:700;letter-spacing:-.6px;margin:0;color:#333d4b}.home-section-title>a{font-size:14.95px;font-weight:500;color:#8b95a1;display:flex;gap:6px;align-items:center}.home-section-title>a span{font-size:25.3px;line-height:1}
.field-card{display:block;border-radius:22px;background:#f1f5f2;overflow:hidden;color:#333d4b;position:relative}.field-card:hover{background:#eaf2ec;text-decoration:none}.field-image{display:block;width:100%;height:200px;object-fit:cover}.field-copy{position:relative;padding:23px 44px 22px 22px}.field-label{font-size:13.8px;color:#8b95a1;font-weight:500}.field-copy h3{font-size:20.7px;font-weight:650;line-height:1.5;letter-spacing:-.6px;margin:7px 0 6px}.field-copy p{font-size:14.95px;color:#8b95a1;line-height:1.6;margin:0}.field-arrow{position:absolute;right:21px;top:50%;transform:translateY(-50%);color:#b0b8c1;font-size:29.9px}.field-empty .field-copy{padding-top:25px;padding-bottom:25px}
.home-guide{margin-top:34px}.guide-list{list-style:none;padding:19px 0 2px;margin:0;display:flex;flex-direction:column;gap:23px}.guide-list li{display:flex;gap:15px;align-items:flex-start}.guide-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:11px;background:#eaf6ef;color:#21805b;font-size:16.1px;font-weight:650;flex-shrink:0;margin-top:1px}.guide-list h3{margin:0 0 4px;font-size:17.25px;line-height:1.6;letter-spacing:-.3px;font-weight:650;color:#333d4b}.guide-list p{margin:0;font-size:14.95px;line-height:1.6;color:#8b95a1}
.home-convert{margin-top:30px}.home-main-action{width:100%;min-height:58px;border-radius:16px;font-size:18.4px;font-weight:650;justify-content:center;gap:14px}.home-myquotes{display:block;text-align:center;padding:19px 4px 0;color:#8b95a1;font-size:14.95px}.home-myquotes strong{color:#6b7684;font-weight:600;margin-left:5px}.home-myquotes:hover{text-decoration:none;color:#4e5968}.home-footnote{text-align:center;color:#b0b8c1;font-size:12.65px;margin:14px 0 0;letter-spacing:-.2px}
@media(min-width:900px){.home-v2{max-width:580px;padding-top:25px;padding-bottom:35px}.home-intro h1{font-size:48.3px}.home-intro{padding-bottom:45px}.guide-list{gap:25px}}
@media(max-width:600px){.header-inner{padding:17px 24px}.brand{font-size:26.45px}.container{padding:23px 24px 90px}.home-v2{padding-top:8px}.home-intro h1{font-size:35.65px;letter-spacing:-1.4px}.home-tag{font-size:13.8px;margin-bottom:16px}.home-description{font-size:16.1px}.home-intro{padding-bottom:31px}.home-section-title h2,.home-guide>h2{font-size:20.7px}.field-copy h3{font-size:18.4px}.field-copy p{font-size:13.8px}.field-copy{padding:20px 40px 20px 20px}.field-image{height:170px}.home-guide{margin-top:30px}.guide-list{gap:20px;padding-top:19px}.guide-list h3{font-size:16.1px}.guide-list p{font-size:13.8px}.home-convert{margin-top:27px}.home-main-action{font-size:17.25px;min-height:55px}.home-myquotes{font-size:13.8px}.footer{padding-bottom:100px}.panel{padding:23px}.workspace .panel{padding:20px}.section-head h1{font-size:31.05px}.header-nav .button{padding:8px 12px;border-radius:11px}.dev-banner{padding:6px 16px;font-size:11.5px}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}}
@media print{body,.workspace,.panel{background:#fff}.panel{border-radius:0}.home-v2{max-width:100%}}



/* Larger text and a stable three-item navigation for customers. */
body{font-size:19.55px}
.header-nav a{font-size:18.4px}
.sub,.help,.quote-card p,.empty p{font-size:18.4px;color:#596472}
label.field{font-size:19.55px}.optional{font-size:17.25px}
.badge{font-size:17.25px;padding:7px 11px}
.home-description{font-size:20.7px;color:#596472}
.home-guide{margin-top:8px}
.guide-list h3{font-size:20.7px}.guide-list p{font-size:18.4px;color:#596472}
.guide-number{width:36px;height:36px;font-size:19.55px}
.home-main-action{min-height:60px;font-size:23px;font-weight:700}
.home-myquotes{font-size:19.55px;color:#596472;padding-top:22px}.home-myquotes strong{color:#176747}
.home-footnote{font-size:16.1px;color:#596472}
@media(max-width:760px){
.mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:6px;background:#fff}
.mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:60px;font-size:18.4px;line-height:1.4;font-weight:600;color:#4e5968;border-radius:14px;padding:8px 2px;white-space:nowrap}
.mobile-nav a.selected{background:#eaf6ef;color:#176747;font-weight:800;box-shadow:none}
.container{padding-bottom:110px}.footer{padding-bottom:120px}
.header-nav>a[href="#/request"],.header-nav>a[href="#/quotes"]{display:none}
.home-description{font-size:19.55px}.guide-list h3{font-size:20.7px}.guide-list p{font-size:18.4px}
.home-main-action{font-size:23px;min-height:60px}.home-myquotes{font-size:18.4px}
}

@media(max-width:760px){body{font-size:19.55px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;border-top:1px solid #e5e8eb}}

/* Consistent customer screens and clear upload affordance. */
.customer-main{max-width:700px;min-height:65vh;padding-top:28px}
.customer-main .section-head{margin-bottom:26px;align-items:flex-start}
.customer-main .section-head h1,.customer-main .narrow>h1{font-size:32.2px;margin:0 0 10px;line-height:1.4}
.customer-main .section-head p{font-size:19.55px;color:#596472;margin:0;line-height:1.7}
.customer-main .cards{grid-template-columns:1fr}
.customer-main .panel{padding:26px;background:#f7f9f7;border-radius:20px}
.customer-main .field{margin-top:28px;margin-bottom:10px}
.customer-main button,.customer-main .button{min-height:56px;font-size:19.55px}
.customer-main .quote-card{padding:24px;border:1px solid #e5e8eb;background:#fff;border-radius:20px}
.quote-title-link{color:#191f28;display:flex;justify-content:space-between;gap:16px;align-items:center;overflow-wrap:anywhere;line-height:1.5}
.quote-title-link span{color:#596472;font-size:32.2px;flex-shrink:0}
.upload-box{position:relative;min-height:122px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:2px dashed #8bb5a1;border-radius:16px;background:#fff;padding:20px;text-align:center}
.upload-title{color:#176747;font-weight:700;font-size:20.7px}.upload-caption{font-size:17.25px;color:#596472}
.upload-box input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.upload-box:focus-within{outline:3px solid #21805b;outline-offset:3px}
.file-list div{background:#eaf6ef;border:0;padding:12px 16px;border-radius:12px;margin-top:8px;font-size:18.4px;overflow-wrap:anywhere}
.file-list strong{color:#176747}.customer-main .empty{padding:32px 22px}.customer-main .empty .button{margin-top:12px}
@media(max-width:760px){
.customer-main{padding:24px 20px 32px;min-height:60vh}
.customer-main .panel{padding:22px 18px}.customer-main .section-head{display:block}
.customer-main .section-head>.button{margin-top:18px}
.customer-main .quote-card .form-actions{display:grid;grid-template-columns:1fr;gap:10px}
.customer-main .quote-card h2{font-size:24.15px}
.header-inner{padding:16px 20px;min-height:70px}.header-nav{gap:6px}.header-nav button{min-height:44px;font-size:16.1px}
.footer{padding:24px 20px calc(110px + env(safe-area-inset-bottom));font-size:16.1px}
.mobile-nav a{min-height:58px}.home-intro{padding-bottom:24px}.home-guide>h2{font-size:23px}
}

.home-brand-message{margin:22px 0 0;text-align:center;font-size:19.55px;line-height:1.8;color:#596472;word-break:keep-all}.home-brand-message strong{color:#176747;font-weight:750}

.home-request-box{background:#eef7f1;border:1px solid #dbece1;border-radius:24px;padding:26px 22px;display:flex;flex-direction:column;gap:22px}.home-request-box .home-brand-message{margin:0;color:#375748;font-size:20.7px;line-height:1.8;word-break:keep-all}.home-request-box .home-main-action{margin:0;box-shadow:none}.home-description strong{color:#375748;font-weight:700}@media(max-width:600px){.home-request-box{padding:24px 18px;border-radius:20px;gap:20px}.home-request-box .home-brand-message{font-size:19.55px}}

/* One shared surface for the supply message and quote action. */
.home-request-box{background:#21805b;border:0;color:#fff;gap:18px}.home-request-box .home-brand-message,.home-request-box .home-brand-message strong{color:#fff}.home-request-box .home-main-action{background:transparent;color:#fff;border:0;border-top:1px solid #ffffff55;border-radius:0;padding:20px 0 0;min-height:60px;font-weight:750}.home-request-box .home-main-action:hover{background:transparent;color:#fff;text-decoration:underline;text-underline-offset:5px}.home-request-box:focus-within{outline:3px solid #8eb49b;outline-offset:4px}

.home-trust{margin-top:42px;padding-top:32px;border-top:1px solid #e5e8eb}
.trust-since{display:inline-block;color:#176747;font-size:17.25px;font-weight:700;background:#eaf6ef;padding:7px 12px;border-radius:8px}
.home-trust h2{font-size:31.05px;line-height:1.5;letter-spacing:-.8px;margin:18px 0 12px;color:#191f28}
.trust-description{font-size:19.55px;line-height:1.8;color:#596472;margin:0;word-break:keep-all}
.trust-gallery{display:grid;gap:18px;margin-top:24px}.trust-photo{display:block;border:1px solid #e5e8eb;border-radius:18px;overflow:hidden;color:#191f28;background:#fff}.trust-photo:hover{text-decoration:none;background:#f7f9f7}.trust-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.trust-photo>div{padding:18px}.trust-photo h3{font-size:21.85px;margin:0;line-height:1.5}.trust-photo p{font-size:18.4px;color:#596472;margin:8px 0 0;line-height:1.7}.trust-more{margin-top:18px}

.home-convert>.home-brand-message{margin:0 0 22px}

/* Home: request first, supply experience second, repeat the action at the end. */
.home-v2 .home-intro{padding-bottom:0}
.home-v2 .home-convert{margin-top:26px}
.home-convert>.home-brand-message{margin:20px 0 0;font-size:18.4px;color:#596472;line-height:1.8}
.home-v2 .home-trust{margin-top:38px;padding-top:32px}
.home-trust .trust-description{margin-top:12px}
.home-final-action{margin-top:34px;padding:26px 22px;background:#eef7f1;border-radius:22px}
.home-final-action h2{font-size:26.45px;line-height:1.5;letter-spacing:-.6px;margin:0;color:#191f28}
.home-final-action p{font-size:18.4px;line-height:1.7;color:#596472;margin:12px 0 22px;word-break:keep-all}
.home-final-action .home-main-action{margin:0}
.home-intro h1{word-break:keep-all;overflow-wrap:break-word}
@media(max-width:600px){.home-intro h1{font-size:33.35px;letter-spacing:-1.2px}.home-final-action{padding:24px 20px}.home-trust h2{font-size:28.75px}.home-final-action h2{font-size:25.3px}}

/* A single column and quieter supporting sections keep the home balanced. */
.home-v2{max-width:560px;padding:12px 0 20px}
.home-v2 .home-tag{font-size:16.1px;margin-bottom:18px;color:#596472}
.home-v2 .home-intro h1{font-size:39.1px;line-height:1.5;letter-spacing:-1.2px;margin:0 0 20px}
.home-v2 .home-description{font-size:19.55px;line-height:1.9;color:#596472;word-break:keep-all}
.home-v2 .home-description strong{font-weight:600;color:#375748}
.home-v2 .home-convert{margin-top:26px}
.home-v2 .home-main-action{min-height:58px;border-radius:14px;font-size:21.85px}
.home-convert>.home-brand-message{font-size:17.25px;line-height:1.8;margin:18px 0 0;color:#596472}
.home-v2 .home-trust{margin-top:38px;padding-top:30px;border-top:1px solid #e5e8eb}
.home-v2 .trust-since{padding:0;background:transparent;font-size:16.1px;font-weight:650;border-radius:0;color:#176747}
.home-v2 .home-trust h2{font-size:28.75px;line-height:1.5;margin:12px 0;letter-spacing:-.6px}
.home-v2 .trust-description{font-size:18.4px;line-height:1.8;margin:0;color:#596472}
.home-v2 .trust-gallery{margin-top:24px;gap:20px}
.home-v2 .home-final-action{background:transparent;border-radius:0;padding:0;margin-top:26px}
.home-v2 .home-final-action .home-main-action{background:#eef7f1;color:#176747}
.home-v2 .home-final-action .home-main-action:hover{background:#dfeee5}
@media(max-width:600px){.home-v2{padding-top:4px}.home-v2 .home-intro h1{font-size:32.2px;line-height:1.5;letter-spacing:-1px}.home-v2 .home-description{font-size:18.4px}.home-v2 .home-tag{font-size:16.1px;margin-bottom:16px}.home-v2 .home-trust h2{font-size:27.6px}.home-v2 .home-brand-message{font-size:17.25px}}

/* Restore the original calm home composition. */
.home-v2{max-width:550px;margin:0 auto;padding:12px 0 20px}
.home-v2 .home-intro{padding:0 0 30px}
.home-v2 .home-tag{font-size:14.95px;font-weight:600;color:#6b7684;margin-bottom:18px}
.home-v2 .home-intro h1{font-size:41.4px;line-height:1.38;letter-spacing:-1.8px;margin:0 0 20px;font-weight:750}
.home-v2 .home-description{font-size:19.55px;line-height:1.8;color:#6b7684}
.home-v2 .home-description strong{font-weight:600;color:#4e5968}
.home-v2 .home-convert{margin-top:0}
.home-v2 .home-main-action{width:100%;min-height:58px;border-radius:16px;font-size:20.7px}
.home-v2 .home-brand-message{margin:18px 0 0;font-size:18.4px;line-height:1.8;color:#6b7684}
.home-v2 .home-field{margin-top:38px}
.home-v2 .home-section-title{margin-bottom:10px}
.home-v2 .home-section-title h2{font-size:24.15px}
.home-v2 .home-section-title>a{font-size:18.4px;color:#596472;min-height:44px}
.field-introduction{font-size:18.4px;line-height:1.7;color:#6b7684;margin:0 0 18px;word-break:keep-all}
.home-v2 .field-card{border-radius:22px;background:#f1f5f2}
.home-v2 .field-image{height:240px}.home-v2 .field-copy h3{font-size:23px}.home-v2 .field-copy p{font-size:18.4px;color:#596472}.home-v2 .field-label{font-size:16.1px}
@media(min-width:900px){.home-v2{max-width:580px;padding-top:25px;padding-bottom:35px}.home-v2 .home-intro h1{font-size:48.3px}}
@media(max-width:600px){.home-v2{padding-top:8px}.home-v2 .home-intro h1{font-size:35.65px;letter-spacing:-1.4px}.home-v2 .home-tag{font-size:16.1px;margin-bottom:16px}.home-v2 .home-description{font-size:18.4px}.home-v2 .field-image{height:200px}.home-v2 .field-copy{padding:20px 40px 20px 20px}.home-v2 .field-copy h3{font-size:20.7px}}

.home-v2 .home-convert>.home-brand-message{margin:0 0 26px;text-align:left;font-size:19.55px;line-height:1.8}.home-v2 .home-intro{padding-bottom:26px}

.home-v2 .home-description{font-size:20.7px;line-height:1.9;letter-spacing:-.35px}.home-v2 .quantity-sheet-highlight{color:#176747;font-size:23px;font-weight:750;white-space:nowrap}.home-v2 .home-description strong{font-size:19.55px;font-weight:600;color:#4e5968}@media(max-width:600px){.home-v2 .home-description{font-size:19.55px}.home-v2 .quantity-sheet-highlight{font-size:21.85px}.home-v2 .home-description strong{font-size:18.4px}}

.home-v2 .home-intro h1 .quantity-sheet-highlight{font-size:inherit;font-weight:inherit;white-space:normal;color:#176747}
.home-v2 .home-field>.home-brand-message{text-align:left;margin:0 0 20px;font-size:18.4px;line-height:1.8}

/* Compact home action, balanced against the headline. */
.home-v2 .home-intro{padding-bottom:0}.home-v2 .home-intro h1{margin-bottom:18px}.home-v2 .home-description{font-size:19.55px;line-height:1.8}.home-v2 .home-convert{margin-top:22px}.customer-main .home-v2 .home-main-action{min-height:50px;padding:12px 20px;font-size:19.55px;line-height:1.5;border-radius:12px;font-weight:650}.home-v2 .home-field{margin-top:36px}@media(max-width:600px){.home-v2 .home-description{font-size:18.4px}.customer-main .home-v2 .home-main-action{min-height:50px;font-size:19.55px}.home-v2 .home-convert{margin-top:20px}}

/* A focused first viewport: question, one supporting line, one action. */
.customer-main:has(.home-first-screen){padding-top:0}
.home-v2:has(.home-first-screen){padding-top:0}
.home-first-screen{min-height:650px;display:flex;flex-direction:column;align-items:stretch;padding:30px 0}
.home-first-screen .home-intro{padding-bottom:0}
.home-v2 .home-first-screen h1{font-size:43.7px;line-height:1.4;letter-spacing:-1.5px;margin:0 0 20px}
.home-v2 .home-first-screen .home-description{font-size:19.55px;line-height:1.8}
.home-sheet-visual{width:220px;align-self:center;margin:32px 0;background:#fff;border:1px solid #dce9e1;border-radius:18px;padding:22px;box-shadow:0 16px 45px #17674710;transform:rotate(-5deg)}
.sheet-visual-heading{display:flex;align-items:center;justify-content:space-between;font-size:19.55px;font-weight:700;color:#375748;margin-bottom:20px}.sheet-check{background:#eaf6ef;color:#21805b;border-radius:50%;width:28px;height:28px;text-align:center}
.sheet-visual-columns,.sheet-visual-row{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:12px}.sheet-visual-columns{font-size:13.8px;color:#6b7684;border-bottom:1px solid #e5e8eb;padding-bottom:10px}.sheet-visual-row{padding-top:15px}.sheet-visual-row i{height:7px;border-radius:4px;background:#e9efeb}
.home-v2 .home-first-screen .home-convert{margin-top:auto;padding-top:12px}
.customer-main .home-first-screen .home-main-action{font-size:19.55px;min-height:54px;border-radius:14px}
@media(max-width:760px){
.home-first-screen{min-height:calc(100svh - var(--home-top,70px) - var(--home-bottom,80px));padding:24px 0 20px}
.home-v2 .home-first-screen h1{font-size:clamp(33.35px,9.2vw,41.4px);line-height:1.4;margin-bottom:18px;letter-spacing:-1.2px}
.home-v2 .home-first-screen .home-description{font-size:18.4px;line-height:1.8}
.home-sheet-visual{width:190px;padding:18px;margin:24px 0;flex-shrink:0}
.home-v2 .home-field{margin-top:32px;padding-top:28px;border-top:1px solid #eef0f2}
}
@media(max-width:760px) and (max-height:700px){.home-first-screen{padding-top:16px}.home-sheet-visual{width:155px;padding:14px;margin:16px 0}.sheet-visual-heading{font-size:16.1px;margin-bottom:10px}.sheet-visual-row{padding-top:10px}.home-v2 .home-first-screen h1{font-size:32.2px;margin-bottom:12px}}
@media print{.home-first-screen{min-height:0}.home-sheet-visual{display:none}}

/* Upright quantity sheet with balanced space around the main action. */
.home-first-screen .home-sheet-visual{transform:none;width:clamp(240px,65%,320px);padding:26px;border-radius:18px;margin:30px auto;box-shadow:0 14px 38px #1767470d}
.home-first-screen .sheet-visual-heading{font-size:24.15px;margin-bottom:24px}
.home-first-screen .sheet-visual-columns{font-size:16.1px;padding-bottom:14px}
.home-first-screen .sheet-visual-row{padding-top:20px}
.home-first-screen .sheet-visual-row i{height:9px}
@media(max-width:760px){
.home-first-screen{gap:0;padding-top:24px}
.home-first-screen .home-sheet-visual{width:min(82%,300px);padding:24px;margin:24px auto;flex-shrink:1}
.home-first-screen .sheet-visual-heading{font-size:23px;margin-bottom:20px}
.home-first-screen .sheet-visual-row{padding-top:18px}
}
@media(max-width:760px) and (max-height:700px){
.home-first-screen{padding-top:16px}
.home-first-screen .home-sheet-visual{width:min(76%,250px);padding:18px;margin:16px auto}
.home-first-screen .sheet-visual-heading{font-size:20.7px;margin-bottom:14px}
.home-first-screen .sheet-visual-columns{padding-bottom:10px;font-size:14.95px}
.home-first-screen .sheet-visual-row{padding-top:13px}
.home-first-screen .sheet-visual-row i{height:7px}
}

.quantity-photo{position:relative;align-self:center;width:min(90%,320px);height:300px;margin:22px auto;background:linear-gradient(125deg,#e7e5df,#f2f0e9 55%,#dfded7);border-radius:18px;padding:16px 40px 18px;box-shadow:inset 0 0 25px #00000006;flex-shrink:0}
.quantity-paper{height:100%;background:linear-gradient(100deg,#f9f8f4,#fff 30%,#fffefa);border:1px solid #e4e1d8;box-shadow:3px 5px 9px #48483a25;padding:22px 13px;color:#49483f;position:relative}
.paper-heading{text-align:center;font-size:20.7px;font-weight:700;letter-spacing:2px;margin-bottom:18px}.paper-site{font-size:10.35px;margin-bottom:9px}.paper-table{width:100%;border-collapse:collapse;font-size:10.35px;line-height:1.6}.paper-table th,.paper-table td{border:1px solid #bcbcb3;padding:5px 3px;text-align:center;white-space:nowrap}.paper-table th{font-weight:600;background:#f2f2eb}.paper-table td{font-family:'궁서','Batang',serif;color:#354e67}.paper-handnote{display:block;font-size:11.5px;font-family:'궁서','Batang',serif;color:#354e67;margin-top:14px}.photo-example{position:absolute;bottom:8px;left:12px;font-size:11.5px;color:#65665e}.photo-attached{position:absolute;right:10px;bottom:12px;background:#fff;color:#176747;font-size:13.8px;font-weight:700;border-radius:20px;padding:7px 11px;box-shadow:0 3px 10px #0001}
@media(max-width:760px){.quantity-photo{width:min(90%,300px);height:280px;margin:20px auto;padding:14px 36px}.quantity-paper{padding-top:18px}.paper-heading{margin-bottom:14px}}
@media(max-width:760px) and (max-height:700px){.quantity-photo{height:210px;width:235px;margin:12px auto;padding:10px 30px}.quantity-paper{padding:12px 10px}.paper-heading{font-size:16.1px;margin-bottom:8px}.paper-site{margin-bottom:4px;font-size:9.2px}.paper-table{font-size:9.2px}.paper-table td,.paper-table th{padding:3px 2px}.paper-handnote{font-size:9.2px;margin-top:8px}.photo-attached{font-size:11.5px;padding:5px 8px}.photo-example{font-size:10.35px}}

/* Upright A4 sheet, with left-aligned request details. */
.quantity-photo{width:270px;height:auto;aspect-ratio:210/297;padding:16px;display:flex;align-items:stretch}
.quantity-paper{width:100%;height:auto;min-height:0;aspect-ratio:210/297;padding:24px 12px;text-align:left}
.paper-heading{text-align:left;letter-spacing:0;font-size:21.85px;margin-bottom:22px}
.paper-table th,.paper-table td{text-align:left;padding:7px 4px}
.paper-table{font-size:11.5px}.paper-site{font-size:11.5px;margin-bottom:12px}
@media(max-width:760px){.quantity-photo{width:clamp(205px,28svh,260px);height:auto;aspect-ratio:210/297;padding:12px;margin:18px auto}.quantity-paper{padding:20px 10px}.paper-heading{font-size:20.7px;margin-bottom:18px}.paper-table{font-size:10.35px}.paper-table th,.paper-table td{padding:6px 3px}}
@media(max-width:760px) and (max-height:700px){.quantity-photo{width:180px;height:auto;padding:10px;margin:12px auto}.quantity-paper{padding:14px 8px}.paper-heading{font-size:17.25px;margin-bottom:12px}.paper-site{font-size:9.2px;margin-bottom:8px}.paper-table{font-size:8.05px}.paper-table td,.paper-table th{padding:5px 2px}}

.home-case-list{display:grid;gap:24px}
.home-v2 .field-card .field-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.story-card .photo,.article>.photo,.editor-photo{aspect-ratio:4/3}
.home-case-list .field-copy p{white-space:pre-line;overflow-wrap:anywhere}
.article-details h2{font-size:24.15px;margin:28px 0 12px}.article-details .article-body{margin-top:0}

/* Larger A4 example while retaining room for the request action. */
.home-first-screen .quantity-photo{width:310px;max-width:92%;height:auto;aspect-ratio:210/297}.home-first-screen .quantity-paper{font-size:12.65px}.home-first-screen .paper-heading{font-size:24.15px}.home-first-screen .paper-table{font-size:12.65px}@media(max-width:760px){.home-first-screen .quantity-photo{width:min(82vw,34svh,310px);margin:18px auto}.home-first-screen .paper-table{font-size:11.5px}.home-first-screen .paper-heading{font-size:23px}}@media(max-width:760px) and (max-height:700px){.home-first-screen .quantity-photo{width:min(74vw,31svh,230px);margin:12px auto}.home-first-screen .paper-table{font-size:9.2px}.home-first-screen .paper-heading{font-size:19.55px}}

/* Extra room for the larger labels, including compact phone screens. */
.mobile-nav a{min-height:62px;white-space:normal;word-break:keep-all}
.customer-main input:not([type=checkbox]),.customer-main select{min-height:56px}
.customer-main .home-first-screen .home-main-action{min-height:58px;padding:13px 12px;white-space:normal;word-break:keep-all}
.home-first-screen{height:auto;overflow:visible}
.quantity-photo{flex-shrink:0}.paper-table{table-layout:auto}.paper-table td,.paper-table th{white-space:nowrap}
@media(max-width:760px){.home-first-screen .quantity-photo{width:min(82vw,30svh,280px)}.home-first-screen .quantity-paper{padding-left:8px;padding-right:8px}.home-v2 .home-first-screen h1{overflow-wrap:break-word}.header-inner{flex-wrap:wrap}}

.mobile-only-break{display:none}@media(max-width:760px){.mobile-only-break{display:initial}}

/* Keep the request privacy note aligned with the form bottom. */
#request-form>p.help:has(a[href="#/privacy"]){margin-bottom:0}#request-form>#form-error:empty,#request-form>#upload-progress:empty{display:none}#request-form{padding-bottom:20px}

.quote-variant-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef1ef;padding:5px;border-radius:15px;gap:5px;margin-bottom:16px}.quote-variant-tabs button{background:transparent;color:#596472}.quote-variant-tabs button[aria-pressed=true]{background:#fff;color:#176747;box-shadow:0 2px 8px #0001;font-weight:750}.variant-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;font-size:16px}.variant-summary span{padding:14px;background:#f7f9f7;border-radius:12px}.variant-summary strong{display:block;margin-top:6px;color:#191f28}.customer-quote-options{display:grid;gap:28px}.customer-quote-options>section{padding:20px;border:1px solid #dce8df;border-radius:18px;background:#fff}.customer-quote-options h2{color:#176747}

/* Local preview persona switch on every screen. */
.dev-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dev-banner #switch-view{min-height:36px;padding:5px 12px;border:1px solid #bdd4c5;border-radius:9px;background:#fff;color:#236347;font-size:13px;font-weight:700;white-space:nowrap}

.sourcing-editor{margin-top:24px}.sourcing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sourcing-fields label{display:grid;gap:6px}.sourcing-editor pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f4f7f4;padding:18px;border-radius:12px}.sourcing-summary{margin-bottom:24px}.sourcing-summary h2{margin-top:6px}.sourcing-summary .price{display:block}@media(max-width:600px){.sourcing-fields{grid-template-columns:1fr}}

/* Calm type hierarchy and deliberate Korean wrapping. */
.sourcing-editor{padding:32px;max-width:920px;margin:28px auto 0;color:#333d4b;line-height:1.65;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word}
.sourcing-heading{margin-bottom:20px}.sourcing-heading .eyebrow{font-size:13px;font-weight:650;color:#49765b;margin-bottom:6px}.sourcing-heading h2{font-size:25px;line-height:1.35;letter-spacing:-.04em;margin:0 0 10px;text-wrap:balance}.sourcing-heading p{font-size:15px;color:#6b7684;margin:0;text-wrap:pretty}
.sourcing-status{background:#f5f7f6;border-radius:12px;padding:14px 16px;margin-bottom:28px;font-size:13px;font-weight:650;color:#66766c}.sourcing-status span{display:block;margin-top:4px;font-weight:400;line-height:1.6;color:#7a8580}
.sourcing-fields{gap:20px 18px}.sourcing-fields label{font-size:14px;font-weight:600;gap:9px;min-width:0}.sourcing-fields input,.sourcing-fields select{width:100%;min-width:0;min-height:52px;font-size:16px;font-weight:400;letter-spacing:-.02em}.sourcing-wide{grid-column:1/-1}.sourcing-fields input::placeholder{color:#9aa4ab;font-size:14px}
.sourcing-total{padding:22px 0;margin:24px 0;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed;display:grid;gap:5px}.sourcing-total>span{font-size:14px;color:#6b7684}.sourcing-total strong{font-size:30px;line-height:1.35;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#276448}.sourcing-total small{font-size:13px;color:#8b95a1;margin-top:3px}
.sourcing-editor .sourcing-submit-note{font-size:13px;margin:14px 0 30px;line-height:1.7}.sourcing-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.sourcing-preview-heading h3{font-size:16px;margin:0}.sourcing-preview-heading>span{font-size:12px;color:#8b95a1}
.notification-preview{background:#f4f8f5;border:1px solid #e5ede7;border-radius:18px;padding:28px;margin-bottom:22px;font-size:16px;line-height:1.85;text-wrap:pretty}.notification-preview h4{font-size:23px;line-height:1.5;letter-spacing:-.04em;margin:0 0 18px;color:#253e30;text-wrap:balance}.notification-preview p{margin:0 0 18px}.notification-preview p:last-child{margin-bottom:0}.notification-preview strong{font-weight:650}.notification-amount{display:grid;gap:4px;padding:20px 0;margin:22px 0 18px;border-top:1px solid #dfe8e1;border-bottom:1px solid #dfe8e1}.notification-amount span{font-size:13px;color:#6b7c70}.notification-amount strong{font-size:30px;line-height:1.4;letter-spacing:-.04em;color:#276448;font-variant-numeric:tabular-nums}.notification-conditions{margin:0;display:grid;gap:12px;font-size:14px}.notification-conditions>div{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start}.notification-conditions dt{color:#7a8780}.notification-conditions dd{margin:0;color:#34463b}.notification-next{margin-top:24px!important;padding-top:20px;border-top:1px solid #dfe8e1;font-size:14px;color:#66756b}
.sourcing-editor button[type=submit]{min-height:54px;font-size:16px;letter-spacing:-.025em}.sourcing-action-note{text-align:center;font-size:12px;margin:10px 0 0!important;color:#8b95a1}.sourcing-editor #sourcing-error:empty{display:none}.sourcing-summary{word-break:keep-all;text-wrap:pretty;line-height:1.8}.sourcing-summary h2{line-height:1.45;text-wrap:balance}.home-description{word-break:keep-all;text-wrap:pretty}.section-head h1{word-break:keep-all;text-wrap:balance}
@media(max-width:600px){.sourcing-editor{padding:24px 20px}.sourcing-fields{grid-template-columns:1fr 1fr;gap:18px 12px}.sourcing-fields:has(input[name=availability]){grid-template-columns:1fr}.sourcing-heading h2{font-size:23px}.sourcing-heading p{font-size:14px}.notification-preview{padding:23px 20px;font-size:15px}.notification-preview h4{font-size:21px}.notification-conditions>div{grid-template-columns:90px 1fr;gap:12px}.notification-amount strong,.sourcing-total strong{font-size:28px}.wide-break{display:none}}
@media(max-width:360px){.sourcing-fields{grid-template-columns:1fr}.sourcing-editor{padding:22px 16px}.notification-conditions>div{grid-template-columns:1fr;gap:2px}}
.notification-preview p{font-size:16px;line-height:1.85;letter-spacing:-.025em}.notification-preview .wide-break{display:initial}@media(max-width:600px){.notification-preview p{font-size:15px}}

/* Highlight the total in customer quote details. */
.customer-main .quote-total-summary{background:#fff4f3;border-top:1px solid #f3d5d1;border-bottom:1px solid #f3d5d1;padding:20px 16px;border-radius:12px;gap:16px}.customer-main .quote-total-summary strong,.customer-main .quote-total-summary .price{color:#b7352d}.customer-main .quote-total-summary .price{font-variant-numeric:tabular-nums}

.quote-terms{white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word;line-height:1.85}#quote-terms{line-height:1.8;min-height:310px}