:root{--ink: #171b16;--forest: #173e31;--forest-dark: #0d2c22;--lime: #c9f550;--cream: #f4f1e8;--paper: #fcfbf7;--line: #d9d9ce;--muted: #687067;--danger: #bd3e32;--success: #21784f;color:var(--ink);font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--cream)}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;overflow:hidden}.topbar{height:86px;padding:0 max(28px,calc((100vw - 1400px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(23,27,22,.14);background:#f4f1e8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;font-weight:800;font-size:17px;letter-spacing:.08em;line-height:1}.brand>span:last-child{display:flex;flex-direction:column;gap:5px}.brand small{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:500;letter-spacing:.18em}.brand-mark{width:38px;height:38px;background:var(--forest);border-radius:50%;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding-bottom:9px}.brand-mark i{width:4px;border-radius:3px 3px 0 0;background:var(--lime);transform:rotate(-10deg)}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:12px}.topbar nav{display:flex;gap:34px;font-size:13px;font-weight:700}.topbar nav a{position:relative}.topbar nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--forest);transition:right .18s ease}.topbar nav a:hover:after{right:0}.environment{justify-self:end;padding:9px 13px;border:1px solid rgba(23,62,49,.22);border-radius:30px;color:var(--forest);font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:500;letter-spacing:.08em}.environment i,.live-pill i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#4caf66;box-shadow:0 0 0 4px #4caf6621}main{max-width:1400px;margin:0 auto}.hero{min-height:445px;padding:76px 58px 70px;display:flex;justify-content:space-between;align-items:flex-end;position:relative}.hero:after{content:"";position:absolute;width:440px;height:440px;right:4%;top:-26%;border:1px solid rgba(23,62,49,.1);border-radius:50%;box-shadow:0 0 0 70px #173e3106,0 0 0 140px #173e3105;pointer-events:none}.eyebrow,.section-number{margin:0 0 16px;color:var(--forest);font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:500;letter-spacing:.13em}.eyebrow span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:9px;border:1px solid currentColor;border-radius:50%}.hero h1{margin:0;font-size:clamp(52px,6.8vw,96px);line-height:.98;letter-spacing:-.075em}.hero h1 em{color:var(--forest);font-style:normal}.hero-description{max-width:580px;margin:28px 0 24px;color:#565e55;font-size:16px;line-height:1.8;word-break:keep-all}.trust-row{display:flex;gap:20px;color:var(--forest);font-size:12px;font-weight:700}.hero-summary{width:270px;margin:0 0 18px 50px;position:relative;z-index:1;border-top:1px solid var(--ink)}.hero-summary>div{padding:17px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,27,22,.2)}.hero-summary strong{color:var(--forest);font-size:27px;letter-spacing:-.04em}.hero-summary span{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:8px;line-height:1.45;letter-spacing:.12em;text-align:right}.workspace{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(420px,.86fr);background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.order-card{padding:54px 58px 62px;border-right:1px solid var(--line)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:38px}.section-heading h2,.history-heading h2{margin:0;font-size:30px;line-height:1.2;letter-spacing:-.045em}.section-heading .section-number{margin-bottom:9px}.live-pill,.secure-badge{padding:8px 11px;border:1px solid var(--line);border-radius:20px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.09em}fieldset{margin:0 0 34px;padding:0;border:0}legend{width:100%;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em}.menu-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.menu-option{min-width:0;padding:9px;border:1px solid var(--line);border-radius:7px;position:relative;background:#fff;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;cursor:pointer}.menu-option:hover{transform:translateY(-2px);box-shadow:0 7px 20px #173e3114}.menu-option.selected{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)}.menu-option input,.payment-option input{position:absolute;opacity:0;pointer-events:none}.menu-art{height:68px;margin-bottom:9px;border-radius:4px;position:relative;display:grid;place-items:center;overflow:hidden;background:#d9d2bd}.menu-art:before{content:"";width:48px;height:48px;border:4px solid rgba(255,255,255,.86);border-radius:50%;background:radial-gradient(circle at 55% 42%,#f5d060 0 17%,transparent 18%),conic-gradient(from 20deg,#83a956 0 18%,#d67d4a 18% 40%,#eee3c1 40% 62%,#6a923f 62% 78%,#c96548 78%);box-shadow:0 5px 12px #00000021}.art-premium{background:#9b5840}.art-light{background:#b8c99a}.art-protein{background:#cf9d58}.art-vegan{background:#7f9d6c}.menu-art b{position:absolute;top:4px;left:4px;padding:3px 4px;color:#fff;background:#0d2c22c7;font-family:SFMono-Regular,Consolas,monospace;font-size:6px;letter-spacing:.05em}.menu-info{display:block;padding-right:12px}.menu-info strong{display:block;overflow:hidden;font-size:11px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.menu-info small{display:block;margin-top:3px;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.radio-dot{width:13px;height:13px;position:absolute;right:8px;bottom:10px;border:1px solid #aeb2a8;border-radius:50%}.selected>.radio-dot,.selected .radio-dot{border:4px solid var(--forest)}.compact-row{display:grid;grid-template-columns:.6fr 1.4fr;gap:12px;margin-bottom:34px}.compact-row>label,.calculated-total{padding:16px;border:1px solid var(--line);border-radius:7px;background:#fff}.compact-row>label>span:first-child,.calculated-total>span,.form-grid label>span{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;font-weight:700}.quantity-control{display:grid;grid-template-columns:32px 1fr 32px;align-items:center}.quantity-control button{height:32px;padding:0;border:0;border-radius:50%;color:var(--forest);background:var(--cream);font-size:18px}.quantity-control input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:21px;font-weight:800;text-align:center;-moz-appearance:textfield}.quantity-control input::-webkit-outer-spin-button,.quantity-control input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.calculated-total{display:grid;grid-template-columns:1fr auto;align-items:center}.calculated-total>span{margin:0}.calculated-total strong{color:var(--forest);font-size:24px;letter-spacing:-.04em}.calculated-total small{grid-column:1 / -1;margin-top:7px;color:#969b92;font-size:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.form-grid label{min-width:0}.form-grid label.full{grid-column:1 / -1}.form-grid b{color:#b74738}.form-grid input{width:100%;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:5px;outline:none;background:#fff;color:var(--ink);font-size:12px;transition:border-color .15s ease,box-shadow .15s ease}.form-grid input:focus{border-color:var(--forest);box-shadow:0 0 0 3px #173e3114}.form-grid input::placeholder{color:#a5aaa1}.field-error{display:block;min-height:0;margin-top:0;color:var(--danger);font-size:9px}.invalid .field-error{min-height:13px;margin-top:4px}.invalid input{border-color:var(--danger)}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-option{min-height:74px;padding:15px 44px 15px 15px;display:flex;align-items:center;gap:13px;position:relative;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.payment-option.selected{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)}.payment-option strong,.payment-option small{display:block}.payment-option strong{font-size:12px}.payment-option small{margin-top:4px;color:var(--muted);font-size:9px}.payment-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:var(--forest);background:var(--cream);font-size:15px;font-weight:800}.card-icon:before{content:"";width:20px;height:13px;border:2px solid var(--forest);border-radius:2px;background:linear-gradient(to bottom,transparent 3px,var(--forest) 3px 5px,transparent 5px)}.payment-option .radio-dot{right:15px;bottom:29px}.form-actions{padding-top:22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink)}.form-actions p{margin:0}.form-actions p span{display:block;margin-bottom:3px;color:var(--muted);font-size:9px}.form-actions p strong{font-size:25px;letter-spacing:-.05em}.primary-button{min-width:205px;height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:3px;color:#fff;background:var(--forest);font-size:12px;font-weight:800;transition:background .15s ease,transform .15s ease}.primary-button:hover{background:var(--forest-dark);transform:translateY(-1px)}.primary-button svg{width:22px;fill:none;stroke:var(--lime);stroke-width:1.8}.protocol-column{min-width:0;background:var(--forest)}.protocol-card{min-height:690px;padding:54px 46px;color:#f7f6ef;background:var(--forest)}.inverse .section-number{color:var(--lime)}.inverse h2{color:#fff}.secure-badge{border-color:#ffffff38;color:var(--lime)}.empty-state{min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pulse-ring{width:92px;height:92px;margin-bottom:25px;display:grid;place-items:center;border:1px solid rgba(201,245,80,.28);border-radius:50%;box-shadow:0 0 0 16px #c9f55009,0 0 0 32px #c9f55005}.pulse-ring i{width:11px;height:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.6);opacity:.6}}.empty-state strong{font-size:16px}.empty-state p{max-width:310px;margin:10px 0 0;color:#ffffff80;font-size:11px;line-height:1.7}.hidden{display:none!important}.transaction-head{padding:20px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.transaction-head div>span,.callback-box>div:first-child>span{display:block;margin-bottom:6px;color:#ffffff70;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.1em}.transaction-head strong{color:var(--lime);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:500;word-break:break-all}.status-chip{flex:0 0 auto;padding:7px 10px;border-radius:20px;background:#ffffff1f;font-size:9px;font-weight:700}.status-chip.paid{color:var(--forest-dark);background:var(--lime)}.status-chip.payment_failed{background:#ba4e3e}.transaction-meta{margin:0;padding:18px 0;display:grid;grid-template-columns:1.2fr 1fr .8fr;border-bottom:1px solid rgba(255,255,255,.2)}.transaction-meta div{padding-right:10px;border-right:1px solid rgba(255,255,255,.12)}.transaction-meta div:not(:first-child){padding-left:14px}.transaction-meta div:last-child{border:0}.transaction-meta dt{margin-bottom:6px;color:#ffffff6b;font-size:8px}.transaction-meta dd{margin:0;overflow:hidden;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;text-overflow:ellipsis}.callback-box{margin-top:25px}.callback-box>div:first-child>span{margin-bottom:4px;color:var(--lime)}.callback-box>div:first-child small{color:#ffffff73;font-size:9px}.scenario-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.scenario-grid button{min-height:47px;padding:8px;border:1px solid rgba(255,255,255,.18);border-radius:4px;color:#fffc;background:#ffffff0d;font-size:9px;transition:border-color .15s ease,background .15s ease}.scenario-grid button:hover{border-color:var(--lime);background:#c9f5501a}.scenario-grid button span{display:block;margin-bottom:3px;color:var(--lime);font-size:15px}.verification-result{min-height:82px;margin-top:18px;padding:15px;display:flex;gap:12px;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:#0000001a}.verification-result.accepted{border-color:#c9f55080;background:#c9f55014}.verification-result.rejected{border-color:#ff79617a;background:#bc322a1f}.verification-result.duplicate{border-color:#68bde580}.result-icon{width:29px;height:29px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:var(--lime);font-size:13px}.verification-result strong{font-size:11px}.verification-result p{margin:4px 0 0;color:#ffffff8f;font-size:9px;line-height:1.55}.verification-result code{display:block;margin-top:7px;color:var(--lime);font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.preflight-card{padding:28px 46px 34px;border-top:1px solid rgba(255,255,255,.15);color:#fff;background:var(--forest-dark)}.preflight-card h3{margin:0 0 5px;font-size:14px}.preflight-card p:not(.section-number){margin:0 0 15px;color:#ffffff75;font-size:9px}.preflight-card .section-number{margin-bottom:7px;color:var(--lime)}.preflight-card>div:nth-child(2){display:flex;gap:7px}.preflight-card button{padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:3px;color:#fff;background:transparent;font-size:9px}.preflight-card button.active{color:var(--forest-dark);border-color:var(--lime);background:var(--lime)}.preflight-card output{margin-top:12px;padding:9px 11px;display:block;border-radius:3px;color:#ffffff7a;background:#0000002e;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;line-height:1.5}.preflight-card output.rejected{color:#ffae9f}.history-section{padding:80px 58px 95px}.history-heading{margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between}.history-heading .eyebrow{margin-bottom:12px}.history-heading p:last-child{margin:10px 0 0;color:var(--muted);font-size:11px}.text-button{padding:9px 0;border:0;border-bottom:1px solid var(--ink);background:transparent;font-size:10px;font-weight:700}.history-table-wrap{min-height:155px;position:relative;border-top:1px solid var(--ink);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{padding:12px 10px;color:var(--muted);font-size:8px;letter-spacing:.06em;text-align:left}td{padding:15px 10px;border-top:1px solid var(--line);white-space:nowrap}td code{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.table-status{padding:5px 8px;border-radius:20px;background:#e8e7df;font-size:8px;font-weight:700}.table-status.paid{color:#155e3a;background:#dcebd4}.table-status.payment_failed{color:#8e3026;background:#f1dcd6}.history-empty{padding:62px 20px;color:var(--muted);font-size:11px;text-align:center}footer{min-height:165px;padding:48px max(28px,calc((100vw - 1284px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#ffffffb3;background:var(--ink)}.footer-brand{color:#fff}.footer-brand .brand-mark{background:var(--lime)}.footer-brand .brand-mark i{background:var(--forest)}.footer-brand small{color:#ffffff6b}footer p{margin:0;font-size:9px}footer>span{justify-self:end;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.08em}.toast-region{position:fixed;right:20px;bottom:20px;z-index:50;display:grid;gap:8px}.toast{width:min(360px,calc(100vw - 40px));padding:13px 15px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.16);border-radius:5px;color:#fff;background:var(--ink);box-shadow:0 12px 35px #0003;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}.toast.visible{opacity:1;transform:translateY(0)}.toast>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:var(--forest);background:var(--lime);font-size:10px;font-weight:800}.toast.error>span{color:#fff;background:var(--danger)}.toast p{margin:0;font-size:10px;line-height:1.5}@media(max-width:1050px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.workspace{grid-template-columns:1fr}.order-card{border-right:0}.protocol-card{min-height:auto}.hero-summary{display:none}.hero-copy{max-width:760px}footer{grid-template-columns:1fr 1fr}footer p{display:none}}@media(max-width:700px){.topbar{height:70px;padding:0 18px}.environment{padding:8px;font-size:0}.environment i{margin:0}.hero{min-height:420px;padding:60px 22px 54px;align-items:center}.hero:after{right:-260px}.hero h1{font-size:clamp(48px,15vw,72px)}.hero-description{font-size:14px}.trust-row{flex-wrap:wrap;gap:8px 14px;font-size:10px}.order-card,.protocol-card{padding:42px 20px 48px}.section-heading{margin-bottom:28px}.section-heading h2,.history-heading h2{font-size:25px}.menu-grid{display:flex;margin-right:-20px;padding-right:20px;overflow-x:auto;scroll-snap-type:x mandatory}.menu-option{min-width:132px;scroll-snap-align:start}.compact-row,.form-grid,.payment-options{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.form-actions{align-items:flex-end}.primary-button{min-width:170px}.transaction-meta{grid-template-columns:1fr 1fr;row-gap:14px}.transaction-meta div:nth-child(2){border-right:0}.transaction-meta div:last-child{padding-left:0}.scenario-grid{grid-template-columns:repeat(2,1fr)}.preflight-card{padding:28px 20px 34px}.history-section{padding:60px 20px 70px}.history-heading{align-items:flex-start;gap:20px}.history-heading p:last-child{max-width:230px}.text-button{flex:0 0 auto}footer{min-height:130px;padding:35px 20px}footer>span{text-align:right}}@media(max-width:430px){.hero h1{font-size:50px}.form-actions{display:block}.primary-button{width:100%;margin-top:16px}.section-heading .secure-badge{display:none}footer{grid-template-columns:1fr;gap:18px}footer>span{justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}