:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f2;--surface:#fbfaf7;--surface-soft:#f0efeb;--surface-strong:#e6e3dd;--text:#3f3d39;--text-strong:#1f1e1b;--text-muted:#68645e;--text-soft:#5f5a53;--line:#d6d2ca;--line-soft:#e8e5de;--accent:#d64b4b;--accent-soft:#f5dddd;--radius:2px;--max:1296px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);min-height:100%;color:var(--text);word-break:keep-all;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Noto Sans KR,Malgun Gothic,sans-serif}body{min-width:320px}a{color:inherit;text-decoration:none}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-shell{min-height:100dvh;overflow-x:hidden}.top-nav{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:minmax(190px,30%) minmax(220px,30%) 1fr auto;min-height:72px;display:grid;position:sticky;top:0}.brand-mark,.nav-note,.nav-links,.nav-cta{border-right:1px solid var(--line);align-items:center;padding:0 24px;display:flex}.brand-mark{color:var(--text-strong);letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.4rem,2vw,2rem);line-height:1}.nav-note{color:var(--text-muted);font-size:.95rem}.nav-links{color:var(--text-muted);justify-content:center;gap:clamp(20px,3vw,44px);font-size:.95rem}.nav-links a{white-space:nowrap;border-bottom:2px solid #0000;align-items:center;min-height:72px;display:inline-flex}.nav-links a:hover{border-bottom-color:var(--accent);color:var(--text-strong)}.nav-cta{color:var(--text-strong);white-space:nowrap;border-right:0;justify-content:center;font-weight:800}.nav-cta:hover{background:var(--surface-soft)}.hero-section{border-bottom:1px solid var(--line);background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);background-size:32px 32px;place-items:center;min-height:486px;display:grid}.hero-copy{width:min(calc(100% - 48px), var(--max));text-align:center;justify-items:center;gap:18px;padding:84px 0 72px;display:grid}.hero-tag,.section-tag,.result-kicker,.card-label{color:var(--text-muted);margin:0;font-size:.92rem;font-weight:700}.hero-copy h1{color:#4b4945;letter-spacing:-.075em;max-width:1050px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4.4rem,9vw,8.4rem);font-weight:400;line-height:.94}.hero-copy h1 span{white-space:nowrap;display:block}.hero-copy p:not(.hero-tag){max-width:620px;color:var(--text-muted);margin:0;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.primary-button,.secondary-button,.login-buttons button,.form-actions button,.order-panel button,.quick-card-grid button,.trait-control-grid button,.adjustment-buttons button{transition:transform .16s,background-color .16s,border-color .16s,color .16s}.primary-button,.secondary-button{border:1px solid var(--text-strong);border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button{background:var(--text-strong);color:var(--surface)}.secondary-button{background:var(--surface);color:var(--text-strong)}.primary-button:hover,.order-panel button:hover{background:#000;transform:translateY(-1px)}.secondary-button:hover,.login-buttons button:hover,.quick-card-grid button:hover,.adjustment-buttons button:hover,.trait-control-grid button:hover{background:var(--surface-soft);transform:translateY(-1px)}.primary-button:active,.secondary-button:active,.login-buttons button:active,.quick-card-grid button:active,.trait-control-grid button:active,.adjustment-buttons button:active,.order-panel button:active{transform:translateY(1px)}.login-strip,.process-section,.finder-section,.trust-section,.order-section,.site-footer{width:min(calc(100% - 48px), var(--max));margin:0 auto}.login-strip{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface);grid-template-columns:1fr auto;align-items:center;gap:20px;padding:22px 16px 22px 24px;display:grid}.login-strip div:first-child{gap:5px;display:grid}.login-strip strong{color:var(--text-strong);letter-spacing:-.05em;font-family:Georgia,Times New Roman,serif;font-size:1.6rem;font-weight:400}.login-strip span{color:var(--text-muted);line-height:1.65}.login-buttons{gap:10px;display:flex}.login-buttons button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:42px;color:var(--text-strong);white-space:nowrap;padding:0 14px;font-weight:750}.process-section,.finder-section,.trust-section,.order-section{padding-top:clamp(56px,8vw,96px)}.section-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:18px;margin-bottom:16px;padding:18px 0;display:grid}.section-bar h2,.section-heading h2,.trust-card h2,.order-section h2{color:var(--text-strong);margin:0}.section-bar h2{letter-spacing:-.06em;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,4rem);font-weight:400;line-height:1}.section-bar span{color:var(--text-muted);font-size:.95rem}.process-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.process-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);grid-template-rows:auto auto auto 1fr;gap:12px;min-width:0;padding:16px;display:grid}.card-figure{border:1px solid var(--line);background:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px), var(--surface-soft);background-size:24px 24px;place-items:center;min-height:180px;display:grid}.card-figure span{border:1px solid var(--text-strong);background:var(--surface);color:var(--text-strong);padding:12px 18px;font-weight:800}.process-grid h3{color:var(--text-strong);letter-spacing:-.07em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1}.process-grid p,.trust-card p,.promise-list p,.order-section p,.result-card p,.finder-form small,.site-footer{color:var(--text-muted);line-height:1.72}.process-grid p{margin:0}.section-heading{gap:12px;max-width:780px;margin-bottom:18px;display:grid}.section-heading h2,.trust-card h2,.order-section h2{letter-spacing:-.06em;font-size:clamp(2rem,4.8vw,4.6rem);line-height:1.04}.section-heading p{max-width:660px;color:var(--text-muted);margin:0;font-size:1.02rem;line-height:1.75}.finder-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);align-items:start;display:grid}.finder-form,.result-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);min-width:0;padding:clamp(18px,2.4vw,28px)}.finder-form{gap:22px;display:grid}.field-group{gap:8px;display:grid}.field-group label,.trait-control-grid legend,.interpretation-box strong,.order-panel strong{color:var(--text-strong);font-weight:850}.field-group textarea,.field-group input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);width:100%;color:var(--text-strong);resize:vertical;padding:14px 15px}.field-group textarea::placeholder,.field-group input::placeholder{color:var(--text-soft)}.finder-form small{font-size:.9rem}.quick-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-card-grid button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:118px;color:var(--text-strong);text-align:left;align-content:start;gap:9px;padding:16px;display:grid}.quick-card-grid strong{color:var(--text-strong);font-size:1rem}.quick-card-grid span{color:var(--text-muted);line-height:1.55}.reference-grid,.trait-control-grid,.result-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reference-grid .field-group:first-child{grid-column:1/-1}.trait-control-grid fieldset{border:1px solid var(--line);border-radius:var(--radius);min-width:0;margin:0;padding:14px}.trait-control-grid legend{padding:0 6px}.trait-control-grid fieldset>div,.order-panel div,.adjustment-buttons{flex-wrap:wrap;gap:8px;display:flex}.trait-control-grid fieldset>div{margin-top:8px}.trait-control-grid button,.adjustment-buttons button,.order-panel span{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:34px;color:var(--text-muted);padding:0 10px;font-weight:750}.trait-control-grid button.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text-strong)}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-actions .primary-button,.form-actions .secondary-button{border-radius:var(--radius)}.form-actions span{color:var(--text-soft);font-size:.94rem}.result-card{gap:16px;display:grid;position:sticky;top:88px}.result-card--empty{background:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px), var(--surface);background-size:24px 24px;align-content:center;min-height:420px}.result-card__header{gap:8px;display:grid}.result-card h3{color:var(--text-strong);letter-spacing:-.065em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:400;line-height:1.03}.result-card p{margin:0}.interpretation-box,.order-panel,.result-note-grid div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);gap:9px;padding:14px;display:grid}.blend-components,.meter-grid{gap:10px;display:grid}.bean-row{border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;gap:16px;padding:13px;display:flex}.bean-row div{gap:4px;display:grid}.bean-row strong,.bean-row b,.taste-meter strong,.result-note-grid strong{color:var(--text-strong)}.bean-row span,.result-note-grid span{color:var(--text-muted);font-size:.9rem}.taste-meter{color:var(--text-muted);grid-template-columns:58px 1fr 40px;align-items:center;gap:10px;font-size:.94rem;display:grid}.taste-meter__track{border:1px solid var(--line);background:var(--surface);border-radius:999px;height:7px;overflow:hidden}.taste-meter__track span{border-radius:inherit;background:var(--text-strong);height:100%;display:block}.taste-meter strong{text-align:right}.result-leadtime{border-left:3px solid var(--accent);padding-left:12px}.order-panel button{border-radius:var(--radius);background:var(--text-strong);min-height:42px;color:var(--surface);padding:0 14px;font-weight:850}.trust-section{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);display:grid}.trust-card,.promise-list article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.trust-card{align-content:end;gap:18px;min-height:340px;padding:clamp(20px,3vw,36px);display:grid}.trust-card p{max-width:620px;margin:0}.promise-list{display:grid}.promise-list article{align-content:center;min-height:112px;padding:20px;display:grid}.promise-list p{margin:0}.order-section{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:20px;padding-bottom:clamp(56px,8vw,96px);display:grid}.order-section div{gap:12px;display:grid}.order-section p{max-width:640px;margin:0}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:18px;padding:24px 0 34px;font-size:.95rem;display:flex}.site-footer span:first-child{color:var(--text-strong);letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:1.4rem}@supports (text-wrap:balance){.hero-copy h1,.section-heading h2,.trust-card h2,.order-section h2{text-wrap:balance}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.top-nav{grid-template-columns:1fr auto}.brand-mark,.nav-cta{min-height:58px}.nav-note{display:none}.nav-links{border-top:1px solid var(--line);border-right:0;order:4;grid-column:1/-1;justify-content:flex-start;padding:0 16px;overflow-x:auto}.nav-links a{min-height:52px}.hero-section{min-height:390px}.process-grid,.finder-grid,.trust-section,.order-section{grid-template-columns:1fr}.result-card{position:static}.order-section .primary-button{justify-self:start}}@media (max-width:640px){.brand-mark,.nav-cta{padding:0 16px}.brand-mark{font-size:1.35rem}.nav-cta{display:none}.hero-copy,.login-strip,.process-section,.finder-section,.trust-section,.order-section,.site-footer{width:min(calc(100% - 32px), var(--max))}.hero-copy{gap:14px;padding:56px 0 52px}.hero-copy h1{max-width:100%;font-size:clamp(2.85rem,12vw,3.25rem);line-height:.96}.hero-copy p:not(.hero-tag){font-size:.98rem}.hero-actions,.login-buttons,.form-actions{flex-direction:column;align-items:stretch;width:100%}.primary-button,.secondary-button,.login-buttons button,.form-actions button{width:100%}.login-strip{grid-template-columns:1fr;padding:18px}.section-bar{grid-template-columns:1fr;align-items:start}.quick-card-grid,.reference-grid,.trait-control-grid,.result-note-grid{grid-template-columns:1fr}.finder-form,.result-card{padding:16px}.taste-meter{grid-template-columns:48px 1fr 36px}.site-footer{flex-direction:column}}